html, body						{ position: relative; font-family: 'Roboto', sans-serif; height: 100%; font-size: 20px; font-weight: 300; padding: 0; margin: 0; line-height: 32px; }

h1                              { font-size: 60px; line-height: 72px; font-weight: 200; }
h2                              { font-size: 36px; line-height: 42px; }
h3                              { font-size: 28px; line-height: 36px; }

a:link                          { text-decoration: none; color: inherit; font-weight: 900; }
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; }
}

@media only screen and (max-width : 640px) {
	h1                              { font-size: 32px; line-height: 36px; }
	h2                              { font-size: 24px; line-height: 32px; }
	h3                              { font-size: 18px; line-height: 24px; }
}

#main_menu 												{ position: relative; width: 100%; background-color: white; 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: 250px; margin-bottom: 25px; }
#main_menu .menu_items_holder ul li .text 				{ font-size: 42px; font-weight: 200; line-height: 60px; }
#main_menu .menu_items_holder ul li .text.active		{ font-weight: 500; }
#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 					{ 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; }

#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; }

@media only screen and (max-width : 768px) {
	#main_menu .menu_items_holder ul li .text 				{ font-size: 24px; font-weight: 200; line-height: 32px; }
}


















#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; background-color: white; }
#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); }