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


/* ---------------------------------------------------------------------- */
/* "Polyglot" Language Switcher
/* ----------------------------------------------------------------------
Version: 1.4
Author: Ixtendo
Author URI: http://www.ixtendo.com
License: MIT License
License URI: http://www.opensource.org/licenses/mit-license.php
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* TABLE OF CONTENTS
/* ----------------------------------------------------------------------
-Generic
-JS-created Code
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Generic
/* ---------------------------------------------------------------------- */
#polyglotLanguageSwitcher, #polyglotLanguageSwitcher * {
	margin: 0;
	padding: 0; 
	outline: none;
}

#polyglotLanguageSwitcher ul {
	list-style: none;	
}

#polyglotLanguageSwitcher {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #444;
	line-height: normal;
	position: relative; /* sets the initial position for the drop-down menu */	
	z-index: 1999;
	margin-top:-2px;
}

#polyglotLanguageSwitcher form {
	display: none;	
}

/* ---------------------------------------------------------------------- */
/* JS-created Code
/* ---------------------------------------------------------------------- */
#polyglotLanguageSwitcher a {
	text-decoration: none;
	display: block;	
	padding: 0.5em 22px 0.5em 6px; /* 6px 6px 6px 28px */
	color: #444;
	width: 7em; /* 84px; total width: 120px */
	background-repeat: no-repeat;
	background-position: right center;
	text-align:right;
	margin-right:15px;
}

#polyglotLanguageSwitcher a:hover {
	color: #000;	
}

#polyglotLanguageSwitcher a.current:link, #polyglotLanguageSwitcher a.current:visited, #polyglotLanguageSwitcher a.current:active {
	position: relative; /* sets the initial position for the trigger arrow */
	background-color:transparent;
	color:#1385c3;
}

#polyglotLanguageSwitcher a.current:hover, 
#polyglotLanguageSwitcher ul.dropdown li:hover {

}

#polyglotLanguageSwitcher a.active { /* This style is applied as long as the drop-down menu is visible. */
	border-bottom: none !important;
	border-radius: 3px 3px 0 0 !important;
}

#polyglotLanguageSwitcher span.trigger {
	display: block;
	position: absolute;
	width: 12px !important;
	height: 6px;
	top:12px; /* 6px */
	right: -16px;
	color: #f0f0f0 !important;
}

#polyglotLanguageSwitcher a.current:link span.trigger, #polyglotLanguageSwitcher a.current:visited span.trigger {
	background: url("../images/lang-select-arr.svg") no-repeat right top;	
}

#polyglotLanguageSwitcher a.current:hover span.trigger, #polyglotLanguageSwitcher a.current:active span.trigger, #polyglotLanguageSwitcher a.active span.trigger {
	/*background-position: left bottom !important;*/
}

/* Drop-Down Menu */

#polyglotLanguageSwitcher ul.dropdown { 
	display: none;
	position: absolute;
	top:35px; /* 28px */
	left: 0;
	width:119%;
}

#polyglotLanguageSwitcher ul.dropdown li { 
    background-color: #0a151b;
    border-bottom: 1px solid #273238;
    font-size: 11px;
    padding: 8px 12px;
    text-align: center;
}

#polyglotLanguageSwitcher ul.dropdown li a{color: #fff;}

#polyglotLanguageSwitcher ul.dropdown li:last-child { 
	border-radius: 0 0 3px 3px;
}

/* Flags */

#en { 
	background-image: url(../images/flags/gb.png);
}

#fr { 
	background-image: url(../images/flags/fr.png);	
}

#de { 
	background-image: url(../images/flags/de.png);	
}

#it { 
	background-image: url(../images/flags/it.png);	
}

#es { 
	background-image: url(../images/flags/es.png);	
}

#ru { 
	background-image: url(../images/flags/ru.png);	
}

#pt { 
	background-image: url(../images/flags/pt.png);	
}

#cn { 
	background-image: url(../images/flags/cn.png);	
}

#jp { 
	background-image: url(../images/flags/jp.png);	
}

#tl { 
	background-image: url(../images/flags/ph.png);	
}

#ko { 
	background-image: url(../images/flags/kr.png);	
}

#he { 
	background-image: url(../images/flags/il.png);	
}

#hi { 
	background-image: url(../images/flags/in.png);	
}

#sw { 
	background-image: url(../images/flags/ke.png);	
}

#ar { 
	background-image: url(../images/flags/sa.png);	
}


.dropcontainer {
	position:relative;
	font-size: 16px;
	color: #777;
	z-index: 9999;
	} 

.trigger,.activetrigger {
	color:#000 !important;
	background-color:transparent; border:0px; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; appearance:none; background-image:url(../images/word-arrow.svg); background-repeat:no-repeat; background-position:right center; padding-right:0; cursor:pointer; background-color: rgba(0, 0, 0, 0);
	border:0px !important;
	margin-right:15px; display:block; height:29px; line-height:30px;
	}


.dropcontainer ul {
	font-size: 12px;
	border: 1px solid #ccc;
	border-top: none;
	background: #e9e9e9;
	list-style-type: none;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.dropcontainer ul li {
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	border-bottom:1px solid #ccc;
	}
.dropcontainer ul li a{ color:#000; font-size:11px; display:block;}
.dropcontainer ul li:hover {
	background: #f5f5f5;
	outline: none;
	
	}
/*
.dropcontainer ul li:first-child {
	display: none;
	}*/

.dropcontainer ul li:last-child {
	border-bottom: none;
	}

.dropdownhidden {
	display: none;
	}

.dropdownvisible {
	height: auto;
	}