/*font-family: "Lato", sans-serif;*/
/* GREY: #27262c */
/* ORANGE: #ad8758 */
/* LIGHT GREY: #75737f */
/* ALBASTRU: #ad8758 */

html { height: 100%; }
body { min-height: 100%; position: relative; }
* { box-sizing: border-box; }
html { font-family: "Lato", sans-serif; }
h1 { font-size: 28px; text-transform: uppercase; padding: 40px 0px 10px 0px; margin-bottom: 20px; font-weight: normal; color: #27262c; border-bottom: 1px solid #27262c }
h2 { text-align: justify; font-size: 20px; text-transform: uppercase; padding: 20px 0px; font-weight: bold; color: #27262c }
p { color: #75737f; font-size: 14px; line-height: 18px; text-align: justify; padding-bottom: 20px; }
section { margin-bottom: 40px; }
a { color: #942100; font-weight: bold; text-decoration: none; }
a:hover { color: #942100 }
.button { display: block; margin: 0px auto; font-size: 16px; border: 2px solid black; padding: 10px 20px; text-align: center; text-decoration: none; font-weight: bold; color: #942100; border-color: #942100; width: 200px; background: none; cursor: pointer; }
.button:hover {background-color: #942100; color: #fff; }
.button.white { color: #FFF; border-color: #FFF; }
.wrapper { width: 1000px; margin-left: auto; margin-right: auto; overflow: hidden; }
.input { display: inline-block; height: 40px; line-height: 40px; padding: 0px 8px; color: #75737f; border: 1px solid #75737f; }
.input:focus { box-shadow: 0px 0px 3px 0px #27262c }

#errorMessage { padding: 6px 10px; font-size: 14px; line-height: 20px; margin-bottom: 20px }
#errorMessage table { width: 100%; }
#errorMessage.error { color: #a94442; border: 1px solid #ebccd1; background-color: #f2dede }
#errorMessage.success { color: #3c763d; border: 1px solid #d6e9c6; background-color: #dff0d8 }


.eu-twix-tooltip { border-radius: 5px; border: 1px solid #27262c; background: #27262c; color: #FFF;}
.eu-twix-tooltip .tooltipster-content { font-family: inherit; font-size: 14px; line-height: 16px; padding: 8px 10px; }

.filters {}
.filters .filter { display: inline-block; background-color: #ad8758; border-radius: 12px; height: 24px; line-height: 24px; padding: 0px 12px; color: #FFF; cursor: pointer; }

#addFilter { overflow: hidden; margin: 20px 0px; border-top: 1px solid #27262c }
#addFilter form { width: 20%; padding: 10px; float: left; }
#addFilter form label{ display: block; }
#addFilter form button{ margin: 10px auto; }
#addFilter form .input{ width: 100%; }

/*table { font-size: 13px; }
table i { cursor: pointer; color: #ad8758 }
table tr {}
table tr th { text-align: left; background-color: #ad8758; border-bottom: 1px solid #27262c; color: #FFF; text-transform: uppercase; padding: 10px 4px; }
table tr td { border-bottom: 1px solid #27262c; padding: 10px 4px; }
table tr:nth-child(odd) td { background-color: #F9F9F9; }*/

/* HEADER */
header { width: 100%; background-color: #FFF; height: 120px; padding: 10px 0px; overflow: hidden; box-shadow: 0px 0px 3px -1px #75737f }
header .wrapper { }
header .logo { display: block; float: left; height: 100%; }
header .logo img { height: 100%; }
header .banner { display: block; float: right; height: 100%; text-align: right; }
header .banner img { height: 100%; }
header ul { overflow: hidden; float: right; display: none }
header ul li { float: left; }
header ul li a { display: block; padding: 10px; color: #27262c; transition: color 0.2s ease-out 0s; text-decoration: none; font-size: 14px; font-weight: bold; }
header ul li a:hover { color: #ad8758; }

/* FOOTER */
footer {  padding: 15px; position: absolute; bottom: 0px; left: 0px; right: 0px; background-color: #FFF; box-shadow: 0px 0px 3px -1px #75737f; text-align: center; }
footer p { margin: 0px; padding: 0px; text-align: center; }
/* MAIN */
main { padding-bottom: 40px; }

/* HOMEPAGE */
#carousel { height: 300px; width: 100%; position: relative; }
#carousel div.item{ height: 300px; background-size: cover; background-position: center center; position: relative; }
.owl-page span{ background-color: #27262c !important; }
.owl-page:hover span, .owl-page.active span{ background-color: #ad8758 !important; }

#carousel .details { background-color: #942100; position: absolute; left: 40px; top: 0px; bottom: 0px; width: 450px; color: #FFF; padding: 20px 20px; }
#carousel .details h2 { color: #FFF; }
#carousel .details p { color: #FFF; }
#carousel .details .button { display: block; margin: 20px auto 0px; width: 190px; text-align: center; }


section.columns { overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; }
section.columns .column-3 { position: relative; width: 35%; padding-right: 2.5%; padding-left: 2.5%; margin-right: 2.5%; margin-left: 2.5%; border: 0px solid #75737f; float: left; height: 220px; }
section.columns .column-3:last-child { width: 30%; padding: 0; margin: 0; border: 0px }
section.columns .column-3:first-child { width: 30%; padding: 0; margin: 0; border: 0px }
section.columns a { position: absolute; bottom: 0px; left: 50%; margin-left: -100px; }

/* SPONSORS */
.sponsors {}
.sponsors .sponsor{ display: inline-block; position: relative; width: 33%; padding-bottom: 33%; }
.sponsors .sponsor>div{ position: absolute; top: 5px; left:5px; right: 5px; bottom: 5px; padding: 20px;  box-shadow: 0px 0px 4px -1px #ad8758; }
.sponsors .sponsor>div:hover { box-shadow: 0px 0px 5px 0px #ad8758; }
.sponsors .sponsor a.logo { display: block; width: 100%; height: 60%; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.sponsors .sponsor a.text { display: block; vertical-align: middle; width: 100%; height: 40%; padding-top: 20px; text-align: center; }

/* MEMBERS */
form.login { width: 300px; margin: 40px auto; text-align: center; }
form.login .input{ margin: 10px auto; width: 300px; }
form.login .button { margin-top: 10px; }

@media (max-width: 1040px) {
  .wrapper { width: 100%; padding-left: 40px; padding-right: 40px; box-sizing: border-box; }
  header .banner { display: none }
}

@media (max-width: 840px) {
  section.columns .column-3 { width: 100% !important; height: auto; padding: 0px 0px 0px 0px; margin: 10px 0px; }
  section.columns .column-3 p { padding-bottom: 60px;}
  .sponsors .sponsor{ display: inline-block; position: relative; width: 33%; padding-bottom: 33%; font-size: 13px; }
}
.languages
{
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  right: 0px;
  text-shadow: 0px 0px 2px #000000;
  height: 16px;
}
.languages a
{
  color: #ffffff;
  font-weight: normal;
}
.languages a.active, .languages a:hover
{
  font-weight: bold;
}
.languages span.separator
{
  color: #ffffff;
  font-weight: bold;
}