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

/********************************************************************************************************/
/* THE FOLLOWING LINES OF CODES WERE CODED FOR CB-IMS CLOUD BASED INFORMATION MANAGEMENT SYSTEM PROJECT */
/* BY DONE MUHENDISLIK & DANISMANLIK HIZMETLERI. COPYING,SHARING or PUBLISHING THIS FILE IS FORBIDDEN   */
/*                                                                                                      */
/*                                                                      YIGIT PEKMEZCI                  */
/*                                                                     Software Engineer                */
/*                                                           Done Muhendislik & Danismanlik Hizmetleri  */
/********************************************************************************************************/

body {
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #272727;
}

#loading_container {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100;
	-moz-opacity: 1;
	filter: alpha(opacity: 1);
	opacity: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	background-color: rgba(39, 39, 39, 1);
}

#loading_content_logo_container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 60%;
	height: 50vh;
}

#loading_content_logo_container > img {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

.loading_space_bar {
	display: flex;
	width: 100%;
	height: 1vh;
}

#loading_content_text_container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60%;
	height: 10vh;
	font-family: 'Swiss', Arial, sans-serif;
	font-size: 2.1vw;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

#loading_content_loading_anim {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60%;
	height: 10vh;
}

#loading_content_loading_anim > img {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

#header_main_container {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	min-width: 100%;
	height: 100vh;
}

#header_bottom_container {
	position: absolute;
	margin-top: 84vh;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	height: 25vh;
}

#header_bottom_container > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}


#intro_container {
	position: absolute;
	z-index: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 100%;
	height: 100vh;
}

#intro_container > video {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 101%;
	object-fit: fill;
}

#intro_container > .curtain {
	position: absolute;
	z-index: 1;
	background-image: url("../images/slide_curtain_bg.png");
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	background-color:rgba(18,18,18,0.1);
}

#intro_top_shape {
	width: 100%;
	height: 2vw;
}

#intro_top_shape > img {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

#header_top_container {
	position: relative;
	z-index: 10;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	width: 100%;
	min-width: 100%;
	height: 20vh;
	background-image: url("../images/header_top_container_bg.png");
	background-repeat: repeat-x;
	background-size: contain;
	/*-webkit-box-shadow: 0px 8px 4px -3px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 8px 4px -3px rgba(0,0,0,0.42);
	box-shadow: 0px 8px 4px -3px rgba(0,0,0,0.42);*/
}

#company_logo_container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	align-content: center;
	justify-content: flex-start;
	width: auto;
	height: auto;
}

#company_logo_container > a > img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

#main_menu_space {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	width: 15vw;
	height: 100%;
}

#main_menu_container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	width: 57vw;
	height: 38%;
	cursor: pointer;
}

#main_menu_content {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	align-content: center;
	justify-content: flex-end;
	width: 86%;
	height: 100%;
}

#main_menu_content > .menu_but {
	font-family: 'MyriadProBold', Arial, sans-serif;
	font-size: 1em;
	color: #000000;
	text-decoration: none;
	/*padding-right: 1vw;
	padding-top: 1vw;*/
	margin-top: 2.4em;
	padding-right: 0.5em;
	cursor: pointer;
}

#main_menu_content > .menu_but:hover {
	font-family: 'MyriadProBold', Arial, sans-serif;
	font-size: 1em;
	color: #ffca01;
	text-decoration: none;
	/*padding-right: 1vw;
	padding-top: 1vw;*/
	margin-top: 2.4em;
	padding-right: 0.5em;
	cursor: pointer;
}

#main_menu_content > .menu_text {
	font-family: 'MyriadProBold', Arial, sans-serif;
	font-size: 1em;
	color: #000000;
	text-decoration: none;
	/*padding-right: 1vw;
	padding-top: 1vw;*/
	margin-top: 2.4em;
	padding-right: 0.5em;
}

/********************************************************/
/* MAIN MENU STYLES */

/** DROP DOWN **/
.dropdown {
	position: relative;
	display: inline-block;
	text-align: center;
	width: auto;
	height: 100%;
	vertical-align: middle;
	padding-top: 2.4em;
	padding-right: 0.5em;
}

