html, body						{ position: relative; height: 100%; padding: 0; margin: 0; overscroll-behavior: contain; }

a:link                          { text-decoration: none; color: inherit; font-weight: bold; }
a:visited                       { text-decoration: none; color: inherit; }
a:hover                         { text-decoration: none; color: inherit; }
a:active                        { text-decoration: none; color: inherit; }

.full_width_img 				{ width: 100%; height:auto; vertical-align: top; }
.full_height_img 				{ width: auto; height:100%; vertical-align: top; }
.btn 							{ text-transform: uppercase; font-size: 16px; font-weight: 400; padding: 10px; padding-left: 26px; padding-right: 26px; border: 2px solid rgba(255,255,255,.3); cursor: pointer; display: inline-block; transition: all .3s ease !important; }
.btn:hover						{ border: 2px solid rgba(255,255,255,1); }
.caps 							{ text-transform: uppercase; }
.bold 							{ font-weight: 700; }
.underline 						{ text-decoration: underline; }

@media only screen and (max-width : 768px) {
	.btn 							{ font-size: 14px; padding: 6px; padding-left: 18px; padding-right: 18px; }
}



#main_menu 												{ position: relative; width: 100%; padding-top: 100px; padding-bottom: 25px; display: none; transition: all 1.5s ease !important; }
#main_menu.active 										{ display: block; }
#main_menu .menu_items_holder 							{ position: relative; width: 100%; margin-bottom: 100px; }
#main_menu .menu_items_holder ul 						{ text-align: center; }
#main_menu .menu_items_holder ul li						{ display: inline-block; }
#main_menu .menu_items_holder ul li	.logo				{ width: 50vw; max-width: 200px; margin-bottom: 25px; }
#main_menu .menu_items_holder ul li .text 						{ }
#main_menu .menu_items_holder ul li .menu_text_style.active		{ }
#main_menu .menu_items_holder ul li .underline			{ width: 0; height: 2px; background-color: black; transition: all .75s ease !important; }
#main_menu .menu_items_holder ul li:hover .underline 	{ width: 100%; } 

#main_menu .menu_bezarasa_btn_holder											{ position: relative; width: 100%; text-align: center; }
#main_menu .menu_bezarasa_btn_holder .menu_bezarasa_btn 						{ display: inline-block; font-size: 16px; font-weight: 900; cursor: pointer; }
#main_menu .menu_bezarasa_btn_holder .menu_bezarasa_btn .text 					{}
#main_menu .menu_bezarasa_btn_holder .menu_bezarasa_btn .underline 				{ width: 0; height: 2px; background-color: black; transition: all .75s ease !important;}
#main_menu .menu_bezarasa_btn_holder .menu_bezarasa_btn:hover 	.underline 		{ width: 100%; } 

#main_menu_btn 					{ display: none; position: fixed; left: 0; top: 0; width: 50px; height: 50px; z-index: 20000; cursor: pointer; background-color: black; }
#main_menu_btn .icon			{ position: absolute; opacity: .8; transition: opacity .3s ease !important; }
#main_menu_btn .icon:hover		{ opacity: 1; }
#main_menu_btn_2 				{ position: fixed; left: 25px; top: 25px; z-index: 20000; cursor: pointer; font-size: 15px; font-weight: bold; padding: 8px; padding-left: 15px; padding-right: 15px; border: 3px solid white; border-radius: 25px; color: white; background-color: rgba(0,0,0,.2); letter-spacing: 1px; transition: all .5s ease !important; }
#main_menu_btn_2:hover 			{ border-radius: 0; } 

#icons_social 					{ text-align: center; margin-top: 30px; }
#icons_social .item				{ display: inline-block; margin: 3px; width: 50px; opacity: .7; transition: opacity .3s ease;}
#icons_social .item:hover 		{ opacity: 1; }

#menu_languages 								{ }
#menu_languages .item							{ position: relative; float: left; width: 30px; margin-right: 5px; opacity: .5; transition: opacity .5s ease; cursor: pointer; }
#menu_languages .item:hover						{ opacity: 1; }
#menu_languages .item.active					{ position: relative; float: left; width: 30px; margin-right: 5px; opacity: 1; }


