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

@font-face {
	 font-family: 'MyriadPro';
	 src: url('MyriadPro.eot');
     src: url('MyriadPro.eot?#iefix') format('embedded-opentype'),
         url('MyriadPro.woff') format('woff'),
         url('MyriadPro.ttf') format('truetype'),
         url('MyriadPro.svg#HarringtonRegular') format('svg');
}

@font-face {
	 font-family: 'MyriadProBold';
	 src: url('MyriadProBold.eot');
     src: url('MyriadProBold.eot?#iefix') format('embedded-opentype'),
         url('MyriadProBold.woff') format('woff'),
         url('MyriadProBold.ttf') format('truetype'),
         url('MyriadProBold.svg#HarringtonRegular') format('svg');
}

@font-face {
	 font-family: 'Swiss';
	 src: url('sws.eot');
     src: url('sws.eot?#iefix') format('embedded-opentype'),
         url('sws.woff') format('woff'),
         url('sws.ttf') format('truetype'),
         url('sws.svg#HarringtonRegular') format('svg');
}


@font-face {
    font-family: 'CenturyGothic';
    src: url('gothic.eot');
    src: url('gothic.eot?#iefix') format('embedded-opentype'),
         url('gothic.woff') format('woff'),
         url('gothic.ttf') format('truetype'),
         url('gothic.svg#HarringtonRegular') format('svg');
  
}

@font-face {
    font-family: 'CenturyGothicBold';
    src: url('gothic_bold.eot');
    src: url('gothic_bold.eot?#iefix') format('embedded-opentype'),
         url('gothic_bold.woff') format('woff'),
         url('gothic_bold.ttf') format('truetype'),
         url('gothic_bold.svg#HarringtonRegular') format('svg');
 

}

@font-face {
	 font-family: 'Futul';
	 src: url('Futul.eot');
     src: url('Futul.eot?#iefix') format('embedded-opentype'),
         url('Futul.woff') format('woff'),
         url('Futul.ttf') format('truetype'),
         url('Futul.svg#HarringtonRegular') format('svg');
}



@font-face {
	 font-family: 'FutulBold';
	 src: url('FutulBold.eot');
     src: url('FutulBold.eot?#iefix') format('embedded-opentype'),
         url('FutulBold.woff') format('woff'),
         url('FutulBold.ttf') format('truetype'),
         url('FutulBold.svg#HarringtonRegular') format('svg');
}



