/*---------------------iPad PORTRAIT--------------*/
/*---------------------iPad PORTRAIT--------------*/
/*---------------------iPad PORTRAIT--------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 2880px) and (orientation: portrait) {
.our_news_images {
position: relative;
height: 80px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 30%;
}
.general_header_link_inside_image {
position: relative;
text-decoration: none;
/* top:9.5px; */
top: 10px !important;
}
.general_button_inside_image_more_info {
position: relative;
display: block;
text-decoration: none;
font: 300 28px/28px "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-top: 9.5px;
color: black;
text-align: center;
}
/* -------------------- TOP ROW ---------------------- */
.top_menu_row_left {
position: relative;
left: 0px;
height: 100px;
width: 24%;
float: left;
/* border:1px solid magenta; */
}
.top_menu_row_middle {
position: relative;
height: 100px;
float: left;
width: 50%;
/* border:1px solid gray; */
}
.top_menu_row_right {
position: relative;
right: 0px;
height: 100px;
width: 24%;
float: right;
/* border:1px solid red; */
}
.responsive_menu_icon {
position: relative;
margin-top: 37px;
height: 25px;
/* border:1px solid red; */
}
.top_menu_row_supercontainer {
position: relative;
height: 100px;
width: 100%;
/* border:1px solid red; */
}
#top_logo {
position: relative;
width: 99%;
height: 100px;
top: 0px;
left: 0px;
z-index: 99999999999;
}
/* -------------------- TOP ROW ---------------------- */
#footer_section_copyrights {
padding-top: 3px;
padding-bottom: 3px;
position: relative;
width: 100%;
height: auto;
background-color: #eeeeee;
}
.footer_text_copyrights {
position: relative;
width: 90%;
text-align: center;
padding: 5px;
font: 300 20px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: black;
}
.footer_flexibook_logo_image {
position: relative;
margin-top: 23px;
}
#footer_flexibook_logo {
position: relative;
margin-top: 0px;
width: 100%;
height: 100px;
background-color: #e5e3d9;
}
.footer_section_links_header {
padding-top: 12px;
padding-bottom: 5px;
font: 300 25px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #0079de;
text-align: center;
border-bottom: 2px solid #f8f133;
padding-bottom: 5px;
}
.footer_menu_link {
position: relative;
width: 100%;
height: 50px;
background: #f4f2f2;
border-bottom: 1px solid #d1d1cb;
}
.footer_sitemap_links {
position: relative;
top: 10px;
color: #6d6d6d;
font: 300 25px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}
.footer_section_sitemap_header {
padding-top: 12px;
padding-bottom: 5px;
font: 300 25px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #0079de;
text-align: center;
border-bottom: 2px solid #ff7915;
padding-bottom: 5px;
}
.contact_info_header {
text-transform: uppercase;
padding-top: 12px;
padding-bottom: 5px;
font: 300 25px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #0079de;
text-align: center;
border-bottom: 2px solid #d91721;
padding-bottom: 5px;
}
.contact_info_description {
position: relative;
width: 100%;
text-align: center;
font: 300 22px/25px Helvetica Neue, Helvetica, Arial, sans-serif;
color: black;
letter-spacing: -1px;
padding-bottom: 2%;
}
.contact_info_description a {
position: relative;
width: 100%;
text-align: center;
font: 400 22px/25px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #c8c8c8;
letter-spacing: -1px;
padding-bottom: 2%;
text-decoration: none;
}
.our_reviews_header {
position: relative;
width: 100%;
text-align: center;
font: 200 45px/45px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 1%;
opacity: 1.0;
}
.our_reviews_subheader {
position: relative;
width: 100%;
text-align: center;
font: 200 27px/27px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 1%;
opacity: 1.0;
}
.our_reviews_fullname {
position: relative;
width: 100%;
text-align: center;
font: 200 18px/18px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 0%;
padding-bottom: 0%;
opacity: 1.0;
}
.our_reviews_description {
position: relative;
width: 80%;
text-align: justify;
font: 300 18px/18px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 13%;
padding-bottom: 2%;
padding-left: 10%;
padding-right: 10%;
opacity: 1.0;
}
.travel_tools_header {
position: relative;
width: 100%;
text-align: center;
font: 200 45px/45px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #0079de;
padding-top: 1%;
opacity: 1.0;
}
.our_news_header {
position: relative;
width: 100%;
text-align: center;
font: 200 45px/45px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 1%;
opacity: 1.0;
}
.our_news_subheader {
position: relative;
width: 100%;
text-align: center;
font: 200 27px/27px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 1%;
opacity: 1.0;
}
.our_news_date {
position: relative;
width: 100%;
text-align: center;
font: 200 18px/18px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 0%;
padding-bottom: 0%;
opacity: 1.0;
}
.our_news_description {
position: relative;
width: 100%;
text-align: center;
font: 300 18px/18px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 0%;
padding-bottom: 2%;
opacity: 1.0;
}
.badges_header {
position: relative;
width: 100%;
text-align: center;
font: 200 45px/45px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #0079de;
padding-top: 1%;
opacity: 1.0;
}
.flexible_booking_header {
position: relative;
width: 100%;
text-align: center;
font: 100 50px/50px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #fdfdfd;
padding-top: 4%;
padding-bottom: 4%;
}
.newsletters_subscribe_button {
position: relative;
margin-top: 64px;
padding-top: 2px;
background: #3086b2;
text-align: center;
border-radius: 10px;
color: white;
height: 40px;
width: 60%;
font: 300 20px/20px Arial;
}
input.newsletters_input_field {
color: #064869;
background-color: transparent;
outline: none;
margin-top: 13px;
padding-top: 1px;
height: 30px;
width: 80%;
font: 300 16px/16px Arial;
border-bottom: 1px solid transparent;
}
.newsletters_fields_container {
position: relative;
height: 80px;
width: 100%;
/* border:5px solid white; */
}
.newsletters_field_container_left {
position: relative;
top: 10px;
background: transparent;
height: 60px;
width: 47%;
float: left;
border-radius: 10px;
border: 2px solid white;
}
.newsletters_field_container_right {
position: relative;
top: 10px;
background: transparent;
height: 60px;
width: 47%;
float: right;
border-radius: 10px;
border: 2px solid white;
}
.newsletters_header {
position: relative;
width: 100%;
text-align: center;
color: #ffffff;
font: 300 38px/40px "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-top: 2%;
}
.newsletters_text {
position: relative;
padding-top: 17%;
width: 100%;
text-align: center;
vertical-align: middle;
font: 300 20px/22px Arial;
color: #ffffff;
letter-spacing: -1px;
padding-bottom: 3%;
}
.special_offers_header {
position: relative;
width: 100%;
text-align: center;
font: 200 45px/45px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 2%;
opacity: 1.0;
}
.special_offers_subheader {
position: relative;
width: 100%;
text-align: center;
font: 200 27px/27px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 2%;
padding-bottom: 2%;
opacity: 1.0;
}
.special_offers_description {
position: relative;
width: 100%;
text-align: center;
font: 300 18px/18px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 7%;
padding-bottom: 5%;
opacity: 1.0;
}
.book_online_check_availability_button {
position: relative;
margin-top: 44px;
padding-top: 3px;
background: #5f5c58;
text-align: center;
border-radius: 10px;
color: #e2dfda;
height: 40px;
width: 60%;
font: 300 20px/20px Arial;
}
.book_online_start_date_icon {
position: relative;
top: 14px;
margin-right: 10px;
float: right;
cursor: pointer;
/* border:1px solid cyan; */
}
input.book_online_input_field {
background-color: transparent;
outline: none;
margin-top: 14px;
height: 30px;
width: 60%;
font: 300 16px/16px Arial;
border-bottom: 1px solid transparent;
}
.book_online_fields_container {
position: relative;
height: 80px;
width: 100%;
/* border:5px solid white; */
}
.book_online_field_container_left {
position: relative;
top: 10px;
background: #e8d1a2;
height: 60px;
width: 47%;
float: left;
border-radius: 10px;
/* border-right:1px solid orange; */
}
.book_online_field_container_right {
position: relative;
top: 10px;
background: #e8d1a2;
height: 60px;
width: 47%;
float: right;
border-radius: 10px;
/* border:1px solid red; */
}
.book_online_header {
position: relative;
width: 100%;
text-align: center;
font: 100 60px/60px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #fdfdfd;
padding-top: 2%;
}
.book_online_subheader {
position: relative;
width: 100%;
text-align: center;
font: 300 25px/25px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #e8d1a2;
padding-top: 2%;
}
.book_online_text {
position: relative;
padding-top: 5%;
width: 100%;
text-align: center;
vertical-align: middle;
font: 300 20px/20px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #dcdad7;
padding-bottom: 3%;
}
.article_header {
position: relative;
text-transform: lowercase;
width: 100%;
text-align: center;
/* margin:10px 0 10px 0; */
font: 200 45px/45px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #000000;
;
padding-top: 7%;
padding-bottom: 4%;
}
.header_text {
position: relative;
width: 100%;
text-align: center;
vertical-align: middle;
font: 300 22px/25px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #000000;
/* margin:10px 0 10px 0; */
padding-bottom: 5%;
}
.article_text {
position: relative;
width: 100%;
text-align: center;
font: 300 22px/25px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #000000;
/* margin:10px 0 10px 0; */
letter-spacing: -1px;
padding-top: 10%;
padding-bottom: 5%;
}
/* -------- CALL US ---------- */
#call_us_container {
position: relative;
margin-top: 27px;
/* border:1px solid orange; */
}
.call_us_phone_icon {
position: relative;
height: 42px;
top: 2px;
/* border:1px solid blue; */
}
.top_call_email_us {
position: relative;
width: 100%;
height: 100px;
text-align: center;
background-color: #8fcde8;
z-index: 100;
border: 1px solid transparent;
}
.call_us_phone_number_link {
position: relative;
color: black;
font: 100 42px/42px Arial;
top: -4px;
text-decoration: none;
text-align: center;
/* border:1px solid red; */
}
/* -------- CALL US ---------- */
.responsive_menu_links {
position: relative;
text-transform: uppercase;
top: 9px;
color: white;
font: 300 25px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}
.my_responsive_menu_link {
position: relative;
width: 100%;
height: 50px;
background: #59afcd;
border-bottom: 1px solid white;
}
.my_responsive_menu_header {
position: relative;
height: 60px;
/*-----edit this------------*/
background-color: #287691;
text-align: center;
}
.my_responsive_menu_header_link {
position: relative;
display: block;
top: 28.5%;
/*-----edit this------------*/
text-decoration: none;
font: 500 25px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
/*-----edit this------------*/
color: #fffff2;
}
/* ------------------------ languages ---------------------- */
.my_languages_control {
position: relative;
outline: none;
width: 126px;
;
/*-----edit this------------*/
float: right;
margin-right: -5px;
/*-----edit this------------*/
height: 20px;
/*-----fuck this landscape------------*/
top: 40px !important;
color: black;
font: 500 25px/25px Arial, sans-serif;
;
text-transform: uppercase;
/*
background:#CCCCCC;
border:1px solid red;
*/
}
.my_language_menu_container {
position: relative;
margin-left: -5px;
/*-----edit this------------*/
float: right;
margin-right: 0px;
/*-----edit this------------*/
width: 122px !important;
;
/*-----edit this------------*/
top: 40px;
/*-----edit this------------*/
background: white;
border: 1px solid white;
clear: both;
}
.my_language {
position: relative;
width: 99%;
height: 20px;
margin-left: 3px;
margin-top: 7px;
color: #777;
font: 500 16px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
;
border-bottom: 1px solid #f2f1f1;
display: none;
background: white;
/* border:1px solid red; */
}
.my_flag_icon {
position: relative;
width: 22px;
top: 2.5px;
margin-top: -1px;
margin-left: -10px;
margin-right: 3px;
/* border:1px solid black; */
}
.my_flag_icon_menu {
position: relative;
width: 22px;
top: -1.35px;
margin-left: 21px !important;
float: left;
/* border:1px solid black; */
}
.flag_menu_text {
position: relative;
color: black;
font-size: 25px;
margin-top: -1.2px;
margin-left: 2px;
float: left;
text-transform: uppercase;
/* border:1px solid cyan; */
}
.my_languages_icon {
position: relative;
margin-left: 2px;
width: 17px;
}
.my_languages {
position: relative;
top: 0px;
right: 0px;
width: 100%;
height: auto;
background: white;
}
/* ------------------------ languages ---------------------- */
.logo_image {
position: relative;
margin-top: 16px;
height: 65px;
/*-----edit this------------*/
border: 1px solid transparent;
margin-bottom: 13px;
}
.section_only_image_container {
height: 495px;
width: 100%;
overflow: hidden;
}
.section_only_image {
height: 495px;
overflow: hidden;
/* ----- center images ----- */
object-position: center;
object-fit: cover;
width: inherit;
height: inherit;
/* ----- center images ----- */
}
/*-----edit this------------*/
/*-----edit this------------*/
.section_full_width_container {
position: relative;
width: 100%;
height: 495px;
/*-----must have fixed height value, edit this------------*/
}
.swiper-slide {
/*-----edit this------------*/
height: 495px;
overflow: hidden;
/*-----edit this------------*/
text-align: center;
font-size: 18px;
background: #fff;
}
.general_header_label_inside_image {
position: relative;
background-color: white;
color: #0952a5;
font: 300 26px/28px "Helvetica Neue", Helvetica, Arial, sans-serif;
height: 50px;
margin-left: auto;
margin-right: auto;
opacity: 0.5;
padding-top: 0px;
/* gee */
position: relative;
text-align: center;
top: -55.5%;
/*-----edit this------------*/
width: 90%;
z-index: 999999;
border: 2px solid #1560b6;
}
.general_button_inside_image {
position: relative;
background-color: #f7941e;
color: #0952a5;
font: 300 28px/28px "Helvetica Neue", Helvetica, Arial, sans-serif;
height: 50px;
left: 60% !important;
top: -104px;
text-align: center;
width: 40%;
z-index: 99999999;
}
article.article_container {
position: relative;
width: 100%;
min-height: 350px;
/*-----edit this------------*/
border-bottom: 1px solid transparent;
}
div.article_sub_container {
position: relative;
width: 80%;
min-height: 350px;
/*-----edit this------------*/
/* border:1px solid red; */
}
#book_online_container {
position: relative;
width: 100%;
min-height: 495px;
/*-----edit this------------*/
border-bottom: 1px solid transparent;
}
#flexibook_flexible_booking_container {
position: relative;
width: 100%;
min-height: 495px;
/*-----edit this------------*/
border-bottom: 1px solid transparent;
}
#newsletters_container {
position: relative;
width: 100%;
min-height: 495px;
/*-----edit this------------*/
border-bottom: 1px solid transparent;
}
img.social_media_image {
position: relative;
height: 40px;
/*-----edit this------------*/
margin-left: 5px;
/*-----edit this------------*/
margin-top: 8px;
margin-bottom: 3px;
/*-----edit this------------*/
}
.special_offers_transparency {
position: relative;
background-color: rgba(25, 155, 219, 0.7);
width: 100%;
min-height: 495px;
/*-----edit this------------*/
}
.our_news_transparency {
position: relative;
background-color: rgba(212, 78, 78, 1.0);
width: 100%;
min-height: 495px/*-----edit this------------*/
}
.our_reviews_transparency {
position: relative;
background-color: rgba(146, 149, 152, 0.5);
width: 100%;
min-height: 495px;
/*-----edit this------------*/
}
.travel_tools_transparency {
position: relative;
background-color: rgba(255, 255, 255, 0.0);
width: 100%;
min-height: 495px;
/*-----edit this------------*/
}
.badges_transparency {
position: relative;
background-color: rgba(255, 255, 255, 0.0);
width: 100%;
min-height: 495px;
/*-----edit this------------*/
}
.special_offers_price_header {
position: relative;
width: 100%;
text-align: center;
font: 200 60px/60px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 13%;
/*-----edit this------------*/
opacity: 1.0;
}
.our_news_image_container {
position: relative;
width: 100%;
text-align: center;
font: 200 60px/60px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
margin-top: 13%;
/*-----edit this------------*/
opacity: 1.0;
}
.travel_tools_image_container {
position: relative;
width: 100%;
text-align: center;
font: 200 60px/60px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
margin-top: 22%;
/*-----edit this------------*/
opacity: 1.0;
}
.badges_image_container {
position: relative;
width: 100%;
text-align: center;
font: 200 60px/60px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
margin-top: 17%;
/*-----edit this------------*/
opacity: 1.0;
}
}
/*---------------------iPad PORTRAIT--------------*/
/*---------------------iPad PORTRAIT--------------*/
/*---------------------iPad PORTRAIT--------------*/
/*--------------------iPad LANDSCAPE--------------*/
/*--------------------iPad LANDSCAPE--------------*/
/*--------------------iPad LANDSCAPE--------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 2880px) and (orientation: landscape) {
.our_news_images {
position: relative;
height: 100%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 30%;
}
.general_header_link_inside_image {
position: relative;
text-decoration: none;
/* top:9.5px; */
top: 10px !important;
}
.general_button_inside_image_more_info {
position: relative;
display: block;
text-decoration: none;
font: 300 28px/28px "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-top: 9.5px !important;
color: black;
left: 0px;
}
/* -------------------- TOP ROW ---------------------- */
.top_menu_row_left {
position: relative;
left: 0px;
height: 100px;
width: 24%;
float: left;
/* border:1px solid green; */
}
.top_menu_row_middle {
position: relative;
height: 100px;
float: left;
width: 50%;
/* border:1px solid gray; */
}
.top_menu_row_right {
position: relative;
right: 0px;
height: 100px;
width: 24%;
float: right;
/* border:1px solid red; */
}
.responsive_menu_icon {
position: relative;
margin-top: 38px;
height: 25px;
}
.top_menu_row_supercontainer {
position: relative;
height: 100px;
width: 100%;
/* border:1px solid red; */
}
#top_logo {
position: relative;
width: 99%;
height: 100px;
top: 0px;
left: 0px;
z-index: 99999999999999999;
}
/* -------------------- TOP ROW ---------------------- */
#footer_section_copyrights {
padding-top: 3px;
padding-bottom: 3px;
position: relative;
width: 100%;
height: auto;
background-color: #eeeeee;
}
.footer_text_copyrights {
position: relative;
width: 90%;
text-align: center;
padding: 5px;
font: 300 20px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: black;
}
.footer_flexibook_logo_image {
position: relative;
margin-top: 23px;
}
#footer_flexibook_logo {
position: relative;
margin-top: 0px;
width: 100%;
height: 100px;
background-color: #e5e3d9;
}
.footer_section_links_header {
padding-top: 12px;
padding-bottom: 5px;
font: 300 25px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #0079de;
text-align: center;
border-bottom: 2px solid #f8f133;
padding-bottom: 5px;
}
.footer_menu_link {
position: relative;
width: 100%;
height: 50px;
background: #f4f2f2;
border-bottom: 1px solid #d1d1cb;
}
.footer_sitemap_links {
position: relative;
top: 10px;
color: #6d6d6d;
font: 300 25px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}
.footer_section_sitemap_header {
padding-top: 12px;
padding-bottom: 5px;
font: 300 25px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
/* color:#0079de; */
color: #000;
text-align: center;
border-bottom: 2px solid #ff7915;
padding-bottom: 5px;
}
.contact_info_header {
text-transform: uppercase;
padding-top: 12px;
padding-bottom: 5px;
font: 300 25px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #000;
/* color: #0079de; */
text-align: center;
border-bottom: 2px solid #d91721;
padding-bottom: 5px;
}
.contact_info_description {
position: relative;
width: 100%;
text-align: center;
font: 300 22px/25px Helvetica Neue, Helvetica, Arial, sans-serif;
color: black;
letter-spacing: -1px;
padding-bottom: 2%;
}
.contact_info_description a {
position: relative;
width: 100%;
text-align: center;
font: 400 22px/25px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #c8c8c8;
letter-spacing: -1px;
padding-bottom: 2%;
text-decoration: none;
}
.our_reviews_header {
position: relative;
width: 100%;
text-align: center;
font: 200 45px/45px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 1%;
opacity: 1.0;
}
.our_reviews_subheader {
position: relative;
width: 100%;
text-align: center;
font: 200 27px/27px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 1%;
opacity: 1.0;
}
.our_reviews_fullname {
position: relative;
width: 100%;
text-align: center;
font: 200 18px/18px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 0%;
padding-bottom: 0%;
opacity: 1.0;
}
.our_reviews_description {
position: relative;
width: 80%;
text-align: justify;
font: 300 18px/18px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 21%;
padding-bottom: 2%;
padding-left: 10%;
padding-right: 10%;
opacity: 1.0;
}
.travel_tools_header {
position: relative;
width: 100%;
text-align: center;
font: 200 45px/45px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #0079de;
padding-top: 1%;
opacity: 1.0;
}
.our_news_header {
position: relative;
width: 100%;
text-align: center;
font: 200 45px/45px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 1%;
opacity: 1.0;
}
.our_news_subheader {
position: relative;
width: 100%;
text-align: center;
font: 200 27px/27px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 1%;
opacity: 1.0;
}
.our_news_date {
position: relative;
width: 100%;
text-align: center;
font: 200 18px/18px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 0%;
padding-bottom: 0%;
opacity: 1.0;
}
.our_news_description {
position: relative;
width: 100%;
text-align: center;
font: 300 18px/18px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 0%;
padding-bottom: 2%;
opacity: 1.0;
}
.badges_header {
position: relative;
width: 100%;
text-align: center;
font: 200 45px/45px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #0079de;
padding-top: 1%;
opacity: 1.0;
}
.flexible_booking_header {
position: relative;
width: 100%;
text-align: center;
font: 100 50px/50px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #fdfdfd;
padding-top: 10%;
padding-bottom: 10%;
}
.newsletters_subscribe_button {
position: relative;
margin-top: 84px;
padding-top: 2px;
background: #3086b2;
text-align: center;
border-radius: 10px;
color: white;
height: 40px;
width: 60%;
font: 300 20px/20px Arial;
}
input.newsletters_input_field {
color: #064869;
background-color: transparent;
outline: none;
margin-top: 13px;
padding-top: 1px;
height: 30px;
width: 80%;
font: 300 16px/16px Arial;
border-bottom: 1px solid transparent;
}
.newsletters_fields_container {
position: relative;
height: 80px;
width: 100%;
/* border:5px solid white; */
}
.newsletters_field_container_left {
position: relative;
top: 10px;
background: transparent;
height: 60px;
width: 47%;
float: left;
border-radius: 10px;
border: 2px solid white;
}
.newsletters_field_container_right {
position: relative;
top: 10px;
background: transparent;
height: 60px;
width: 47%;
float: right;
border-radius: 10px;
border: 2px solid white;
}
.newsletters_header {
position: relative;
width: 100%;
text-align: center;
color: #ffffff;
font: 300 38px/40px "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-top: 2%;
}
.newsletters_text {
position: relative;
padding-top: 17%;
width: 100%;
text-align: center;
vertical-align: middle;
font: 300 20px/22px Arial;
color: #ffffff;
letter-spacing: -1px;
padding-bottom: 3%;
}
.special_offers_header {
position: relative;
width: 100%;
text-align: center;
font: 200 45px/45px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 2%;
opacity: 1.0;
}
.special_offers_subheader {
position: relative;
width: 100%;
text-align: center;
font: 200 27px/27px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 2%;
padding-bottom: 2%;
opacity: 1.0;
}
.special_offers_description {
position: relative;
width: 100%;
text-align: center;
font: 300 18px/18px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 7%;
padding-bottom: 5%;
opacity: 1.0;
}
.book_online_check_availability_button {
position: relative;
margin-top: 44px;
padding-top: 3px;
background: #5f5c58;
text-align: center;
border-radius: 10px;
color: #e2dfda;
height: 40px;
width: 60%;
font: 300 20px/20px Arial;
}
.book_online_start_date_icon {
position: relative;
top: 14px;
margin-right: 10px;
float: right;
cursor: pointer;
/* border:1px solid cyan; */
}
input.book_online_input_field {
background-color: transparent;
outline: none;
margin-top: 14px;
height: 30px;
width: 60%;
font: 300 16px/16px Arial;
border-bottom: 1px solid transparent;
}
.book_online_fields_container {
position: relative;
height: 80px;
width: 100%;
/* border:5px solid white; */
}
.book_online_field_container_left {
position: relative;
top: 10px;
background: #e8d1a2;
height: 60px;
width: 47%;
float: left;
border-radius: 10px;
/* border-right:1px solid orange; */
}
.book_online_field_container_right {
position: relative;
top: 10px;
background: #e8d1a2;
height: 60px;
width: 47%;
float: right;
border-radius: 10px;
/* border:1px solid red; */
}
.book_online_header {
position: relative;
width: 100%;
text-align: center;
font: 100 60px/60px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #fdfdfd;
padding-top: 2%;
}
.book_online_subheader {
position: relative;
width: 100%;
text-align: center;
font: 300 25px/25px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #e8d1a2;
padding-top: 2%;
}
.book_online_text {
position: relative;
padding-top: 5%;
width: 100%;
text-align: center;
vertical-align: middle;
font: 300 20px/20px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #dcdad7;
padding-bottom: 3%;
}
.article_header {
position: relative;
text-transform: lowercase;
width: 100%;
text-align: center;
/* margin:10px 0 10px 0; */
font: 200 45px/45px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #000000;
;
padding-top: 7%;
padding-bottom: 4%;
}
.header_text {
position: relative;
width: 100%;
text-align: center;
vertical-align: middle;
font: 300 22px/25px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #000000;
/* margin:10px 0 10px 0; */
padding-bottom: 5%;
}
.article_text {
position: relative;
width: 100%;
text-align: center;
font: 300 22px/25px Helvetica Neue, Helvetica, Arial, sans-serif;
color: #000000;
/* margin:10px 0 10px 0; */
letter-spacing: -1px;
padding-top: 10%;
padding-bottom: 5%;
}
/* -------- CALL US ---------- */
#call_us_container {
position: relative;
margin-top: 27px;
/* border:1px solid orange; */
}
.call_us_phone_icon {
position: relative;
height: 42px;
top: 2px;
/* border:1px solid blue; */
}
.top_call_email_us {
position: relative;
width: 100%;
height: 100px;
text-align: center;
background-color: #8fcde8;
z-index: 100;
border: 1px solid transparent;
}
.call_us_phone_number_link {
position: relative;
color: black;
font: 100 42px/42px Arial;
top: -4px;
text-decoration: none;
text-align: center;
/* border:1px solid red; */
}
/* -------- CALL US ---------- */
.responsive_menu_links {
position: relative;
text-transform: uppercase;
top: 9px;
color: white;
font: 300 25px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}
.my_responsive_menu_link {
position: relative;
width: 100%;
height: 50px;
background: #000;
/* background: #59afcd; */
border-bottom: 1px solid white;
}
.my_responsive_menu_header {
position: relative;
height: 60px;
/*-----edit this------------*/
background-color: #287691;
text-align: center;
}
.my_responsive_menu_header_link {
position: relative;
display: block;
top: 28.5%;
/*-----edit this------------*/
text-decoration: none;
font: 500 25px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
/*-----edit this------------*/
color: #fffff2;
}
/* ------------------------ languages ---------------------- */
.my_languages_control {
position: relative;
outline: none;
width: 126px;
;
/*-----edit this------------*/
float: right;
margin-right: -5px;
/*-----edit this------------*/
height: 20px;
/*-----fuck this landscape------------*/
top: 40px !important;
color: black;
font: 500 25px/25px Arial, sans-serif;
;
text-transform: uppercase;
/*
background:#CCCCCC;
border:1px solid red;
*/
}
.my_language_menu_container {
position: relative;
left: 40px !important;
/* landscape */
margin-left: 0px !important;
float: right;
margin-top: 2px;
margin-right: 0px;
/*-----edit this------------*/
width: 183px !important;
;
/*-----edit this------------*/
top: 40px;
/*-----edit this------------*/
background: white;
border: 1px solid white;
clear: both;
}
.my_language {
position: relative;
width: 99%;
height: 20px;
margin-left: 6px;
margin-top: 6px;
color: #777;
font: 500 16px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
;
border-bottom: 1px solid #f2f1f1;
display: none;
background: white;
/* border:1px solid red; */
}
.my_flag_icon {
position: relative;
width: 22px;
top: 2.5px;
margin-top: -1px;
margin-left: -10px;
margin-right: 3px;
/* border:1px solid black; */
}
.my_flag_icon_menu {
position: relative;
width: 22px;
top: 0px;
margin-left: 39px;
float: left;
/* border:1px solid black; */
}
.flag_menu_text {
color: black;
position: relative;
font-size: 25px;
margin-top: -0.8px;
margin-left: 2px;
float: left;
text-transform: uppercase;
/* border:1px solid cyan; */
}
.my_languages_icon {
position: relative;
margin-left: 2px;
width: 17px;
}
.my_languages {
position: relative;
top: 0px;
right: 0px;
width: 100%;
height: auto;
background: white;
}
/* ------------------------ languages ---------------------- */
.logo_image {
position: relative;
margin-top: 16px;
height: 65px;
/*-----edit this------------*/
border: 1px solid transparent;
margin-bottom: 13px;
}
/*-----edit this------------*/
.section_only_image_container {
width: 100%;
height: 735px;
/*-----must have fixed height value, edit this------------*/
overflow: hidden;
}
.section_only_image {
width: 100%;
height: 100%;
overflow: hidden;
/* ----- center images ----- */
object-position: center;
object-fit: cover;
width: inherit;
height: inherit;
/* ----- center images ----- */
}
.section_full_width_container {
position: relative;
width: 100%;
height: 735px;
/*-----must have fixed height value, edit this------------*/
}
/*-----edit this------------*/
.swiper-slide {
/*-----edit this------------*/
height: 735px;
width: 100%;
/*-----edit this------------*/
overflow: hidden;
text-align: center;
font-size: 18px;
background: #fff;
}
.general_header_label_inside_image {
background-color: white;
color: #0952a5;
font: 300 26px/28px "Helvetica Neue", Helvetica, Arial, sans-serif;
height: 50px;
margin-left: auto;
margin-right: auto;
opacity: 0.5;
padding-top: 0px;
/* gee */
position: relative;
text-align: center;
top: -54.8%;
/*-----edit this------------*/
width: 80%;
z-index: 999999;
border: 2px solid #1560b6;
}
.general_button_inside_image {
position: relative;
background-color: #f7941e;
color: #0952a5;
font: 300 28px/28px "Helvetica Neue", Helvetica, Arial, sans-serif;
height: 50px;
left: 70% !important;
top: -104px;
text-align: center;
width: 30%;
z-index: 99999999;
}
article.article_container {
position: relative;
width: 100%;
min-height: 350px;
/*-----edit this------------*/
border-bottom: 1px solid transparent;
}
div.article_sub_container {
position: relative;
width: 80%;
min-height: 350px;
/*-----edit this------------*/
/* border:1px solid red; */
}
#book_online_container {
position: relative;
width: 100%;
height: 735px;
/*-----edit this------------*/
border-bottom: 1px solid transparent;
}
#flexibook_flexible_booking_container {
position: relative;
width: 100%;
height: 735px;
;
/*-----edit this------------*/
border-bottom: 1px solid transparent;
}
#newsletters_container {
position: relative;
width: 100%;
height: 735px;
/*-----edit this------------*/
border-bottom: 1px solid transparent;
}
img.social_media_image {
position: relative;
height: 60px;
/*-----edit this------------*/
margin-left: 10px;
/*-----edit this------------*/
margin-top: 8px;
margin-bottom: 5px;
/*-----edit this------------*/
}
.special_offers_transparency {
position: relative;
background-color: rgba(25, 155, 219, 0.7);
width: 100%;
height: 735px;
/*-----edit this------------*/
}
.our_news_transparency {
position: relative;
background-color: rgba(212, 78, 78, 1.0);
width: 100%;
height: 735px;
/*-----edit this------------*/
}
.our_reviews_transparency {
position: relative;
background-color: rgba(146, 149, 152, 0.5);
width: 100%;
height: 735px;
/*-----edit this------------*/
}
.travel_tools_transparency {
position: relative;
background-color: rgba(255, 255, 255, 0.0);
width: 100%;
height: 735px;
/*-----edit this------------*/
}
.badges_transparency {
position: relative;
background-color: rgba(255, 255, 255, 0.0);
width: 100%;
height: 735px;
/*-----edit this------------*/
}
.special_offers_price_header {
position: relative;
width: 100%;
text-align: center;
font: 200 60px/60px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
padding-top: 20.3%;
/*-----edit this------------*/
opacity: 1.0;
}
.our_news_image_container {
position: relative;
width: 100%;
text-align: center;
font: 200 60px/60px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
margin-top: 20%;
/*-----edit this------------*/
opacity: 1.0;
}
.travel_tools_image_container {
position: relative;
width: 100%;
text-align: center;
font: 200 60px/60px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
margin-top: 28%;
/*-----edit this------------*/
opacity: 1.0;
}
.badges_image_container {
position: relative;
width: 100%;
text-align: center;
font: 200 60px/60px Helvetica Neue, Helvetica, Arial, sans-serif;
color: white;
margin-top: 24%;
/*-----edit this------------*/
opacity: 1.0;
}
}
/*--------------------iPad LANDSCAPE--------------*/
/*--------------------iPad LANDSCAPE--------------*/
/*--------------------iPad LANDSCAPE--------------*/