@charset "UTF-8";
/**
 * TABLE OF CONTENTS
 *
 * 1) Typography
 * 2) Layout
 * 3) Menu

 */
/* 1 Typography
----------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;}

html, body {background: #F5F5F5; overflow-x: hidden; font-family: 'karmina-sans', Georgia, Times, Serif; font-size: 18px; line-height: 30px; font-weight: 400; color: #33333d;} 

img {border: 0; max-width: 100%; border-radius: 0; height: auto !important; vertical-align: middle !important;}

/***************** paragraphs *******************/

h1 {font-family: 'karmina-sans', Cursive; margin: 0; padding: 0; color: #33333d; font-weight: 400; font-size: 60px; line-height: 70px;}
h2 {font-family: 'karmina-sans', Cursive; margin: 0; padding: 0; color: #33333d; font-weight: 400; font-size: 50px; line-height: 60px;}
h3 {font-family: 'karmina-sans', Cursive; margin: 0; padding: 0; color: #33333d; font-weight: 400; font-size: 35px; line-height: 45px;}
h4 {font-family: 'karmina-sans', Georgia, Times, Serif; margin: 0; padding: 0; color: #33333d; font-weight: 700; font-size: 16px; line-height: 30px;}

h5 {font-family: 'karmina-sans', Georgia, Times, Serif; margin: 0; padding: 0; font-style: normal; color: #99999e; font-weight: 400; font-size: 20px; line-height: 30px;}
h5 a {font-size: 14px; line-height: 30px; padding: 0; border-bottom: 2px solid #c7c7d1; font-weight: 500; font-style: normal; display: inline-block; text-transform: uppercase; letter-spacing: 1px; color: #33333d; margin: 20px 0 0 0; text-decoration: none;}
h5 a:before {content: "\f067"; font-family: FontAwesome; padding: 0 10px 0 0; font-weight: 400; color: #43d3c8; font-style: normal; moz-transition: all .5s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
h5 a:hover {color: #1a1a1f; border-bottom: 2px solid #43d3c8;}

em {font-style: italic;}
strong {font-weight: 700;}

p {padding: 15px 0 0 0;}

a {text-decoration: none; border-bottom: 2px solid #e6e6e8; color: #33333d; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
a:hover {color: #33333d; border-bottom: 2px solid #c7c7d1 ; text-decoration: none;}

a img {border: none; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
a img:hover {border: none; opacity: .6;}

blockquote {font-style: italic; padding: 0;}

::-moz-selection {color: #fff; background: #ff0204;}
::selection {color: #fff; background: #ff0204;}

/***************** line *******************/
hr {width: 100%; margin: 30px 0 35px; height: 3px; background-color: #e6e6e8; color: #e6e6e8; border: 0; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}


/* 2 Layout
----------------------------------------------------------------------------- */

.container {width: 1400px;}

.block-section > .block-section-container {padding: 0; margin: 0 auto; width: 1400px;}
.block-section .block-section-container .block-columns .block-section-container {width:auto;}
.block-section {float: left; width: 100%; position: relative; padding: 110px 0 110px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.block-columns .block-section {padding: 0;}



.btn-primary, .btn-primary:focus {font-size: 14px; padding: 14px 50px 12px; border-radius: 25px; border: none; font-style: normal; line-height: 25px; background: #43d3c8; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; display: inline-block; color: #fff; margin: 0; text-decoration: none;}
.btn-primary:hover, .btn-primary:active, .btn-primary:hover:before, .btn-primary:hover:active, .btn-primary:active:focus {border: none; background: #750102; color: #fff;}

.btn-primary, .btn-primary:focus {background: #ff0204; color: #fff; border: none; border-color: yellow; border-radius: 0; outline: none;}
.btn-primary:hover, .btn-primary:active, .btn-primary:hover:before, .btn-primary:hover:active, .btn-primary:active:focus {background: #750102; color: #fff; border: none; outline: none;}




.pad-no {padding: 0;}

.red {background: #ff0204; padding: 20px 0 15px !important;}
.red h3 {padding: 0 !important;}
.red h3 a {color: #fff; border: none; font-size: 28px;}
.red h3 a:before {content: "\f124"; font-family: FontAwesome; padding: 0 10px 0 0; font-weight: 400; color: #fff; font-style: normal; moz-transition: all .5s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}

.top {width: 100%; padding: 10px 0; z-index: 700 !important; text-align: center; margin: 0; background: #ff0204; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.top h5, .top h4 {margin: 1px 0 0 3px; color: #fff; font-size: 14px; letter-spacing: 1px; width: auto; float: right; font-weight: 300;}
.top h5:before {content: "\f095"; font-family: FontAwesome;}
.top h4:before {content: "\f1d8"; font-family: FontAwesome; font-size: 12px;}

.cookies-container {width: 100%; margin: 0; border-radius: 0; text-align: center; padding: 10px; position: relative; display: inline-block; float: left; background: #43d3c8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cookies-container p {padding: 0; font-size: 13px; line-height: 18px; color: #fff;}
.cookies-container a {color: #fff; border-bottom: 2px solid #fff; font-weight: 700;}
.cookies-container a:hover {color: #fff; border-bottom: 2px solid #fff;}

.header {width: 100%; padding: 0; background: #1f1a17; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#site-logo {width: 100%; max-width: 350px; padding: 10px 0; position: relative; z-index: 5; margin: 0;}
#site-logo a {border: none;}

#Banner {width: 100%; height: 67vh; display: flex; justify-content: center; align-items: center; margin: 0; background: transparent url('../../files/bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#Banner h1 {font-size: 80px; line-height: 100px; color: #fff;}
#Banner h5 {color: #fff; letter-spacing: 2px; text-transform: uppercase;}
#Banner p {padding-top: 3px;}
#Banner .btn-primary {background: #ff0204; color: #fff; border: none; border-radius: 0;}
#Banner .btn-primary:hover, #Banner .btn-primary:active, #Banner .btn-primary:focus {background: #750102; color: #fff; border: none}

#social-media {width: auto; padding: 30px 40px; position: absolute; right: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#social-media h3 a {border: none; font-size: 20px; line-height: 20px; color: #fff; margin: 0 0 0 20px;}
#social-media h3 a:hover {color: #43d3c8;}

.content h2, .content h4 {padding: 20px 0 0 0;}
.content h3 {padding: 0;}
.content img {padding: 20px 0 0 0;}
.content ul {list-style-position: inside; width: 100%; margin: 15px 0 0 0;}
#Banner h2, #Banner h3, #Banner h4 {padding: 0;}

.gallery img {padding: 5px 0 0;}

#Puffar {background: #fff;}
#Puffar h2 {margin: -190px 0 0 0; z-index: 700;}
#Puffar h2 a {color: #fff;}
#Puffar h2 a:hover {color: #43d3c8;}
#Puffar .button h5 a {padding: 10px 0; text-align: center; border: 2px solid #43d3c8; border-radius: 25px; display: block;}
#Puffar .button h5 a:before {moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
#Puffar .button h5 a:hover {background: #43d3c8; color: #fff;}
#Puffar .button h5:hover a:before {color: #fff;}

#Info img {width: 100%; max-width: 80px; margin: 0 auto; padding: 0;}
#Info .__columns {display: flex;}
#Info .__col {background: #fff; width: calc((100% / 3) - 30px); margin: 0 15px; padding: 20px 30px 30px 30px; border-bottom: 3px solid #43d3c8;}

#Banner-lower {padding: 200px 0 230px 0; background: transparent url('../../files/bg_lower.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#Banner-lower h1, #Banner-lower h2, #Banner-lower h3, #Banner-lower h4, #Banner-lower h5, #Banner-lower h5 a, #Banner-lower p, #Banner-lower a {color: #fff;}

#Kontakt {background: #fff;}

.social {width: 100%; padding: 30px 0; margin: 0; background: #33333d; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.social h3 {padding: 10px 0 0 0; color: #fff;} 
.social h2 {padding: 0; font-size: 30px; text-align: right;}
.social h2 a {margin: 0 40px 0 0; color: #63bfbd; border: none;}
.social h2 a:hover {color: #fff;}

.footer {width: 100%; padding: 70px 0; margin: 0; background: #1f1a17; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer h3 {text-align: center; color: #fff; text-transform: uppercase; font-size: 20px; margin-top: 20px;}
.footer h4, .footer p {color: #fff; text-align: center; font-weight: 300;}
.footer p {color: #878787; display: block; margin-top: 10px;}
.footer hr {margin: 30px 0 10px 0; height: 3px; background-color: #33333d; color: #33333d;}
/*#foot-menu {list-style: none; width: 50%; float: none; margin: 0; margin-left: 40.5%;}*/
#foot-menu {    list-style: none;  margin: 0 auto; text-align: center; display: flex; justify-content: center;}
#foot-menu li {float: left; width: auto; float: left; margin: 0 7px;}
#foot-menu li a {color: #fff; font-weight: 500; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; border: none; font-style: normal; display: block; padding: 5px 15px; text-decoration: none; background: #2E2E2E;}
#foot-menu li.current_page_item a, #foot-menu li.parent a, #foot-menu li a:hover {color: #ff0204;}
#foot-menu ul.children {display: none;}
a.clear {border:none; color:inherit; text-decoration:none;}

.left h4 {
    color: #fff;
    text-align: center;
    font-weight: 300;
    width: 50%;
    float: none;
    float: left;
    text-align: right;
}
.right h4 {
    color: #fff;
    text-align: center;
    font-weight: 300;
    width: 50%;
    float: none;
    float: right;
    text-align: left;
    padding-left: 5px;
}

/* 3 Menu
----------------------------------------------------------------------------- */

button.navbar-toggle {width: 100%; text-align: center; font-size: 20px; letter-spacing: 1px; text-transform: uppercase; color: #fff; margin: 0; padding: 10px 0 15px 0; border: none;}
.navbar {margin: 0;}
.navbar-nav {margin: 20px 0 24px 0;}
.navbar-nav li a {color: #878787; text-transform: uppercase; border: 2px solid transparent; font-weight: 400; font-style: normal; padding: 0 0 3px; margin: 49px 0 0 40px; -webkit-transition: none; -o-transition: none; transition: none; text-decoration: none;}
.navbar-nav li a:hover, .nav .open>a, .nav .open>a:hover, .navbar-nav li.active.current.current_page_item a {-webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; border-bottom: 2px solid #fff; background: transparent;}
.navbar-nav .dropdown-menu {border-radius: 0; border: 0; right: 0; padding: 0; background: transparent;}
.navbar-nav .dropdown-menu li a, .navbar-nav li.active.current.current_page_item .dropdown-menu li a {background: #fff; color: #33333d; font-weight: 400; font-size: 18px; line-height: 30px; text-transform: none; letter-spacing: normal; padding: 0 20px; margin: 0; border: none;}
.navbar-nav .dropdown-menu li a:before {display: none;}
.navbar-nav .dropdown-menu li a:hover, .navbar-nav li.active.current.current_page_item .dropdown-menu li a:hover {background: #fff; color: #43d3c8; border: none;}
.navbar-nav .dropdown-menu li.active.current.current_page_item a {background: #43d3c8; color: #fff;}
.navbar-collapse {padding: 0; border-top: none; -webkit-box-shadow: none; box-shadow: none;}

.navbar-mobile-buttons {display: none; list-style: none;}
.navbar-mobile-buttons li {width: 50%; float: left;}
.navbar-mobile-buttons li a {border: none; padding: 10px 20px; display: block; text-decoration: none; color: #F5F5F5; border-top: 1px solid #F5F5F5;}
.navbar-mobile-buttons li a i {color: #F5F5F5; padding: 0 5px 0 0;}
.navbar-mobile-buttons li:nth-child(odd) a {border-right: 1px solid #F5F5F5;}


/* Form
----------------------------------------------------------------------------- */
.block-form {padding: 0;}
.form-group:nth-child(1), .form-group:nth-child(2), .form-group:nth-child(3) {width: calc(100% / 3); float: left;}
.block-form .form-control {width: calc(100% - 10px); margin: 0 5px; border: none; background: #fff; color: #1f1a17; border: none; padding: 15px; font-size: 16px; border-radius: 0; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.form-group.form-captcha {width: 100%;}
.block-form .form-control:focus {background: #fff; color: #1f1a17;}
.block-form .form-control::-webkit-input-placeholder {color: #1f1a17;}
.block-form .form-control:-moz-placeholder {color: #1f1a17;}
.block-form .form-control::-moz-placeholder {color: #1f1a17;}
.block-form .form-control:-ms-input-placeholder {color: #1f1a17;}
.block-gallery ul.gallery {margin: 0;}

.block-form .btn-default, .block-form .btn-default:focus {font-size: 16px; padding: 15px 0; color: #fff; background: #43d3c8; width: 100%; text-align: center; cursor: pointer; border: none; border-radius: 29px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; display: inline-block; margin: 0; text-decoration: none; height: auto; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: -webkit-focus-ring-color auto 0;}
.block-form .btn-default:before {content: "\f124"; font-family: FontAwesome; padding: 0 10px 0 0; color: #fff;}
.block-form .btn-default:hover, .block-form .btn-default:active, .block-form .btn-default:hover:before, .block-form .btn-default:hover:active, .block-form .btn-default:active:focus {background: #610102; outline: -webkit-focus-ring-color auto 0;}

label {margin-left: 5px !important; font-weight: 700;}


/*-----------------------------------RX------------------------------------------*/

.bg-image {background-position:center !important;}
.home-imgs .__col .block-section {margin-bottom:2rem !important;}

.block-gallery .gallery-item {object-fit:cover; overflow:hidden; height:300px;}
.block-gallery .gallery-item .image-container {height:inherit;}
.block-gallery .gallery-item img {object-fit:cover; height:100% !important; width:100%;}

/*-----------------------------------RX------------------------------------------*/

@media (max-width: 1440px) {
    .block-section > .block-section-container {width: 1170px;}
    .block-section {padding: 70px 0 70px 0;}
    .container {width: 1170px;}
    .navbar-nav li a {margin: 38px 0 0 30px;}
    #Banner h1 {font-size: 60px; line-height: 95px;}
    #Banner-lower {padding: 150px 0 180px 0;}
    #Puffar h2 {margin: -160px 0 0 0;}
    .red {padding: 15px 0 10px !important;}
    .red h3 a {font-size: 26px;}
}
@media (max-width: 1170px) {
    html, body {font-size: 14px; line-height: 27px;}
    h1 {font-size: 45px; line-height: 55px;}
    h2 {font-size: 35px; line-height: 45px;}
    h3 {font-size: 25px; line-height: 35px;}
    h4 {font-size: 14px; line-height: 27px;}
    h5 {font-size: 18px; line-height: 27px;}
    h5 a {font-size: 14px; line-height: 27px;}
    .block-section > .block-section-container {width: 970px;}
    .block-section {padding: 70px 0 70px 0;}
    .container {width: 970px;}
    .navbar-nav {margin: 15px 0 0 0;}
    .navbar-nav li a {margin: 32px 0 0 20px; font-size: 14px; padding: 0;}
    #Info .__col {padding: 20px 20px 30px 20px;}
    #Banner-lower {padding: 100px 0 130px 0;}
    #foot-menu li a {font-size: 12px;}
    #Puffar h2 {margin: -140px 0 0 0;}
    .red h3 a {font-size: 22px;}
}
@media (max-width: 992px) {
    .block-section > .block-section-container {width: 720px;}
    .container {width: 750px;}
    .block-section {padding: 60px 0 60px 0;}
    .navbar-nav {margin: 10px 0 0 0;}
    .navbar-nav li a {margin: 24px 0 0 15px; font-size: 13px;}
    #Banner h1 {font-size: 45px; line-height: 65px;}
    #foot-menu li a {font-size: 11px;}
    #Puffar h2 {margin: -250px 0 0 0;}
    .gallery .col-sm-3, .gallery .col-xs-3 {padding-left: 5px; padding-right: 5px;}
    .block-gallery ul.gallery li {margin-bottom: 5px;}
}

@media (max-width: 992px) {
    #Start .block-section {width: 30%; margin-left: 10px; margin-right: 10px;}
}

@media (min-width: 767px) {
    .header .col-sm-2 {width: 28%;}
    .header .col-sm-10 {width: 72%;}
}

@media (max-width: 767px) {
    html, body {font-size: 13px; line-height: 25px;}
    h1 {font-size: 40px; line-height: 50px;}
    h2 {font-size: 30px; line-height: 50px;}
    h3 {font-size: 23px; line-height: 35px;}
    h4 {font-size: 13px; line-height: 25px;}
    h5 {font-size: 17px; line-height: 25px;}
    h5 a {font-size: 13px; line-height: 25px;}
    .block-section > .block-section-container {width: auto;}
    .container {width: auto;}
    .block-section {padding: 50px 20px 50px 20px;}
    
    .content h3 {padding: 0;}
    
    #Banner {height: auto;}
    #Banner-lower {padding: 30px 10px 50px 10px;}
    #Banner h1 {font-size: 30px; line-height: 50px;}
    #Banner h5 {font-size: 16px;}
    
    .btn-primary {font-size: 12px; padding: 10px 20px;}
    .form-group:nth-child(1), .form-group:nth-child(2), .form-group:nth-child(3) {width: 100%;}

    .block-gallery ul.gallery li {margin-bottom: 5px;}
    .block-gallery ul.gallery {margin: 0;}
    .gallery .col-sm-3, .gallery .col-xs-3 {padding-left: 5px; padding-right: 5px;}
    .gallery .col-xs-3 {width: 33%;}

    .header {padding: 0; height: auto;}
    .top {padding: 5px 0 4px 0;}

    .red h3 a {font-size: 20px;}
    
    #custom-pager, #social-media, #contact-banner {display: none;}
    
    #Puffar h2 {margin: -150px 0 0 0;}
    
    #Start .block-section {width: 93.4%;}
    
    #Info {padding: 0;}
    #Info .__columns {display: block;}
    #Info .__col {width: 100%; margin: 0; float: left; padding: 5px 15px 30px 15px;}
    
    .footer, .social {text-align: center; padding: 40px 0 50px 0;}
    .footer hr {margin: 15px auto 0 auto;}
    .social h2 a {margin: 0; display: block;}
    .social h2, .social h3 {padding: 20px 0 0 0; text-align: center;}
    
    .navbar-nav {margin: 0; min-height: 30px;}
    .navbar-nav li {float: left; width: 100%;}
    .navbar-nav li a {margin: 0; font-size: 13px; padding: 10px 20px; border: none; border-top: 1px solid #F5F5F5;}
    .navbar-nav li a:hover, .navbar-nav li.active.current.current_page_item a {border: none; border-top: 1px solid #F5F5F5; background: #F5F5F5; color: #1f1a17; padding: 10px 20px;}
    .navbar-mobile-buttons {display: block;}
	
	#site-logo {float: none; margin: 0 auto; max-width: 150px; margin-top: 20px;}
	
	.block-gallery .gallery-item {height:200px;}
	.home-imgs .spacer {padding:150px !important;}
}
@media (max-width: 500px) {
    #Banner h1 {font-size: 30px;}
    .gallery .col-xs-3 {width: 50%;}
    #foot-menu {    flex-direction: column;}
    #foot-menu li {margin-bottom: 10px;}
}
@media (max-width: 320px) {
    .bxslider h1 {font-size: 40px; line-height: 50px;}
    #slide_1, #slide_2, #slide_3 {padding: 50px 0 80px 0;}
    #Puffar h2 {margin: -140px 0 0 0;}
}