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



@media screen and (min-width: 319px) and (max-width: 3840px) and (orientation: landscape) {
	
	body, html {
		height: 100%;
		padding: 0;
		margin: 0;
		background-color: #ffffff;
	}
	
	#content_container {
		position: absolute;
		margin-top: 60px;
		margin-left: 0px;
		z-index: 0;
		width: 100%;
		min-width: 319px;
		height: 100%;
		/*min-height: 1100px;*/
		
		
		
	}
	
	.main_content_top_space {
		width: 100%;
		height: 70px;
	}
	
	#main_content_container {
		position: absolute;
		margin-left: 0px;
		z-index: 0;
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;		
	}
	
	.content_page_title_icons {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
	}
	
	#news_slide_container {
		width: 100%;
		height: auto;
		/*-webkit-box-shadow: 0px -4px 7px 5px rgba(0,0,0,0.18);
		-moz-box-shadow: 0px -4px 7px 5px rgba(0,0,0,0.18);
		box-shadow: 0px -4px 7px 5px rgba(0,0,0,0.18);*/
		
	}
	
	.news_slide_img_container {
		width: 100%;
		height: auto;
	}
	
	.news_slide_img_container > a > img {
		width: 100%;
		height: 100%;
	}
	
	#slide_video_container {
		position: relative;
		width: 100%;
		height: 60vw;
		overflow: hidden;
		/*-webkit-box-shadow: 0px -4px 7px 9px rgba(0,0,0,0.18);
		-moz-box-shadow: 0px -4px 7px 9px rgba(0,0,0,0.18);
		box-shadow: 0px -4px 7px 9px rgba(0,0,0,0.18);*/
	}
	
	#slide_inner_video_container_1 {
		width: 100%;
		height: 50vw;
		position: absolute;
		z-index: 0;
		margin-top: 0%;
		margin-left: 0%;
		overflow: hidden;
	}
	
	#slide_inner_video_container_1 > video {
		width: 100%;
		height: 101%;
		object-fit: fill;		
	}
	
	#slide_inner_video_container_2 {
		width: 100%;
		height: 58vw;
		position: absolute;
		z-index: 1;
		margin-top: 2vw;
		margin-left: 0%;
	}
	
	#slide_inner_video_container_2 > img {
		width: 100%;
		height: 100%;
		margin-top: 0;
		object-fit: cover;
	}
	
	/*************************************************************/
	/* SERVICES STYLES */
	.services_pre_img_container {
		width: 100%;
		height: 23vw;
	}
	
	.services_pre_img_container > img {
		width: 100%;
		height: 100%;
		object-fit: fill;
	}
	
	.services_preview_content {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 23vw;
		background-color: #252525;	
	}
	
	.services_element_space {
		width: 100%;
		height: 1.5vw;
	}
	
	.services_pre_row_space {
		width: 100%;
		height: 1vw;
	}
	
	.services_pre_row_space_2 {
		width: 100%;
		height: 1vw;
	}
	
	.services_title {
        font-family: 'MyriadProBold', Arial, sans-serif;
        font-size: 2.8vw;
        color: #fab540;
        text-decoration: none;
    }

    .services_text {
        font-family: 'MyriadPro', Arial, sans-serif;
        font-size: 1.8vw;
        color: #ffffff;
        text-decoration: none;
    }
	
	.csb_tuv_logo_container {
		width: 100%;
		height: 20vw;
	}
	
	.csb_tuv_logo_container > img {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
	}
	
	/***********************************************************/
	
	.advertisement_placeholder {
		width: 100%;
		height: 32vw;
		overflow: hidden;
	}
	
	.advertisement_placeholder > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.advertisement_placeholder > a > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.page_content_container {
		width: 100%;
		height: auto;
	}
	
	#contact_maps_container {
		width: 100%;
		height: 30vw;
	}
	
	.page_space_hor {
		width: 100%;
		height: 1.5vw;
	}
	
	.page_space_hor_2 {
		width: 100%;
		height: 5vw;
	}
	
	.page_space_hor_3 {
		width: 100%;
		height: 8vh;
	}
	
	.page_top_space {
		width: 100%;
		height: 8vw;
	}
	
	#main_menu_curtain {
		position: fixed;
		margin-top: 0px;
		margin-left: 0px;
		z-index: 1;
		width: 100%;
		min-width: 319px;
		height: 100%;
		background-color: #000000;
		-moz-opacity: 0;
		filter: alpha(opacity: 0);
		opacity: 0;
		display: none;
	}
	
	#main_menu_container {
		position: fixed;
		margin-left: -800px; /* -5000px */
		z-index: 2;
		width: 50%;
		min-width: 160px;
		max-width: 50%;
		/*min-height: 100%;*/
		height: 100%;
		background-color: #d00915;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		-moz-opacity: 0.9;
		filter: alpha(opacity: 0.9);
		opacity: 0.9;
		-webkit-box-shadow: -3px 0px 10px 9px rgba(0,0,0,0.34);
		-moz-box-shadow: -3px 0px 10px 9px rgba(0,0,0,0.34);
		box-shadow: -3px 0px 10px 9px rgba(0,0,0,0.34)
		
	}
	
	#sec_certificate_container {
		width: 100%;
		height: 5vw;
		align-content: center;
	}
	
	#sec_certificate_icons {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	
	#payment_information_container {
		width: 100%;
		height: 50%;
		position: relative;
		margin-top: 50%;
	}
	
	#payment_information_icon {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
	}
	
	/**************************************************/
	/* IMAGE SEARCH PART */
	
	#main_menu_search_curtain {
		position: fixed;
		margin-top: 0px;
		margin-left: 0px;
		z-index: 3;
		width: 100%;
		height: 100%;
		background-color: #000000;
		-moz-opacity: 1;
		filter: alpha(opacity: 1);
		opacity: 1;
		display: none;
		background: rgb(249,163,89);
		background: -moz-linear-gradient(0deg, rgba(249,163,89,1) 0%, rgba(245,137,114,1) 28%, rgba(242,111,130,1) 64%, rgba(240,87,137,1) 100%);
		background: -webkit-linear-gradient(0deg, rgba(249,163,89,1) 0%, rgba(245,137,114,1) 28%, rgba(242,111,130,1) 64%, rgba(240,87,137,1) 100%);
		background: linear-gradient(0deg, rgba(249,163,89,1) 0%, rgba(245,137,114,1) 28%, rgba(242,111,130,1) 64%, rgba(240,87,137,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9a359",endColorstr="#f05789",GradientType=1);
		overflow-x: hidden;
		overflow-y: scroll;
	}
	
	#main_menu_search_content_container {
		width: 100%;
		height: 100%;
		overflow: hidden;
		margin-top: 4vh;
	}
	
	.search_tbl_spacer {
		width: 100%;
		height: 1vh;
	}
	
	#search_close_but_container {
		width: 22%;
		height: 3vh;
		margin-right: 2vw;
	}
	
	#search_close_but {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
	}
	
	#search_logo_container {
		width: 80%;
		height: 30vh;
	}
	
	#search_logo {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
	}
	
	#search_by_photo_container {
		width: 80%;
		height: 15vh;
	}
	
	#search_by_photo_but {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
	}
	
	#search_by_photo_uploader {
		display: none;
	}
	
	#search_by_photo_warning_container {
		width: 80%;
		height: 16vh;
	}
	
	#search_by_photo_warning {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
	}
	
	.search_txt_1 {
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 1.5vw;
		color: #ffffff;
		text-decoration: none;
		background: none;
		cursor: pointer;
		outline: none;
	}
	
	.search_txt_2 {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 0.6vw;
		color: #ffffff;
		text-decoration: none;
		background: none;
		cursor: pointer;
		outline: none;
	}
	
	.search_footer_space {
		width: 100%;
		height: 10vw;
	}
	
	/*****************************************************/
	
	form_content_container {
		width: 100%;
		height: auto;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	.form_content_container_2 {
		position: relative;
		width: 95%;
		height: auto;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	.form_element_spacer_top {
		width: 100%;
		height: 12vw;
	}
	
	.form_element_spacer_1 {
		width: 100%;
		height: 0.5vw;
	}
	
	.form_element_spacer_2 {
		width: 100%;
		height: 2vw;
	}
	
	.form_element_spacer_3 {
		width: 100%;
		height: 2.5vw;
	}
	
	.form_element_bottom_spacer {
		width: 100%;
		height: 15vw;
	}
	
	#personal_member_signup_container {
		position: relative;
		display: none;
		z-index: 1;
	}
	
	#corporate_member_signup_container {
		position: relative;
		display: none;
		z-index: 2;
	}
	
	#corporate_member_class_container {
		width: 100%;
		height: auto;
	}
	
	#membership_processes_container {
		width: 100%;
		height: 3vw;
		text-align: center;
	}
	
	#membership_processes_container .login_link {
		margin: 50% auto 50% auto;
		font-family: 'MyriadPro', Arial, sans-serif;
		font-size: 2.5vw;
		color: #ffffff;
		text-decoration: none;
		background: none;
		cursor: pointer;
		outline: none;
		transform: translate(-50%, -50%);
	}
	
	#membership_processes_container .signup_link {
		margin: 50% auto 50% auto;
		font-family: 'MyriadPro', Arial, sans-serif;
		font-size: 2.9vw;
		color: #ffffff;
		text-decoration: none;
		background: none;
		cursor: pointer;
		outline: none;
		transform: translate(-50%, -50%);
	}
	
	#membership_processes_container .profile_link {
		margin: 50% auto 50% auto;
		font-family: 'MyriadPro', Arial, sans-serif;
		font-size: 2.4vw;
		color: #ffffff;
		text-decoration: none;
		background: none;
		cursor: pointer;
		outline: none;
		transform: translate(-50%, -50%);
	}
	
	#profile_image_container {
		width: 60%;
		height: 42vw;
		border-style: solid;
		border-color: #202020;
		border-width: 0.1vh;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	#profile_image_container > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	#profile_image_uploader {
		display: none;
	}
	
	#header_main_container {
		position: fixed;
		margin-top: 0px;
		margin-left: 0px;
		z-index: 3;
		width: 100%;
		height: 8vw;
		display: -webkit-box; /* OLd: Android browser, old IOS.  */
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #ffffff;
		background-image: url("../m-images/mobile_header_main_container_bg.png");
		background-position: bottom;
		background-size: cover;
		background-repeat: repeat-x;
		-webkit-box-shadow: 0px -4px 7px 9px rgba(0,0,0,0.18);
		-moz-box-shadow: 0px -4px 7px 9px rgba(0,0,0,0.18);
		box-shadow: 0px -4px 7px 9px rgba(0,0,0,0.18);
	}
	
	#m_top_logo_container {
		width: 60%;
		height: 88%;
		display: flex;
		justify-content: flex-start;
	}
	
	#m_top_logo_container > #m_top_logo {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
	}
	
	#menu_but_login_but_container {
		position: absolute;
		width: 30%;
		height: 73%;
		top: 0%;
		left: 0%;
		z-index: 1;
	}
	
	#search_but_container {
		position: absolute;
		width: 30%;
		height: 73%;
		top: 0%;
		right: 0%;
		z-index: 2;
	}
	
	#main_menu_icon_container {
		width: 20%;
		height: 40%;
		justify-content: flex-start;
	}
	
	#main_menu_icon_container > #main_menu_icon {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
		object-position: 2vw;
	}
	
	#main_menu_icon_2_container {
		width: 20%;
		height: 90%;
		display: flex;
		text-align: right;
	}
	
	#main_menu_icon_2 {
		width: 40%;
		height: 40%;
		object-fit: scale-down;
	}
	
	#login_logout_but_icon {
		position: absolute;
		top: 50%;
		margin-left: 45px;
		width: 19px;
		height: 19px;
		object-fit: scale-down;
		z-index: 1;
	}
	
	#search_but_icon {
		position: absolute;
		top: 50%;
		right: 3%;
		width: 57px;
		height: 19px;
		object-fit: scale-down;
	}
	
	#footer_main_container {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 6.5vw;
		background-color: #ffffff;
		-webkit-box-shadow: 0px -4px 7px 5px rgba(0,0,0,0.18);
		-moz-box-shadow: 0px -4px 7px 5px rgba(0,0,0,0.18);
		box-shadow: 0px -4px 7px 5px rgba(0,0,0,0.18);
		z-index: 3;
	}
	
	.footer_img_icons {
		width: 28%;
		height: 28%;
		object-fit: scale-down;
	}
	
	#back_but_icon {
		position: relative;
		margin-left: 5px;
		width: 23px;
		height: 19px;
		object-fit: scale-down;
	}
	
	#login_content_container {
		width: 100%;
		height: auto;
		min-height: 600px;
	}
	
	#signup_content_container {
		width: 100%;
		height: auto;
		min-height: 600px;
		display: block;
	}
	
	#member_confirmation_content_container {
		width: 100%;
		height: auto;
		min-height: 600px;
		display: none;
	}
	
	#password_reminder_content_container {
		width: 100%;
		height: auto;
		min-height: 400px;
		display: none;
	}
	
	#password_reminder_content_container_2 {
		width: 100%;
		height: auto;
		min-height: 400px;
		display: none;
	}
	
	#password_reminder_content_container_3 {
		width: 100%;
		height: auto;
		min-height: 400px;
		display: none;
	}
	
	.company_row_container {
        width: 100%;
        height: auto;
    }

    .company_logo_container {
        width: 100%;
        height: 8vw;
        overflow: hidden;
		background-color: #eae9e8;
    }

    .company_logo_container > a > img {
        width: 100%;
        height: 100%;
        object-fit: scale-down;
    }
	
	.company_logo_container > img {
        width: 100%;
        height: 100%;
        object-fit: scale-down;
    }

    .company_cont_but_container > a > img {
        cursor: pointer;
        width: 100%;
        height: auto;
        object-fit: scale-down;
    }
	
	.company_container_space {
		width: 100%;
		height: 1vw;
	}
	
	.company_container_space_2 {
		width: 100%;
		height: 0.5vw;
	}
	
	#ottomarina_company_text_container {
        width: 100%;
        height: 27vw;
        background-image: url("../m-images/company_shortcuts/backgrounds/ottomarina.png");
        background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		overflow: hidden;
    }

    #ottomar_company_text_container {
        width: 100%;
        height: 27vw;
        background-image: url("../m-images/company_shortcuts/backgrounds/ottomar.png");
        background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		overflow: hidden;
    }

    #stonifier_company_text_container {
        width: 100%;
        height: 27vw;
        background-image: url("../m-images/company_shortcuts/backgrounds/stonifier.png");
        background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		overflow: hidden;
    }

    #sushico_company_text_container {
        width: 100%;
        height: 27vw;
        background-image: url("../m-images/company_shortcuts/backgrounds/sushico.png");
        background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		overflow: hidden;
    }
	
	#company_login_logo_container {
		width: 100%;
		height: 15vw;
	}
	
	#company_login_logo_container .company_logo {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
	}
	
	/*****************************************************/
	/* FORM ELEMENTS */
	
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: #656565;
		opacity: 1; /* Firefox */
	}
	
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: #656565;
	}
	
	::-ms-input-placeholder { /* Microsoft Edge */
		color: #656565;
	}
	
	/* Scroll bar remover */
	::-webkit-scrollbar {
			display: none;  /* Chrome Safari */
	}
	
	input[type=checkbox] {
		zoom: 2.0;
	}
	
	.m_txtarea {
		width: 30px;
		height: 10vw;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 2.4vw;
		color: #23262b;
		text-align: left;
	}
	
	.m_txtarea_2 {
		width: 95%;
		height: 20vw;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.6vw;
		color: #23262b;
		text-align: left;
	}
	
	.m_search_txtbox {
		width: 90%;
		height: 6vw;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 2.4vw;
		color: #23262b;
		text-align: center;
	}
	
	.m_txtbox {
		width: 95%;
		height: 6vw;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.6vw;
		color: #23262b;
		text-align: center;
	}
	
	.m_txtbox_small {
		width: 90%;
		height: 6vw;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.6vw;
		color: #23262b;
		text-align: center;
	}
	
	.m_lstbox_small {
		width: 100%;
		height: 6vw;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.6vw;
		color: #23262b;
		text-align: center;
	}
	
	.m_lstbox_small_2 {
		width: 98%;
		height: 6vw;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.6vw;
		color: #23262b;
		text-align: center;
	}
	
	.m_button {
		width: 95%;
		height: 6vw;
		border-style: none;
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 2.2vw;
		color: #ffffff;
		text-align: center;
		background-color: #e41e26;
	}
	
	.m_button_2 {
		width: 95%;
		height: 6vw;
		border-style: none;
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 3.1vw;
		color: #ffffff;
		text-align: center;
		background-color: #f87177;
	}
	
	.m_button_3 {
		width: 95%;
		height: 5vh;
		border-style: none;
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 3.1vw;
		color: #ffffff;
		text-align: center;
		background-color: #01712d;
	}
	
	.m_button_4 {
		width: 95%;
		height: 5vh;
		border-style: none;
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 3.1vw;
		color: #ffffff;
		text-align: center;
		background-color: #dc0e03;
	}
	
	.m_button_search {
		width: 98%;
		height: 7vw;
		border-style: none;
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 2.2vw;
		color: #ffffff;
		text-align: center;
		background-color: #f87177;
	}
	
	.m_frm_row_space {
		width: 100%;
		height: 1vw;
	}
	
	.m_frm_txt {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.5vw;
		color: #000000;
		text-decoration: none;
		text-align: center;
	}
	
	.m_frm_txt_2 {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.8vw;
		color: #000000;
		text-decoration: none;
		text-align: center;
	}
	
	.m_frm_txt_small {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.5vw;
		color: #be0100;
		text-decoration: none;
		text-align: center;
	}
	
	.m_frm_txt_small_2 {
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 1.8vw;
		color: #000000;
		text-decoration: none;
		text-align: center;
	}
	
	.m_frm_txt_bold {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 2.3vw;
		color: #000000;
		text-decoration: none;
		text-align: center;
	}
	
	.m_frm_txt_bold_2 {
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 1.6vw;
		color: #0000000;
		text-decoration: none;
		text-align: center;
	}
	
	/*******************************************************/
	#login_user_name {
		width: 90%;
		height: 6vw;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.8vw;
		color: #23262b;
		text-align: center;
	}
	
	#login_user_password {
		width: 90%;
		height: 6vw;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.8vw;
		color: #23262b;
		text-align: center;
	}
	
	#login_passre_user_name {
		width: 90%;
		height: 6vw;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.8vw;
		color: #23262b;
		text-align: center;
		display: block;
	}
	
	#login_passre_code {
		width: 95%;
		height: 6vw;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.8vw;
		color: #23262b;
		text-align: center;
		display: block;
	}
	
	#login_newpass {
		width: 95%;
		height: 6vw;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.8vw;
		color: #23262b;
		text-align: center;
		display: block;
	}
	
	#login_but {
		width: 90%;
		height: 5vw;
		border-style: none;
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 2.6vw;
		color: #ffffff;
		text-align: center;
		background-color: #f87177;
	}
	
	#pass_re_sendcode_but {
		width: 90%;
		height: 5vw;
		border-style: none;
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 2.1vw;
		color: #ffffff;
		text-align: center;
		background-color: #f87177;
		display: block;
	}
	
	#save_newpass_but {
		width: 90%;
		height: 5vw;
		border-style: none;
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 2.1vw;
		color: #ffffff;
		text-align: center;
		background-color: #f87177;
		display: block;
	}
	
	/************************************************************/
	.sidenav {
		margin-top: 15vw;
		width: 100%;
		/*min-height: 50%;*/
		height: auto;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		text-align: center;
	}
	
	.sidenav a {
		margin-left: 1vw;
		margin-right: auto;
		margin-bottom: 5vw;
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 2.8vw;
		color: #ffffff;
		text-decoration: none;
		display: block;
		border: none;
		background: none;
		width: 95%;
		cursor: pointer;
		outline: none;
	}
	
	.sidenav .dropdown-btn {
		font-family: 'MyriadPro', Arial, sans-serif;
		font-size: 2.4vw;
		color: #ffffff;
		text-decoration: none;
		display: block;
		border: none;
		cursor: pointer;
		outline: none;
		background: none;
		width: 95%;
		height: auto;
		margin-left: 1vw;
		margin-bottom: 5vw;		
	}
	
	.sidenav #hidden_main_menu_but_container {
		font-family: 'MyriadPro', Arial, sans-serif;
		font-size: 2.4vw;
		color: #ffffff;
		text-decoration: none;
		display: none;
		border: none;
		cursor: pointer;
		outline: none;
		background: none;
		width: 95%;
		height: auto;
		margin-left: 1vw;
		margin-bottom: 5vw;
		
	}
	
	.sidenav .dropdown-btn-hidden {
		font-family: 'MyriadPro', Arial, sans-serif;
		font-size: 2.4vw;
		color: #ffffff;
		text-decoration: none;
		display: block;
		border: none;
		cursor: pointer;
		outline: none;
		background: none;
		width: 95%;
		height: auto;
		margin-left: 1vw;
		margin-bottom: 5vw;		
	}
	
	.sidenav .seperator {
		margin: auto auto 3% auto;
		text-decoration: none;
		display: block;
		border: none;
		width: 100%;
		height: 3vw;
	}
	
	.sidenav a:active, .dropdown-btn:active {
		color: #ffffff;
	}
	
	.dropdown-container {
		display: none;
		padding-left: 0px;
	}
	
	.dropdown-container a {
		font-family: 'MyriadPro', Arial, sans-serif;
		font-size: 2.2vw;
		color: #ffffff;
		text-decoration: none;
		margin-top: 2.5vw;
		margin-left: 2.5vw;
	}
	
	.sidenav_spacer {
		width: 100%;
		min-height: 3vw;
	}
	
	.sidenav_spacer_2 {
		width: 100%;
		min-height: 5vw;
	}
	
	.sidenav_social {
		width: 100%;
		height: auto;
	}
	
	.menu_but_icons {
		font-family: 'Bebas', Arial, sans-serif;
		font-size: 4vw;
		color: #000000;
		text-decoration: none;
		text-align: center;
	}
	
	.reservation_but_container {
		width: 95%;
		height: auto;
	}
	
	.language_but_container_2 {
		width: 100%;
		height: auto;
	}
	
	.language_but_container_2 > a > img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	
	/************************************************************/
	
	#tutturmalik_top_logo {
		width: 210px;
		height: 33px;
		object-fit: scale-down;
	}
	
	#login_logout_icon {
		position: absolute;
		top: 50%;
		margin-left: 45px;
		width: 19px;
		height: 19px;
		object-fit: scale-down;
		z-index: 1;
	}
	
	/************************************************************/
	/* FONTS */
	
	.reservation_link {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 4.4vw;
		color: #ffffff;
		text-decoration: none;
		cursor: pointer;
		outline: none;
	}
	
	.main_menu_txts {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.7vw;
		color: #ffffff;
		text-decoration: none;
	}
	
	.login_titles {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 3vw;
		color: #f87177;
		text-decoration: none;
	}
	
	.login_texts {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 1.9vw;
		color: #000000;
		text-decoration: none;
	}
	
	.page_title_small {
		font-family: 'charter', Arial, sans-serif;
		font-size: 2.4vw;
		color: #4f4f4e;
		text-decoration: none;
	}
	
	.page_title_small_2 {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 2.4vw;
		color: #4f4f4e;
		text-decoration: none;
	}
	
	.page_title {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 3.5vw;
		color: #f87177;
		text-decoration: none;
	}
	
	.page_title_dark_green {
        font-family: 'Swiss', Arial, sans-serif;
        font-size: 3.5vw;
        color: #355047;
        text-decoration: none;
    }

    .page_title_light_green {
        font-family: 'Swiss', Arial, sans-serif;
        font-size: 3.5vw;
        color: #75b09f;
        text-decoration: none;
    }
	
	.page_title_red {
        font-family: 'Swiss', Arial, sans-serif;
        font-size: 3.7vw;
        color: #d01c23;
        text-decoration: none;
    }
	
	.page_title_red_2 {
        font-family: 'Swiss', Arial, sans-serif;
        font-size: 2.2vw;
        color: #d01c23;
        text-decoration: none;
    }

    .page_title_black {
        font-family: 'Swiss', Arial, sans-serif;
        font-size: 3.7vw;
        color: #000000;
        text-decoration: none;
    }
	
	.page_title_black_2 {
        font-family: 'Swiss', Arial, sans-serif;
        font-size: 3.3vw;
        color: #000000;
        text-decoration: none;
    }
	
	.page_title_big {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 3.1vw;
		color: #f87177;
		text-decoration: none;
	}
	
	.page_title_big_2 {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 4.1vw;
		color: #f87177;
		text-decoration: none;
	}
	
	.page_title_2 {
		font-family: 'Bebas', Arial, sans-serif;
		font-size: 4vw;
		color: #be0100;
		text-decoration: none;
	}
	
	.page_title_3 {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 4.5vw;
		color: #ffffff;
		text-decoration: none;
	}
	
	.page_title_4{
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 2.8vw;
		color: #000000;
		text-decoration: none;
	}
	
	.page_text {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.5vw;
		color: #000000;
		text-decoration: none;
	}
	
	.page_text_small {
        font-family: 'CenturyGothic', Arial, sans-serif;
        font-size: 1vw;
        color: #000000;
    }
	
	.page_text_bold {
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 1.5vw;
		color: #000000;
		text-decoration: none;
	}
	
	.page_text_red {
		font-family: 'MyriadPro', Arial, sans-serif;
		font-size: 2.2vw;
		color: #be0100;
		text-decoration: none;
	}
	
	.page_title_yellow {
		font-family: 'Bebas', Arial, sans-serif;
		font-size: 4vw;
		color: #f6c920;
		text-decoration: none;
	}
	
	.hidden_rows {
		display: none;
	}
	
	.project_title {
        font-family: 'MyriadProBold', Arial, sans-serif;
        font-size: 3vw;
        color: #ffffff;
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 1);	
    }

    .project_text {
        font-family: 'CenturyGothic', Arial, sans-serif;
        font-size: 1.5vw;
        color: #ffffff;
    }
	
	/*************************************************************/
	/* PAYMENT STYLES */
	
	#payment_paytr_result_container {
		width: 100%;
		height: auto;
	}
	
	.payment_tbl_header {
		background-color: #fd412b;
	}
	
	.payment_tbl_rows {
		background-color: #f8dfd8;
	}
	
	.payment_tbl_cells {
		height: 3vw;
	}
	
	.payment_tbl_cells_2 {
		height: 6vw;
	}
	
	.payment_tbl_titles_big {
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 1.2vw;
		color: #ffffff;
		text-decoration: none;
	}
	
	.payment_tbl_texts {
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 1.4vw;
		color: #000000;
		text-decoration: none;
	}
	
	.payment_tbl_texts_2 {
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 1.2vw;
		color: #000000;
		text-decoration: none;
	}
	
	/*************************************************************/
	/* GALLERY STYLES */
	.outer_gallery_img_container {
		width: 100%;
		height: 38vw;
		border-style: solid;
		border-color: #000000;
		border-width: 0.1vw;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.outer_gallery_img_container_2 {
		width: 90%;
		height: 36vw;
		border-style: solid;
		border-color: #000000;
		border-width: 0.1vw;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.gallery_img_container {
		width: 90%;
		height: 34vw;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.gallery_img_container > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.gallery_img_container > a > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.gallery_table_spacer {
		width: 100%;
		height: 1.5vw;
	}
	
	.gallery_table_spacer_2 {
		width: 100%;
		height: 0.2vw;
	}
	
	/***************************************************/
    /* PACKAGE FORM STYLES */
    .packages_container {
        position: relative;
        overflow: hidden;
        width: 98%;
        height: auto;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
    }

    .packages_container_pcks {
        width: 40%;
        min-height: 30vw;
        height: auto;
        display: -webkit-box;   /* OLD: Android browser, IOS. */
        display: -ms-flexbox;   /* WIN: IE 10 */
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }

    .packages_container_pcks > img {
        width: 100%;
        object-fit: scale-down;
    }

    .packages_container_pcks > div {
        width: 100%;
        height: auto;
        min-height: 35vh;
        background-color: #000000;
    }

    .package_title {
        font-family: 'MyriadProBold', Arial, sans-serif;
        font-size: 4vw;
        color: #fab540;
        text-decoration: none;
    }

    .package_row_space {
        widows: 100%;
        height: 1vw;
    }

    .package_text {
        font-family: 'MyriadPro', Arial, sans-serif;
        font-size: 1.8vw;
        color: #ffffff;
        text-decoration: none;
        margin-bottom: 4vw;
    }
	
	/*************************************************************/
	/* NEWS STYLES */
	.news_titles {
		font-family: 'Bebas', Arial, sans-serif;
		font-size: 5vw;
		color: #000000;
		text-decoration: none;
	}
	
	.news_titles_2 {
		font-family: 'Bebas', Arial, sans-serif;
		font-size: 3.5vw;
		color: #000000;
		text-decoration: none;
	}
	
	.news_link {
		font-family: 'Bebas', Arial, sans-serif;
		font-size: 3.5vw;
		color: #f6c920;
		text-decoration: none;
		animation: blinker 1s linear infinite;
	}
	
	@keyframes blinker {
		50% {
			opacity: 0;
		}
	}
	
	.news_texts {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 2.2vw;
		color: #000000;
		text-decoration: none;
	}
	
	.news_sep {	
		width: 300px;
		height: 16px;
		object-fit: scale-down;
	}
	
	/*************************************************************/
	/* SIGNUP FORM STYLES */
	.form_signup_titles {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 3.2vw;
		color: #f87177;
		text-decoration: none;
	}
	
	.prizes_titles_2 {
		font-family: 'Bebas', Arial, sans-serif;
		font-size: 3.5vw;
		color: #000000;
		text-decoration: none;
	}
	
	.prizes_link {
		font-family: 'Bebas', Arial, sans-serif;
		font-size: 3.5vw;
		color: #f6c920;
		text-decoration: none;
		animation: blinker 1s linear infinite;
	}
	
	@keyframes blinker {
		50% {
			opacity: 0;
		}
	}
	
	.prizes_texts {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 2.2vw;
		color: #000000;
		text-decoration: none;
	}
	
	.prizes_sep {	
		width: 300px;
		height: 16px;
		object-fit: scale-down;
	}
	
	/*************************************************************/
	/* SOCIAL BUTS AND IFRAME SETTINGS */
	#fb_but {
		width: 10%;
		height: 10%;
		object-fit: scale-down;
	}
	
	#tw_but {
		width: 10%;
		height: 10%;
		object-fit: scale-down;
	}
	
	#inst_but {
		width: 10%;
		height: 10%;
		object-fit: scale-down;
	}
	
	#yt_but {
		width: 10%;
		height: 10%;
		object-fit: scale-down;
	}
}