@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Alef:wght@400;700&family=Assistant:wght@200..800&display=swap');

body { font-family: "Assistant", sans-serif; background-color: #fff;  font-size: 20px;line-height: 1.8em; font-style: normal;font-weight: 400; color: #666; direction: rtl; }
h1, h2, h3, h4, h5, h6 { font-family: "Assistant", sans-serif;font-size: 53px;  line-height: 55px;  letter-spacing: 1px;
 color: #383838;   text-transform: none;  font-weight: 700; margin-bottom: 30px; font-style: normal; position: relative;}
a, a:focus, a:hover, button, button:focus, input[type=submit], input[type=submit]:hover{ text-decoration:none; outline: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
input:focus, select:focus,textarea:focus,button:focus {outline: none; box-shadow:none !important; border: none;}

.container, .container-fluid { padding-left: 15px; padding-right: 15px; position: relative;}
.row { margin-left: -15px; margin-right: -15px;}
.row  [class*="col-"] { position:relative; padding-left: 15px; padding-right: 15px; }

.container-fluid.hpadding { padding: 0; overflow: hidden ;}
.zerocol { padding: 0; margin: 0; position:relative; }
.zerocol .row { margin-left: 0px; margin-right: 0px;}
.zerocol .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}

.navbar-toggler { display: none; width: 32px; height: 28px; border-radius: 0; position:absolute; left: 50%; margin-left: -16px; top: 30px; z-index: 102; border: 0; padding: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.navbar-toggler i{ width: 32px; height: 4px; background: #6e2142; border-radius: 6px; position:absolute; z-index: 5; left: 0px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; opacity: 1;font-size: 0px; line-height:  0px; color:rgba(112,112,112, 0);}
.navbar-toggler i:nth-child(1){ top: 6px;}
.navbar-toggler i:nth-child(2){top: 14px;}
.navbar-toggler i:nth-child(3){top: 22px;}
.navbar-toggler[aria-expanded="true"] i:nth-child(2) { opacity: 0;}
.navbar-toggler[aria-expanded="true"] i:nth-child(1) { transform: rotate(-45deg); top: 10px;}
.navbar-toggler[aria-expanded="true"] i:nth-child(3) { transform: rotate(45deg); top: 10px}

.header { position: fixed; left:  0; right:  0; top:  0px; z-index:  99;   -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease; height:102px; border-radius: 0; border: 0; background-color: rgba(228,204,179,0.68);box-shadow: 0px 2px 50px 0px rgba(0,0,0,0.13);}
.scrolled .header {background: #fbfbfb;  -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
.header .container-fluid { position: relative;height: 102px;}
.logo { position: absolute; right: 20px; top: 12px; z-index:  15; transition: all 0.3s ease;}
.logo a { display: inline-block; }
.logo a img { max-width: 230px; }
.logo2 { position: absolute; left: 70px; top: 12px; z-index:  15; transition: all 0.3s ease;}
.logo2 a { display: inline-block; }
.logo2 a img { max-width: 176px; }
.logo2 span { display: block; padding-top: 5px;}
.logo2 span a {color: #333;font-size: 20px; font-weight: 700; line-height: 22px;}
.scrolled .header .logo {right: -70px;}
.scrolled .header .logo2 {left: 0px;}
.scrolled .logo2 a img { max-width: 190px; }

.home_header { padding: 0; margin:75px 0 0 0;min-height: 512px;position: relative; }
.desktop_img { position: absolute; top:  0; right:  0; bottom:  0; left:  0; z-index:  1;background-color: #fff; background-position: 50%;  background-size: cover;background-repeat: no-repeat; }
.mobile_img { position: absolute; top:  0; right:  0; bottom:  0; left:  0; z-index:  1;background-color: #fff; background-position: 50%;  background-size: cover;background-repeat: no-repeat; display: none; }
.header_caption {  position: absolute; z-index:  3; width: 65%; padding-right: 5%; right: 0; top: 40%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);  font-size: 32px; font-weight: 600; text-align: center; color: #383838 ; letter-spacing: 1px;  line-height: 1.6em;  text-shadow: 0em 0.06em 0.1em rgba(0,0,0,0.2);}
.header_caption h1 {font-size: 65px;  line-height: 1.3em;}
.video { padding-top: 50px; padding-bottom: 50px;}
.home_text { display: block; position: relative; padding:  0 100px 0 400px;}
.home_text img { position: absolute; left: 30px; top: 0; max-width: 320px;}

.gallery { padding-top: 85px; padding-bottom: 50px;  max-width: 1730px; position: relative;  padding-left: 20px; padding-right: 20px;}
.gallery .row { margin-left: -20px; margin-right: -20px;}
.gallery .row  [class*="col-"] { position:relative; padding-left: 20px; padding-right: 20px; padding-bottom: 35px; }
.gallery h2 { text-align: center; padding-bottom: 40px; margin-bottom: 40px;}
.gallery h2:after { content: ""; background: #e4ccb3; width: 74px; height: 8px; position: absolute; bottom:  0; left: 50%; margin-left: -37px;}
.img_block img { width: 100%;}
.img_block { position: relative; text-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.2);width: 100%; height: 100%;transition: transform 1.0s;transform: scale(1);box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3); text-align: center; font-size: 30px;}
.img_block:hover {transform: scale(1.1);}
.more_details { position: block; }
.img_block h3 { font-size: 30px; line-height: 32px;font-weight: 600; margin:  0; padding:  40px 0;}

.form_wrap { padding:30px 0 0 0; position: relative; background: #fff; z-index:  6; }
.contact_form { position: relative; z-index:  2; width: 100%; float:  right; padding-left: 100px; margin-bottom: 70px;}
.ctitle h2 { text-align: right; color: #333; font-size: 26px; line-height: 30px; margin-bottom: 10px;}
.contact_form .form_group { display: block; position: relative; padding-bottom: 12px;width: 33.33%; float:  right; padding-left: 35px;}
.contact_form .form-control { border: 1px solid #bbb;  background: #eee; width: 100%; padding:  0 15px;  line-height: 62px; font-size: 24px; font-weight: 400; color: #040504; text-align: right;}
.contact_form .form-control:focus {
  border: solid 1px #C5A467;border-radius: 0px;
}
.contact_form .form-control:focus:required:valid {
  border: solid 1px #C5A467;border-radius: 0px;
}
.contact_form .form-control:required:valid {
  border: solid 1px #33FF33;border-radius: 0px;
}
.contact_form .form-control:focus:required:invalid {
  border: solid 1px #FF3636;border-radius: 0px;
}
.contact_form .form-control:required:invalid {
  border: solid 1px #eee;border-radius: 0px;
}

.contact_form .form_label{
  position:absolute;line-height: 60px; font-size: 24px; color: #040504;
  top:0px;
  right:15px;
  transition:all 300ms ease-in-out;
  pointer-events:none; opacity: 0; display: none;
}

.contact_form .form-control:focus~label,
.contact_form .form-control:not(:placeholder-shown)~label{
opacity: 0;
 }

.contact_form .form-control::-webkit-input-placeholder{
  color: #040504; opacity: 0.5;
}

.contact_form .form-control::-moz-placeholder{
  color: #040504; opacity: 0.5;
}
.contact_form .form-control:focus::-webkit-input-placeholder{
opacity: 1;
}

.contact_form .form-control:focus::-moz-placeholder{
 opacity: 1;
}

.button_block {position: absolute; left:  0; top:  0; transition: all 0.5s ease; }
.contact_form .form_submit { background: #297A0F ; border: solid 1px #297A0F ; border-radius: 0px; cursor: pointer; display: block; height: 44px; padding: 0; line-height: 42px; width: 100px;  font-size: 20px; font-weight: 400; color: #fff; z-index:  2;transition: all 0.5s ease;}
.button_block:hover {left: -20px;}
.button_block:hover .form_submit {padding: 0;width: 120px;  height: 54px; line-height: 54px;padding-right: 30px; transition: all 0.5s ease;}
.button_block:after {content: ""; position: absolute;   width: 10px; top: 50%; margin-top: -5px; height: 10px; background: url("../images/arrow2.svg") no-repeat center center; left: 0; background-size: 7px auto; z-index:  5; opacity: 0; }
.button_block:hover:after {opacity: 1;}


.footer { background: #383838 ; padding: 40px 0;font-size: 18px; line-height: 22px; color: #fff; font-weight: 400; position: relative; z-index:  5;}
.footer.belowindex { z-index:  2;}
.footer .container { max-width: 1750px;}
.flogo { text-align: left;}
.footer_block1, .footer_block2,.footer_block3, .footer_block4,.footer_block5 { width: 20%;}
.footer ul { display: block; width: 100%; padding:  0; margin:  0;}
.footer ul li { display: block; padding:  0; margin:  0 0 1px 0;}
.footer ul li a { font-size: 18px; line-height: 22px; color: #fff; font-weight: 400; display: inline-block; padding:  10px 0;}
.footer ul li a:hover { text-decoration: underline;}
.footer_block1 img { max-width: 250px;}
.footer ul li a i {position: absolute; right:  0; top: 5px;color: #e4ccb3; font-size: 20px; transition: all 0.5s ease;}
.footer ul li a:hover i {color: #007E12; transition: all 0.5s ease;}
.footer .footer_block1 ul li a, .footer .footer_block2 ul li a {position: relative; padding:2px 30px 2px 0;}
.footer .footer_block1 ul:nth-child(2), .footer .footer_block2 ul:nth-child(2) { padding-top: 30px; padding-bottom: 20px;}
.footer .footer_block1 ul:nth-child(2) li a {padding:2px 30px 20px 0;}
.footer .footer_block1 ul li { padding-bottom: 0px; line-height:  20px;}
.copyright { background: #262626;font-size: 16px; line-height: 22px;color: #fff; padding:  6px 30px; position: relative; z-index:  6;}

.copyright  span:nth-child(1) { float:  right;}
.copyright  span:nth-child(2) { float:  left;}
.copyright a {color: #fff;}


.social { width: 50px; position: fixed; z-index:  8; left:  0; top:  300px; padding-bottom: 35px;transition: all 0.5s ease;}
.social.active {left:  -25px;transition: all 0.5s ease;}
.social a { display: block; float:  right; width: 50px; height: 40px; line-height:  40px; text-align: center; background: #e4ccb3; color: #fff; font-size: 18px;}
.social a:hover { width: 45px;background: #6e2142;}
.social .moving { position: absolute; right:  0; bottom:  0; width: 24px; height: 24px; border-radius: 50%; background: url("../images/prev.svg") no-repeat center center rgba(0,0,0,0.3); font-size: 0px; color: rgba(255,255,255,0); border:  0; cursor: pointer; background-size: auto 12px; opacity: 0; transition: all 0.5s ease;}
.social:hover .moving { opacity: 1; transition: all 0.5s ease;}
.social.active .moving { right:  0; bottom:  0; width: 24px; height: 24px; border-radius: 0 6px 6px 0; background: url("../images/next.svg") no-repeat center center rgba(0,0,0,0.3);background-size: auto 12px; opacity: 1; transition: all 0.5s ease;}

.about_us { width: 90%; position: relative; margin: 100px auto 50px auto; padding:100px 0 0 0;box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);}
.about_us:after {content: ""; position: absolute; height: 50px; background: #fff; z-index:  2; left:  -15px; right:  -15px; bottom:  -50px;}
.about_us h1 , .about_us h2, .holiday_package h1, .common_title h1, .common_title h2{ text-align: right; padding-bottom: 40px; margin-bottom: 40px;}
.about_us h1:after, .about_us h2:after, .holiday_package h1:after, .common_title h1:after, .common_title h2:after { content: ""; background: #e4ccb3; width: 74px; height: 8px; position: absolute; bottom:  0; right: 0;}
.about_us h1:after, .holiday_package h1:after,.treatment_offer h2:after { width: 127px;}
.about_us h2:after { width: 104px;}
.common_title h1:after { width: 204px;}
.contact .common_title h1::after, .publication_wrap  .common_title h1::after{ width: 97px;}
.about_us h1 strong, .about_us h2 strong {font-size: 34px; line-height:  36px; font-weight: 400; display: block; }
.about_text { padding-left: 45%; position: relative;}
.about_text ul { padding: 0 15px 0 0;}
.img_wrap { position: absolute; left:  0; top:  15px; width: 38%;}
.img_wrap img { width: 100%; position: relative; z-index:  2;}
.about_us  .row  [class*="col-"] { padding-bottom: 50px;}
.about_us  .row  [class*="col-"]:nth-child(even) .about_text { padding-left: 0%; padding-right: 45%;}
.about_us  .row  [class*="col-"]:nth-child(even) .img_wrap { left: auto; right:  0;}
.about_us  .row  [class*="col-"]:nth-child(1) .img_wrap:after, .holiday_package  .row  [class*="col-"]:nth-child(1) .img_wrap:after {content:""; z-index:  -1; position: absolute;  right: -40px; bottom:  -40px; left:  15px; top: 15px; background: #f3e9de;}
.glightbox-clean .gslide-description {background: none;}
.glightbox-clean .gdesc-inner {padding: 5px 0; color: #fff;}
.glightbox-clean .gslide-title { color: #fff; margin-bottom: 0px;}
.img_wrap .carousel-control-prev  { left: 0; top: 50%; width: 30px; height: 30px; bottom:  auto; margin-top: -15px; background: url("../images/prev2.svg") no-repeat center center; opacity: 0; background-size: auto 30px; transition: all 0.5s ease;}
.img_wrap .carousel-control-next  { right: 0; top: 50%; width: 30px; height: 30px; bottom:  auto; margin-top: -15px;background: url("../images/next2.svg") no-repeat center center; opacity: 0;background-size: auto 30px; transition: all 0.5s ease;}
.img_wrap .carousel:hover .carousel-control-prev{opacity: 1; left:  12px;}
.img_wrap .carousel:hover .carousel-control-next{opacity: 1; right: 12px;}

.holiday_package { padding: 200px 0 20px 0;}
.holiday_package .container { max-width: 1320px;}
.mbottom { padding-bottom: 60px; text-align: center;}
.infolink {color: #297A0F; border:solid 2px #297A0F;display: inline-block; transition: all 0.5s ease;font-size: 20px;
  font-weight: 400; padding:  0 20px; position: relative;border-radius: 3px; line-height:  46px; background: rgba(242,242,242,0);font-family: "Alef", sans-serif; margin:  0 15px;}
.infolink:hover {background: rgba(242,242,242,1); padding-right: 30px; padding-left: 15px;}
.infolink:after {content: ""; position: absolute;   width: 14px; top: 50%; margin-top: -7px; height: 14px; background: url("../images/arrow3.svg") no-repeat center center; left: 10px; background-size: auto 14px; z-index:  5; opacity: 0;transition: all 0.5s ease; pointer-events: none; }
.infolink:hover:after {opacity: 1; left:  -4px;transition: all 0.5s ease;}

.bottom_text { padding-bottom: 30px;}
.bottom_text h4 { font-weight: 700; font-style: normal; text-decoration: underline;font-size: 20px; line-height: 1.8em; margin-bottom: 16px; color: #666;}
.bottom_text ul { padding: 0 0 50px 0; margin:  0; list-style: none;}
.chart_table { padding-bottom: 60px;}
.table_top { background: #297A0F; padding: 30px 0; text-align: center; color: #fff; font-weight: 500;font-size: 22px; margin-bottom: 30px; display: block;}
.table_top h3 {font-size: 36px; line-height:  42px; color: #fff; margin-bottom: 20px;}
.table_top p { margin-bottom: 0px;}
.table_wrap { display: block; overflow-y: hidden;   -ms-overflow-style: none; /* scrollbar-width: none; */  padding-bottom: 15px; }
/*.table_wrap::-webkit-scrollbar {display: none;}*/
.table_wrap table { padding: 0; margin:  0; border:  0; width: 100%; border-collapse: collapse;table-layout: fixed; }
.table_wrap table tr td, .table_wrap table tr th { width: 10%; text-align: center; padding:  12px; font-size: 20px; line-height:  24px; color: #000; font-weight: 700; border-left:solid 1px #d3d3d3!important; border-bottom:solid 1px #d3d3d3!important; background: #fff; }
.table_wrap table tr td:nth-child(1), .table_wrap table tr th:nth-child(1) { width: 27%; text-align: right;border-right:solid 1px #d3d3d3;  }
.table_wrap table tr td:nth-last-child(1), .table_wrap table tr th:nth-last-child(1) { width: 13%;}
.table_wrap.fourcol table tr td, .table_wrap.fourcol table tr th { width: 20%;}
.table_wrap.fourcol table tr td:nth-child(1), .table_wrap.fourcol table tr th:nth-child(1) { width: 40%;}
.table_wrap.fourcol table tr td:nth-last-child(1), .table_wrap.fourcol table tr th:nth-last-child(1) { width: 20%;}
.table_wrap table tr:nth-child(1) th {background: #297A0F!important; color: #fff; }
.table_wrap table tr:nth-child(odd) td {background: #eee; }
.order, .table_wrap table tr td a { display: inline-block;color:#fff; background: #297A0F; border-radius: 5px; font-size: 18px; line-height:  34px; padding:  0 10px;}

.wellness_top {padding-top: 246px; padding-bottom: 100px; position: relative; z-index:  5;}
.holiday_package.nulltop { padding-top: 100px;}
.prog_include {background-image: linear-gradient(180deg,rgba(228,204,179,0.28) 0%,rgba(228,204,179,0.28) 100%),url("../images/well_back.jpg") !important;background-size: cover; background-repeat: no-repeat; padding:100px 0  60px 0;background-position: 50%; position: relative; z-index:  4;}
.prog_include img { width: 100%;}
.well_text { display: block; padding-right: 50px; position: relative;}
.well_text:after { content: ""; width: 320px; height:  320px; background: url("../images/massage-06.png") no-repeat center center; position: absolute; right:  50px; top: -240px; z-index:  -1;}
.well_text h2 , .treatment_offer h2 { font-size: 34px;padding-bottom: 20px;}
.well_text ul { padding: 0 15px 0 0; margin:  0; list-style: circle;}


.about_text.hotel { padding-left: 55%;}
.about_text.hotel .img_wrap { width: 48%;}
.treatment_offer {background-color: rgba(228,204,179,0.28) !important; padding:  70px 0;}
.treatment_offer img { width: 100%;}
.holiday_package .container.hotel_top { max-width: 1254px;}
.treatment_text { display: block; padding-right: 30px;}
.hotel_gallery {background-image: url("../images/gallery_back.jpg") !important; background-size: cover; background-repeat: no-repeat; padding: 60px 0;background-position: 50%; position: relative; z-index:  4;}
.hotel_gallery h2 { font-size: 24px; margin-bottom: 20px; line-height:  28px; color: #666;}
.hotel_gallery ul {display: flex; flex-wrap: wrap; margin:0 -3px;padding:  0; list-style: none;}
.hotel_gallery ul li {flex: 0 0 auto;  width: 25%; max-width: 100%; padding:  0 3px 6px 3px; position: relative; }
.hotel_gallery ul li img { width: 100%; position: relative; z-index:  1;}
.hotel_gallery ul li:nth-child(n+13) { display: none;}
.gallery_text { display: block; padding-left: 40px;}
.hotel_gallery ul li:before { content: ""; transition: all 0.5s ease; position: absolute; z-index:  3;background: rgba(164,145,147,0); pointer-events: none; left:  3px; top:  0; right:  3px; bottom:  6px;}
.hotel_gallery ul li:hover:before {background: rgba(164,145,147,0.66);}
.hotel_gallery ul li:after { content: ""; transition: all 0.5s ease; position: absolute; z-index:  4;background: url("../images/zoom.svg") no-repeat center center; pointer-events: none; left:  50%; top:  50%; margin-left: -16px; margin-top: -16px; width: 32px; height: 32px; background-size: 32px auto; opacity: 0;}
.hotel_gallery ul li:hover:after {opacity: 1;}

.more_info , .treatment_text a, .magnesium_text a {transition: all 0.5s ease;border-radius: 2px; background: #6e2142; font-size: 20px; color: #fff; padding:  0 20px; line-height: 46px;box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);transition: all 0.5s ease; font-weight: 400;font-family: "Alef", sans-serif;}
.more_info:hover , .treatment_text a:hover, .magnesium_text a:hover {transition: all 0.5s ease; line-height: 50px; padding: 0 40px;}
.price_section {  background-position: 50%; background-size: cover; background-image: url("../images/rogaska_back.jpg"); background-repeat: no-repeat;background-color: #f9f9f9 ; padding:  60px 0; font-size: 18px; line-height: 24px; }
.price_section h3 { color: #666; font-size: 18px; margin-bottom: 20px; line-height:  24px;}
.price_section ul{ padding: 0 15px 0 0;}
.popup_form { position: fixed; z-index:  5; left:  0; right:  0; bottom:  0;padding: 20px 0; padding-bottom: 0px; background: #297a0f;}
.popup_form .container { max-width: 1750px;}
.popup_text { color: #fff; text-align: center;}
.popup_text h4 {font-size: 26px; color: #ffffff; font-weight: 400; margin-bottom: 15px; line-height:  28px; }
.popup_form .contact_form { padding-left: 100px; margin-bottom: 0px;}
.popup_form .contact_form .form-control {line-height: 40px;font-size: 18px; border-radius: 8px;}
.popup_form .contact_form .form_label { font-size: 18px;line-height: 40px;}
.popup_form .contact_form .form-control:focus {
border-radius: 8px;
}
.popup_form .contact_form .form-control:focus:required:valid {
border-radius:8px;
}
.popup_form .contact_form .form-control:required:valid {
border-radius: 8px;
}
.popup_form .contact_form .form-control:focus:required:invalid {
border-radius: 8px;
}
.popup_form .contact_form .form-control:required:invalid {
border-radius: 8px;
}
.popup_form .contact_form .form_submit { background: #e4ccb3 ; border: solid 1px #e4ccb3 ; border-radius: 8px; height: 40px; padding: 0; line-height: 38px; width: 90px;  font-size: 20px;color: #297a0f;}
.popup_form .button_block:hover {left: -20px;}
.popup_form .button_block:hover .form_submit {padding: 0;width: 110px;  height: 40px; line-height: 38px;padding-left: 10px; transition: all 0.5s ease;}
.popup_form .button_block:after { width: 14px; top: 50%; margin-top: -5px; height: 10px; background: url("../images/arrow4.svg") no-repeat center center; left: 12px; background-size: 13px auto; }
.popup_form .button_block:hover:after {opacity: 1; left: 6px;}

.activities_top { padding: 150px 15px 50px 15px;}
.activities_wrap { background-position: 50%; background-size: cover; background-repeat: no-repeat;background-image: linear-gradient(180deg,rgba(228,204,179,0.28) 0%,rgba(228,204,179,0.28) 100%),url("../images/blog_back.jpg") !important; padding: 0;}
.gallery.activities {max-width: 1264px;}
.activities .img_block { text-shadow: none;text-align: right;font-size: 18px; line-height:  24px;color: #383838;}
.activities .img_block h3 { text-align: right; font-size: 26px; line-height:  30px;padding: 12px 0;}
.activities_text { padding: 0 20px 20px 20px;}
.gallery.activities .row [class*="col-"] { padding-bottom: 70px;}

.publication { display: block;border: 1px solid #d8d8d8; height:  100%;}
.publication img { width: 100%;}
.publication h3 { font-size: 22px; line-height:  26px; font-weight: 600; color: #000; margin:  0; padding:  20px;}
.publication .more_details {color: #000;}
.video_youtube { padding-left: 80px;}
.about_us.contact {background-position: 50%; background-size: cover; background-repeat: no-repeat;background-image: url("../images/contact_back.jpg") !important;}
.contact_left { padding-right: 30px;}
.contact_right { padding-left: 30px;}
.contact_right img { max-width: 100%;}
.contact_left ul { display: block; padding:  0 40px 50px 0; margin:  0; list-style: none;}
.contact_left ul li { display: inline-block; padding:  0 0 0 20px; margin:  0;}
.contact_left ul li:nth-last-child(1)  { padding-left: 0px;}
.contact_left ul li a { display: block; position: relative; padding-right: 30px; }
.contact_left ul li a i { position: absolute; right:  0; top:  5px;}
.contact_left ul li a:hover i{ color: #297A0F ;}
.contact_left .contact_form { padding-left: 0px; margin-bottom: 0px; padding-bottom: 50px;}
.contact_left  .contact_form .form_group {padding-bottom: 12px; width: 33.33%;float: right; padding-left: 20px;}
.contact_left .contact_form .form-control {line-height: 54px;font-size: 18px; border-radius: 0px; background: rgba(228,204,179,0.19);}
.contact_left .contact_form .form_label { font-size: 18px;line-height: 54px;}
.contact_left .contact_form .form-control:focus {
border-radius: 0px;background: rgba(228,204,179,0.4);
}
.contact_left .contact_form .form-control:focus:required:valid {
border-radius:0px;background: rgba(228,204,179,0.4);
}
.contact_left .contact_form .form-control:required:valid {
border-radius: 0px;background: rgba(228,204,179,0.4);
}
.contact_left .contact_form .form-control:focus:required:invalid {
border-radius: 0px;background: rgba(228,204,179,0.4);
}
.contact_left .contact_form .form-control:required:invalid {
border-radius: 0px;background: rgba(228,204,179,0.19);
}
.contact_left .contact_form .form_submit { background: #e4ccb3 ; border: solid 1px #e4ccb3 ; border-radius: 0px; height: 44px; padding: 0; line-height: 42px; width: 300px;  font-size: 18px;color: #297a0f;box-shadow: 0px 12px 18px -8px rgba(0,0,0,0.2);}
.contact_left .button_block:hover {left: auto;}
.contact_left .button_block:hover .form_submit {padding: 0;width: 300px;  height: 44px; line-height: 42px;padding-left: 0px; transition: all 0.5s ease;letter-spacing: 2px;}
.contact_left .button_block:after { width: 14px; top: 50%; margin-top: -5px; height: 10px; background: url("../images/arrow4.svg") no-repeat center center; left: 50%; margin-left: -24px; background-size: 13px auto; transition: all 0.5s ease; opacity: 0;}
.contact_left .button_block:hover:after {opacity: 1; left: 50%;margin-left: -38px;transition: all 0.5s ease;}
.contact_left .button_block { left: auto; top: auto;transition: all 0.5s ease; right:  0; bottom:  0; z-index:  6;}

.chart_text { line-height:  26px; font-size: 18px; padding-bottom: 30px; }
.chart_text ul { padding: 0 15px 0 0;}
.chart_text h3 { font-weight: 700; font-style: normal; text-decoration: underline;font-size: 20px; line-height: 1.8em; margin-bottom: 16px; color: #666;}
.hotel_gallery.large ul li {width: 50%;}

.mediical_top {padding-top: 102px; padding-bottom: 50px;}
.scale_pic { display: block; position: relative; padding-right: 0px;padding-left: 0px; text-align: left;}
.scale_pic img, .magnesium_middle img { width: 100%; position: relative; z-index:  2;transition: transform 1.0s;transform: scale(1);}
.scale_pic:hover img {transform: scale(1.05);filter: grayscale(0.50);}
.scale_pic:after { content: ""; width: 320px; height: 320px; background: url("../images/massage-06.png") no-repeat center center; position: absolute; left: auto; right: 0px; bottom: -150px; z-index: 3; transition: all 0.5s ease; pointer-events: none;}
.scale_pic.magnesium:after { content: ""; width: 320px; height: 320px; background: url("../images/magnesium_pic2.png") no-repeat center center; position: absolute; left: auto; right:-100px; bottom: -150px; z-index: 3; transition: all 0.5s ease; pointer-events: none;}
.mediical_top .common_title h1, .mediical_top .common_title h2 { padding-top: 100px;}
.mediical_top .common_title h1:after {width: 130px;}
.mediical_top .common_title h2:after {width: 204px;}

.medical_middle {background-image: url("../images/medical_back.jpg") !important;background-size: cover; background-repeat: no-repeat; padding:100px 0  60px 0;background-position: 50%; position: relative; z-index:  4; line-height:  26px;}
.medical_middle img, .medical_bottom img { width: 100%;}
.medical_middle .well_text:after, .medical_bottom .well_text:after, .magnesium_bottom .well_text:after { display: none;}
.medical_middle .well_text ul, .medical_bottom .well_text ul { list-style: disc;}
.medical_middle .well_text h2 { font-size: 24px; padding-bottom: 10px;}
.medical_middle .well_text h2:after {width: 100px;}
.medical_bottom {background-color: rgba(228,204,179,0.28) !important; padding-top: 70px; padding-bottom: 20px;}
.medical_bottom .well_text {padding-right: 0px;padding-left: 50px; line-height: 26px; background: url("../images/stns.png") no-repeat right bottom 20px; height:  100%; background-size: 300px auto; padding-bottom: 300px;}
.medical_bottom .well_text h2, .mediical_top .common_title h2 { font-size: 46px;}

.magnesium_top  {background-image: url("../images/medical_back.jpg") !important;background-size: cover; background-repeat: no-repeat; padding:150px 0;background-position: 50%;}
.magnesium_top .mediical_top .common_title h1 { padding-top: 0px;}
.magnesium_middle { padding-left: 0px; padding-right: 0px;}
.magnesium_bottom {background-image: url("../images/medical_back.jpg") !important;background-size: cover; background-repeat: no-repeat; padding:150px 0;background-position: 50%;}
.magnesium_text {padding-left: 30px;}
.magnesium_middle .magnesium_text {padding-right: 30px;padding-left: 0px;}


  

/* #Media Queries ================================================== */
@media (min-width: 768px) {	

}
@media (min-width: 992px) {		
	.navbar { padding: 0; display: block; margin: 0; position: absolute; left:  250px; right:  250px; z-index:  16; top: 40px; line-height: 24px;}
	.nav_block ul{padding:0;margin:0;list-style:none; text-align:center;width:100%; display: block;}
	.nav_block ul  li { display: inline-block; margin: 0; padding: 0 1px; position: relative; }
	.nav_block ul  li a { text-decoration:none; font-size: 18px;display:inline-block;padding: 0 10px; margin:  0; line-height: 32px; color: #383838; font-weight: 400;position: relative; z-index:  6; }
	.nav_block ul  li a:hover {color: #383838;}	
	.nav_block ul li:focus > a, .nav_block li:hover > a, .nav_block li > a:focus, .nav_block li > a:hover, .nav_block li.active > a{ color: #383838;text-decoration:none; }
	.nav_block ul li:focus > a.has_sub:after, .nav_block li:hover > a.has_sub:after, .nav_block li > a.has_sub:focus:after, .nav_block li > a.has_sub:after, .nav_block li > a.has_sub:hover:after, .nav_block li.active > a.has_sub:after { content: ""; position: absolute;   width: 10px; top: 50%; margin-top: -5px; height: 10px; background: url("../images/arrow.svg") no-repeat center center; right: 0; background-size: 10px auto;}
	.nav_block li > a.has_sub { padding-right: 20px;}
	.nav_block ul li ul{margin:0;  position:absolute; left: 0px; top:100%; z-index: 5; list-style:none; display: block; visibility:hidden; opacity: 0;max-height: 0px; line-height: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; padding: 0; background: #fff; ;  width: 280px; border-top: solid 2px #e4ccb3; }
	.nav_block ul li ul li{ list-style:none; padding:5px 0; margin: 0 0 1px 0; height: auto;width: 100%; display: block; }
	.nav_block ul li ul li a{padding: 0 20px;display:block; color:  #383838; font-size: 18px; line-height: 24px;  position: relative; font-weight: 400; text-align: right;}
	.nav_block ul li ul li a:hover{color: #383838; opacity: 0.6;}
	.nav_block ul li:hover ul, .nav_block ul li:focus-within ul {max-height: 500px; opacity: 1; visibility:visible; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
	.nav_block ul li ul li a:after { display: none!important;}
	.nav_block ul li ul li:nth-child(1)  { padding-top: 20px;}
	.nav_block ul li ul li:nth-last-child(1) { padding-bottom: 20px;}
}

 @media (min-width: 992px) and (max-width:1500px) {
	 .logo { right: 0px; top: 26px;}
	 .scrolled .header .logo {right: -50px;}
	 .logo a img {max-width: 144px;}
	 .logo2 {left: 20px; top: 12px;}
	 .logo2 a img {max-width: 112px;}
	 .scrolled .logo2 a img { max-width: 120px;}
	 .logo2 span { line-height: 30px;}
	 .logo2 span a {font-size: 18px;line-height: 24px;}
	 .navbar { left: 150px; right: 150px;}
	 .nav_block ul li a {  padding: 0 5px;  }
	 .nav_block li > a.has_sub { padding-right: 15px;  }
	 .home_header { margin: 45px 0 0 0; min-height: 512px;	 }
	 .header_caption { width: 60%; padding-right: 0%; right: 50%; margin-right: -30%; top: 40%; font-size: 26px; line-height:  30px;}
	 .header_caption h1 {font-size: 45px;line-height: 50px;}
	 .footer_block1 img { max-width: 160px;}
	 .img_block h3 {font-size: 22px;line-height: 24px; padding: 30px 0; letter-spacing: 0px;}
	 .about_us { width: 94%;}


}

/* END__ */
 @media only screen and (max-width: 1199px) {


}
@media (min-width: 992px) and (max-width:1199px) {
	.home_header { margin: 20px 0 0 0;}
	.header_caption { width: 70%; right: 50%; margin-right: -35%; top: 40%; font-size: 26px; line-height:  30px;}
	 .gallery_text { padding-left: 10px;}
	.video_youtube { padding-left: 50px;}
	.contact_left { padding-right: 0px;}
	.contact_right { padding-left: 0px;}

	

}
@media (min-width: 768px) and (max-width: 991px)  {
	.home_header { margin: 45px 0 0 0; min-height: 800px;	 }
	.header_caption {  width: 80%; right: 2%; margin-right: 0%; top: 30%; font-size: 28px; line-height:  32px; text-align: right;}
	.header_caption h1 {font-size: 60px;line-height: 65px;}
	

		
	
}	
 @media only screen and (max-width: 991px) {	 
	 .navbar-toggler { display: block;}	 
	 
	 .navbar { position: absolute; right: 30px; top: 102px; left: 30px; padding:0; display: block; }
	 .navbar .navbar-collapse { position:fixed; left: 30px; right: 30px; top: 102px; height:0!important; transition: height 0.3s; z-index: 9; overflow-y: auto ;  border-top: solid 3px #e4ccb3; } 
	 .navbar .navbar-collapse.show {height:calc(100vh - 102px) !important;max-height: none; transition: height 0.3s;}
	 .navbar ul { display: block;position: relative; width: 100%;  margin: 0;list-style: none; text-align: right; float: right; background: #fff;  box-shadow: 0 2px 5px rgba(0,0,0,.1);  padding:  0 20px 20px 20px;}
	 .navbar ul li {width: 100%; float: right; padding: 0; position:relative;}
	 .navbar ul li a { width: 100%; float: right; color: #000; font-size: 18px; line-height: 40px;  z-index: 9; padding: 5px 34px 5px 15px; background: #fff; font-weight: 400; border-bottom: solid 1px #f7f7f7;}
	 .navbar ul li:focus > a, .navbar ul li:hover > a, .navbar ul li > a:focus, .navbar ul li > a:hover, .navbar ul li > a.active, .navbar ul li.active > a{ color:#000 !important; background: #f5f5f5;}
	 .navbar ul  li a:hover{ color:#000 !important; background: #f9f9f9;}
	 .navbar ul  li a.has_sub, .navbar ul  li a.has_sub.active {background-color: #f5f5f5; font-weight: 700; position: relative;  padding-right: 34px;}
	 .navbar ul  li a.has_sub.active:hover {color:#000 !important; background: #f5f5f5; }
	 .navbar ul li a.has_sub + ul{ padding:  0 30px; margin-left: auto; display: block; max-height: 0px !important; min-width: 100%; visibility: inherit; position:relative; left: auto; right: auto; top: auto; width: 100%; float: left; z-index: 5;background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1);   overflow: hidden;   -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;border: 0!important;;box-shadow: none !important;}
	 .navbar ul li a.has_sub.active + ul {border: 0!important;box-shadow: none !important; max-height: 1400px !important; visibility:visible;   -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;  transition: all 1s ease; }
	 .navbar ul li a.has_sub + ul li{line-height:40px; text-align: right; border-right: none; width:100%; list-style:none; padding: 0; }
	 .navbar ul li a.has_sub + ul li a{display:block;color: #000; font-size: 18px; line-height: 30px; font-weight: 400; background:#fff; width: 100%;font-weight: 400; padding: 5px 15px;  }
	 .navbar ul li a.has_sub + ul li a:hover{text-decoration:none; color:#000 !important; background:#f9f9f9; width: 100%;}
	 .navbar ul li a.has_sub:after {  content: '\2b'; font-family: 'FontAwesome'; color: #000; position:absolute;top: 50%; margin-top: -7px; right: 8px; width: 14px; height: 14px; text-align: center; line-height:  12px; font-size: 13px; font-weight: 400;  transform: rotate(0deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
	 .navbar ul li a.has_sub.active:after{ transform: rotate(45deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}	 
	 
	 .logo { left: 30px; right: auto; top: 12px;}
	 .logo a img { max-width: 230px; }
	 .logo2 { right: 30px; left: auto; top: 12px; }
	 .scrolled .header .logo {right: auto;}
	 .scrolled .header .logo2 {left: auto;}
	 .logo2 a img, .scrolled .logo2 a img { max-width: 180px; }
	 .home_header { min-height: 600px;}
	 .header_caption {  width: 80%;padding-right:0%; right: 20px; margin-right: 0%; top: 40%; font-size: 22px; line-height:  28px; text-align: right;}
	 .header_caption h1 {font-size: 40px;line-height: 50px;}

	 .home_video { padding-left: 40px; padding-right: 40px;}
	 .gallery { padding: 50px 40px; }
	 .gallery .row { margin-left: -20px; margin-right: -20px;}
	 .gallery .row  [class*="col-"] { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; }
	 .home_text { padding: 0;}
	 .home_text img {  position: relative; left: auto; top: auto; max-width: 320px;}
	 .footer_form { padding-left: 40px; padding-right: 40px;}
	 .copyright {padding: 6px 15px;}
	 .footer { padding-left: 25px; padding-right: 25px;}
	 .footer_block1 { order: 5 !important; width: 100%;}
	 .footer_block2 { order: 4 !important; width: 50%;padding-bottom: 30px;}
	 .footer_block3 { order: 3 !important; width: 50%;padding-bottom: 30px;}
	 .footer_block4 { order: 2 !important; width: 50%;padding-bottom: 30px;}
	 .footer_block5 { order: 1 !important; width: 50%; padding-bottom: 30px;}
	 
	 .contact_form { padding-left: 0px; margin-bottom: 40px; padding-bottom: 50px;}
	 .contact_form .form_group {width: 100%; padding-left: 0px;padding-bottom: 20px;}
	 .button_block { left: 0; top: auto; bottom:  0;}
	 .social  { display: none;}
	 
	 .about_us { width: 94%;margin: 100px auto 50px auto; padding:0;}
	 .about_us { width: 94%;margin: 100px auto 50px auto; padding:0;}
	.about_us:after {left:  -15px; right:  -15px; bottom:  -50px;}
	.about_us h1 , .about_us h2, .holiday_package h1, .common_title h1, .common_title h2{  padding-bottom: 30px; margin-bottom: 30px;}
	.about_us h1:after, .about_us h2:after, .holiday_package h1:after, .common_title h1:after, .common_title h2:after {bottom:  0; right: 0;}
	.about_text { padding-left: 0%;}
	.img_wrap { position: relative; left:  auto; top:  auto; width: 100%; margin-bottom: 40px;}
	.about_us  .row  [class*="col-"] { padding-bottom: 30px;}
	.about_us  .row  [class*="col-"]:nth-child(even) .about_text { padding-left: 0%; padding-right: 0%;}
	.about_us  .row  [class*="col-"]:nth-child(even) .img_wrap { left: auto; right:  auto; margin-bottom: 0px; padding-top: 15px;}
	.about_us  .row  [class*="col-"]:nth-child(1) .img_wrap:after, .holiday_package  .row  [class*="col-"]:nth-child(1) .img_wrap:after { right: -30px; bottom:  -30px; left:  15px; top: 15px;}
	 
	 
	 .holiday_package { padding: 100px 25px 0 25px;}
	 /*.table_wrap table { width: 1000px;}
	 .table_wrap.fourcol table { width: 100%;}*/
	 .prog_include { padding:  30px 25px 50px 25px;}
	 .well_text { padding-right: 0px;}
	 .wellness_top { padding: 130px 40px 60px 40px;}
	 .holiday_package.nulltop { padding-top: 60px;}
	 .treatment_text { display: block; padding-right: 0px;}
	 .treatment_offer { padding: 50px 25px; }
	 .treatment_offer .row  [class*="col-"]:nth-child(1) {order: 2 !important;}
	 .treatment_offer .row  [class*="col-"]:nth-child(2) {order: 1 !important;}
	 .treatment_offer .common_title h2:after { width: 100%;}
	 .about_text.hotel { padding-left: 0%;}
	 .about_text.hotel .img_wrap { width: 100%;}
	 .gallery_text { padding-left: 0px;}
	 .hotel_gallery, .price_section {padding: 60px 25px;}
	 
	 .popup_form .contact_form { padding-left: 80px; margin-bottom: 0px; padding-bottom: 20px;}
	 .popup_form .contact_form .form_group {width: 33.33%; padding-left: 25px;padding-bottom: 0px;}
	 .popup_form .button_block { left: 0; top: 0; bottom:  auto;}
	 .activities_top { padding: 150px 40px 40px 40px;}
	 .video_youtube { padding-left: 0px;}
	 .contact .row  [class*="col-"]:nth-child(1) {order: 2 !important;}
	 .contact .row  [class*="col-"]:nth-child(2) {order: 1 !important;}
	 .contact_left { padding-right: 0px; padding-top: 50px;}
	 .contact_right { padding-left: 0px;}
	 .contact_left .contact_form .form_group {padding-bottom: 15px; width: 100%;float: right;padding-left: 0px;}
	 .about_us.contact { margin-bottom: 0px;}
	 

}
/* END__ */
	 
 @media only screen and (max-width: 767px) {
	 body { font-size: 18px; line-height: 22px;}
	 h1, h2, h3, h4, h5, h6 { font-size: 34px;  line-height: 40px; }
	 .desktop_img {display: none;}
	 .mobile_img { display: block; }
	 .gallery h2 {padding-bottom: 30px; margin-bottom: 10px;}
	 .about_us h1 strong, .about_us h2 strong {font-size: 24px; line-height:  28px;}
	 .table_top { padding:50px 30px; text-align: center;font-size: 18px;}
	 .table_top h3 { font-size: 20px; line-height: 26px;}
	 
	 .mbottom { text-align: center; padding-top: 40px;}
	 .infolink { float:  none; margin-right: 0px; margin-left: 0px; margin-top: 15px; margin-bottom: 15px;}
	 .well_text h2 , .treatment_offer h2 {font-size: 28px;}
	 .well_text:after { display: none;}
	 .table_wrap table { width: 700px;}
	 .hotel_gallery ul li { width: 33.33%;}
	 .popup_form, .footer.belowindex { display: none;}
	 
	 
	 .table_wrap table tr:nth-child(1) {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .table_wrap table tr {
    border-bottom: 2px solid #ddd;
    display: block;
  }
  
 .table_wrap table tr td {
    border: 1px solid #d3d3d3!important; border-bottom: 0!important;
    display: block;
    text-align: right; position: relative; padding-right: 47%!important; width: 100%!important;
  }
  
  .table_wrap table tr td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
	  
position: absolute;
    top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);
    right: 0px;
    width: 45%;
    white-space: nowrap;
    content: attr(data-label);   z-index:  2; text-align: center; color: #fff;
  }
	 
	 .table_wrap table tr td:after {content: "";width: 45%; position: absolute; right:  0; top:  0; bottom:  0;background: #297A0F; z-index:  1;}
  
  .table_wrap table tbody tr:nth-last-child(1) td {
    /*border-bottom: 1px solid #d3d3d3!important;*/
  }
	 .table_wrap.special table tbody tr:nth-child(2) td:nth-child(1){ display: none;}
	 .table_wrap.special table tbody tr:nth-child(2) td:nth-child(2) { padding-right: 0%!important; text-align: center;}
	 .table_wrap.special table tbody tr:nth-child(2) td:nth-child(2):before, .table_wrap.special table tbody tr:nth-child(2) td:nth-child(2):after { display: none;}
	 
	 .mediical_top .row  [class*="col-"]:nth-child(1) {order: 2 !important;padding-left: 30px; padding-right: 30px;}
	 .mediical_top .row  [class*="col-"]:nth-child(2) {order: 1 !important;}
	 .mediical_top .row  [class*="col-"]:nth-child(3) {order: 3 !important;padding-left: 30px; padding-right: 30px;}
	 .scale_pic {padding-left: 0px; padding-right: 0px;}
	 .medical_bottom .well_text h2, .mediical_top .common_title h2 { font-size: 34px;}
	 .mediical_top .common_title h2 { padding-top: 40px;}
	 .medical_middle { padding: 0px 0 60px 0;}
	 .medical_middle .well_text { padding-left: 15px; padding-right: 15px;}
	 .medical_bottom .row  [class*="col-"]:nth-child(1) {order: 2 !important;}
	 .medical_bottom .row  [class*="col-"]:nth-child(2) {order: 1 !important;}
	 .medical_bottom .well_text { padding-left: 0px; background-position:  right bottom;}
	 .magnesium_top { padding: 70px 0 0 0;}
	 .scale_pic.magnesium:after { right: 0;}
	 .magnesium_top .magnesium_text { padding:80px 0px 0px 0px;}
	 .magnesium_middle .magnesium_text { padding:30px 15px 50px 15px;}
	 .magnesium_middle .row  [class*="col-"]:nth-child(1) {order: 2 !important;}
	 .magnesium_middle .row  [class*="col-"]:nth-child(2) {order: 1 !important;}
	 .magnesium_bottom { padding: 100px 0 50px 0;}
	 .magnesium_bottom .row  [class*="col-"]:nth-child(1) {order: 2 !important;}
	 .magnesium_bottom .row  [class*="col-"]:nth-child(2) {order: 1 !important;}
	 .magnesium_bottom .magnesium_text { padding-right: 15px; padding-left: 15px; padding-top: 100px;}

	 

}
/* END__ */
 @media only screen and (max-width: 575px) {
	 .logo { left: 5px;  top: 20px; }
	 .logo a img { max-width: 140px;  }
	 .logo2 {  right: 10px; top: 20px;}
	 .logo2 a img, .scrolled .header .logo2 a img { max-width: 100px;  }
	 .logo2 span a {font-size: 14px;line-height: 18px;}
	 .copyright span { width: 100%; text-align: center;}
	 .about_us  .row  [class*="col-"]:nth-child(1) .img_wrap:after, .holiday_package  .row  [class*="col-"]:nth-child(1) .img_wrap:after { right: -15px; bottom:  -15px; left:  15px; top: 15px;}
	 .prog_include { padding:  30px 15px 50px 15px;}
	 .wellness_top { padding: 130px 30px 60px 30px;}
	 .activities_top { padding: 150px 40px 40px 40px;}

	 
	 


}
/* END__ */
 @media only screen and (max-width: 475px) {
	   

	 
}
/* END__ */
 @media only screen and (max-width: 400px) {
	 .home_video, .footer_form, .gallery {    padding-left: 30px;  padding-right: 30px;  }
	 .footer { padding-left: 15px;  padding-right: 15px;  }
	 .holiday_package { padding: 100px 15px 0 15px;}
	 .treatment_offer { padding: 50px 15px;}
	 .hotel_gallery, .price_section {padding: 60px 15px;}
	 .activities_top { padding: 150px 30px 40px 30px;}
	 .contact_left ul {padding: 0 0px 50px 0;}
	 .contact_left .contact_form .form_submit {width: 100%; }
	 .contact_left .button_block:hover .form_submit {width: 100%; }
	 .contact_left .button_block, .contact_left .button_block:hover { left:	  0; right:  0;}

}
/* END__ */
a:focus-visible, button:focus-visible, input[type=submit]:focus-visible, label:focus-visible, .logo a:focus-visible, .color_select label:focus-visible { border: solid 1px #FF0004!important;}
 input[type='number']{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input[type='number'] {
     -moz-appearance:textfield;
}

.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

.sr-only:focus-visible {
  color:black;
  width:auto;
  left:auto;
  right:0;
  height: auto;
  border:1px solid black;
  clip:auto;
  background: white;
  text-indent: 0;
  z-index: 9999999;
}