.dropdown > .dropbtn {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: none;
	width: auto;
	height: auto;
	text-align: center;
	font-family: 'MyriadProBold', Arial, sans-serif;
	font-size: 1em;
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}

.dropdown-content {
	display: none;
	position: absolute;
	margin-top: 0.5em;
	margin-left: -4em;
	background-color: #ffffff;
	min-width: 15em;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	text-align: center;
}

.dropdown-content a {
	color: black;
	padding-top: 1em;
	padding-bottom: 1em;
	text-decoration: none;
	display: block;
	font-family: 'CenturyGothicBold', Arial, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-decoration: none;
}

.dropdown-content a:hover {
	background-color: #ffca01;
	color: #000000;
}

.dropdown:hover .dropdown-content {display: block;}

/***************/

#main_menu_container > .menu_but:hover {
	font-family: 'MyriadProBold', Arial, sans-serif;
	font-size: 1.1vw;
	color: #b41766;
	text-decoration: none;
	padding-right: 1vw;
	padding-top: 1vw;
}

#main_menu_container > font {
	font-family: 'MyriadProBold', Arial, sans-serif;
	font-size: 1.1vw;
	color: #000000;
	text-decoration: none;
	padding-right: 1vw;
	padding-top: 1vw;
}

#social_media_container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	align-content: center;
	justify-content: space-evenly;
	width: 12%;
	height: auto;
}

#social_media_container > a > img {
	width: 2.2em;
	height: 2.2em;
	object-fit: scale-down;
	padding-top: 1.7em;
	cursor: pointer;
}

#sub_content {
	width: 1339px;
	height: 560px;
	position: relative;
	overflow: hidden;
}

.space_hor {
	width: 100%;
	height: 2.5vw;	
}

.space_hor_2 {
	width: 100%;
	height: 1vw;	
}

.space_hor_3 {
	width: 100%;
	height: 0.4vw;
}

.space_hor_4 {
	width: 100%;
	min-width: 1080px;
	height: 55px;
}

.space_hor_5 {
	width: 100%;
	min-width: 1080px;
	height: 15px;
}

.content_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: center;
	width: 100%;
	min-width: 100vw;
	height: auto; /* AUTO */
}

.content_title {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: center;
	width: 90%;
	height: auto; /*AUTO */
	text-align: center;
}

.content_title > .white_title {
	font-family: 'Swiss', Arial, sans-serif;
	font-size: 1.8vw;
	color: #ffffff;
	text-decoration: none;
}

.content_title > .yellow_title {
	font-family: 'Swiss', Arial, sans-serif;
	font-size: 4vw;
	color: #ffca01;
	text-decoration: none;
}

.content_seperator {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: center;
	width: 90%;
	height: auto; /*AUTO */
	text-align: center;
}

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


.content_text_content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	justify-content: center;
	width: 90%;
	height: auto; /*AUTO */
	text-align: center;
}

.content_text_content > .text_content {
	font-family: 'MyriadPro', Arial, sans-serif;
	font-size: 1.1em;
	color: #ffffff;
	text-decoration: none;
}

.content_content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: space-between;
	width: 90%;
	height: auto; /*AUTO */
	text-align: center;
}

.content_content_full {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: space-between;
	width: 99%;
	height: auto; /*AUTO */
	text-align: center;
}

.content_center_full {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 95%;
	height: auto; /*AUTO */
	text-align: center;
}

.content_warning {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: space-between;
	width: 90%;
	height: auto; /*AUTO */
	text-align: left;
}

.content_warning_text {
	font-family: 'MyriadPro', Arial, sans-serif;
	font-size: 0.8vw;
	color: #ffffff;
	text-decoration: none;
}

#content_aboutus_img {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: flex-start;
	width: 100%;
	height: 30vh;
}

#content_aboutus_img > img {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

.content_fs {
	width: 98%;
	height: auto;
	min-height: 100vw;
}

.content_fs_2 {
	width: 1250px;
	height: auto;
}

.content_small {
	width: 940px;
	height: auto; /*AUTO */
	/*min-height: 600px;*/
}

.news_img_nav_buts {
	cursor: pointer;
}

.news_img_nav_buts_2 {
	cursor: pointer;
}


.done_slide_nav_buts {
	cursor: pointer;
}

