body{font-family: 'Roboto', sans-serif;}


		
/*end menu*/
a{color:#000;}
.boxshadow_none{box-shadow:none;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.padding_0{padding:0;}
.borderradius_0{border-radius:0;}
.border_0{border:0;}
.borderbottom_1{border-bottom:1px solid #eaeaea;}
.marginbottom_10{margin-bottom:10px;}
.margintop_12{margin-top:12px;}
.padding_fokus{padding:10px 0;}
.center_block{margin-right:auto;margin-left:auto;padding:0;}
.num{font-size:29px;}

@font-face {
font-family: "KozMinPro-Heavy";
src: url('fonts/KozMinPro-Heavy.otf');
}
.kozMinPro-heavy {
font-family: "KozMinPro-Heavy";
font-size:24px;
font-weight: 700;
}
.georgia {
font-family: "georgia";
font-size:24px;
}

.kozMinPro-heavy-head {
font-family: "KozMinPro-Heavy";
font-size:11px;
font-weight: 700;
padding:0 3%;
white-space:nowrap;
}
.nav ul {
  
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav ul a{
    color:#fff;
}
/*nav menu hamburger*/
.nav {
  -webkit-transition: left 0.5s ease;
  -moz-transition: left 0.5s ease;
  -ms-transition: left 0.5s ease;
  -o-transition: left 0.5s ease;
  transition: left 0.5s ease;
  background: #193177;
  color: red;
  
  font-size: 2rem;
  height: 100vh;
  left: -100%;
  padding: 6rem 2rem 2rem 0rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 88888;
}

.nav.expanded { left: 0; }

.nav .box_nav{
  position: absolute;
  top: 0%;left:0;right:0;
  margin: 0;
  padding: 0;
}
.nav-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  height: 1px;
  right: 1.5rem;
  position: absolute;
  top: 1.5rem;
  width: 1.7rem;
  z-index: 88888;
}

.nav-toggle:hover { opacity: 0.8; }

.nav-toggle .nav-toggle-bar,  .nav-toggle .nav-toggle-bar::after,  .nav-toggle .nav-toggle-bar::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #000;
  content: '';
  height: 0.3rem;
  width: 100%;
}

.nav-toggle .nav-toggle-bar { margin-top: 0; }

.nav-toggle .nav-toggle-bar::after { margin-top: 0.5rem; }

.nav-toggle .nav-toggle-bar::before { margin-top: -0.4rem; }

.nav-toggle.expanded .nav-toggle-bar { background: transparent; }

.nav-toggle.expanded .nav-toggle-bar::after, .nav-toggle.expanded .nav-toggle-bar::before {
  background: red;
  margin-top: 0;
}

.nav-toggle.expanded .nav-toggle-bar::after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-toggle.expanded .nav-toggle-bar::before {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/*flexslider*/
.flexslider .slides img {-moz-user-select: none;}
    .flex-caption {position:absolute;
      width:100%;
      padding:10px 2%;
      margin-left: 0;margin-right: 0;
      bottom:0;
      background: rgba(0,0,0,.0);
      color: #000;
      font-size: 18px;line-height:36px;
      display:block;
      font-weight:100;
    }
    
/*terpopuler list*/
.faq {
			counter-reset: my-badass-counter;	
		}
		.faq dt {
			position: relative;
			padding: 4px 0 4px 0;
		}
		.faq dt:before {
			content: counter(my-badass-counter);
			counter-increment: my-badass-counter;
			position: absolute;
			right: 93%;
			top: 5px;
			font: normal 30px/1 roboto;color:#e80202;
		}
		.faq dd {
			margin: 0 0 15px 0;color:#aaa;font-style: italic;font-size: small;
		
		}	
		.faq dt, .faq dd {
			padding-left: 50px;
		}