﻿@import url(http://fonts.googleapis.com/css?family=Righteous);
@import url(http://fonts.googleapis.com/css?family=Roboto:500,900italic,900,400italic,100,700italic,300,700,500italic,100italic,300italic,400);


a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#e2046c!important; color:#fff}
::-moz-selection{ background:#e2046c!important; color:#fff}

a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ color:#fff; text-decoration: none; outline:none}

body{ background: #000;  border:0; font: 14px 'Roboto', Arial, Helvetica, sans-serif; color: #fff; line-height:1.4286; min-width:320px;}

.container { position: relative; min-width: 320px;}

#main{margin: 0 auto; position: relative; overflow: hidden;}



.sticky-navigation {
  opacity: 0;
}
.navbar-default {
    background: #101010;
    border: none;
    padding-right: 40px;
    margin: 0 !important;
  }
.navbar-default .navbar-brand {
    font-size: 50px;
    line-height: 40px;
    padding-top: 14px;
   }
.navbar-default .navbar-nav li a {
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  transition: all 0.4s ease-in;
  }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fd9426;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fd9426;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  background: #fd9426;
  border-radius: 0px;
   border: none;
   margin-top: 20px;
   margin-bottom: 30px;
}
.navbar-default .navbar-toggle .icon-bar {
    background: #101010;
    border-color: transparent;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { 
  background-color: #202020;
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.pace-inactive {
    display: none;
}
.pace .pace-progress {
    background: #fff;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 2px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}
.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 5px #6495ed, 0 0 5px #6495ed;  
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -moz-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    -o-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}
.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 15px;
    right: 15px;
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite;
}


.top_wrapper{position: relative; overflow: hidden;background: url(../imageslanding-demo9/oben.jpg) center -100px no-repeat; padding-top: 95px;
width: 100%;
height: 100%;
background-size: 100% 100%;
padding:0% 0 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;


}

.not-front .top_wrapper{background-position: center -630px;}

.light1{width: 1019px; height: 847px; background: url(../imageslanding-demo9/light1.png); position: absolute; left: 50%; margin-left: -510px; top: -100px; z-index: 1;}

.left_c{width: 278px; height: 282px; background: url(../imageslanding-demo9/left_c.png); position: absolute; left: 50%; margin-left: -700px; bottom: 0px; z-index: 10;}


.right_c{width: 291px; height: 282px; background: url(../imageslanding-demo9/right_c.png); position: absolute; left: 50%; margin-left: 360px; bottom: 0px; z-index: 10;}



header{position: relative; z-index: 5; text-align: center;}
.logo{display: inline-block;}

.not-front header{padding-bottom: 170px;}
.logotxt{font-family: 'Righteous'; color: #fff; font-size: 50px; font-weight: 400; text-align: center; padding-bottom: 30px; text-transform: uppercase; line-height: 1;}


.banners_wrapper{background: #000; padding-top: 20px;}
.banners_title{text-align: center; font-family: 'Righteous'; font-size: 50px; text-transform: uppercase; color: #fff; padding-bottom: 50px;}
.banners{}
.banners .banner{position: relative; width: 16.66667%; border-right: 1px solid #000; border-bottom: 1px solid #000; float: left;}
.banners .banner a{display: block; text-decoration: none; position: relative; overflow: hidden;}
.banners .banner a img{position: relative; width: 100%;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banners .banner a:hover img{opacity: 0.5; filter:alpha(opacity=50);}
.banners .banner a .over{width: 100%; height: 173px; background: url(../imageslanding-demo9/banner_hover.png) 0 0 repeat-x; position: absolute; left: 0; bottom: -20px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banners .banner a:hover .over{bottom: 0;}
.banners .banner a .date{width: 100px; height: 100px; background: #e2046c; background: rgba(226, 4, 108, 0.8); position: absolute; left: 0; top: 0; text-align: center; color: #fff; font-family: 'Righteous'; font-size: 14px; text-transform: uppercase; line-height: 1; padding-top: 10px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banners .banner a:hover .date{background: #e2046c;}
.banners .banner a .date .txt1{font-size: 30px;}
.banners .banner a .description{width: 100%; position: absolute; left: 0; bottom: -85px; text-align: center; padding-bottom: 25px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banners .banner a:hover .description{bottom: 0;}
.banners .banner a .description .txt1{font-family: 'Righteous'; font-size: 14px; text-transform: uppercase;}
.banners .banner a .description .txt2{color: #d0d0d0; padding-bottom: 10px; font-size: 4px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banners .banner a:hover .description .txt2{padding-bottom: 0;}
.banners .banner a .description .txt3{display: inline-block; padding: 14px 20px; background: #e2046c; font-family: 'Righteous'; font-size: 14px; line-height: 20px; text-transform: uppercase; margin-top: 25px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}



#awards_wrapper{ position: relative; padding-top: 0px; padding-bottom: 0px;}
#awards_inner{}

#awards_inner .awards_title{font-family: 'Righteous'; color: #fff; font-size: 80px; font-weight: 400; text-align: center; padding-bottom: 30px; text-transform: uppercase; line-height: 1;}

#awards{position: relative;padding-bottom: 0px;}

.awards_prev{display: block; width: 54px; height: 53px; background: url(../imageslanding-demo9/prev.png) left top no-repeat; position: absolute; left: 0; top: 15px; z-index: 10;}
.awards_prev:hover{background-position: bottom;}

.awards_next{display: block; width: 54px; height: 53px; background: url(../imageslanding-demo9/next.png) left top no-repeat; position: absolute; right: 0; top: 15px; z-index: 10;}
.awards_next:hover{background-position: bottom;}

#awards .carousel-box{position: relative;}
#awards .carousel-box .inner{position: relative; overflow: hidden; max-width: none; margin: 0;}
#awards .carousel.main{position: relative; overflow: hidden; margin: 0; padding: 0;margin-right: -30px; }
#awards .caroufredsel_wrapper{padding: 0; margin: 0;}
#awards .caroufredsel_wrapper ul{padding: 0; margin: 0;}
#awards .carousel-box ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative; width:300px; overflow:hidden; padding-right:30px }

.awards{}
.awards .awards_inner{}

.awards .awards_inner .caption{}
.awards .awards_inner .caption .txt1{font-family: 'Righteous'; font-size: 14px; text-transform: uppercase;color: #fff; border-bottom: 3px solid #e2046c; padding-bottom: 10px;}
.awards .awards_inner .caption .txt2{padding-top: 20px;}
.awards .awards_inner .caption .txt3{padding-top: 10px;}
.awards .awards_inner .caption .txt3 a{display: inline-block; position: relative; font-family: 'Righteous'; font-size: 14px; color: #fff; text-decoration: none; padding-bottom: 2px;}
.awards .awards_inner .caption .txt3 a:after{display: inline-block; content: ''; width: 0; height: 2px; background: #fff; position: absolute; right: 0; bottom: 0;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.awards .awards_inner .caption .txt3 a:hover:after{width: 100%; left: 0; right: auto;}

#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; z-index: 1000; overflow:hidden; width:50px; height:50px; border:none; text-indent:100%; background:url(../images/totop.gif) no-repeat left top; }
#toTopHover { background:url(../images/totop.gif) no-repeat left bottom; width:50px; height:50px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }




#testimonial_wrapper{ position: relative; padding-top: 0px; padding-bottom: 0px;}
#testimonial_inner{}

#testimonial_inner .testimonial_title{font-family: 'Righteous'; color: #fff; font-size: 80px; font-weight: 400; text-align: center; padding-bottom: 30px; text-transform: uppercase; line-height: 1;}

#testimonial{position: relative;padding-bottom: 0px;}

.testimonial_prev{display: block; width: 54px; height: 53px; background: url(../imageslanding-demo9/prev.png) left top no-repeat; position: absolute; left: 0; top: 15px; z-index: 10;}
.testimonial_prev:hover{background-position: bottom;}

.testimonial_next{display: block; width: 54px; height: 53px; background: url(../imageslanding-demo9/next.png) left top no-repeat; position: absolute; right: 0; top: 15px; z-index: 10;}
.testimonial_next:hover{background-position: bottom;}

#testimonial .carousel-box{position: relative;}
#testimonial .carousel-box .inner{position: relative; overflow: hidden; max-width: none; margin: 0;}
#testimonial .carousel.main{position: relative; overflow: hidden; margin: 0; padding: 0;margin-right: -30px; }
#testimonial .caroufredsel_wrapper{padding: 0; margin: 0;}
#testimonial .caroufredsel_wrapper ul{padding: 0; margin: 0;}
#testimonial .carousel-box ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative; width:300px; overflow:hidden; padding-right:30px }

.testimonial{}
.testimonial .testimonial_inner{}

.testimonial .testimonial_inner .caption{}
.testimonial .testimonial_inner .caption .txt1{font-family: 'Righteous'; font-size: 18px; text-transform: uppercase;color: #fff;padding-bottom: 10px;}
.testimonial .testimonial_inner .caption .txt2{font-style: italic;}
.testimonial .testimonial_inner .caption .txt3{padding-top: 15px; font-family: 'Righteous';}
.testimonial .testimonial_inner .caption .txt3:before{content: ''; display: block; max-width: 160px; background: #e2046c; height: 3px; margin-bottom: 10px;}


.breadcrumbs1_wrapper{border-bottom: 1px solid #2b2d31;}

.breadcrumbs1{padding: 12px 0; margin-top: 0px; font-weight: 400; font-family: 'Righteous'; line-height: 20px; color: #d2d2d2; font-size: 14px; background: none; text-transform: uppercase;}
.breadcrumbs1 a{color: #fff; text-decoration: none;}
.breadcrumbs1 a:hover{color: #fff; text-decoration: underline;}
.breadcrumbs1 span{display: inline-block; width: 5px; height: 8px; background: url(../imageslanding-demo9/breadcrumbs1.png) 0 0 no-repeat; margin: 0 20px;}



#content{position: relative; background: url(../imageslanding-demo9/unten.jpg) center repeat-x #000; padding-top: 0px; padding-bottom: 0px; width: 100%;
height: 100%;
background-size: 100% 100%;
padding:9% 0 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;}

#content2{position: relative; background: url(../imageslanding-demo9/unten.jpg) center 80px repeat-x #000; padding-top: 30px; padding-bottom: 40px;}





.bot1_wrapper{background: #000; padding-top: 75px; padding-bottom: 75px;}
.logo2_wrapper{float: left; text-align: center;}
.logo2{display: inline-block;}

.social_wrapper{float: right;}
.social{ display: block; margin: 0; padding: 0; list-style: none; text-align: center;}

.social li{display: inline-block; margin: 0 10px 10px 0; float: left;}
.social li a{display: block; text-decoration: none; font-size: 20px; color: #fff; text-align: center; line-height: 52px; width: 52px; background: none; position: relative; z-index: 1;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social li a:hover{color: #fff;}
.social li a:before{content: ""; position: absolute; width: 0; height: 0; left: 50%; top: 50%; z-index: -1; overflow: hidden; background: #e2046c;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social li a:hover:before{width: 100%; height: 100%; left: 0; top: 0;}

.bot2_wrapper{background: #fff; padding: 35px 0; }

.copyright{color: #737373; font-size: 12px;}
.copyright a{color: #000;}



.parallax {width: 100%; position: relative; overflow: hidden; background: none;}
.parallax, .parallax .parallax-content, .parallax .overlay { height: 100%;}

.parallax-bg { width: 100%; height: 100%; left: 0; top: 0; margin: 0 auto; position: absolute; background-size: cover; background-attachment: scroll; background-repeat: repeat-y; background-position: center center; }
.parallax-bg.bg-fixed{background-attachment: fixed;}
.parallax .overlay { background: none; width: 100%; position: absolute; overflow: hidden; background: none;}
.parallax-content { padding-top: 0px; padding-bottom: 0px;}




.bg1 { background-image: url(../imageslanding-demo9/parallax1.jpg); }
.bg2 { background-image: url(../imageslanding-demo9/parallax2.jpg); }

#parallax1{padding-top: 70px; padding-bottom: 60px;}

#parallax2{padding-top: 70px; padding-bottom: 60px;}





h1{font-family:'Righteous'; font-weight:400; font-size:50px; color:#fff; background: none; line-height:1; padding:30px 0 40px; margin: 0 0 0 0; position: relative; text-transform: uppercase;}

h2{font-family:'Righteous'; font-weight:400; font-size:40px; color:#fff; background: none; line-height:1; padding:30px 0 40px; margin: 0 0 0 0; position: relative; text-transform: uppercase;}

h3{font-family:'Righteous'; font-weight:400; font-size:18px; color:#fff; background: none; line-height:1; padding:0px 0 10px; margin: 0 0 0 0; position: relative; text-transform: uppercase;}


h6{font-family:'Righteous'; font-weight:400; font-size:16px; color:#fff; background: none; line-height:1; padding:0px 0 10px; margin: 0 0 0 0; position: relative; text-transform: uppercase;}


.img-responsive{width: auto \9;}

.img-responsive-old{display: block; max-width: 100%; height: auto;}

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

.color1{color: #002e51;}

.line1{border-top: 3px solid #e2046c; margin-top: 10px; padding-bottom: 20px;}


/* === */
.news1{border-bottom: 1px solid #4c4c4c; padding-bottom: 20px; margin-bottom: 15px;}
.news1 .txt1{font-family: 'Righteous'; font-size: 18px; text-transform: uppercase; color: #fff; padding-bottom: 7px;}
.news1 .txt1 a{color: #fff; text-decoration: none;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.news1 .txt1 a:hover{color: #ff0d6a;}

.events1{padding-bottom: 25px;}
.events1 .date{float: left; margin-right: 25px; width: 100px; height: 100px; background: #e2046c; text-align: center; color: #fff; font-family: 'Righteous'; font-size: 14px; text-transform: uppercase; line-height: 1; padding-top: 10px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.events1 .date .txt1{font-size: 60px;}

.events1 .caption{display: table;}
.events1 .caption .txt1{font-family: 'Righteous'; font-size: 18px; text-transform: uppercase; color: #fff; padding-bottom: 7px;}
.events1 .caption .txt1 a{color: #fff; text-decoration: none;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.events1 .caption .txt1 a:hover{color: #ff0d6a;}





.btn-default.btn1{ display: inline-block; color: #fff; border: 1px solid transparent; font-size: 14px; line-height: 20px; font-weight: 400; padding: 14px 20px; text-decoration: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-top: 10px; margin-bottom: 10px; background: none; position: relative; z-index: 1; text-transform: uppercase; font-family: 'Righteous';
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn1:hover{color: #fff; text-decoration: none; border-color: #e2046c;}
.btn-default.btn1:before{content: ""; position: absolute; width: 0; height: 100%; bottom: 0; right: 0; top: 0; z-index: -1; overflow: hidden; background: #000;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn1:hover:before{width: 100%; left: 0;}
.btn-default.btn1:after{  content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; overflow: hidden; background: #e2046c; z-index: -2;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn1:hover:after{}






@media (min-width: 1200px) and (max-width: 1400px) {
  .banners .banner a .description .txt1{font-size: 20px;}
  .banners .banner a .description .txt2{font-size: 12px;}
  .banners .banner a .description{padding-bottom: 15px;}
  .banners .banner a:hover .description .txt3{margin-top: 5px;}
  .banners .banner a .date{width: 80px; height: 80px;}
  .banners .banner a .date .txt1{font-size: 40px;}
}




@media (max-width: 1199px) {
  .banners .banner{width: 33.33334%}
  .banners_title{font-size: 40px;}

}


@media (max-width: 991px) {
  .left_c{display: none;}
  .right_c{display: none;}

  .mixer{width: 1000px; height: 122px; background-size: 100% auto; margin-left: -500px;}

  .banners_title{font-size: 33px;}

}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar_ .nav > li > a{font-size: 12px;}
  .navbar_ .nav > li > a em{margin-left: 5px; margin-right: 0;}




}

@media (max-width: 767px) {
  .mixer{width: 800px; height: 97px; background-size: 100% auto; margin-left: -400px;}

  .top_wrapper{padding-top: 85px;}

  .banners .banner{width: 50%}

  .banners .banner a .date{width: 80px; height: 80px;}
  .banners .banner a .date .txt1{font-size: 40px;}

  #awards_inner .awards_title{font-size: 40px; padding-top: 20px;}

  #testimonial_inner .testimonial_title{font-size: 25px; padding-top: 28px;}

  h1{font-size: 40px;}
  h2{font-size: 30px;}

  .logo2_wrapper{float: none; padding-bottom: 20px;}

  .social_wrapper{float: none; text-align: center;}

  .social li{float: none;}

  .google_map iframe{height: 500px;}

}
@media (min-width: 481px) and (max-width: 767px) {



}

@media (max-width: 480px) {


  .banners .banner{width: 100%; border-right: none;}

}