/*************************************************************/
/* PRODUCTS STYLES */
#products_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: center;
	width: 98%;
	height: auto;
}

#products_container_cat_all {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: space-around;
	width: 98%;
	height: auto;
	min-height: 10vw;
}

.products_cat_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	height: auto;
	min-height: 20vw;
	margin-bottom: 5vw;
}

.products_cat_title_content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	font-family: 'Swiss', Arial, sans-serif;
	font-size: 2.1em;
	margin-bottom: 2vw;
	color: #ffca01;
}

.products_cat_cont_but_content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	font-family: 'Swiss', Arial, sans-serif;
	font-size: 2.1em;
	margin-bottom: 2vw;
	color: #ffca01;
}

.products_cat_cont_but {
	width: 50%;
	height: 5vw;
	border-style: none;
	font-family: 'MyriadProBold', Arial, sans-serif;
	font-size: 1.7vw;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	line-height: 5vw;
	background: none;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0.1vw;
	cursor: pointer;
}

.products_cat_cont_but:hover {
	width: 50%;
	height: 5vw;
	border-style: none;
	font-family: 'MyriadProBold', Arial, sans-serif;
	font-size: 1.7vw;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	line-height: 5vw;
	background-color: #e2a616;
	border-style: none;
	cursor: pointer;
}

.products_content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	width: 22%;
	height: auto;
	min-height: 20vw;
	margin-bottom: 4.5vw;
}

.products_content_cat {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	text-align: center;
	width: 24%;
	height: auto;
	min-height: 20vw;
	margin-bottom: 1.5vw;
	margin-right: 1vw;
}

.products_content_img_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	height: 20vw;
	/*min-height: 20vw;*/
	background-color: #ffffff;
	margin-bottom: 1vw;
}

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

.products_title_content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	height: auto;
	margin-bottom: 0.5vw;
	font-family: 'Swiss', Arial, sans-serif;
	font-size: 1.2em;
	color: #ffca01;
	text-decoration: none;
}

.products_details_title_content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	height: auto;
	margin-bottom: 0.5vw;
	font-family: 'Swiss', Arial, sans-serif;
	font-size: 1vw;
	color: #ffffff;
	text-decoration: none;
}

.products_details_content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: flex-start;
	text-align: center;
	width: 100%;
	height: auto;
	margin-bottom: 1.2vw;
	font-family: 'MyriadPro', Arial, sans-serif;
	font-size: 0.9em;
	color: #ffffff;
	text-decoration: none;
}

.products_cont_but {
	width: 97%;
	height: 3vw;
	border-style: none;
	font-family: 'MyriadProBold', Arial, sans-serif;
	font-size: 1.2em;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	line-height: 3vw;
	background-color: #ffca01;
	cursor: pointer;
}

.products_cont_but:hover {
	width: 97%;
	height: 3vw;
	border-style: none;
	font-family: 'MyriadProBold', Arial, sans-serif;
	font-size: 1.2em;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	line-height: 3vw;
	background-color: #e2a616;
	cursor: pointer;
}

.products_titles {
	font-family: 'Swiss', Arial, sans-serif;
	font-size: 2.5vw;
	color: #ffca01;
	text-decoration: none;
}

.products_titles_2 {
	font-family: 'Bebas', Arial, sans-serif;
	font-size: 3.5vw;
	color: #000000;
	text-decoration: none;
}

.products_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;
	}
}

.products_texts {
	font-family: 'MyriadPro', Arial, sans-serif;
	font-size: 1vw;
	color: #ffffff;
	text-decoration: none;
}

.products_sep {	
	width: 300px;
	height: 16px;
	object-fit: scale-down;
}



/***************************************/
/* CONTACT */
#contact_maps_container {
	width: 93%;
	height: 60vh;
	overflow: hidden;
}

#contact_contact_info_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 70%;
	height: auto;
	text-align: center;
	font-family: 'MyriadProBold', Arial, sans-serif;
	font-size: 1.2em;
	color: #ffffff;
	text-decoration: none;
}

.maps {
	width: 375px;
	height: 250px;
}

.maps_info {
	width: 375px;
	height: 250px;
}

#contact_info_container {
	width: 375px;
	height: 250px;
	overflow: hidden;
}

