@import url(https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Oswald:wght@200;300;400;500;600;700&display=swap);
.gdpr-cookie-law__btn, input[type=checkbox] + label {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none
}
*, .gdpr-cookie-law__btn:focus, input[type=checkbox]:focus, input[type=email]:focus, input[type=file]:focus, input[type=password]:focus, input[type=phone]:focus, input[type=radio]:focus, input[type=text]:focus, textarea:focus {
 outline: 0
}
b, body, h1, h2, h3, h4, h5, h6, p {
 font-weight: 400
}
body, p {
 font-family: 'Didact Gothic', sans-serif;
 font-size: 16px;
 color: #777;
 line-height: 1.75em
}
select, td, th, tr {
 padding: 10px
}
.full-width, .v-middle, img {
 width: 100%
}
.section-title, .section-title2 {
 margin-bottom: 30px;
 letter-spacing: 3px
}
.header .caption .o-hidden, a, a:hover, span {
 display: inline-block
}
.projects .item .line, .projects .item:hover .line, .services .item .line:after, .services .item:hover .line:after {
 transition-property: all;
 transition-timing-function: ease-in-out
}
.logo, .polygon, .projects .item .con, .projects .item .line, .social-left, .social-left li a, .team .info {
 text-align: center
}
*, .social-left {
 list-style: none
}
body, html {
 -moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased;
 -moz-font-smoothing: antialiased;
 font-smoothing: antialiased
}
.header .caption h1 span, .header .caption h4 {
 -webkit-text-fill-color: rgba(255, 255, 255, .0);
 -webkit-text-stroke: 1px;
 -webkit-text-stroke-color: rgba(255, 255, 255, .8);
 -webkit-font-smoothing: antialiased
}
* {
 margin: 0;
 padding: 0;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 word-wrap: break-word
}
body {
 overflow-x: hidden !important;
 background: #fff
}
p {
 margin-bottom: 20px
}
.count, .header .caption h1, .header .caption h4, .logo-wrapper .logo h2, .logo-wrapper .logo span, .nav-scroll .logo-wrapper .logo h2, .nav-scroll .logo-wrapper .logo span, .navbar .navbar-nav .nav-link, .section-title, button, h1, h2, h3, h4, h5, h6, input, optgroup, select, textarea {
 font-family: Oswald, sans-serif
}
h1, h2, h3, h4, h5, h6 {
 line-height: 1.25em;
 margin: 0 0 20px
}
img {
 height: auto;
 -webkit-transition: .5s;
 -o-transition: .5s;
 transition: .5s;
 color: #323232
}
a, a:hover, span {
 text-decoration: none;
 color: inherit
}
.banner-header p a, .bauen-blog .item .con .category a:hover, .bauen-blog .item .con h5 a:hover, .bauen-blog .item .con h5:hover, .main-footer .sub-footer p a:hover, .nav-scroll .icon-bar, .navbar .icon-bar, .navbar .navbar-nav .nav-link:hover, .play-button.color, .projects .item .con i:hover, .section-title span, b {
 color: #b19777
}
.section-title span span {
 text-transform: none !important
}
input[type=email], input[type=file], input[type=password], input[type=phone], input[type=tel], input[type=text], textarea {
 max-width: 100%;
 margin-bottom: 10px;
 padding: 15px 25px 15px 15px;
 height: auto;
 background-color: transparent;
 -webkit-box-shadow: none;
 box-shadow: none;
 border-width: 0 0 1px;
 border-style: solid;
 display: block;
 width: 100%;
 line-height: 1.5em;
 font-family: 'Didact Gothic', sans-serif;
 font-size: 16px;
 font-weight: 400;
 color: #777;
 background-image: none;
 border: 1px solid #999;
 border-color: ease-in-out .15s, box-shadow
}
input:focus, textarea:focus {
 border-bottom-width: 1px;
 border-color: #b19777
}
button, input[type=button], input[type=reset], input[type=submit] {
 text-shadow: none;
 -webkit-box-shadow: none;
 box-shadow: none;
 line-height: 1.75em;
 -webkit-transition: background-color .15s ease-out;
 transition: background-color .15s ease-out;
 background: #b19777;
 border: 1px solid transparent
}
button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
 background-color: #323232;
 color: #777;
 border: 1px solid transparent
}
select {
 border-radius: 5px
}
table, td, th, tr {
 border: 1px solid #f4f4f4
}
.bauen-blog .item .con .category a:last-child:after, .header .caption p span:last-child:after, input[type=checkbox], input[type=radio] {
 display: none
}
.o-hidden {
 overflow: hidden
}
.about .about-img, .about-img-2, .content-wrapper, .dropdown-item, .position-re, .sidebar .services ul {
 position: relative
}
.bg-img {
 background-size: cover;
 background-repeat: no-repeat
}
.bg-fixed {
 background-attachment: fixed
}
.pattern {
 background-repeat: repeat;
 background-size: auto
}
.bold {
 font-weight: 600
}
.valign {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center
}
.v-middle {
 position: absolute;
 top: 50%;
 left: 0;
 -webkit-transform: translate(0, -50%);
 transform: translate(0, -50%)
}
.js .animate-box {
 opacity: 0
}
::-webkit-selection {
 color: #777;
 background: rgba(0, 0, 0, .1)
}
::-moz-selection {
 color: #777;
 background: rgba(0, 0, 0, .1)
}
::selection {
 color: #777;
 background: rgba(0, 0, 0, .1)
}
.owl-theme .owl-nav.disabled + .owl-dots {
 margin-top: 0;
 line-height: .7;
 display: block
}
.owl-theme .owl-dots .owl-dot span {
 width: 8px;
 height: 8px;
 margin: 0 3px;
 border-radius: 50%;
 background: 0 0;
 border: 1px solid #999
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
 background: 0 0;
 border: 1px solid #b19777
}
.section-padding {
 padding: 90px 0
}
.section-padding2 {
 padding: 0 0 90px
}
.nav-scroll, .navbar {
 padding: 0 10% 0 0;
 left: 0;
 width: 100%
}
.logo, .logo-img {
 width: 350px
}
.section-padding h6 {
 color: #b19777;
 font-size: 20px;
 margin-bottom: 20px
}
.section-title {
 font-size: 40px;
 font-weight: 400;
 color: #272727;
 text-transform: uppercase;
 position: relative;
 word-spacing: 0px
}
.mega-menu .dropdown-title, .navbar .navbar-nav .nav-link, .section-title2 {
 font-weight: 300;
 text-transform: uppercase
}
.section-title2 {
 font-size: 35px;
 color: #b19777;
 position: relative;
 line-height: 1.25em
}
.navbar {
 position: absolute;
 top: 0;
 background: 0 0;
 z-index: 99
}
.navbar .navbar-nav .nav-link {
 font-size: 14px;
 color: #fff;
 letter-spacing: 5px;
 margin: 5px 10px;
 -webkit-transition: .4s;
 transition: .4s
}
.butn-light a:hover span, .gallery-box .gallery-detail i:hover, .nav-scroll .navbar-nav .nav-link, .navbar .navbar-nav .nav-link.nav-color, .team .info .social a:hover, .testimonials-box .head-box h4 span {
 color: #272727
}
.nav-scroll .navbar-nav .active, .navbar .navbar-nav .active {
 color: #b19777 !important
}
.nav-scroll {
 background: #fff;
 position: fixed;
 top: -100px;
 -webkit-transition: -webkit-transform .5s;
 transition: transform .5s, -webkit-transform .5s;
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
 box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
}
.butn-dark a:after, .butn-light a:after {
 left: 100%;
 width: 0;
 z-index: 1;
 position: absolute
}
.dropdown-menu, .mega-menu, .sub-menu {
 opacity: 0;
 background-color: #fff;
 -webkit-transition: .3s;
 visibility: hidden
}
.nav-scroll .navbar-nav .logo {
 padding: 15px 0;
 color: #777
}
.nav-scroll .logo {
 width: 100px
}
.main-footer .fotcont p, .nav-scroll .logo-img, .services .item p, .sidebar .services ul li:last-child, .sidebar .sidebar-widget:last-child {
 margin-bottom: 0
}
.nav-scroll .logo-wrapper .logo h2 {
 font-size: 40px;
 font-weight: 400;
 margin-bottom: 0;
 width: 100%;
 position: relative;
 color: #b19777;
 line-height: 1.25em;
 letter-spacing: 5px;
 display: none
}
.nav-scroll .logo-wrapper .logo span {
 font-size: 13px;
 color: #575757;
 font-weight: 400;
 letter-spacing: 3px;
 margin-top: 3px;
 line-height: 1.2em;
 text-transform: uppercase;
 margin-left: 5px;
 display: none !important
}
.nav-scroll .logo-wrapper {
 padding: 15px 70px 15px 250px;
 background: #fff
}
.logo-wrapper {
 float: left;
 background: #fff;
 padding: 30px 50px
}
.header .caption p span:last-child, .logo {
 padding: 0
}
.logo-wrapper .logo h2 {
 font-size: 45px;
 font-weight: 400;
 display: block;
 width: 100%;
 position: relative;
 color: #b19777;
 letter-spacing: 9px;
 margin-bottom: 0
}
.logo-wrapper .logo h2 a i {
 color: #777;
 font-size: 20px;
 vertical-align: super
}
.logo-wrapper .logo span {
 font-size: 12px;
 color: #777;
 font-weight: 400;
 letter-spacing: 4px;
 display: block;
 margin-top: 5px;
 line-height: 1.5em;
 text-transform: uppercase
}
.logo-img {
 margin-bottom: 5px
}
.dropdown-item:hover .sub-menu, .dropdown:hover .dropdown-menu, .dropdown:hover .mega-menu {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
.dropdown .nav-link {
 cursor: pointer
}
.dropdown .nav-link i {
 padding-left: 1px;
 font-size: 9px
}
.dropdown-item span {
 display: block;
 cursor: pointer
}
.dropdown-menu, .sub-menu {
 display: block;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
 width: 200px;
 padding: 15px 10px;
 border-radius: 0;
 border: 0;
 -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
 box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
 transition: .3s
}
.content-lines, .content-lines-inner {
 border-left: 1px solid #f4f4f4;
 border-right: 1px solid #f4f4f4
}
.dropdown-menu .dropdown-item, .sub-menu .dropdown-item {
 padding: 7px 14px;
 font-family: Oswald, sans-serif;
 font-size: 14px;
 font-weight: 300;
 color: #272727;
 text-transform: uppercase;
 letter-spacing: 5px;
 position: relative;
 -webkit-transition: .4s;
 transition: .4s;
 border-bottom: 1px solid #f4f4f4
}
.dropdown-menu .dropdown-item:last-child, .sub-menu .dropdown-item:last-child {
 border-bottom: none
}
.dropdown-menu .dropdown-item:hover, .sub-menu .dropdown-item:hover {
 background: 0 0;
 padding-left: 20px;
 color: #b19777
}
.dropdown-menu .dropdown-item a, .sub-menu .dropdown-item a {
 display: block
}
.dropdown-menu .dropdown-item i, .sub-menu .dropdown-item i {
 padding: 5px 0 0 5px;
 font-size: 11px;
 float: right
}
.dropdown-menu .dropdown-item em, .sub-menu .dropdown-item em {
 font-size: 8px;
 background-color: #272727;
 padding: 2px 4px;
 color: #fff;
 border-radius: 2px;
 position: absolute;
 right: 10px;
 top: 5px
}
.dropdown-menu.last {
 left: -100%
}
.sub-menu {
 position: absolute;
 left: 100%;
 top: -5px
}
.sub-menu.left {
 left: -100%;
 margin-left: -20px
}
.mega-menu {
 position: absolute;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
 right: -150px;
 width: 800px;
 -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
 box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
 transition: .3s
}
.mega-menu .dropdown-title {
 display: block;
 color: #fff;
 font-size: 14px;
 letter-spacing: 5px;
 margin-bottom: 15px;
 padding: 0 15px 15px;
 border-bottom: 1px solid rgba(255, 255, 255, .03)
}
.mega-menu .dropdown-menu {
 position: static !important;
 float: left;
 -webkit-box-shadow: none;
 box-shadow: none;
 border-right: 1px solid rgba(255, 255, 255, .03);
 border-bottom: 1px solid rgba(255, 255, 255, .03);
 -webkit-transition: .3s;
 transition: .3s
}
.header {
 min-height: 100vh;
 overflow: hidden
}
.header .caption h2 {
 font-weight: 400;
 font-size: 30px
}
.header .caption h1, .header .caption h1 span, .header .caption h4 {
 font-weight: 700;
 letter-spacing: 3px
}
.header .caption h4 {
 font-size: 20px;
 color: #fff;
 text-align: right;
 margin-bottom: 30px
}
.header .caption h1 {
 position: relative;
 margin-bottom: 20px;
 font-size: 40px;
 line-height: 1.35em;
 -webkit-animation-delay: .4s;
 animation-delay: .4s;
 color: #fff;
 -webkit-text-stroke: 0px;
 -webkit-text-stroke-color: rgba(255, 255, 255, .0);
 -webkit-text-fill-color: rgba(255, 255, 255, 1)
}
.header .caption h1 span {
 position: relative;
 margin-bottom: 10px;
 font-size: 48px;
 line-height: 1.2em
}
.header .caption hr {
 display: block;
 margin-top: .5em;
 margin-bottom: .5em;
 border-top: 1px solid rgba(255, 255, 255, .5)
}
.header .caption p {
 font-size: 18px;
 line-height: 1.75em;
 margin-bottom: 0;
 color: #fff;
 -webkit-animation-delay: .6s;
 animation-delay: .6s;
 margin-right: 15px
}
.header .caption p span {
 letter-spacing: 5px;
 text-transform: uppercase;
 margin: 0 5px;
 padding-right: 14px;
 position: relative
}
.header .caption p span:after {
 content: '';
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background: #272727;
 position: absolute;
 top: 10px;
 right: 0;
 opacity: .5
}
.header .caption .butn-light {
 -webkit-animation-delay: .8s;
 animation-delay: .8s;
 margin-right: 15px
}
.header .social a {
 color: #eee;
 font-size: 20px;
 margin: 10px 15px
}
.about-img .about-img-2, .team .info h6 {
 text-transform: uppercase;
 font-weight: 300;
 color: #272727
}
.slider .owl-item, .slider-fade .owl-item {
 height: 100vh;
 position: relative
}
.slider .item, .slider-fade .item {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 background-size: cover;
 background-position: center
}
.slider .item .caption, .slider-fade .item .caption {
 z-index: 9
}
.slider .owl-theme .owl-dots, .slider-fade .owl-theme .owl-dots {
 position: absolute;
 bottom: 5vh;
 width: 100%
}
.owl-nav {
 position: absolute;
 bottom: 3%;
 left: 12%
}
.left-panel, .social-left {
 left: 0;
 background: #fff;
 position: absolute
}
.owl-prev {
 float: left
}
.owl-next, .testimonials .item .info .rate {
 float: right
}
.owl-theme .owl-nav [class*=owl-] {
 width: 40px;
 height: 40px;
 line-height: 34px;
 background: 0 0;
 border-radius: 100%;
 color: rgba(255, 255, 255, .75);
 font-size: 11px;
 margin-right: 3px;
 cursor: pointer;
 border: 1px solid rgba(255, 255, 255, .3);
 transition: .2s ease-in-out;
 transform: scale(1)
}
.owl-theme .owl-nav [class*=owl-]:hover {
 transform: scale(.9);
 background: 0 0;
 border: 1px solid #b19777;
 color: #b19777
}
.left-panel {
 width: 143px;
 height: 100%;
 top: 0;
 z-index: 1;
 overflow: hidden
}
.social-left {
 display: block;
 margin: 0;
 padding: 10px 0;
 width: 100%;
 bottom: 24px;
 z-index: 10
}
.clients, .team .info .social {
 background-color: #f4f4f4
}
.social-left:before {
 content: '';
 position: absolute;
 left: 50%;
 width: 1px;
 height: 70px;
 top: -70px;
 background: #ececec
}
.social-left li {
 display: block;
 margin: 0;
 padding: 3px 0
}
.social-left li a {
 display: inline-block;
 text-decoration: none;
 width: 40px;
 height: 40px;
 line-height: 40px;
 font-size: 13px;
 border: 1px solid #ececec;
 color: #666;
 border-radius: 100%;
 -webkit-transition: .4s;
 -o-transition: .4s;
 transition: .4s
}
.social-left li a:hover {
 color: #b19777;
 border: 1px solid #b19777
}
@media (max-width:1259.98px) {
 .left-panel {
  width: 100px
 }
}
@media (max-width:991.98px) {
 .left-panel {
  width: 50px
 }
}
@media (max-width:767.98px) {
 .left-panel {
  display: none
 }
}
.banner-header {
 height: 50vh;
 z-index: -2
}
.banner-header h6 {
 font-size: 20px;
 font-weight: 400;
 margin-bottom: 10px
}
#cookiebanner a:hover, .banner-header h6 a:hover, .butn-dark a:hover span, .sidebar .services ul li.active a, .sidebar .services ul li:hover a {
 color: #fff
}
.banner-header h6 i {
 margin: 0 15px;
 font-size: 10px
}
.banner-header h5 {
 color: #b19777;
 font-size: 17px;
 font-family: Oswald, sans-serif;
 font-weight: 400;
 margin-bottom: 5px
}
.banner-header h1, .services .item .numb {
 font-size: 40px;
 font-family: Oswald, sans-serif
}
.banner-header h1 {
 font-weight: 400;
 color: #b19777;
 position: relative;
 margin-bottom: 10px;
 line-height: 1.2em
}
.banner-header p {
 font-size: 20px;
 font-weight: 400;
 margin-bottom: 0;
 color: #777;
 -webkit-animation-delay: 1s;
 animation-delay: 1s
}
.banner-img:after {
 position: absolute;
 height: 100%;
 right: 0;
 left: 0;
 content: "";
 background: -webkit-linear-gradient(bottom, #fff 0, rgba(255, 255, 255, .8) 100%, rgba(255, 255, 255, .5) 100%);
 background: linear-gradient(to top, #fff 0, rgba(255, 255, 255, .8) 100%, rgba(255, 255, 255, .5) 100%);
 object-fit: cover
}
.content-lines-wrapper {
 position: absolute;
 left: 0;
 width: 100%;
 height: 100%;
 overflow: hidden
}
.content-lines-inner {
 position: absolute;
 width: 1140px;
 left: 50%;
 margin-left: -570px;
 top: 0;
 height: 100%;
 border-bottom: 1px solid #f4f4f4
}
.content-lines {
 position: absolute;
 left: 33.666666%;
 right: 33.666666%;
 height: 100%
}
.about {
 padding-bottom: 90px
}
.about .about-img img:hover {
 transform: scale(.95)
}
.about .about-img .img {
 padding: 0 15px 30px 30px;
 position: relative
}
.about .about-img .img:before {
 content: '';
 position: absolute;
 top: 30px;
 left: 0;
 right: 45px;
 bottom: 0;
 border: 1px solid #f4f4f4
}
.about .about-img .img img {
 position: relative;
 z-index: 2;
 background: #272727
}
.about-img .about-img-2 {
 width: 50% !important;
 position: absolute;
 bottom: -25px;
 right: 45px;
 z-index: 3;
 padding: 20px 15px;
 font-family: Oswald, sans-serif;
 letter-spacing: 5px;
 font-size: 13px;
 line-height: 1.5em;
 text-align: center
}
.about-buro, .services .item:hover {
 background: #f4f4f4
}
.team .item, .vid-area h5 {
 margin-bottom: 30px
}
.team .item .img:before {
 top: 20px;
 left: 20px;
 border-left: 1px solid;
 border-top: 1px solid;
 content: '';
 position: absolute;
 width: 60px;
 height: 60px;
 z-index: 20;
 border-color: rgba(255, 255, 255, .2)
}
.team .item:hover .info .social {
 top: 0
}
.team .info {
 padding: 30px 20px;
 position: relative;
 overflow: hidden
}
.team .info h6 {
 font-size: 17px;
 margin-bottom: 5px;
 letter-spacing: 3px
}
.team .info p {
 margin-bottom: 5px;
 color: #777
}
.services .item h5, .sidebar-title h4 {
 color: #272727;
 text-transform: uppercase;
 letter-spacing: 5px;
 font-weight: 300
}
.team .info .social {
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
 height: 100%;
 -webkit-transition: .4s;
 transition: .4s
}
.team .info .social a {
 font-size: 15px;
 color: #b19777;
 margin: 0 5px
}
.services .item {
 padding: 60px 30px;
 margin-bottom: 30px;
 position: relative
}
.services .item:hover .numb {
 color: transparent;
 -webkit-text-stroke: 1px rgba(177, 151, 119, 0.5)
}
.services .item h5 {
 font-size: 16px;
 margin-bottom: 15px
}
.services .item img {
 width: 60px;
 margin-bottom: 20px
}
.services .item .numb {
 font-weight: 600;
 position: absolute;
 bottom: 30px;
 right: 30px;
 color: transparent;
 -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);
 line-height: 1em
}
.services .item .line {
 width: 100%;
 display: inline-block;
 position: relative;
 margin-bottom: 5px
}
.services .item .line:after {
 position: absolute;
 left: 0;
 bottom: 10px;
 width: 50px;
 height: 1px;
 background-color: #f4f4f4;
 content: '';
 transition-duration: .3s
}
.projects .item:hover .line, .services .item:hover .line:after {
 width: 100%;
 transition-duration: .8s
}
.services .item:hover .line:after {
 background-color: rgba(177, 151, 119, .5)
}
.sidebar .sidebar-widget {
 position: relative;
 display: block;
 margin-bottom: 30px
}
.sidebar .sidebar-widget .widget-inner {
 position: relative;
 display: block;
 padding: 45px;
 background: #f4f4f4;
 border-radius: 0
}
.sidebar-title {
 position: relative;
 margin-bottom: 20px;
 border-bottom: 1px solid #f4f4f4;
 padding-bottom: 15px
}
.sidebar-title h4 {
 position: relative;
 display: inline-block;
 font-family: Oswald, sans-serif;
 font-size: 20px;
 line-height: 1.1em;
 margin-bottom: 0
}
.sidebar .services ul li {
 position: relative;
 line-height: 48px;
 font-size: 16px;
 color: #777;
 font-weight: 300;
 margin-bottom: 5px
}
.sidebar .services ul li:before {
 content: "";
 position: absolute;
 left: -20px;
 top: 0;
 right: -20px;
 bottom: 0;
 background: #b19777;
 border-radius: 0;
 opacity: 0;
 transition: .3s
}
.sidebar .services ul li:after {
 content: "";
 position: absolute;
 left: -20px;
 top: 50%;
 margin-top: -12px;
 height: 24px;
 border-left: 2px solid var(--thm-base);
 opacity: 0;
 transition: .3s
}
.projects .item .con h5, .projects .item .con h5 a, .projects .item .con h6, .projects .item .con h6 a {
 margin-top: 0;
 position: relative;
 margin-bottom: 10px
}
.sidebar .services ul li a {
 position: relative;
 display: block;
 font-size: 16px;
 color: #777;
 font-weight: 400;
 transition: .3s;
 z-index: 1
}
.clients .clients-logo:hover, .sidebar .services ul li.active:after, .sidebar .services ul li.active:before, .sidebar .services ul li:hover:after, .sidebar .services ul li:hover:before {
 opacity: 1
}
.sidebar .services ul li a:after {
 position: absolute;
 right: 0;
 top: -1px;
 font-family: themify;
 content: "\e649";
 opacity: 1;
 font-size: 10px;
 font-weight: 400;
 z-index: 1
}
.sidebar .services ul li a:hover:before, .sidebar .services ul li.active a:before {
 opacity: 1;
 transform: scaleX(1);
 transition: .3s .1s
}
.bauen-blog .item, .projects .item {
 position: relative;
 overflow: hidden;
 margin-bottom: 30px
}
.projects .item:hover img {
 -webkit-filter: none;
 filter: none;
 -webkit-transform: scale(1.09, 1.09);
 transform: scale(1.09, 1.09);
 -webkit-filter: brightness(70%);
 -webkit-transition: 1s;
 -moz-transition: 1s;
 -o-transition: 1s;
 -ms-transition: 1s;
 transition: 1s
}
.bauen-blog .item:hover .con, .projects .item:hover .con {
 bottom: 0
}
.projects .item img {
 -webkit-transition: .5s;
 transition: .5s
}
.projects .item .con {
 padding: 30px 15px;
 position: absolute;
 bottom: -58px;
 left: 0;
 width: 100%;
 -webkit-transition: .3s;
 transition: .3s;
 z-index: 20;
 height: auto;
 box-sizing: border-box;
 background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 2%, rgba(0, 0, 0, .75) 90%);
 background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%);
 background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%)
}
.projects .item .con h6, .projects .item .con h6 a {
 color: #b19777;
 font-size: 13px;
 font-weight: 400;
 letter-spacing: 5px;
 text-transform: uppercase
}
.projects .item .con h5, .projects .item .con h5 a, .vid-area h5 {
 font-size: 20px;
 font-weight: 300;
 color: #fff;
 letter-spacing: 5px;
 text-transform: uppercase
}
.bauen-blog .item .con i, .projects .item .con i, .projects .item .con p {
 color: #fff;
 font-size: 20px
}
.projects .item .con .butn-light {
 margin-left: 0;
 border-radius: 30px;
 border-color: #777;
 padding: 11px 30px
}
.projects .item .con .butn-light:hover {
 border-color: #b19777
}
.hero-corner, .hero-corner3 {
 right: 50px;
 border-right: 1px solid
}
.hero-corner3, .hero-corner4 {
 bottom: 50px;
 border-bottom: 1px solid
}
.hero-corner2, .hero-corner4 {
 left: 50px;
 border-left: 1px solid
}
.projects .item .line {
 height: 1px;
 width: 60px;
 background-color: rgba(255, 255, 255, .2);
 transition-duration: .3s;
 margin: 0 auto 30px
}
.clients .owl-carousel {
 margin: 20px 0
}
.clients .clients-logo {
 opacity: 1;
 line-height: 0
}
.clients img {
 -webkit-filter: none;
 filter: none
}
.clients img:hover {
 -webkit-filter: grayscale(100%);
 filter: grayscale(100%);
 -webkit-transition: .5s;
 transition: .5s
}
.gallery-item {
 position: relative;
 padding-top: 20px
}
.gallery-box {
 overflow: hidden;
 position: relative;
 border: 1px solid rgba(0, 0, 0, .2)
}
.gallery-box img {
 outline: rgba(255, 255, 255, .4) solid 1px;
 outline-offset: -5px
}
.gallery-box .gallery-img {
 position: relative;
 overflow: hidden
}
.gallery-box .gallery-detail, .gallery-box .gallery-img:after {
 width: 100%;
 position: absolute;
 transition: .27s cubic-bezier(.3, .1, .58, 1);
 left: 0
}
.gallery-box .gallery-img:after {
 content: " ";
 display: block;
 height: 100%;
 top: 0;
 border-radius: 0
}
.gallery-box .gallery-img > img {
 transition: .3s cubic-bezier(.3, .1, .58, 1);
 border-radius: 0
}
.gallery-box .gallery-detail {
 opacity: 0;
 color: #fff;
 padding: 20px;
 box-sizing: border-box;
 overflow: hidden
}
.gallery-box .gallery-detail h4 {
 font-size: 18px
}
.gallery-box .gallery-detail p {
 color: Rgba(0, 0, 0, .4);
 font-size: 14px
}
.gallery-box .gallery-detail i {
 color: #272727;
 padding: 8px
}
.gallery-box:hover .gallery-detail {
 top: 50%;
 transform: translate(0, -50%);
 opacity: 1
}
.gallery-box:hover .gallery-img:after {
 background: rgba(0, 0, 0, .1)
}
.gallery-box:hover .gallery-img > img {
 transform: scale(1.05)
}
.mfp-figure button {
 border: 0 solid transparent
}
button.mfp-arrow, button.mfp-close {
 border: 0 solid transparent;
 background: 0 0
}
.play-button {
 position: relative;
 width: 85px;
 height: 85px;
 margin: auto auto auto 15px;
 -webkit-transform: scale(1.3);
 -ms-transform: scale(1.3);
 transform: scale(1.3);
 z-index: 4
}
.play-button svg, .polygon {
 width: 100%;
 position: absolute
}
.play-button svg {
 height: 100%
}
.circle-fill circle {
 opacity: 1;
 fill: rgba(197, 164, 126, 0.5)
}
.polygon {
 height: 100%;
 line-height: 90px;
 font-size: 35px;
 z-index: 2;
 padding-left: 5px
}
.play-button svg.circle-fill {
 z-index: 1;
 stroke-dasharray: 322;
 stroke-dashoffset: 322;
 -webkit-transition: .5s;
 -o-transition: .5s;
 transition: .5s;
 -webkit-transform: rotate(-90deg);
 -ms-transform: rotate(-90deg);
 transform: rotate(-90deg)
}
.play-button:hover svg.circle-fill {
 stroke-dashoffset: 38.5
}
.play-button svg.circle-track {
 z-index: 0
}
.play-button.color .circle-fill circle {
 fill: #b19777
}
.testimonials-box {
 position: relative;
 background: #fff;
 padding: 60px 45px;
 margin-bottom: -90px
}
.testimonials-box .head-box h6 {
 font-weight: 400;
 color: #777;
 font-size: 17px;
 text-transform: uppercase;
 letter-spacing: 3px;
 margin-bottom: 10px
}
.testimonials-box .head-box h4 {
 font-size: 20px;
 font-weight: 300;
 color: #272727;
 letter-spacing: 5px;
 border-bottom: 1px solid #f4f4f4;
 padding-bottom: 15px;
 text-transform: uppercase
}
.testimonials .item {
 margin-bottom: 30px;
 position: relative
}
.testimonials .item .quote {
 position: absolute;
 right: 15px;
 top: 60px;
 width: 100px;
 margin: 0 auto 30px;
 opacity: .05
}
.main-footer .abot p, .testimonials .item p {
 color: #777
}
.testimonials .item .info {
 text-align: left;
 margin: 30px 0 15px
}
.testimonials .item .info .author-img {
 width: 55px;
 height: 55px;
 border-radius: 50%;
 float: left;
 overflow: hidden
}
.testimonials .item .info .cont {
 margin-left: 70px
}
.testimonials .item .info h6 {
 font-size: 16px;
 margin-bottom: 0;
 padding-top: 7px;
 font-weight: 400;
 font-family: 'Didact Gothic', sans-serif
}
.testimonials .item .info span {
 font-size: 16px;
 color: #777;
 margin-right: 5px;
 line-height: 1.25em
}
.testimonials .item .info i {
 color: #b19777;
 font-size: 10px
}
.bauen-blog .item:hover img {
 -webkit-filter: none;
 filter: none;
 -webkit-transform: scale(1.09, 1.09);
 transform: scale(1.09, 1.09);
 -webkit-filter: brightness(75%);
 -webkit-transition: 1s;
 -moz-transition: 1s;
 -o-transition: 1s;
 -ms-transition: 1s;
 transition: 1s
}
.bauen-blog .item img {
 -webkit-transition: .5s;
 transition: .5s;
 -webkit-filter: brightness(100%)
}
.bauen-blog .item .con {
 margin: -120px 20px 75px;
 padding: 15px 15px 25px;
 background-color: #f4f4f4 !important;
 border: 1px solid #f4f4f4;
 border-radius: 0;
 overflow: hidden;
 -webkit-transition: .2s cubic-bezier(.3, .58, .55, 1);
 transition: .2s cubic-bezier(.3, .58, .55, 1);
 bottom: -55px;
 position: relative
}
.bauen-blog .item .con .category {
 font-size: 12px;
 font-weight: 400;
 margin-bottom: 0;
 letter-spacing: 1px
}
.bauen-blog .item .con .category a {
 margin-right: 5px;
 position: relative
}
.bauen-blog .item .con .category a:last-child {
 margin-right: 0
}
.bauen-blog .item .con h5, .bauen-blog .item .con h5 a {
 color: #b19777;
 font-size: 25px;
 font-family: Oswald, sans-serif;
 font-weight: 300;
 margin-bottom: 0;
 letter-spacing: 1px
}
.bauen-blog .item .con p {
 color: #fff;
 font-size: 17px
}
.bauen-pagination-wrap {
 padding: 0;
 margin: 0;
 text-align: center
}
.bauen-pagination-wrap li {
 display: inline-block;
 margin: 0 5px
}
.bauen-pagination-wrap li a {
 background: 0 0;
 display: inline-block;
 width: 40px;
 height: 40px;
 line-height: 38px;
 text-align: center;
 color: #777;
 font-weight: 300;
 border: 1px solid #ececec;
 font-family: Oswald, sans-serif;
 font-size: 13px;
 border-radius: 100%
}
.bauen-pagination-wrap li a i {
 font-size: 11px
}
.bauen-pagination-wrap li a:hover {
 opacity: 1;
 text-decoration: none;
 background: 0 0;
 border: 1px solid #b19777;
 color: #b19777
}
.bauen-pagination-wrap li a.active {
 background-color: transparent;
 border: 1px solid #b19777;
 color: #b19777
}
@media screen and (max-width:768px) {
 .owl-nav {
  display: none
 }
 .bauen-pagination-wrap {
  padding: 0;
  margin: 0;
  text-align: center
 }
}
.bauen-post-section {
 padding-top: 120px
}
.bauen-comment-section {
 padding-top: 60px;
 margin-bottom: 60px
}
.bauen-comment-section h3 {
 font-size: 16px;
 color: #b19777;
 font-family: 'Didact Gothic', sans-serif;
 font-weight: 400
}
.butn-dark a, .butn-light a {
 font-weight: 300;
 text-transform: uppercase;
 color: #fff;
 letter-spacing: 1px;
 font-family: Oswald, sans-serif;
 position: relative
}
.bauen-comment-section h3 span {
 font-size: 12px;
 color: #777;
 font-weight: 400;
 margin-left: 15px
}
.bauen-post-caption h1 {
 margin-bottom: 20px;
 font-size: 40px;
 text-transform: uppercase
}
.bauen-post-comment-wrap {
 display: flex;
 margin-bottom: 60px
}
.bauen-user-comment {
 margin-right: 30px;
 flex: 0 0 auto
}
.bauen-user-comment img {
 border-radius: 100%;
 width: 100px
}
.bauen-user-content {
 margin-right: 26px
}
.bauen-repay, .butn-dark a, .butn-light a {
 margin: 0;
 font-size: 14px
}
.bauen-repay {
 color: #b19777;
 font-weight: 400
}
#bauen-contactMap {
 width: 100%;
 height: 550px
}
.butn-dark, .butn-light {
 position: relative;
 line-height: 1.2em
}
.butn-dark a {
 background: #b19777;
 padding: 13px 0px;
	min-width: 330px;
	text-align: center;
	width: 100%;
	
}
.butn-dark a:after {
 content: '';
 height: 100%;
 bottom: 0;
 background: #323232;
 color: #fff !important;
 -webkit-transition: .3s;
 transition: .3s
}
.butn-dark a span, .butn-light a span {
 position: relative;
 z-index: 2
}
.butn-dark a:hover:after, .butn-light a:hover:after {
 width: 100%;
 left: 0;
 -webkit-transition: width .3s;
 transition: width .3s
}
.butn-light a {
 background: 0 0;
 padding: 12px 24px;
 border: 1px solid #fff
}
.butn-light a:after {
 content: '';
 height: 100%;
 bottom: 0;
 -webkit-transition: .3s;
 transition: .3s;
 background: #fff
}
.main-footer {
 padding: 60px 0 0
}
.hero-corner, .hero-corner2 {
 top: 50px;
 border-top: 1px solid
}
.main-footer.dark {
 background: #fff;
 color: #777
}
.main-footer .abot .social-icon {
 margin-bottom: 20px;
 margin-top: 20px
}
.main-footer .abot .social-icon a {
 width: 40px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 font-size: 12px;
 border: 1px solid #ececec;
 color: #777;
 border-radius: 100%;
 margin-right: 3px;
 -webkit-transition: .4s;
 -o-transition: .4s;
 transition: .4s
}
.main-footer .abot .social-icon a:hover {
 border: 1px solid #b19777;
 background: 0 0;
 color: #b19777
}
.main-footer .fothead h6 {
 margin-bottom: 0;
 font-family: Oswald, sans-serif;
 color: #b19777;
 font-size: 17px
}
.main-footer .fotcont .fothead h6 {
 font-family: 'Didact Gothic', sans-serif;
 font-weight: 400;
 position: relative;
 padding-bottom: 5px;
 font-size: 16px
}
.main-footer .fotcont .fothead h6:after {
 content: '';
 position: absolute;
 right: 0;
 bottom: 0;
 width: 100%;
 border: none
}
.main-footer .sub-footer {
 padding: 30px 0 10px;
 margin-top: 30px;
 border-top: 1px solid #f4f4f4
}
.main-footer .sub-footer p {
 font-size: 14px;
 color: #777;
 margin-top: 7px
}
.progress-wrap::after, .styled-list-two li:before {
 font-family: themify;
 left: 0;
 top: 0;
 color: #b19777;
 position: absolute
}
.main-footer .sub-footer p.right {
 text-align: right
}
.hero-corner, .hero-corner2, .hero-corner3, .hero-corner4 {
 position: absolute;
 width: 70px;
 height: 70px;
 z-index: 21;
 border-color: rgba(255, 255, 255, .2)
}
.progress-wrap, .progress-wrap::after {
 height: 40px;
 width: 40px;
 cursor: pointer;
 display: block;
 -webkit-transition: .4s linear;
 -o-transition: .4s linear
}
.progress-wrap {
 position: fixed;
 bottom: 90px;
 right: 30px;
 border-radius: 50px;
 z-index: 100;
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translateY(20px);
 -ms-transform: translateY(20px);
 transform: translateY(20px);
 transition: .4s linear;
 -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2)
}
.progress-wrap.active-progress {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0)
}
.progress-wrap::after {
 content: '\e648';
 text-align: center;
 line-height: 40px;
 font-size: 12px;
 font-weight: 700;
 z-index: 1;
 transition: .4s linear
}
.progress-wrap svg path {
 fill: none
}
.progress-wrap svg.progress-circle path {
 stroke: rgba(0, 0, 0, 0.2);
 stroke-width: 2;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: .4s linear;
 -o-transition: .4s linear;
 transition: .4s linear;
 stroke: #b19777
}
@media screen and (max-width:991px) {
 .testimonials-box {
  margin-bottom: 90px;
  padding: 35px 20px
 }
 .navbar button, .navbar button:hover {
  background: 0 0
 }
 .bg-fixed, .header {
  background-attachment: scroll !important
 }
 .navbar .logo {
  text-align: left;
  margin-left: 0
 }
 .nav-scroll .logo {
  width: 150px
 }
 .dropdown .mega-menu, .dropdown-menu, .dropdown-menu .sub-menu {
  opacity: 1;
  visibility: visible;
  width: 100%;
  display: none
 }
 .logo-img {
  margin-bottom: 0
 }
 .navbar button {
  margin-right: 15px;
  outline: 0 !important
 }
 .navbar .container {
  max-width: 100%
 }
 .navbar .navbar-collapse {
  max-height: 360px;
  overflow: auto;
  background: #fff;
  text-align: left;
  padding: 15px 30px 30px 15px
 }
 .navbar .nav-link {
  margin: 0 auto !important
 }
 .navbar .navbar-nav .nav-link {
  color: #272727
 }
 .nav-scroll .navbar-collapse .active, .nav-scroll .navbar-collapse .nav-link {
  color: #272727 !important
 }
 .dropdown-menu {
  -webkit-transform: translateY(0);
  transform: translateY(0)
 }
 .dropdown-menu .sub-menu {
  position: static;
  margin-top: 15px;
  -webkit-transform: translateY(0);
  transform: translateY(0)
 }
 .dropdown .dropdown-menu:hover .sub-menu, .dropdown:hover .dropdown-menu, .dropdown:hover .mega-menu {
  display: block
 }
 .dropdown .mega-menu {
  position: static;
  -webkit-transform: translateY(0);
  transform: translateY(0)
 }
 .dropdown .mega-menu .dropdown-menu {
  border: 0;
  margin: 0
 }
 .dropdown .mega-menu .dropdown-title {
  border-bottom-color: #f4f4f4
 }
 .dropdown-menu .dropdown-item, .sub-menu .dropdown-item {
  color: #272727;
  border-bottom: 1px solid #f4f4f4
 }
 .header {
  background-position: 50% 0 !important
 }
 .hero-corner, .hero-corner2, .hero-corner3, .hero-corner4 {
  display: none
 }
 .header .caption h1 {
  font-size: 40px
 }
}
.gdpr-cookie-law--sm .gdpr-cookie-law__desc, .gdpr-cookie-law--sm-fix .gdpr-cookie-law__desc, .more-less3 {
 text-align: center
}
@media screen and (max-width:767px) {
 .nav-scroll, .navbar {
  background: #fff
 }
 .navbar {
  padding-right: 0
 }
 .logo-wrapper {
  float: left;
  padding: 15px
 }
 .nav-scroll .logo-wrapper {
  padding: 15px;
  background-color: #fff
 }
 .banner-header {
  height: 30vh;
  margin-top: 70px
 }
 .banner-header h6 {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px
 }
 .banner-header h6 a:hover {
  color: #b19777
 }
 .banner-header h6 i {
  margin: 0 15px;
  font-size: 10px
 }
 .banner-header p {
  font-size: 20px;
  color: #777
 }
 .logo-wrapper .logo h2 {
  display: none
 }
 .hero .intro h3 {
  font-size: 28px
 }
 .bauen-blog .item .con h5, .bauen-blog .item .con h5 a, .hero .intro h4 {
  font-size: 20px
 }
 .header .caption h1 {
  font-size: 30px;
  margin-bottom: 15px;
  letter-spacing: 10px;
  line-height: 1.35em
 }
 .header .caption p {
  font-size: 15px;
  margin-right: 10px
 }
 .header .caption .butn-light {
  margin-right: 10px
 }
 .portfolio .filtering span {
  margin-bottom: 10px
 }
 .bauen-comment-section h3 span {
  margin-left: 0
 }
 .main-footer .sub-footer p.right {
  text-align: left
 }
 .main-footer .abot .social-icon {
  text-align: left;
  margin-bottom: 15px
 }
 .footer .logo {
  padding: 0;
  width: auto;
  margin: 0
 }
}
@media screen and (max-width:480px) {
 .section-head h4 {
  font-size: 30px
 }
 .footer {
  padding: 60px 0
 }
 .text-center, .text-left, .text-right {
  text-align: center
 }
}
.styled-list-two {
 position: relative;
 margin-left: 10px
}
.styled-list-two li {
 position: relative;
 line-height: 24px;
 margin-bottom: 7px;
 padding-left: 22px;
 font-size: 15px;
 list-style: none
}
.styled-list-two li span {
 color: #00743f;
 font-weight: 700
}
.styled-list-two li:before {
 content: "\e64d";
 line-height: 24px
}
input[type=checkbox] + label {
 position: relative;
 padding-left: 35px;
 color: #6e6e6e;
 cursor: pointer;
 font-style: italic;
 text-align: justify;
 font-size: 13px;
 line-height: 20px
}
input[type=checkbox] + label:before {
 content: "";
 display: block;
 width: 20px;
 height: 20px;
 border: 1px solid #333;
 position: absolute;
 left: 0;
 top: 5px;
 opacity: .6;
 -webkit-transition: .12s, border-color 80ms;
 transition: .12s, border-color 80ms
}
input[type=checkbox]:checked + label:before {
 width: 10px;
 top: 0;
 left: 5px;
 border-radius: 0;
 opacity: 1;
 border-top-color: transparent;
 border-left-color: transparent;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg)
}
.witryna {
 font-size: 13px !important;
 color: #b19777;
 position: absolute;
 right: 10px;
 letter-spacing: 1px
}
.maps {
 width: 100% !important;
 position: relative;
 min-height: 400px
}
.site-link {
 color: #b19777;
 -webkit-transition: .3s
}
.panel-group3 {
 margin: 30px 0
}
.panel {
 border: none;
 box-shadow: none;
 background: 0 0;
 margin-bottom: 10px
}
.glyphicon {
 display: block;
 font-style: normal;
 font-weight: 100;
 line-height: 1;
 font-family: Montserrat, sans-serif
}
.gdpr-cookie-law__btn, .gdpr-cookie-law__link {
 display: inline-block;
 border: 1px solid transparent
}
.panel-group .panel {
 border-radius: 0;
 box-shadow: none;
 border-color: #eee
}
.panel-default > .panel-heading3 {
 padding: 0;
 border-radius: 0;
 color: #000;
 background-color: #ebebeb;
 border-color: #eee
}
.panel-title3 {
 font-size: 18px;
 font-weight: 400;
 margin: 0
}
.panel-title3 > a {
 display: block;
 padding: 20px 15px 20px 25px;
 color: #333;
 position: relative;
 text-decoration: none
}
.panel-title3 > a span {
 vertical-align: text-top
}
.more-less3 {
 float: right;
 color: #fff;
 background: #b19777;
 border-radius: 0;
 position: absolute;
 top: 0;
 right: -1px;
 width: 100px;
 height: 100%
}
.panel-default > .panel-heading3 + .panel-collapse > .panel-body {
 border-top-color: #eee;
 font-size: 15px;
 line-height: 25px;
 width: 100%;
 margin: 0 auto;
 padding: 20px 10px 30px
}
.glyphicon-minus3:before, .glyphicon-plus3:before {
 content: "+";
 font-size: 20px;
 font-weight: 900;
 color: #fff;
 line-height: 10px;
 top: 38%;
 position: relative
}
.glyphicon-minus3:before {
 content: "-"
}
.font-ions:before {
 vertical-align: sub;
 padding: 0 20px 0 10px;
 font-size: 25px
}
@media only screen and (max-width:1000px) {
 .more-less3 {
  width: 80px
 }
 .font-ions:before {
  padding-left: 0
 }
 .panel-default > .panel-heading3 + .panel-collapse > .panel-body {
  padding: 20px 24px 30px;
  width: 100%
 }
}
@media only screen and (max-width:400px) {
 .font-ions:before {
  padding-right: 10px
 }
}
@media only screen and (max-width:360px) {
 .more-less3 {
  width: 60px
 }
 .panel-default > .panel-heading3 + .panel-collapse > .panel-body {
  font-size: 13px
 }
}
@media only screen and (max-width:310px) {
 .panel-title3 {
  font-size: 13px
 }
 .more-less5 {
  width: 80px
 }
}
@media only screen and (max-width:768px) {
 .accordian-responsive-box {
  padding: 20px 10px
 }
 .panel-default .panel-title3 a span {
  width: 60%;
  display: inline-block
 }
 .panel-group3 {
  margin: 0
 }
 .mt-30-2 {
  margin-top: 30px
 }
}
.gdpr-cookie-law {
 position: fixed;
 z-index: 1000;
 padding: 14px;
 bottom: 0;
 left: 0;
 right: 0;
 max-width: 100%;
 background-color: #09a0e1;
 color: #fff;
 font-family: Arial, sans-serif;
 line-height: 1.4;
 font-size: 16px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box
}
.gdpr-cookie-law--is-hidden {
 border: 0;
 clip: rect(0 0 0 0);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute;
 width: 1px;
 white-space: nowrap
}
.gdpr-cookie-law__body {
 width: 1170px;
 max-width: 100%;
 margin-left: auto;
 margin-right: auto
}
.gdpr-cookie-law:not(.gdpr-cookie-law--sm):not(.gdpr-cookie-law--sm-fix) .gdpr-cookie-law__body {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center
}
.gdpr-cookie-law__desc {
 text-align: justify
}
.gdpr-cookie-law__link {
 vertical-align: inherit;
 white-space: nowrap;
 color: inherit;
 text-decoration: none;
 font-weight: 700
}
.gdpr-cookie-law__btn, .gdpr-cookie-law__btn--accept {
 color: #666;
 background-color: #fff
}
.gdpr-cookie-law__link:focus, .gdpr-cookie-law__link:hover {
 text-decoration: none;
 color: inherit;
 border: 1px solid transparent
}
.gdpr-cookie-law__btn-bar {
 margin-left: auto;
 text-align: right;
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1
}
.gdpr-cookie-law--sm .gdpr-cookie-law__btn-bar, .gdpr-cookie-law--sm-fix .gdpr-cookie-law__btn-bar {
 text-align: center
}
.gdpr-cookie-law__btn {
 font-weight: 700;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 margin: 0;
 padding: 14px 28px;
 font-size: 14px;
 line-height: 1.5;
 user-select: none;
 -webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, -webkit-box-shadow .25s ease-in-out;
 transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out;
 -o-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out;
 text-transform: uppercase
}
.gdpr-cookie-law__btn:focus, .gdpr-cookie-law__btn:hover {
 text-decoration: none
}
.gdpr-cookie-law__btn:hover {
 cursor: pointer
}
.gdpr-cookie-law.gdpr-cookie-law--theme-dark {
 background-color: #444;
 color: #fff
}
.gdpr-cookie-law--theme-dark .gdpr-cookie-law__link, .gdpr-cookie-law--theme-dark .gdpr-cookie-law__link:active, .gdpr-cookie-law--theme-dark .gdpr-cookie-law__link:focus, .gdpr-cookie-law--theme-dark .gdpr-cookie-law__link:hover {
 color: inherit
}
.gdpr-cookie-law--theme-dark .gdpr-cookie-law__btn--accept {
 background-color: #ccc;
 color: #111
}
.gdpr-cookie-law--theme-dark .gdpr-cookie-law__btn--accept:active, .gdpr-cookie-law--theme-dark .gdpr-cookie-law__btn--accept:focus, .gdpr-cookie-law--theme-dark .gdpr-cookie-law__btn--accept:hover {
 background-color: #eee;
 color: #111
}
.gdpr-cookie-law.gdpr-cookie-law--theme-light {
 background-color: #eee;
 color: #444
}
.gdpr-cookie-law--theme-light .gdpr-cookie-law__link, .gdpr-cookie-law--theme-light .gdpr-cookie-law__link:active, .gdpr-cookie-law--theme-light .gdpr-cookie-law__link:focus, .gdpr-cookie-law--theme-light .gdpr-cookie-law__link:hover {
 color: inherit
}
.gdpr-cookie-law--theme-light .gdpr-cookie-law__btn--accept {
 background-color: #333;
 color: #fff
}
.gdpr-cookie-law--theme-light .gdpr-cookie-law__btn--accept:active, .gdpr-cookie-law--theme-light .gdpr-cookie-law__btn--accept:focus, .gdpr-cookie-law--theme-light .gdpr-cookie-law__btn--accept:hover {
 background-color: #111;
 color: #fff
}
.gdpr-cookie-law.gdpr-cookie-law--theme-1 {
 background-color: #5783ff;
 color: #fff
}
.gdpr-cookie-law--theme-1 .gdpr-cookie-law__link, .gdpr-cookie-law--theme-1 .gdpr-cookie-law__link:active, .gdpr-cookie-law--theme-1 .gdpr-cookie-law__link:focus, .gdpr-cookie-law--theme-1 .gdpr-cookie-law__link:hover {
 color: inherit
}
.gdpr-cookie-law--theme-1 .gdpr-cookie-law__btn--accept {
 background-color: #4c67ea;
 color: #fff
}
.gdpr-cookie-law--theme-1 .gdpr-cookie-law__btn--accept:active, .gdpr-cookie-law--theme-1 .gdpr-cookie-law__btn--accept:focus, .gdpr-cookie-law--theme-1 .gdpr-cookie-law__btn--accept:hover {
 background-color: #4759d4;
 color: #fff
}
.gdpr-cookie-law.gdpr-cookie-law--theme-2 {
 background-color: #b667ff;
 color: #fff
}
.gdpr-cookie-law--theme-2 .gdpr-cookie-law__link, .gdpr-cookie-law--theme-2 .gdpr-cookie-law__link:active, .gdpr-cookie-law--theme-2 .gdpr-cookie-law__link:focus, .gdpr-cookie-law--theme-2 .gdpr-cookie-law__link:hover {
 color: inherit
}
.gdpr-cookie-law--theme-2 .gdpr-cookie-law__btn--accept {
 background-color: #9d50e4;
 color: #fff
}
.gdpr-cookie-law--theme-2 .gdpr-cookie-law__btn--accept:active, .gdpr-cookie-law--theme-2 .gdpr-cookie-law__btn--accept:focus, .gdpr-cookie-law--theme-2 .gdpr-cookie-law__btn--accept:hover {
 background-color: #9144cb;
 color: #fff
}
.gdpr-cookie-law.gdpr-cookie-law--theme-3 {
 background-color: #ff56e0;
 color: #fff
}
.gdpr-cookie-law--theme-3 .gdpr-cookie-law__link, .gdpr-cookie-law--theme-3 .gdpr-cookie-law__link:active, .gdpr-cookie-law--theme-3 .gdpr-cookie-law__link:focus, .gdpr-cookie-law--theme-3 .gdpr-cookie-law__link:hover {
 color: inherit
}
.gdpr-cookie-law--theme-3 .gdpr-cookie-law__btn--accept {
 background-color: #d635ab;
 color: #fff
}
.gdpr-cookie-law--theme-3 .gdpr-cookie-law__btn--accept:active, .gdpr-cookie-law--theme-3 .gdpr-cookie-law__btn--accept:focus, .gdpr-cookie-law--theme-3 .gdpr-cookie-law__btn--accept:hover {
 background-color: #c6399a;
 color: #fff
}
.gdpr-cookie-law.gdpr-cookie-law--theme-4 {
 background-color: #ff5f50;
 color: #fff
}
.gdpr-cookie-law--theme-4 .gdpr-cookie-law__link, .gdpr-cookie-law--theme-4 .gdpr-cookie-law__link:active, .gdpr-cookie-law--theme-4 .gdpr-cookie-law__link:focus, .gdpr-cookie-law--theme-4 .gdpr-cookie-law__link:hover {
 color: inherit
}
.gdpr-cookie-law--theme-4 .gdpr-cookie-law__btn--accept {
 background-color: #da351e;
 color: #fff
}
.gdpr-cookie-law--theme-4 .gdpr-cookie-law__btn--accept:active, .gdpr-cookie-law--theme-4 .gdpr-cookie-law__btn--accept:focus, .gdpr-cookie-law--theme-4 .gdpr-cookie-law__btn--accept:hover {
 background-color: #ca4329;
 color: #fff
}
.gdpr-cookie-law.gdpr-cookie-law--theme-5 {
 background-color: #ff6438;
 color: #fff
}
.gdpr-cookie-law--theme-5 .gdpr-cookie-law__link, .gdpr-cookie-law--theme-5 .gdpr-cookie-law__link:active, .gdpr-cookie-law--theme-5 .gdpr-cookie-law__link:focus, .gdpr-cookie-law--theme-5 .gdpr-cookie-law__link:hover {
 color: inherit
}
.gdpr-cookie-law--theme-5 .gdpr-cookie-law__btn--accept {
 background-color: #d85122;
 color: #fff
}
.gdpr-cookie-law--theme-5 .gdpr-cookie-law__btn--accept:active, .gdpr-cookie-law--theme-5 .gdpr-cookie-law__btn--accept:focus, .gdpr-cookie-law--theme-5 .gdpr-cookie-law__btn--accept:hover {
 background-color: #bf4817;
 color: #fff
}
.gdpr-cookie-law.gdpr-cookie-law--theme-6 {
 background-color: #6a9c00;
 color: #fff
}
.gdpr-cookie-law--theme-6 .gdpr-cookie-law__link, .gdpr-cookie-law--theme-6 .gdpr-cookie-law__link:active, .gdpr-cookie-law--theme-6 .gdpr-cookie-law__link:focus, .gdpr-cookie-law--theme-6 .gdpr-cookie-law__link:hover {
 color: inherit
}
.gdpr-cookie-law--theme-6 .gdpr-cookie-law__btn--accept {
 background-color: #4c8100;
 color: #fff
}
.gdpr-cookie-law--theme-6 .gdpr-cookie-law__btn--accept:active, .gdpr-cookie-law--theme-6 .gdpr-cookie-law__btn--accept:focus, .gdpr-cookie-law--theme-6 .gdpr-cookie-law__btn--accept:hover {
 background-color: #3d7300;
 color: #fff
}
.gdpr-cookie-law.gdpr-cookie-law--theme-7 {
 background-color: #50a300;
 color: #fff
}
.gdpr-cookie-law--theme-7 .gdpr-cookie-law__link, .gdpr-cookie-law--theme-7 .gdpr-cookie-law__link:active, .gdpr-cookie-law--theme-7 .gdpr-cookie-law__link:focus, .gdpr-cookie-law--theme-7 .gdpr-cookie-law__link:hover {
 color: inherit
}
.gdpr-cookie-law--theme-7 .gdpr-cookie-law__btn--accept {
 background-color: #378600;
 color: #fff
}
.gdpr-cookie-law--theme-7 .gdpr-cookie-law__btn--accept:active, .gdpr-cookie-law--theme-7 .gdpr-cookie-law__btn--accept:focus, .gdpr-cookie-law--theme-7 .gdpr-cookie-law__btn--accept:hover {
 background-color: #297900;
 color: #fff
}
.gdpr-cookie-law.gdpr-cookie-law--theme-8 {
 background-color: #00b284;
 color: #fff
}
.gdpr-cookie-law--theme-8 .gdpr-cookie-law__link, .gdpr-cookie-law--theme-8 .gdpr-cookie-law__link:active, .gdpr-cookie-law--theme-8 .gdpr-cookie-law__link:focus, .gdpr-cookie-law--theme-8 .gdpr-cookie-law__link:hover {
 color: inherit
}
.gdpr-cookie-law--theme-8 .gdpr-cookie-law__btn--accept {
 background-color: #009173;
 color: #fff
}
.gdpr-cookie-law--theme-8 .gdpr-cookie-law__btn--accept:active, .gdpr-cookie-law--theme-8 .gdpr-cookie-law__btn--accept:focus, .gdpr-cookie-law--theme-8 .gdpr-cookie-law__btn--accept:hover {
 background-color: #00806a;
 color: #fff
}
.gdpr-cookie-law.gdpr-cookie-law--theme-9 {
 background-color: #00aab9;
 color: #fff
}
.gdpr-cookie-law--theme-9 .gdpr-cookie-law__link, .gdpr-cookie-law--theme-9 .gdpr-cookie-law__link:active, .gdpr-cookie-law--theme-9 .gdpr-cookie-law__link:focus, .gdpr-cookie-law--theme-9 .gdpr-cookie-law__link:hover {
 color: inherit
}
.gdpr-cookie-law--theme-9 .gdpr-cookie-law__btn--accept {
 background-color: #00899f;
 color: #fff
}
.gdpr-cookie-law--theme-9 .gdpr-cookie-law__btn--accept:active, .gdpr-cookie-law--theme-9 .gdpr-cookie-law__btn--accept:focus, .gdpr-cookie-law--theme-9 .gdpr-cookie-law__btn--accept:hover {
 background-color: #007993;
 color: #fff
}
.gdpr-cookie-law.gdpr-cookie-law--theme-10 {
 background-color: #00a6ca;
 color: #fff
}
.gdpr-cookie-law--theme-10 .gdpr-cookie-law__link, .gdpr-cookie-law--theme-10 .gdpr-cookie-law__link:active, .gdpr-cookie-law--theme-10 .gdpr-cookie-law__link:focus, .gdpr-cookie-law--theme-10 .gdpr-cookie-law__link:hover {
 color: inherit
}
.gdpr-cookie-law--theme-10 .gdpr-cookie-law__btn--accept {
 background-color: #0086ad;
 color: #fff
}
.gdpr-cookie-law--theme-10 .gdpr-cookie-law__btn--accept:active, .gdpr-cookie-law--theme-10 .gdpr-cookie-law__btn--accept:focus, .gdpr-cookie-law--theme-10 .gdpr-cookie-law__btn--accept:hover {
 background-color: #00759f;
 color: #fff
}
@media screen and (max-width:720px) {
 #cookiebanner a.c-button {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 20px
 }
 #c-left, #c-right {
  float: none
 }
 #cookiebanner p.c-message {
  margin-bottom: 20px
 }
}
@media screen and (min-width:720px) {
 #cookiebanner #c-left {
  float: left;
  max-width: 80%
 }
 #cookiebanner #c-right {
  float: right
 }
}
#cookiebanner {
 box-sizing: border-box;
 background-color: #242427;
 opacity: .9;
 width: 100%;
 padding: 25px 40px;
 position: fixed;
 z-index: 2147483645;
 bottom: -800px
}
#cookiebanner p {
 font-size: 14px;
 line-height: 1.4
}
#cookiebanner .c-header {
 text-transform: uppercase;
 color: #fff;
 font-weight: 700;
 margin-bottom: 4px
}
#cookiebanner p.c-message {
 font-size: 14px;
 color: #999
}
#cookiebanner a {
 font-weight: 700;
 color: #999
}
#cookiebanner a.c-button {
 border-radius: 4px;
 background-color: #fff;
 box-shadow: 0 2px 0 0 #ddd;
 border: 1px solid #ddd;
 padding: 12px 60px;
 text-decoration: none;
 display: inline-block;
 vertical-align: middle;
 margin-top: 10px;
 color: #666;
 font-size: 16px;
 -o-transition: .2s;
 -ms-transition: .2s;
 -moz-transition: .2s;
 -webkit-transition: .2s;
 transition: .2s
}
#cookiebanner a.c-button:hover {
 box-shadow: none;
 background-color: #f8f8f8
}
.text-center-2 {
	text-align: left;
	margin-left: 0px;
	margin-right: 15px
}

@media screen and (max-width:768px) {
.text-center-2 {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto
}	
}