@font-face {
    font-family: "Huntsman";
    src: url('../fonts/Huntsman.otf');
}
@font-face {
    font-family: "Exo";
    src: url('../fonts/Exo.otf');
}
@font-face {
    font-family: "Open Sans";
    src: url('../fonts/OpenSans.ttf');
}


body {
	background-color: #222222;
}

a { color: #f55b1f; }
a:hover, a:focus { color: #CCFF66; }

.templatemo_logo {
	margin-top: 20px;
	text-align: center;
}

.templatemo_juice_bg {
  	background: url(../images/juice.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	overflow-x: hidden;
}


.flexslider { width: 99%; }

.title{
}

.number{
  text-align: center;
  color: #e13916;
  font-family: 'Exo', sans-serif;
  color: #ff6633;
  font-size: 1.9em;
  font-weight: bolder;

}
.number_mob{
  text-align: center;
  color: #e13916;
  font-family: 'Exo', sans-serif;
  color: #ff6633;
  font-size: 1.6em;
  font-weight: normal;
}
.meeting{
  text-align: center;
}

big{
  color: #FF961F;
}

em{
  color: #0066ff;
}

h1 { text-align: center; color: #e13916; }
h2 {
  font-family: 'Huntsman', sans-serif;
  color: #FF961F;
}

h3 {
  font-family: 'Huntsman', sans-serif;
  color: #FF961F;
  text-align: center;
  margin-bottom: 30px;
}
h4 {
  color: #0066ff;
  text-shadow: 1px 1px 2px black;
  text-align: center;
}

span {
  color: #0066ff;
  text-shadow: 1px 1px 2px black, 0 0 0.2em white;
}


li {
  color: white;
  font-size: 1.1em;
  font-weight: bold;
  font-family: 'Exo', sans-serif;
   }
li.active a { background-color: rgba(255, 255, 255, 0.2); color: #f55b1f; }

nav { 
	text-align: center; 
	font-family: Arial, sans-serif; 
	margin-top: 30px; 
	margin-bottom: 20px; 
}

p {  color: #FFF; font-family: Arial, sans-serif; }

hr { 
	display: block; 
	height: 1px; 
	border: 0; 
	border-top: 1px dashed #ccc; 
	margin: 1em 0; 
	padding: 0;
}
article {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.nav > li > a:hover, .nav > li > a:focus {
   text-decoration: none;
   background-color: #f55b1f;
   color:white;
}

.description{
  color: #FFF;
  font-family: Arial, sans-serif; 
}
.credit { padding-bottom: 9px; padding-top: 12px; background-color: rgba(0, 0, 0, 0.5); }
.container {
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.float_r { float: right }
.img-thumbnail {
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 0.2); border: none;
  display: block;
  margin-left: auto;
  margin-right: auto }
}

#right_container {  background-color: rgba(0, 0, 0, 0.4);  text-align: center; }
#rightcontainer li a { color: white; }



#left_container{
  background-color: rgba(0, 0, 0);
}

#left_container .second_div{
  background-color: rgba(51, 51, 51, 0.5);
  padding-top: 0px;
  padding-bottom: 35px;
  margin-top: 35px;
  margin-bottom: 35px;
}

#left_container .third{
  padding-top: 25px;
  padding-bottom: 125px;
  margin-top: -50px;
}


#templatemo_footer { color: #FFFFFF; font-size: 0.8em; text-align: center; font-family: Arial, sans-serif; }

.reklam{
  margin-top: 10px; 
}

.counter{
  margin-top: 20px;
  text-align: center;
}
.tag a{
  color: #f55b1f;
  font-size: 1em;
  font-weight: normal;
  font-family: 'Exo', sans-serif;
}

.tag a:hover{
  text-decoration: none;
  background-color: #f55b1f;
  color:white;
}




@media only screen and (max-width: 480px) {
 article img { margin-bottom: 10px; }
 h4, p { text-align: center; }
}

@media only screen and (min-width: 992px) {
  .container {  display: table; }
  #right_container { display: table-cell; height: 100%; }
  #left_container {  padding-top: 10px; display: table-cell;}
  .col-md-3, .col-md-9 { float: none; }
}

@media only screen and (max-width: 991px) {
  .container { display: block; }
  #right_container { display: block; height: auto; padding-top: 10px; padding-bottom: 20px; }
  #left_container { display: block; }
  #left_container .col-md-7 { padding-left: 15px; }
}