.contact_txtbox_ess {
	width: 475px;
	height: 35px;
	border-color: #e1e1e1;
	border-style: solid;
	font-size: 15px;
	color: #7a7a7a;
}

.contact_txtbox_noness {
	width: 475px;
	height: 35px;
	border-color: #e1e1e1;
	border-style: solid;
	font-size: 15px;
	color: #7a7a7a;
}

.contact_txtarea_ess {
	width: 475px;
	height: 250px;
	border-color: #e1e1e1;
	border-style: solid;
	font-size: 15px;
	color: #7a7a7a;
}

.contact_txtarea_noness {
	width: 475px;
	height: 250px;
	border-color: #e1e1e1;
	border-style: solid;
	font-size: 15px;
	color: #7a7a7a;
}

.contact_form_buttons {
	width: 100px;
	height: 35px;
	color: #ffffff;
	background-color: #b0c47f;
	font-size: 15px;
	border-style: solid;
	cursor: pointer;
}

.contact_form_buttons:hover {
	background-color: #4e8abe;
}


/***************************************/
#footer_top_shape {
	width: 100%;
	height: 3vw;
	background-image: url("../images/footer_line.png");
	background-repeat: repeat-x;
}

#footer_top_shape > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#footer_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	justify-content: space-between;
	width: 100%;
	height: 18vw;
}


.footer_parts_small {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
	width: 23%;
	height: auto;
}

.footer_title {
	font-family: 'CenturyGothicBold', Arial, sans-serif;
	font-size: 1.8em;
	color: #ffffff;
	text-decoration: none;
}

.footer_info_box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	align-content: flex-start;
	justify-content: center;
	width: 100%;
	height: auto;
	margin-bottom: 0.5vw;
}

.footer_info_box_icon {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 10%;
	height: auto;
}

.footer_info_box_icon > img {
	width: 85%;
	height: 85%;
	object-fit: scale-down;
}

.footer_info_box_text {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: flex-start;
	justify-content: flex-start;
	width: 90%;
	height: auto;
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 0.7em;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
}

.footer_parts_middle {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 46%;
	height: auto;
}

.footer_trademark_logo {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
}

.footer_trademark_logo > img {
	width: 50%;
	height: 50%;
	object-fit: scale-down;
}

.footer_trademark_texts {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 0.7vw;
	color: #ffffff;
	text-decoration: none;
}

.footer_social_media_container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	text-align: center;
	width: 20%;
	height: auto;
}

.footer_social_media_container > a > img {
	width: 60%;
	height: auto;
	object-fit: scale-down;
}

.footer_consultancy_logo_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
}

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

.footer_consultancy_text {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
}


/******************************************************************************/

/* FONTS */
@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');
}


.loading_title {
	font-family: 'Swiss', Arial, sans-serif;
	font-size: 26px;
	color: #575757;
	text-decoration: none;
}

.logo_title_1 {
	font-family: 'charter', Arial, sans-serif;
	font-size: 16px;
	color: #4e4e4f;
	text-decoration: none;
}

.logo_title_2 {
	font-family: 'charter', Arial, sans-serif;
	font-size: 12px;
	color: #4e4e4f;
	text-decoration: none;
}

.sv_preview_txt_1 {
	font-family: 'charter', Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}


.sv_preview_txt_2 {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 11px;
	color: #626264;
	text-decoration: none;
}


.social_texts {
	font-family: 'Futul', Arial, sans-serif;
	font-size: 12pt;
	color: #303030;
	text-decoration: none;
}

.adv_texts {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 14px;
	color: #005999;
	text-decoration: none;
}

.page_title {
	font-family: 'Swiss', Arial, sans-serif;
    font-size: 42px;
    color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 2px #000000;
}

.page_title_2 {
	font-family: 'Swiss', Arial, sans-serif;
    font-size: 30px;
    color: #000000;
    text-decoration: none;
}

.page_title_dark_green {
	font-family: 'Swiss', Arial, sans-serif;
    font-size: 40px;
    color: #355047;
    text-decoration: none;
}

.page_title_light_green {
	font-family: 'Swiss', Arial, sans-serif;
    font-size: 40px;
    color: #75b09f;
    text-decoration: none;
}