@media screen and (min-width: 319px) and (max-width: 3840px) and (orientation: portrait) {
  
	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-top: 70px;*/
		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: 40vh;
		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: 34vh;
		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: 34vh;
		position: absolute;
		z-index: 1;
		margin-top: 6vh;
		margin-left: 0%;
	}
	
	#slide_inner_video_container_2 > img {
		width: 100%;
		height: 100%;
		margin-top: 0;
		object-fit: scale-down;
	}
	
	.page_content_container {
		width: 100%;
		height: auto;		
		/*background-color: aqua;*/
		
	}
	
	#contact_maps_container {
		width: 100%;
		height: 30vh;
	}
	
	.advertisement_placeholder {
		width: 100%;
		height: 30vh;
		overflow: hidden;
	}
	
	.advertisement_placeholder > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.advertisement_placeholder > a > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.page_space_hor {
		width: 100%;
		height: 1vh;
	}
	
	.page_space_hor_2 {
		width: 100%;
		height: 4vh;
	}
	
	.page_space_hor_3 {
		width: 100%;
		height: 9vh;
	}
	
	.page_top_space {
		width: 100%;
		height: 8vh;
	}
	
	
	#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: 5vh;
		align-content: center;
	}
	
	#sec_certificate_icons {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
	}
	
	#payment_information_container {
		width: 100%;
		height: 50%;
		position: relative;
		margin-top: 30%;
	}
	
	#payment_information_icon {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
	}
	
	.form_content_container {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.form_content_container_2 {
		position: relative;
		width: 96%;
		height: auto;
	}
	
	.form_element_spacer_top {
		width: 100%;
		height: 3vh;
	}
	
	.form_element_spacer_1 {
		width: 100%;
		height: 1vh;
	}
	
	.form_element_spacer_2 {
		width: 100%;
		height: 2vh;
	}
	
	.form_element_spacer_3 {
		width: 100%;
		height: 1.7vh;
	}
	
	.form_element_bottom_spacer {
		width: 100%;
		height: 15vh;
	}
	
	.product_link_container {
		width: 100%;
		height: auto;
	}
	
	.product_link_container > a > img {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
	}
	
	.product_link_container_2 {
		width: 48%;
		height: auto;
	}
	
	.product_link_container_2 > a > img {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
	}
	
	
	#membership_processes_container .login_link {
		margin: 50% auto 50% auto;
		font-family: 'MyriadPro', Arial, sans-serif;
		font-size: 2.3vh;
		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.3vh;
		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.3vh;
		color: #ffffff;
		text-decoration: none;
		background: none;
		cursor: pointer;
		outline: none;
		transform: translate(-50%, -50%);
	}
	
	#profile_image_container {
		width: 60%;
		height: 32vh;
		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;
	}
	
	#header_main_container {
		position: fixed;
		margin-top: 0px;
		margin-left: 0px;
		z-index: 3;
		width: 100%;
		height: 8vh;
		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;
	}
	
	#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;
	}
	
	#menu_but_login_but_container {
		position: absolute;
		width: 30%;
		height: 73%;
		top: 0%;
		left: 0%;
		z-index: 1;
		overflow: hidden;
	}
	
	#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.5vh;
		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: 4;
	}
	
	.footer_img_icons {
		width: 42%;
		height: 42%;
		object-fit: scale-down;
	}
	
	#footer_main_container > img {
		max-width: 50%;
		max-height: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
	}	
	
	
	#back_but_icon {
		position: relative;
		margin-left: 5px;
		width: 23px;
		height: 19px;
		object-fit: scale-down;
	}
	
	#login_content_container {
		width: 90%;
		height: 100%;
	}
	
	#signup_content_container {
		width: 90%;
		height: 100%;
		display: block;
	}
	
	#member_confirmation_content_container {
		width: 90%;
		height: 100%;
		display: none;
	}
	
	#password_reminder_content_container {
		width: 100%;
		height: 100%;
		display: none;
	}
	
	#password_reminder_content_container_2 {
		width: 100%;
		height: 100%;
		display: none;
	}
	
	#password_reminder_content_container_3 {
		width: 100%;
		height: 100%;
		display: none;
	}
	
	#company_login_logo_container {
		width: 100%;
		height: 15vh;
	}
	
	#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 */
	}
	
	*{
		/* Prevent any object from being highlighted upon touch event*/
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	input, textarea {
		-webkit-user-select: text;
		-khtml-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
		user-select: text;
	}
	
	input
	{
		-webkit-user-select: auto !important;
		-khtml-user-select: auto !important;
		-moz-user-select: auto !important;
		-ms-user-select: auto !important;
		user-select: auto !important;
	}
	
	video::-webkit-media-controls {
		display:none !important;
	}
	
	input[type=checkbox] {
		zoom: 2.0;
	}
	
	.ui-autocomplete li a {
		overflow: hidden;
		display: block;
	}
	
	.ui-autocomplete li a img {
		float: left;
		margin-right: 1.32vh;
		height: 5.3vh;
	}
	
	.ui-autocomplete li a .stone_name {
		display: block;
		font-size: 2.2vh;
		line-height: 2.2vh;
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		color: #be0100;
	}
	
	.m_txtarea {
		width: 30px;
		height: 10vh;
		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: 96%;
		height: 20vh;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.6vh;
		color: #23262b;
		text-align: left;
	}
	
	.m_search_txtbox {
		width: 90%;
		height: 6vh;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 2.4vh;
		color: #23262b;
		text-align: center;
	}
	
	.m_txtbox {
		width: 95%;
		height: 5vh;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.6vh;
		color: #23262b;
		text-align: center;
	}
	
	.m_txtbox_small {
		width: 90%;
		height: 5vh;
		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_lstbox_small {
		width: 90%;
		height: 7vh;
		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_lstbox_small_2 {
		width: 98%;
		height: 5.8vh;
		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_lstbox_small_multi {
		width: 95%;
		height: 12vh;
		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_button {
		width: 95%;
		height: 5vh;
		border-style: none;
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 3.1vw;
		color: #ffffff;
		text-align: center;
		background-color: #e41e26;
	}
	
	.m_button_2 {
		width: 95%;
		height: 5vh;
		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: 7vh;
		border-style: none;
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 3.5vw;
		color: #ffffff;
		text-align: center;
		background-color: #f87177;
	}
	
	.m_frm_row_space {
		width: 100%;
		height: 1vh;
	}
	
	
	.m_frm_txt {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.5vh;
		color: #000000;
		text-decoration: none;
		text-align: center;
	}
	
	.m_frm_txt_2 {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.8vh;
		color: #000000;
		text-decoration: none;
		text-align: center;
	}
	
	.m_frm_txt_small {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.1vh;
		color: #be0100;
		text-decoration: none;
		text-align: center;
	}
	
	.m_frm_txt_small_2 {
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 1.8vh;
		color: #000000;
		text-decoration: none;
		text-align: center;
	}
	
	.m_frm_txt_bold {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 2.3vh;
		color: #000000;
		text-decoration: none;
		text-align: center;
	}
	
	.m_frm_txt_bold_2 {
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 1.6vh;
		color: #000000;
		text-decoration: none;
		text-align: center;
	}
	
	/*******************************************************/
	
	#login_user_name {
		width: 90%;
		height: 6vh;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.8vh;
		color: #23262b;
		text-align: center;
	}
	
	#login_user_password {
		width: 90%;
		height: 6vh;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.8vh;
		color: #23262b;
		text-align: center;
	}
	
	#login_passre_user_name {
		width: 90%;
		height: 6vh;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.8vh;
		color: #23262b;
		text-align: center;
		display: block;
		
	}
	
	#login_passre_code {
		width: 90%;
		height: 6vh;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.8vh;
		color: #23262b;
		text-align: center;
		display: block;
	}
	
	#login_newpass {
		width: 90%;
		height: 6vh;
		border-color: #cbcbcb;
		border-style: solid;
		border-width: 1px;
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.8vh;
		color: #23262b;
		text-align: center;
		display: block;
	}
	
	#login_but {
		width: 90%;
		height: 5vh;
		border-style: none;
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 2.1vh;
		color: #ffffff;
		text-align: center;
		background-color: #f87177;
	}
	
	#pass_re_sendcode_but {
		width: 90%;
		height: 5vh;
		border-style: none;
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 2.1vh;
		color: #ffffff;
		text-align: center;
		background-color: #f87177;
		display: block;
	}
	
	#save_newpass_but {
		width: 90%;
		height: 5vh;
		border-style: none;
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 2.1vh;
		color: #ffffff;
		text-align: center;
		background-color: #f87177;
		display: block;
	}
	
	
	/************************************************************/
	.sidenav {
		margin-top: 15vh;
		width: 100%;
		/*min-height: 50%;*/
		height: auto;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		text-align: center;
	}
	
	.sidenav a {
		margin-left: 1vh;
		margin-right: auto;
		margin-bottom: 3vh;
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 2.4vh;
		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.2vh;
		color: #ffffff;
		text-decoration: none;
		display: block;
		border: none;
		cursor: pointer;
		outline: none;
		background: none;
		width: 95%;
		height: auto;
		margin-left: 1vh;
		margin-bottom: 5vh;
		
	}
	
	.sidenav #hidden_main_menu_but_container {
		font-family: 'MyriadPro', Arial, sans-serif;
		font-size: 2.2vh;
		color: #ffffff;
		text-decoration: none;
		display: none;
		border: none;
		cursor: pointer;
		outline: none;
		background: none;
		width: 95%;
		height: auto;
		margin-left: 1vh;
		margin-bottom: 5vh;
		
	}
	
	.sidenav .seperator {
		margin: auto auto 5% auto;
		text-decoration: none;
		display: block;
		border: none;
		width: 100%;
		height: 3vh;
	}
	
	.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: 2vh;
		color: #ffffff;
		text-decoration: none;
		margin-top: 2.5vh;
		margin-left: 2.5vh;
	}
	
	.sidenav_spacer {
		width: 100%;
		height: 3vh;
	}
	
	.sidenav_spacer_2 {
		width: 100%;
		height: 5vh;
	}
	
	.sidenav_spacer_3 {
		width: 100%;
		height: 1vh;
	}
	
	.sidenav_social {
		width: 100%;
		height: auto;
	}
	
	.sidenav_link {
		font-family: 'MyriadPro', Arial, sans-serif;
		font-size: 2.2vh;
		color: #ffffff;
		text-decoration: none;
	}
	
	.menu_but_icons {
		font-family: 'Bebas', Arial, sans-serif;
		font-size: 4vh;
		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: 100%;
		object-fit: scale-down;
	}
	
	/************************************************************/
	
	
	#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: 3.4vh;
		color: #ffffff;
		text-decoration: none;
		cursor: pointer;
		outline: none;
	}
	
	.main_menu_txts {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.3vh;
		color: #ffffff;
		text-decoration: none;
	}
	
	.login_titles {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 2.2vh;
		color: #f87177;
		text-decoration: none;
	}
	
	.login_texts {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 1.6vh;
		color: #000000;
		text-decoration: none;
	}
	
	.page_title_small {
		font-family: 'charter', Arial, sans-serif;
		font-size: 2.4vh;
		color: #4f4f4e;
		text-decoration: none;
	}
	
	.page_title_small_2 {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 2.4vh;
		color: #4f4f4e;
		text-decoration: none;
	}
	
	.page_title {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 2.3vh;
		color: #f87177;
		text-decoration: none;
	}
	
	.page_title_dark_green {
        font-family: 'Swiss', Arial, sans-serif;
        font-size: 1.9vh;
        color: #355047;
        text-decoration: none;
    }

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

    .page_title_black {
        font-family: 'Swiss', Arial, sans-serif;
        font-size: 2.7vh;
        color: #000000;
        text-decoration: none;
    }
	
	.page_title_black_2 {
        font-family: 'Swiss', Arial, sans-serif;
        font-size: 3vh;
        color: #000000;
        text-decoration: none;
    }
	
	.page_title_big {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 2.5vh;
		color: #f87177;
		text-decoration: none;
	}
	
	.page_title_big_2 {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 3.2vh;
		color: #f87177;
		text-decoration: none;
	}
	
	.page_title_payment {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 4.5vh;
		color: #000000;
		text-decoration: none;
	}
	
	.page_title_2 {
		font-family: 'Bebas', Arial, sans-serif;
		font-size: 4vh;
		color: #be0100;
		text-decoration: none;
	}
	
	.page_title_3 {
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 4.5vh;
		color: #ffffff;
		text-decoration: none;
	}
	
	.page_title_4{
		font-family: 'Swiss', Arial, sans-serif;
		font-size: 2.8vh;
		color: #000000;
		text-decoration: none;
	}
	
	.page_text {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 1.5vh;
		color: #000000;
		text-decoration: none;
	}
	
	.page_text_small {
        font-family: 'CenturyGothic', Arial, sans-serif;
        font-size: 1vh;
        color: #000000;
    }
	
	.page_text_bold {
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 1.4vh;
		color: #000000;
		text-decoration: none;
	}
	
	.page_text_red {
		font-family: 'MyriadPro', Arial, sans-serif;
		font-size: 2.2vh;
		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: 1.8vh;
        color: #ffffff;
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 1);	
    }

    .project_text {
        font-family: 'CenturyGothic', Arial, sans-serif;
        font-size: 1vh;
        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: 3vh;
	}
	
	.payment_tbl_cells_2 {
		height: 6vh;
	}
	
	.payment_tbl_titles_big {
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 1.2vh;
		color: #ffffff;
		text-decoration: none;
	}
	
	.payment_tbl_texts {
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 1vh;
		color: #000000;
		text-decoration: none;
	}
	
	.payment_tbl_texts_2 {
		font-family: 'CenturyGothicBold', Arial, sans-serif;
		font-size: 0.8vh;
		color: #000000;
		text-decoration: none;
	}
	
	/*************************************************************/
	/* GALLERY STYLES */
		
	.outer_gallery_img_container {
		width: 100%;
		height: 25vh;
		border-style: solid;
		border-color: #000000;
		border-width: 0.1vh;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.outer_gallery_img_container_2 {
		width: 90%;
		height: 23vh;
		border-style: solid;
		border-color: #000000;
		border-width: 0.1vh;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.gallery_img_container {
		width: 90%;
		height: 21vh;
		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.5vh;
	}
	
	.gallery_table_spacer_2 {
		width: 100%;
		height: 0.2vh;
	}
	
	/***************************************************/
    /* 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: 75%;
        min-height: 50vh;
        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%;
        min-height: 68vh;
        height: auto;
        background-color: #000000;
    }

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

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

    .package_text {
        font-family: 'MyriadPro', Arial, sans-serif;
        font-size: 1.8vh;
        color: #ffffff;
        text-decoration: none;
        margin-bottom: 4vh;
    }
	
	/*************************************************************/
	/* 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: #64a844;
		text-decoration: none;
		animation: blinker 1s linear infinite;
	}
	
	@keyframes blinker {
		50% {
			opacity: 0;
		}
	}
	
	.news_texts {
		font-family: 'CenturyGothic', Arial, sans-serif;
		font-size: 2.8vw;
		color: #000000;
		text-decoration: none;
	}
	
	.news_sep {	
		width: 300px;
		height: 16px;
		object-fit: scale-down;
	}
	
	/*************************************************************/
	/* SERVICES STYLES */
	.services_pre_img_container {
		width: 100%;
		height: 18vh;
	}
	
	.services_pre_img_container > img {
		width: 100%;
		height: 100%;
		object-fit: fill;
	}
	
	.services_preview_content {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 18vh;
		background-color: #252525;	
	}
	
	.services_element_space {
		width: 100%;
		height: 1.4vh;
	}
	
	.services_pre_row_space {
		width: 100%;
		height: 0.8vh;
	}
	
	.services_pre_row_space_2 {
		width: 100%;
		height: 0.8vh;
	}
	
	.services_title {
        font-family: 'MyriadProBold', Arial, sans-serif;
        font-size: 2.3vh;
        color: #fab540;
        text-decoration: none;
    }

    .services_text {
        font-family: 'MyriadPro', Arial, sans-serif;
        font-size: 1.25vh;
        color: #ffffff;
        text-decoration: none;
    }
	
	.csb_tuv_logo_container {
		width: 100%;
		height: 20vh;
	}
	
	.csb_tuv_logo_container > img {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
	}
	
	.exhaust_service_img_container {
		width: 100%;
		height: 28vh;
	}
	
	.exhaust_service_img_container > img {
		width: 100%;
		height: 100%;
		object-fit: fill;
	}
	
	
	
	/*************************************************************/
	/* 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;
	}
}