html 							{height: 100%;}
body 						{height: 100%;margin: 0;padding: 0;}



* 							{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#wrapper					{position:relative; width: 100%;min-height: 100%;height: auto !important;height: 100%;overflow:hidden;}

.ellipsis 					{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.line-clamp {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
}

.cell-ellipsis 					{display: table;table-layout: fixed;width: 100%;white-space: nowrap;}
.cell-ellipsis div 				{max-width:100%;overflow: hidden;text-overflow: ellipsis;}

/* ------------------------ TO SMALL ------------------------ */

#toosmall 					{display:none; text-align:center; padding:20px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}

/* ------------------------ INTRO ------------------------ */


#intro						{position:fixed; width: 100%;min-height: 100%;height: auto !important;height: 100%; overflow:hidden; z-index:2}


.enter-logo,
.enter-title				{width:100%; position:fixed; top:50px; text-align:center; z-index:3}

.title_enter				{padding:10px;max-width:400px;margin:0 auto}
.text_enter					{padding:10px;color:#becbd7; font-size:36px;text-shadow:1px 1px 1px #333333;}

ul#single-enter				{max-width:400px; margin:20px auto; padding:0}
ul#single-enter,
ul#single-enter li 			{display:block;list-style:none;}
ul#single-enter li a 			{text-decoration:none;padding:10px; display:block;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}


ul#multi-enter  				{margin:0;padding:0;list-style:none;width:100%; position:absolute;}
ul#multi-enter li 				{display:inline-block; *display:inline; /*IE7*/ *zoom:1; /*IE7*/  margin:5px; padding:0}
ul#multi-enter li a 			{text-decoration:none;padding:10px; display:block;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}

.enter_arrow { margin-left:10px}

/* ------------------------ FULL HEIGHT ------------------------ */


#fullHeightImg				{overflow:hidden;width: 100%;height: 100%;position:relative; background:rgba(0,0,0,0); z-index:1003}
#fullHeight					{overflow:hidden;width: 100%;height: 100%;position:relative; z-index:1002;}
.scrollSquare				{width:100%; height:130px; z-index:1004; position:absolute; left:0; top:50%; margin-left:0; margin-top:-65px; text-align:center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.scrollTitle				{text-align:center; font-size:300%}
a.scrolldown				{text-decoration:none}
a.scrolldownsquare				{padding:10px 20px; text-align:center; width:100%; margin:10px auto; display:block; font-size:200%; line-height:normal; text-decoration:none}
a.scrolldownsquare:hover	{color:#fff}
a.arrowdown					{width:32px;height:32px; z-index:1004; position:absolute;bottom:30px; left:50%; margin-left:-16px;padding:6px; overflow:hidden;}


.fullBannerImg				{overflow:hidden;width: 100%;height: 300px; z-index:1002;-webkit-box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0.75);box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0.75);}


/* -------------------------------------------POPUP--------------------------------------------- */

#fade 						{position: fixed; left: 0; top: 0;width: 100%; height: 100%; z-index:1005;}
#loading					{width:50px; height:50px;position:fixed;top:0;left:50%;margin-left:-20px; background:#fff url('../images/indicator.gif') no-repeat scroll center center;z-index:1006}
#popup_content				{max-width:960px; overflow:hidden;position:absolute;top:-960px; z-index: 99998; text-align:center}
#popup_content img			{margin: 0 auto}

.popup_header				{width:100%; overflow:hidden; padding:5px; text-align:right}

.close_popup 				{display:block; float:right; text-decoration:none; text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.popup_content				{padding:10px;}

.info						{position:fixed;top:100px; left:0; z-index:1007}
.info a						{padding:10px 15px; display:block;}

.api-popupWidth				{max-width:940px}
.api-popupHeight			{max-height:500px}

/* ------------------------ TOP ------------------------ */


#top						{width:100%; height:35px; z-index:1008; position:relative}

.top_nav_resp				{list-style:none;margin:0;padding:0; display:none; height:35px; overflow;hidden}


#Lmenu							{float:left}
#Lmenu li 						{float:left}
#Rmenu							{float:right}
#Rmenu li 						{float:right}

.top_nav,
.top_nav ul								{margin:0; padding:0; list-style:none;}
.top_nav > li	 						{position:relative}
.top_nav li.top_menu a,
.top_nav li.top_menu span.menu_block		{text-decoration:none; min-width:34px; height:34px; display:block;padding:8px 10px; font-size:small}

.top_nav_float				{position:absolute; right:0; top:0; z-index:999}

.top_nav li ul.top_search		{right:0; position:absolute !important; display:none}
.top_nav ul.top_search li		{width:230px;padding:8px;margin-top:1px; margin-right:-1px}

.form_search				{width:180px; height:26px; float:left;outline:none;padding:4px; z-index:999}
.button_search				{border:none;outline:none; width:30px; height:26px; padding:0; float:left; cursor:pointer}

.form						{width:100%;outline:none;padding:10px 4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.button						{border:none;outline:none; padding:10px 20px 10px 10px; cursor:pointer}

/* ------------------------ SIDEBAR ------------------------ */

.sidebar_nav_1-2								{position:absolute;}
.sidebar_nav_3-4								{position:fixed;}
.sidebar_nav,
.sidebar_nav ul									{margin:0; padding:0; list-style:none;}
.sidebar_nav > li	 							{position:relative;}
.sidebar_nav li.sidebar_menu a,
.sidebar_nav li.sidebar_menu span.menu_block		{text-decoration:none; min-width:34px; min-height:34px; display:block;padding:8px 10px; font-weight:900}

/* ------------------------ RESPONSIVE TOP ------------------------ */

.res_top_nav,
.res_top_nav .top_menu, 
.res_top_nav .top_menu a,
.res_top_nav .top_lang,
.res_top_nav .top_lang li							{width:100% !important;}

.res_top_nav #Lmenu,
.res_top_nav #Lmenu li ,
.res_top_nav #Rmenu,
.res_top_nav #Rmenu li 							{float:inherit !important}

.res_top_nav #Lmenu li:first-child				{border-left:none}
.res_top_nav #Rmenu li:first-child				{border-right:none}
.res_top_nav #Lmenu li 							{border-right:none}
.res_top_nav #Rmenu li 							{border-left:none}


/* -------------------------------------------LANG--------------------------------------------- */
.open_lang 						{min-width:40px; text-align:center;position: relative;}
.open_lang ul.top_lang 			{display:none;position:absolute !important; margin:0 0 0 -1px;width:auto;}
.open_lang:hover > ul.top_lang 	{display:block;}
.open_lang ul.top_lang li			{width:100%;text-align:left;display:block; float:inherit !important}

.open_lang ul.top_lang li a			{display:block !important; white-space: nowrap;}



  #google_translate_element select {
  -webkit-appearance: button !important;
  -webkit-border-radius: 2px !important;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
  -webkit-padding-end: 20px !important;
  -webkit-padding-start: 2px !important;
  -webkit-user-select: none !important;
  background-image: url(../images/select-arrow.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5) !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
  border: 1px solid #AAA !important;
  color: #555 !important;
  font-size: inherit !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;}
  
  
/* ------------------------ TOP2 ------------------------ */

#top2						{width:100%; min-height:35px; position:relative; overflow:hidden; z-index:999}
.top_nav li.top2_menu a		{text-decoration:none; min-width:40px; height:min-35px; display:block; line-height:35px; text-align:center;}
.top_nav li.top2_menu span		{text-decoration:none; line-height:35px;}

/* ------------------------ BOTTOM ------------------------ */


#bottom							{width:100%; min-height:40px;padding:10px; overflow:hidden; display:none;}
#bottom	a						{text-decoration:none}

.table_bottom					{display:table; width:100%; table-layout:fixed}
.table_bottom2					{display:table; width:100%; table-layout:fixed; margin-top:10px}

.bottom_nav						{margin:10px 0; padding:0 10px; list-style:none;display: table-cell; font-size:96%;}
.bottom_nav li	 				{position:relative; margin:10px 0}
.bottom_menu i					{width:20px; text-align:center}


/* ------------------------ FOOTER ------------------------ */

a#scrollup 					{width:40px;height:40px; text-align:center; padding-top:5px; z-index:10001; position:fixed;bottom:20px;right:0;display:none;}


/* ------------------------ CONTENT ------------------------ */

.content_width			{width:1170px; margin:0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.content_full		 	{width:100%;}

.menu_effect			{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.menu_animated			{position:fixed;top:0; z-index:999}
.menu_spacer			{height:0}