.page_title_dark_green_big {
	font-family: 'Swiss', Arial, sans-serif;
    font-size: 60px;
    color: #355047;
    text-decoration: none;
}

.page_title_light_green_big {
	font-family: 'Swiss', Arial, sans-serif;
    font-size: 60px;
    color: #75b09f;
    text-decoration: none;
}

.page_title_big {
	font-family: 'Swiss', Arial, sans-serif;
	font-size: 35px;
	color: #000000;	
}

.page_title_small {
	font-family: 'Futul', Arial, sans-serif;
	font-size: 20pt;
	color: #323232;
}

.page_title_orange {
	font-family: '526', Arial, sans-serif;
	font-size: 28px;
	color: #f05626;	
}

.page_title_white {
	font-family: 'CenturyGothicBold', Arial, sans-serif;
	font-size: 45px;
	color: #ffffff;	
}


.page_title_yellow_link {
	font-family: '526', Arial, sans-serif;
	font-size: 35px;
	color: #ffca01;	
	text-decoration: none;
}

.page_title_yellow_link:hover {
	font-family: '526', Arial, sans-serif;
	font-size: 35px;
	color: #ffffff;	
	text-decoration: none;
}

.page_title_red {
    font-family: 'Swiss', Arial, sans-serif;
    font-size: 38px;
    color: #be0100;
    text-decoration: none;
}

.content_page_title_icons {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}


.page_content_title {
	font-family: 'charter', Arial, sans-serif;
	font-size: 23px;
	color: #6287a4;
}

.page_content_title_2 {
	font-family: 'charter', Arial, sans-serif;
	font-size: 43px;
	color: #6287a4;
}

.blog_pre_title_txt {
	font-family: '526', Arial, sans-serif;
	font-size: 30px;
	color: #ffffff;
	text-decoration: none;
}