#footer_menu 											{ position: relative; display: block; width: 100%; padding: 25px; transition: all 1.5s ease !important; }
#footer_menu .items_holder 								{ position: relative; width: 100%; }
#footer_menu .items_holder ul 							{ text-align: center; }
#footer_menu .items_holder ul li						{ display: inline-block; margin-left: 3px; margin-right: 3px; }
#footer_menu .items_holder ul li .text 					{ font-size: 18px; font-weight: 500; line-height: 26px; opacity: .5; transition: opacity .5s ease; }
#footer_menu .items_holder ul li .text.active			{ opacity: 1; }
#footer_menu .items_holder ul li .text:hover  			{ opacity: 1; } 


@media only screen and (max-width : 768px) {
	#main_menu .menu_items_holder ul li .text 				{ font-size: 24px; font-weight: 400; line-height: 32px; }
	#footer_menu 											{ display: none; }

	#main_menu_btn 					{ display: block; }
	#main_menu_btn_2 				{ display: none; }
}







#extra_main_menu											{ position: relative; width: 100%; height: 115vh; overflow: hidden; background-color: black; display: none; }
#extra_main_menu.active 									{ display: block; }
#extra_main_menu .logo_holder 								{ position: absolute; left: 0; top: 0; width: 100%; height: calc(25vh - 50px); display: flex; align-items: center; justify-content: center; padding: 20px; }
#extra_main_menu .menu_languages 							{ position: absolute; right: 15px; top: 15px; }
#extra_main_menu .menu_languages .item						{ position: relative; float: left; width: 30px; margin-right: 5px; opacity: .5; transition: opacity .5s ease; cursor: pointer; }
#extra_main_menu .menu_languages .item:hover				{ opacity: 1; }
#extra_main_menu .menu_languages .item.active				{ position: relative; float: left; width: 30px; margin-right: 5px; opacity: 1; }
#extra_main_menu .menu_close_btn_holder 					{ position: absolute; left: 0; bottom: 0; width: 100%; height: calc(15vh + 50px); display: flex; align-items: center; justify-content: center; }
#extra_main_menu .menu_close_btn_holder .close_btn img			{ transition: all 0.5s ease !important; }
#extra_main_menu .menu_close_btn_holder .close_btn:hover	{ cursor: pointer; }
#extra_main_menu .menu_close_btn_holder .close_btn:hover img	{ transform: rotate(180deg); }
#extra_main_menu .wrapper 									{ width:fit-content; display:flex; flex-wrap:nowrap; height: 75vh; padding-right: 65px; margin-top: calc(25vh - 50px);}
#extra_main_menu .wrapper a									{ font-weight: inherit; }
#extra_main_menu .wrapper .col 								{ position: relative; background-color: black; color: white; margin-left: 50px;  }
#extra_main_menu .wrapper .col .colimage 					{ height: 75vh; overflow: hidden; }
#extra_main_menu .wrapper .col .colimage img 				{ transition: all 0.5s ease !important; }
#extra_main_menu .wrapper .col .coltitle 					{ position: absolute; left: 0; top: 0; width: 100%; height: 100px; font-size: 28px; padding: 32px; font-weight: bold; color: white; text-shadow: 2px 2px 4px rgba(0,0,0,.3); }
#extra_main_menu .wrapper .col .coldesc 					{ position: absolute; right: 0; bottom: 0; width: 50%; height: 150px; padding: 20px; font-size: 18px; line-height: 24px; color: white;}
#extra_main_menu .wrapper .col .top_line 					{ position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100px; background-color: #212121; transition: all 0.5s ease !important; }
#extra_main_menu .wrapper .col .bottom_line 				{ position: absolute; left: -1px; bottom: -1px; width: calc(100% + 2px); height: 150px; background-color: #212121; transition: all 0.5s ease !important; }
#extra_main_menu .wrapper .col:hover .top_line 				{ height: 0; }
#extra_main_menu .wrapper .col:hover .bottom_line 			{ height: 0; }
#extra_main_menu .wrapper .col:hover .colimage img 			{ transform: scale(1.1); opacity: .6; }

@media only screen and (max-width : 960px) {

	#extra_main_menu 										{ display: none !important;}

}












#footer_social 					{ text-align: center; }
#footer_social .item			{ display: inline-block; margin: 3px; width: 50px; opacity: .7; transition: opacity .3s ease;}
#footer_social .item:hover 		{ opacity: 1; }

#footer             { position: relative; padding: 30px; font-size: 12px; text-align: left; }
#siteby				{ position: absolute; width: 205px; height: 45px; background-color: black; opacity: 0.9; right: 5%; bottom: 0; cursor: pointer; background-image:url(../img/siteby.png); }
