/*FONTS*/
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400&subset=latin-ext');

html {height:100%;}

body {
    margin: 0;
    padding: 0;
    font-size: 30px;
    font-family: 'Nunito', sans-serif;
    color: #000;
    background-color: #fff;
    font-weight: 300;
    height:100%;
    position: relative;
}
body.index {overflow: hidden;}
* {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.clearfix:after {content: ".";
                 display: block;
                 height: 0;
                 clear: both;
                 visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.relative {position: relative;}
.center {text-align: center;}
.upper {text-transform: uppercase;}
.marBot20 {margin-bottom: 20px;}
.marBot30 {margin-bottom: 30px;}
.marTop30 {margin-top: 30px;}
.marTop40 {margin-top: 40px;}
.marTop50 {margin-top: 50px;}
.noborder {border: none;}
.white {color: #fff;}
p a {color: #cb0114;}
p a:hover, p a:focus {color: #999;}

* { box-sizing: border-box; }

/*HEADER + MENU*/
#header, .navbar-white {border: none;}
.btn-toggle {margin: 12px 0;}
.brand {width: 300px; height: 51px;}
.brand img {padding-top: 10px;}
.lang {float: left; padding: 5px 0 0;}
.homelink {float: right; padding: 5px 0 0;}
.lang a, .homelink a {color: #000; font-size: 18px; line-height: 1; text-transform: uppercase;}
.lang a:hover, .homelink a:hover {color: #cb0114;}

.boss-menu-overlay {background-color: rgba(255,255,255, 0.7);}
#header.sticky-menu.fixed, .sticky-menu.fixed {height: 60px;}
.sticky-menu.fixed .btn-toggle.opened .icon-bar:before {top: 0px;}
.sticky-menu.fixed .btn-toggle.opened .icon-bar:after {top: 0px;}
.side-menu-wrapper {padding: 50px 15px 25px 25px;}
.side-menu {z-index: 2000;}
.side-menu-btn {position: fixed; right: 15px;}

.btn-toggle .icon-bar, .btn-toggle .icon-bar:before, .btn-toggle .icon-bar:after {
    width: 20px; height: 2px;}

.navbar-inverse .btn-toggle .icon-bar,
.navbar-inverse .btn-toggle .icon-bar:after,
.navbar-inverse .btn-toggle .icon-bar:before {background-color: #000;}

.navbar-inverse .btn-toggle:hover .icon-bar,
.navbar-inverse .btn-toggle:hover .icon-bar:before,
.navbar-inverse .btn-toggle:hover .icon-bar:after,
.navbar-inverse .btn-toggle:focus .icon-bar,
.navbar-inverse .btn-toggle:focus .icon-bar:before,
.navbar-inverse .btn-toggle:focus .icon-bar:after {background: #000;}

.btn-toggle.opened .icon-bar:before, .btn-toggle.opened .icon-bar:after {background-color: #ff5a00 !important;}

/*HERO*/
#home {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
#contentUp {width: 100%; position: relative; overflow: hidden;}
.hero-holder {display: flex;}
.hero1 {margin-top: 130px;}
.hero2 {position: absolute; left: 35%; top: 55px; z-index: 100;}
.hero3 {margin-top: 190px;}
.hero-text {text-align: center; text-transform: uppercase; margin-top: 50px;}
.hero-text h1, .hero-text h2, .hero-text h3 {font-family: "Quicksand", sans-serif; font-weight: 300;}
.title-underblock {padding-bottom: 20px;}
.title-underblock:after {background-color: #b3b3b3; height: 2px; width: 100px; left: 50%; margin-left: -50px;}

/*CONTENT*/
.main-margin {margin-top: 100px;}
.sub-margin {margin-top: 100px;}
.middle-holder {display: flex; align-items: center; overflow-x: hidden;}
.text-holder {text-align: center; width: 80%; margin-left: auto; margin-right: auto;}
.text-holder p {line-height: 1.3;}
.jumbo-white {background-color: #fff; padding-bottom: 100px; padding-top: 100px; margin-bottom: 0;}
.jumbo-content {text-align: center; width: 80%; margin-left: auto; margin-right: auto;}
.jumbo-content:before {content: ''; display: block; width: 100px; position: absolute; top: 0;
                    background-color: #b3b3b3; height: 2px; left: 50%; margin-left: -50px;}
.jumbo-content:after {content: ''; display: block; width: 100px; position: absolute; bottom: 0;
                    background-color: #b3b3b3; height: 2px; left: 50%; margin-left: -50px;}
.jumbo-white p {font-size: 30px; line-height: 1.3; margin-bottom: 40px; margin-top: 40px;}
.jumbo-white h2 {font-size: 42px; margin-top: 40px; margin-bottom: 40px; text-transform: uppercase; 
                font-weight: normal; font-family: "Quicksand", sans-serif; font-weight: 300;}
.title-down {font-size: 30px; text-align: left; text-transform: uppercase; margin: 26px 0 10px;}
.title-down-right {font-size: 30px; text-align: right; text-transform: uppercase; margin: 26px 0 10px;}
.text-down {width: 80%;}
.text-down p {font-size: 24px; text-align: left; line-height: 1.3;}
.text-down-right {float: right; width: 80%;}
.text-down-right p {font-size: 24px; text-align: right; line-height: 1.3;}
.plain-text {font-size: 24px; line-height: 1.3; text-align: center;}
.plain-text h1 {font-size: 36px; text-transform: uppercase; margin: 0 0 50px;
            font-family: "Quicksand", sans-serif; font-weight: 300;}
.plain-text h2 {font-size: 24px; text-transform: uppercase; margin: 0 0 20px;
            font-family: "Quicksand", sans-serif; font-weight: 300;}

/*ANIMATION*/
.photo-holder {height: 500px;}
.tiles {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.tile {position: relative; height: 100%; overflow: hidden;}
.photo {position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform .5s ease-out;}
.photo-holder2 {height: 500px; position: relative;}

/*CAROUSEL*/
.jumbo-carousel {background-color: #fff; padding-top: 0; padding-bottom: 0; margin-bottom: 0;}
.jumbotron-carousel {padding: 0; background: transparent; position: relative;}
.owl-carousel {position: relative;}
.owl-item .item {background-color: #fff; text-align: center;}
.owl-item .item img {display: block; max-width: 100%; height: auto; opacity: 0.2;}
.owl-item.center .item img {opacity: 1;}
.clockname {font-size: 24px; padding-top: 20px;}

/*.owl-nav {top: 90px; position: relative;}
.owl-next, .owl-prev {position: absolute; top: 50%;}
.owl-prev {left: 0;}
.owl-next {right: 0;}*/
.owl-controls {position: absolute; top: 50%; /*left: 50%; transform: translate(-50%,-50%); */
              width: 100%;}
.owl-nav {width: 100%;}
.owl-prev, .owl-next {font-size: 100px; line-height: 100px; height: 100px; width: 36px;
    color: #000; text-align: center; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.owl-prev {left: 0; margin-left: 15px;}
.owl-next {right: 0; margin-right: 15px;}

/*CONTACT*/
input[type="text"], input[type="password"], input[type="email"] {
        border-bottom: 1px solid #b3b3b3; box-shadow: none; color: #2b2b2b; font-size: 18px; height: 40px;
    margin-bottom: 20px; padding: 5px 20px 5px 0; width: 100%;}
.kontakt textarea {border-bottom: 1px solid #b3b3b3; box-shadow: none; color: #2b2b2b; font-size: 18px;
    height: 100px; margin-bottom: 0px; margin-top: 5px; padding: 5px 20px 5px 0; width: 100%;}
input[type="submit"] {font-size: 20px; text-transform: uppercase; padding: 10px; width: 100%;
        color: #fff; background-color: #cb0114; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
input[type="submit"]:hover {color: #fff; background-color: #444;}
.mail-ann {font-size: 14px; font-style: italic; margin-bottom: 30px;}
.has-error input, .has-error textarea {background-color: #eee;}
.checkbox {margin-left: 15px;}
.checkbox label {font-size: 14px; font-style: italic;}

/*FOOTER*/
#footer {color: #000; padding: 100px 0 60px; border: none; background-color: transparent;
        font-family: 'Nunito', sans-serif; font-size: 16px;}
#footer p {margin: 0;}
#footer a {color: #cb0114; font-weight: normal;}
#footer a:hover {color: #999;}
.footcontent {text-align: center; padding-top: 60px;}
.footcontent:before {content: ''; display: block; width: 100px; position: absolute; top: 0;
                    background-color: #b3b3b3; height: 2px; left: 50%; margin-left: -50px;}
.footer-logo {border: none; width: 180px; height: auto; padding: 0;}
.footer-logo img {width: 180px; height: auto;}
#scroll-top.fixed {bottom: 45px;}
#scroll-top:hover {background: #cb0114;}
address {line-height: 1.6;}

#side-tab a {
    position: fixed;
    right: -56px;
    top: 250px;
    padding: 10px 20px;
    background-color: #cb0114;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#side-tab a:hover {
    background-color: #444;
}