body { font-family: 'Lato', sans-serif; font-weight: 300; }

p { font-size: 18px; line-height: 33px; }

/*------------------------------------------*/
/*	 Page Preload
/*------------------------------------------*/

#preOverlay { background: #4e2971; }

#jpreLoader {
	width: 300px;
	height: 100px;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}
#jpreBar {
	position: fixed;
	width: 100%;
	height: 100% !important;
	top: 0;
	left: 0;
}

#jprePercentage { color: #fff; font: 70px/70px 'Lato', sans-serif; font-weight: 600; text-align:center; letter-spacing:-2px; z-index:2; margin: 0; }

/*------------------------------------------*/
/*	 Headers
/*------------------------------------------*/

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 10px; }

/*------------------------------------------*/
/*	 Link Setting
/*------------------------------------------*/

a { text-decoration: none; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out;	-o-transition: all 250ms ease-in-out;	-ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }
a:hover { color: #444; text-decoration: none; }
a:focus { color: #f8f8f8; outline: none; text-decoration: none; }

/*------------------------------------------*/
/*	 Lists
/*------------------------------------------*/

ul { margin: 0; padding: 0; list-style: none; }

/*------------------------------------------*/
/*	 Section Titlebar
/*------------------------------------------*/

.titlebar { margin-bottom: 50px; text-align: center; }
.titlebar h1 { color: #f08000; font-size: 72px; line-height: 78px; font-weight: 900; }
.titlebar p { color: #444; font-size: 20px; line-height: 32px; font-weight: 400; padding: 0 20%; }

/* ==========================================================================
   02. HEADER & NAVIGATION
   ========================================================================== */

/*------------------------------------------*/
/*	 Logo Image
/*------------------------------------------*/

#logo { background: url(../img/logo.png) no-repeat 0 0; width: 291px; height: 112px; color: transparent; }

/*------------------------------------------*/
/*	 Navigation Menu
/*------------------------------------------*/

.navbar {	margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 40px 0px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.navbar-fixed-top { border-bottom: none; }

.navbar-nav > li > a { color: #fff; font-size: 15px; font-family: 'Lato', sans-serif; line-height: 60px; font-weight: 900; text-transform: uppercase; display: block; padding: 0 15px; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }

/*------------------------------------------*/
/*	 Purchase Button
/*------------------------------------------*/

.navbar-nav > li > a#to_register { color: #fff; background-color: #f08000; line-height: 36px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-top: 12px; }

/*------------------------------------------*/
/*	 Navbar Scroll
/*------------------------------------------*/

.scroll-fixed-navbar { padding: 0px; 	background: #4e2971; }
.scroll-fixed-navbar #logo { background: url(../img/logo.png) no-repeat 0 -112px; height: 60px; }
.scroll-fixed-navbar .navbar-nav > li > a { color: #fff; }
.navbar-nav > li > a:hover, .navbar-nav > li > a.selected-nav { color: #f08000; background-color: transparent; }
.scroll-fixed-navbar .navbar-nav > li > a:hover, .scroll-fixed-navbar .navbar-nav > li > a.selected-nav { color: #f08000; }

/*------------------------------------------*/
/*	 Responsive Menu
/*------------------------------------------*/

.navbar-toggle {
    position: relative;
    float: right;
	background-color: none;
    padding: 10px;
	margin: 13px 30px 13px 0;
	border: none;
	color: #fff;
	border: 2px solid #fff;
}

.navbar-toggle .icon-bar {
	background-color: #fff;
}


/* ==========================================================================
   03. INTRO
   ========================================================================== */

#intro { background: #4e2971 url(../img/header.png) no-repeat 50% 100%; overflow: hidden; color: #fff; }
#intro.gdpr { background: #4e2971; }
#intro h1 { font-size: 78px; line-height: 74px; font-weight: 900; margin-bottom: 74px; margin-top: 160px; text-align: center; }
#intro.gdpr h1 { font-size: 48px; }
#intro h1 span { color: #f08000; }
#intro_description { margin-bottom: 130px; }
#intro_description p { font-size: 23px; line-height: 41px; font-weight: 300; margin-bottom: 30px; }

#intro_description a { font: 14px/36px 'Lato', sans-serif; margin-right: 10px; color: #fff; background-color: #f08000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-top: 12px; font-weight: 900; padding: 0 15px; text-transform: uppercase; display: inline-block; }


/* ================================ SERVICES =================================== */

#services { padding-top: 80px; padding-bottom: 40px; }

#services .col-md-4 { text-align: center; }
#services .img-responsive { display: inline-block; }
#services h2 { color: #f08000; font-size: 30px; line-height: 74px; font-weight: 900; margin-top: 24px; }
#services p { font-size: 18px; line-height: 30px; font-weight: 300; }

#specials .col-md-4 { text-align: left; color: #4d2971;  }
#specials h4 { font-size: 18px; line-height: 30px; font-weight: 700; margin-top: 24px; }
#specials p { font-size: 14px; line-height: 25px; }
#specials li { list-style: square; list-style-position: inside; }

/* ================================== ABOUT ===================================== */

#about { background: #f5f5f5; padding-top: 80px; padding-bottom: 40px; }

#about_1 p, #about_2 p { color: #444; font-weight: 300; margin-bottom: 30px; }

#about .gdpr > li { font-weight: 700; font-size: 18px; }
#about .gdpr > li > p { font-weight: 300; }

/* ================================== DETAIL ===================================== */

#detail { background: #4e2971 url(../img/net.png) no-repeat 50% 50%; color: #fff; padding-top: 80px; padding-bottom: 80px; text-align: center; }

/* ================================= ABOUT 2 ==================================== */

#about2 { background: #f5f5f5; padding-top: 80px; padding-bottom: 50px; }

#about_5 { border-top: solid 1px #d7d7d7; margin-top: 62px; padding: 62px 0; }
#about_3 p, #about_4 p, #about_5 p { color: #444; font-weight: 300; }
#about_5 p { color: #4a266e; font-size: 19px; line-height: 36px; font-weight: 700; text-align: center; }


/* ================================= PARTNERS ==================================== */

#partners { padding: 80px 0; }

/* ================================= CONTACT ===================================== */

#register { background: #442068 url(../img/net.png) no-repeat 50% 0; padding: 80px 0; color: #fff; }

#register .titlebar h3 { font-size: 21px; line-height: 35px; font-weight: 700; margin: 32px 0 12px; }
#register .titlebar p { color: #fff; font-size: 17px; line-height: 36px; }
#daten p { font-size: 14px; line-height: 23px; margin: 32px 0 48px; }

#register_form { display: none; }


/*------------------------------------------*/
/*	  Overlay Content
/*------------------------------------------*/

.overlay-content {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	text-align: center;
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

.hover-overlay {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.hover-overlay img {
	transition: all 600ms;
	-moz-transition: all 600ms;
	-webkit-transition: all 600ms;
	-o-transition: all 600ms;
}

/*------------------------------------------*/
/*	  Image Hover Effect
/*------------------------------------------*/

.hover-overlay:hover > img {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.hover-overlay:hover .item-overlay {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.item:hover .overlay-content {
	bottom: 48%;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}





/*------------------------------------------*/
/*	  Newsletter Title
/*------------------------------------------*/

#newsletter_title h1 {
	font-weight: 400;
}

#newsletter_title p {
	line-height: 24px;
	font-size: 18px;
	font-weight: 400;
	padding: 0 8%;
}

/*------------------------------------------*/
/*	  Newsletter Form
/*------------------------------------------*/

.subscribe-form {
	margin: 25px auto 14px;
    position: relative;
    z-index: 10;
	width: 90%;
}

.subscribe-form input {
	border: 1px solid #ddd;
	border-right: none;
	width: 100%;
}

.subscribe-input {
    width: 75%;
    height: 54px;
	color: #222;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	padding-left: 10px;
}

.subscribe-submit {
	width: 25%;
	height: 54px;
	position: absolute;
    top: 0px;
    right: 0px;
	background-color: #333;
	border: 1px solid #333;
    color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
    display: block;
    cursor: pointer;
    outline: 0;
}

.subscribe-submit:active {
    outline: 0;
}

.subscribe-submit:hover {
    opacity:0.9;
}

/*------------------------------------------*/
/*	  Newsletter Form Error Message
/*------------------------------------------*/

.error {
	color: #fff;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 5px;
}



/* ============================== FOOTER ====================================== */

#footer { width: 100%; background: #262626; padding: 20px 0; }
#footer p { color: #fff; font-size: 12px; text-transform: uppercase; margin-bottom: 0; }

/* ==========================================================================
   14. SCROLL TO TOP
   ========================================================================== */

#scrollUp {
	display: none;
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-image: url(../img/icons/back-to-top.png);
	background-repeat: no-repeat;
	background-position: 50% 48%;
	background-color:rgba(123, 123, 123, 0.65);
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	transition: all 250ms linear;
}

#scrollUp:hover {
	background-color: rgba(60, 190, 167, 0.95);
}

nav a#pull {
    display: none;
}

.modal-content {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
#bs-gdpr-cookies-modal h5 {
  font-size: 24px;
  font-weight: 900;
}
#bs-gdpr-cookies-modal p a {
  font-weight: 700;
}
#bs-gdpr-cookies-modal-accept-btn {
  font: 14px/36px 'Lato', sans-serif;
  margin-right: 10px;
  color: #fff;
  background-color: #f08000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-top: 12px;
  font-weight: 900;
  padding: 0 15px;
  border: 0;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px){
  .navbar, #intro { background: #4e2971!important; }
  .navbar-collapse { border-top: 0!important; background: solid 1px #3c2254; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; }
  #intro h1 { margin: 120px 0 0; }
  #logo { background: url(../img/logo.png) no-repeat 0 -112px; height: 60px; margin-left: 12px; }
  .navbar-nav > li > a#to_register { margin-top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
}