/*
* LOGIC - Premium HTML5 Template by Designova
* Build: Feb 2015;
* Update v1.1 - 07 March 2015
* Author: Designova, http://www.designova.net
* Copyright (C) 2015 Designova
* This is a premium product. For licensing queries please contact info@designova.net
*/


/* Table of contents
–––––––––––––––––––––––––––––––––––––––––––––––––– 
- 1. Common
- 2. Header
- 3. Footer
- 4. Navigation
- 5. Pages
- 6. Utilities
*/


/* 1. Common
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html, body {
    overflow-x: hidden;
	font-family: Rubik, Arial, sans-serif;
}

p {
    font-size: 1rem;
    line-height: 26px;
    margin-bottom: 0;
	color: #3c3c3b;
}

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

a {
    /*text-decoration: none !important;*/
	color: #3c3c3b;
	text-decoration: underline;
}

a:focus {
    outline: none;
}


/*Preloader*/
html.preloader-running, body.preloader-running {
    /*overflow: hidden;*/
}

html.preloader-running .sticky-sidebar {
    display: block;
}

div#preloader {
    background: none repeat scroll 0 0 white;
    height: 100%;
    left: 3px;
    position: fixed;
    top: 3px;
    width: 100%;
    z-index: 99999;
}

div#preloader.fluidview {
    left: 0px;
}

#status {
    width: 200px;
    height: 200px;
    position: fixed;
    left: 50%;
    top: 50%;
    background-image: url(../images/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80px 80px;
    margin: -100px 0 0 -100px;
}



/*Sticky Panels*/
.sticky-panel {
    position: fixed;
    z-index: 998;
	background-color: grey;
}

.sticky-panel-top {
    top: 0;
    width: 100%;
    height: 3px;
	z-index: 999;
	background-color: #e30613;
}

.sticky-panel-right {
    top: 0;
    right: 0;
    height: 100%;
    width: 3px;
	background-color: #5c7683;
}

.sticky-panel-bottom {
    bottom: 0;
    width: 100%;
    height: 3px;
	z-index: 999;
	background-color: #8ebf21;
}

.sticky-panel-left {
    top: 0;
    left: 0;
    height: 100%;
    width: 3px;
	background-color: #fed100;
}


/* 2. Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header.masthead {
    /*position: fixed;
    top: 0;
    height: 140px;
    width: 100%;
    z-index: 999;*/
}

.hinweise_links {
    position: fixed;
    top: 0;
    right: 0;
	padding: 10px;
	text-align: right;
}

.hinweise_links a {
	color: white;
}

@media (max-width: 767.98px) { 
.hinweise_links a, .hinweise_links.download a  {
	font-size: 0.8rem;
}
}
@media (max-width: 575.98px) { 
.hinweise_links.download {
    top: 50px;
	left: 8px;
	right: auto;
	text-align: left;
	position: absolute;
}
}


/* 3. Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mastfoot {
    margin: 0;
    margin-bottom: 40px;
    padding: 60px;
}

.mastfoot-intro {
    margin: 0;
    padding: 40px;
    padding-top: 20px;
}

@media (max-width: 575.98px) { 
.mastfoot.fixed-bottom {
    position: relative;
	margin: 30px 0 0 0;
}
}

/* 4. Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––– */
nav.mastnav {
}

/* 5. Pages
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.img-fluid {
	max-width: 75%;
}

.mastwrap {
}

.innerwrap {
    margin: 40px 0 0 0;
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
.innerwrap {
    margin: 30px 0 0 0;
}
}


.sidestamp {
    text-align: center;
}

.sidestamp h2 {
    font-size: 32px;
    line-height: 39px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.sidestamp h6 {
    font-size: 124px;
    line-height: 131px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.fixed-sidestamp {
    position: fixed;
    top: 0px;
    left: 0px;
}

.common-content {
    padding: 10%;
}

.main-caps {
    font-size: 18px;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: 8px;
}

.main-caps-big {
    font-size: 24px;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: 8px;
}

.thumb-icon {
    font-size: 84px;
    line-height: 84px;
}


/*INTRO VARIANTS*/

.intro-innerwrap {
    margin: 40px 120px;
}

.intro-01 {
    margin: 0;
    /*padding: 80px 160px;*/
}

.intro-01 .img-fluid {
	padding: 0 5%;
}

.intro-01-a .news {
	margin-top: 30px;
}

/*OTHERS*/

h1 {
	font-weight: 400; 
	font-size: 3.5rem;
	color: white;
}

@media (max-width: 575.98px) {
	h1 {
		font-size: 2.5rem;
	}
}


.ease {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.ease:hover {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.add-top {
    margin-top: 120px;
}

.add-bottom {
    margin-bottom: 120px;
}

.add-top-half {
    margin-top: 60px;
}

.add-bottom-half {
    margin-bottom: 60px;
}

.add-top-quarter {
    margin-top: 30px;
}

.add-bottom-quarter {
    margin-bottom: 30px;
}

.pad-top {
    padding-top: 100px;
}

.pad-bottom {
    padding-bottom: 100px;
}

.pad-top-half {
    padding-top: 60px;
}

.pad-bottom-half {
    padding-bottom: 60px;
}

.pad {
    padding-left: 20px;
    padding-right: 20px;
}

.pad-common {
    padding: 100px;
}

.remove-top {
    margin-top: 0;
}

.remove-bottom {
    margin-bottom: 0;
}

.remove-bottom {
    margin-bottom: 0;
}

.remove-pad-top {
    padding-top: 0;
}

.remove-pad-bottom {
    padding-bottom: 0;
}

.mob-center > .img-responsive {
    display: inline-block;
}

.no-gutter {
    padding: 0px !important;
}

.no-pad {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
}

.valign {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.img-bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.parallax {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
/*this class will be activated on mobile devices in order to switch off the parallax effect*/
.parallax-off {
    background-attachment: scroll !important;
    background-size: cover !important;
}

.poster-img {
    background: url(../images/poster.jpg) center center no-repeat !important;
    background-size: cover !important;
}

/*–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*end of all main styles*/




/*–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*Please compile all LESS rules to CSS rules and copy them below. 
More info provided in PDF user-guide that comes within your download pack*/
/*–––––––––––––––––––––––––––––––––––––––––––––––––– */