.blog_pre_text_txt {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

.event_pre_title_txt {
	font-family: '526', Arial, sans-serif;
	font-size: 30px;
	color: #ffffff;
	text-decoration: none;
}

.event_pre_text_txt {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

.page_text {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-shadow: 1px 2px #000000;
}

.page_text_small {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

.page_text_red {
	font-family: 'CenturyGothicBold', Arial, sans-serif;
	font-size: 10pt;
	color: #be0000;
}

.page_text_bold {
	font-family: 'CenturyGothicBold', Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

.page_text_bold_2 {
	font-family: 'CenturyGothicBold', Arial, sans-serif;
	font-size: 12pt;
	color: #e2000f;
}


.page_text_2 {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 12pt;
	color: #969696;
}

.src_preview_title {
	font-family: 'CenturyGothicBold', Arial, sans-serif;
	font-size: 18px;
	color: #ffffff;
}

.src_preview_text {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

.page_link_0 {
	font-family: 'Futul', Arial, sans-serif;
	font-size: 18pt;
	color: #e2000f;
}

.page_link {
	font-family: 'Futul', Arial, sans-serif;
	font-size: 18pt;
	color: #e2000f;
	text-decoration: none;
	cursor: pointer;
}

.page_link:hover {
	color: #00aedb;
}

.page_warn_texts {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 11px;
	color: #ff0000;
}

.page_title_news_preview {
	font-family: 'Bebas', Arial, sans-serif;
	font-size: 19px;
	color: #182036;
	cursor: pointer;
	text-decoration: none;
	
}

.page_title_news_preview_small {
	font-family: 'Bebas', Arial, sans-serif;
	font-size: 22px;
	color: #182036;
	cursor: pointer;
	text-decoration: none;
	
}

.page_title_gallery_preview {
	font-family: '526', Arial, sans-serif;
	font-size: 32px;
	color: #182036;
	cursor: pointer;
	text-decoration: none;
	
}

.page_text_news {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 12px;
	color: #182036;
	cursor: pointer;
	text-decoration: none;
	
}

.page_text_gallery {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 12px;
	color: #182036;
	cursor: pointer;
	text-decoration: none;
	
}

.page_title_news_big {
	font-family: 'charter', Arial, sans-serif;
	font-size: 42px;
	color: #4f4f4e;
	cursor: pointer;
	text-decoration: none;
	
}

.contact_titles {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 15pt;
	color: #616161;
}

.contact_map_text {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 9pt;
	color: #616161;
	cursor: pointer;
}

.contact_map_text:hover {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 9pt;
	color: #616161;
	cursor: pointer;
}

.contact_texts {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 10pt;
	color: #616161;
}

.contact_texts_2 {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 10pt;
	color: #636363;
}

.contact_texts_3 {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 10pt;
	color: #f10627;
}

.contact_texts_ess {
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 12pt;
	color: #a10101;
}

#contact_send_but {
	cursor: pointer;
}

#contact_cancel_but {
	cursor: pointer;
}

.contact_textbox {
	width: 525px;
	height: 51px;
	border-color: #797979;
	border-style: solid;
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 20px;
	color: #797979;
	text-indent: 8px;
}

.contact_textbox_err {
	border-color: #797979;
	border-style: solid;
}

.contact_textarea {
	width: 523px;
	height: 200px;
	border-color: #797979;
	border-style: solid;
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 20px;
	color: #797979;
	text-indent: 8px;
}

.cont_but {
	cursor: pointer;
}


.cont_but_2 {
	cursor: pointer;
}

.cont_but_3 {
	cursor: pointer;
}

.cont_but_4 {
	cursor: pointer;
}

.cont_but_5 {
	cursor: pointer;
}

/******************************************************************/
.form_content_container_2 {
	position: relative;
	width: 95%;
	height: auto;
}

/******************************************************************/
/* FORM ELEMENT STYLES */

.m_search_txtbox_main {
	width: 210px;
	height: 36px;
	border-color: #888888;
	border-style: solid;
	border-width: 1px;
	font-family: 'CenturyGothic', Arial, sans-serif;
	font-size: 11px;
	color: #888888;
	text-align: left;
}

/***************************************************/
/* FORM STYLES */
/* Scroll bar remover */
::-webkit-scrollbar {
        display: none;  /* Chrome Safari */
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #656565;
    opacity: 1; /* Firefox */
}

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: 100%;
  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: 48%;
  height: 4.5vw;
  border-color: #cbcbcb;
  border-style: solid;
  border-width: 0.1vw;
  font-family: 'CenturyGothic', Arial, sans-serif;
  font-size: 1.2vw;
  color: #23262b;
  text-align: center;
}

.m_txtbox_small {
  width: 100%;
  height: 50px;
  border-color: #cbcbcb;
  border-style: solid;
  border-width: 1px;
  font-family: 'CenturyGothic', Arial, sans-serif;
  font-size: 15px;
  color: #23262b;
  text-align: center;
}

.m_lstbox_small {
  width: 98%;
  height: 50px;
  border-color: #cbcbcb;
  border-style: solid;
  border-width: 1px;
  font-family: 'CenturyGothic', Arial, sans-serif;
  font-size: 18px;
  color: #23262b;
  text-align: center;
}

.m_lstbox_small_2 {
  width: 100%;
  height: 55px;
  border-color: #cbcbcb;
  border-style: solid;
  border-width: 1px;
  font-family: 'CenturyGothic', Arial, sans-serif;
  font-size: 15px;
  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: 100%;
  height: 5vw;
  border-style: none;
  font-family: 'MyriadProBold', Arial, sans-serif;
  font-size: 2vw;
  color: #000000;
  text-align: center;
  vertical-align: middle;
  line-height: 5.3vw;
  background-color: #ffca01;
  cursor: pointer;
}

.m_button:hover {
	width: 100%;
	height: 5vw;
	border-style: none;
	font-family: 'MyriadProBold', Arial, sans-serif;
	font-size: 2vw;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	line-height: 5.3vw;
	background-color: #e2a616;
	cursor: pointer;
}

.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: 50px;
  border-style: none;
  font-family: 'CenturyGothicBold', Arial, sans-serif;
  font-size: 25px;
  color: #ffffff;
  text-align: center;
  background-color: #f87177;
}


.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: 15px;
  color: #000000;
  text-decoration: none;
  text-align: center;
}

.m_frm_txt_small {
  font-family: 'CenturyGothic', Arial, sans-serif;
  font-size: 10px;
  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: 15px;
  color: #000000;
  text-decoration: none;
  text-align: center;
}