/* -- Pre Configuration --------------------------------------------------------------------------------------------------------------------- */
body {
	background: #ffffff;
	font-family: 'Midnight', sans-serif; 
	font-weight: 200;
	font-size: 13px;
	letter-spacing: 1px;
	color: #171717;
	line-height: 1.8;
    }
a {
		color: #000;
	}
.d-lg-none {
  display: block !important;
}
#sp-logo {
	display: none;
}
.zone.ImageLogo {
display: block;
width: 100%;
padding: 0 37px 0 66px;
margin: 0px 0 21px;
}
.zone.Kontakt {
	margin: 60px 0 0;
padding: 0 0 0 37px;
color: #fff;
font-size: 11px;
font-weight: 400;
display: block;
text-align: center;
}
.zone.Kontakt a, .zone.Kontakt a:hover {
	color: #fff;
}

.zone.ImageLogo.mini {
display: block;
width: 100%;
padding: 0 17px 0 46px;
margin: 16px 0 50px;
}
.zone.ImageLogo::after {
content: '-';
display: block;
margin: 30px auto 0px;
color: #fff;
font-size: 30px;
font-weight: 400;
}
.zone.ImageLogo.mini::after {
display: none;
}
.zone.ImageLogo.mini::before {
content: '-';
display: block;
margin: 8px auto 30px;
color: #fff;
font-size: 30px;
font-weight: 400;
}
.zone.logotype {
position: fixed;
}
.zone.GCodeBox {
padding: 160px 170px;
font-size: 13px;
letter-spacing: 0px;
line-height: 2.0;
}
.zone.GCodeBox a {
font-size: 12px;
display: block;
width: 440px;
background: none;
border: 2px solid #fff;
text-align: center;
padding: 17px 0;
line-height: 1;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 2px;
margin: 12px 200px 0 0;
color: #fff;
float: right;
}
.zone.GCodeBox h3 {
font-family: 'Midnight', sans-serif;
font-size: 14px;
letter-spacing: 1px;
display: block;
text-align: left;
margin: 0 auto;
  margin-left: auto;
margin-left: auto;
padding: 0 0 10px;
font-weight: 400;
width: 100%;
color: #fff;
}
.zone.GCodeBox h3 strong {
font-family: 'Midnight', sans-serif;
font-size: 21px;
letter-spacing: 1px;
font-weight: 400;
margin: 14px 0 50px 0;
display: inline-block;
padding-right: 575px;
line-height: 1.5;
}
.zone.GCode .sppb-col-md-3 {
	text-align: right;
	padding: 0px;
	margin: 0px;
}
.zone.LeftCode {
border-right: 2px dotted #fff;
padding: 30px 0;
position: absolute;
bottom: 0px;
text-align: right !important;
display: block;
width: 100%;
color: #fff;
}
.zone.LeftCode p {
padding: 0 100px 0px;
margin-bottom: 6px;
text-align: center;
font-size: 12px;
font-weight: 200;
letter-spacing: 3px;
}
.zone.LeftCode strong {
font-size: 36px;
letter-spacing: 2px;
margin: 0px;
padding: 0px;
line-height: 1;
margin-top: 2px;
display: inline-block;
width: 100%;
text-transform: uppercase;
font-weight: 600;
}
.zone.LeftCode img {
	text-align: right;
display: inline-block;
}
.zone.RightCode p {
padding: 0 15px 6px;
margin-bottom: 6px;
text-align: left;
font-size: 12px;
font-weight: 200;
letter-spacing: 3px;
}
.zone.RightCode strong {
font-size: 36px;
letter-spacing: 2px;
margin: 0px;
padding: 0px;
line-height: 1;
margin-top: 2px;
display: inline-block;
width: 100%;
text-transform: uppercase;
font-weight: 600;
}
.zone.RightCode {
text-align: left;
color: #fff;
padding: 0 100px 0 30px;
font-weight: 400;
letter-spacing: 1px;
}
.zone.CenterIcon {
text-align: center;
display: block;
position: absolute;
bottom: 0px;
padding: 0px 0 15px 40px;
}
.zone.GCode {
	margin: 0px;
	padding: 0px;
	position: relative;
}
.zone.GHeader {
	margin: 0px;
	padding: 0px;
	position: relative;
}




/* SCREEN ======================================== */
.modscreen {
	display: none;
}

.offcanvas-overlay {
    background: rgba(0, 0, 0, 0.65);
    -webkit-transition: 1.0s;
    transition: 1.0s;
}
.offcanvas-menu .offcanvas-inner {
  
}
.sp-module._menu {
	display: none;
}
.pt-4, .pt-3 {
   padding: 0px !important;
}
.logo {
	display: none !Important;
}
.offcanvas-menu .offcanvas-inner .header-modules {
    margin: 0px !important;
	padding: 0px !important;
}
#sp-cookie-consent *, #sp-cookie-consent *::before, #sp-cookie-consent *::after {
   box-sizing: border-box;
font-family: 'Midnight';
font-weight: 50;
font-size: 11px;
line-height: 1.8;
letter-spacing: 1px;
}
#sp-cookie-consent.position-bottom_left, #sp-cookie-consent.position-bottom_right {
    width: 650px;
    max-width: 100%;
    border-radius: 0px;
    bottom: 20px;
}
#sp-cookie-consent .sp-cookie-allow {
   background-color: #ed1d24;
color: #ffffff;
padding: 7px 30px 9px;
border-radius: 0px;
font-weight: 100;
font-size: 12px;
letter-spacing: 1px;
}
#sp-cookie-consent a, #sp-cookie-consent a:hover, #sp-cookie-consent a:focus, #sp-cookie-consent a:active {
  color: #fff;
}
#sp-cookie-consent > div {
    padding: 35px 39px;
    position: relative;
}
.burger-icon::after {
   content: 'MENU';
display: inline-block;
padding: 0px;
margin: 0 0 0 39px;
position: absolute;
top: 0px;
color: #c7ab59;
font-size: 14px;
font-family: 'Midnight';
letter-spacing: 4px;
font-size: 14px;
font-weight: 600;
}
#sp-header #sp-menu {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
}


.zone.menugfx h3 {
	    position: absolute;
    z-index: 1;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    left: 35px;
	margin: 85px 0 0 0;
}



.zone.menugfx img {
	filter: grayscale(100%);
	 -webkit-transition: all 0.4s !important;
	transition: all 0.4s !important;
}
.zone.menugfx img:hover {
	filter: none;
	 -webkit-transition: all 0.4s !important;
	transition: all 0.4s !important;
}


.offcanvas-active .offcanvas-overlay {
	 -webkit-transition: all 0.4s !important;
	transition: all 0.4s !important;
}
.offcanvas-overlay {
    background: rgba(0, 0, 0, 0.75);
     -webkit-transition: all 0.4s !important;
	transition: all 0.4s !important;
}
.burger-icon>span {
display: block;
height: 2px;
background-color: #c7ab59;
margin: 5px 0;
transition: background-color 0s ease-in, opacity 0s ease-in, transform 0s ease-in;
animation: none;
}
body.ltr .close-offcanvas {
    right: auto;
    animation: none;
    z-index: 100;
    left: 8%;
    top: 24px;
}
.close-offcanvas {
    position: absolute;
    top: 25px;
    z-index: 1;
	animation: none;
}
.offcanvas-active .close-offcanvas .burger-icon>span {
    transition-delay: 0s;
}
.offcanvas-active .burger-icon>span:nth-child(0), #modal-menu-toggler.active .burger-icon>span:nth-child(0) {
    transform: none;
	opacity: 1;
	transition-delay: 0s;
}
.offcanvas-active .burger-icon>span:nth-child(1) {
	opacity: 1;
	transition-delay: 0s;
}
.offcanvas-active .burger-icon>span:nth-child(2) {
	opacity: 0;
	transition-delay: 0s;
}
.offcanvas-active .burger-icon>span:nth-child(3) {
	opacity: 1;
	transition-delay: 0s;
}

#modal-menu-toggler.active .burger-icon>span:nth-child(1) {
    transform: translate(0, 8px) rotate(-45deg);
	background-color: #fff;
}
#modal-menu-toggler.active .burger-icon>span:nth-child(2) {
    opacity: 0;
}
#modal-menu-toggler.active .burger-icon>span:nth-child(3) {
    transform: translate(0, -5px) rotate(45deg);
	background-color: #fff;
}


.screenContainer {
	height: 100vh;
	padding: 0px;
}
.screenContainer .sppb-col-md-4 {
	width: 36%;
	max-width: 36%;
	flex: none;
	padding: 0px;
	margin: 0px;
}
.screenContainer .sppb-col-md-8 {
	width: 64%;
	max-width: 64%;
	flex: none;
	padding: 0px;
	margin: 0px;
}
.screenHeader h2 {
	color: #fff;
    font-size: 45px;
    text-align: left;
    padding: 0px 0 20px;
    font-weight: 400;
    letter-spacing: 3px;
    position: absolute;
    left: 15%;
    bottom: -50px;
	opacity: 0.2;
}
.screenHeader h2 strong {
	font-weight: 400;
    letter-spacing: 3px;
	font-size: 74px;
	display: block;
	margin: 0px 0 0;
	opacity: 0.3;
}
.screenFrame {
        background: none;
    padding: 110px 200px 96px;
    border: 2px dotted #fff;
    left: 80px;
    top: 65px;
}
.screenLogo img {
	    width: 190px;
    height: auto;
    margin: 0px auto 40px;
}
.screenSocial {
	    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0 0px;
    padding: 0px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
	letter-spacing: 2px;
}
.offcanvas-menu .offcanvas-inner .screenMenu ul.menu>li>a {
	    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 0px 0 17px;
    font-weight: 400;
    letter-spacing: 4px;
}
.offcanvas-menu .offcanvas-inner ul.menu, .offcanvas-menu .offcanvas-inner ul.menu ul {
    border-top: 2px dotted #fff;
    border-bottom: 2px dotted #fff;
    padding: 25px 0 10px;
}
.offcanvas-menu .offcanvas-inner .screenMenu ul.menu>li>a.colorGold {
	color: #c49a6c;
	opacity: 1;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #171717;
}
.custom-offcanvas-title p {
  margin: 0px;
  padding: 0px;
}
.custom-offcanvas-title {
  color: #171717;
  font-family: 'Midnight', sans-serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0px;
  border-bottom: 2px solid #171717;
  margin: 20px 0 40px;
  padding: 0 0 5px;
}
.close-offcanvas .burger-icon::after {
    display: none;
}
.offcanvas-menu .offcanvas-inner .screenMenu ul.menu>li>a:hover {
	color: #fff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover {
    text-decoration: underline;
    color: #c7ab59;
}
.custom-offcanvas-title p {
    margin: 0px;
    padding: 0px;
}
.zone.menugfx .button.gfx.main {
    padding: 30px 0 0 0;
    text-align: center;
    width: 100%;
    font-family: 'Midnight', sans-serif;
    font-weight: 800;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #c7ab59;
	height: 14.05vh;
}
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
    margin-right: 0px;
}
.zone.menugfx .button.gfx.main img {
    margin: 10px auto 10px;
    text-align: center;
}
.zone.menugfx .sppb-col-md-12 {
    height: 100%;
}
.zone.menugfx .sppb-addon-wrapper {
    height: 14.05vh;
}
.zone.menugfx .sppb-row {
    height: 100%;
}
.zone.menugfx .sppb-container-inner {
    height: 100%;
}
.offcanvas-menu .offcanvas-inner .sp-module ul {
    list-style: none;
	padding-left: 0px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li {
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    display: block;
}
.zone.menugfx {
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    display: block;
	width: 260px;
}
.zone.menugfx .button.gfx {
	padding: 0px;
	margin: 0px;
	display: block;
	background-size: cover;
	width: 250px;
	height: 100%;
}
.zone.menugfx .button.gfx.link.type1 {
	padding: 0px;
	margin: 0px;
	display: block;
	width: 250px;
	height: 100%;
}
.offcanvas-menubox {
    display: block;
    padding-top: 8px;
    position: relative;
    top: 20px;
    border-top: 2px solid #171717;
}
.offcanvas-menubox a {
    color: #171717;
    font-family: 'Midnight', sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0px;
    margin-right: 8px;
}
.offcanvas-menubox .right {
    text-align: right;
    color: #171717;
    font-family: 'Midnight', sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0px;
    display: inline-block;
    float: right;
    line-height: 15px;
    margin-top: 4px;
}
.offcanvas-menubox .right img {
    margin: 0px 0px 2px 10px;
    display: inline-block;
}
.offcanvas_menu {
	    padding: 0px 5px;
}
.zone.menubox .sppb-col-md-12 {
	    padding: 0 26px;
}
.offcanvas-menu .sppb-col-md-3 {
    padding: 0px 5px;
}
.offcanvas-menu .iconbox {
    padding: 14px 0 10px;
    margin: 0 0 10px 0;
    border: 1px #e7e7e7 dashed;
    display: block;
}
.offcanvas-menu .iconbox p {
    padding: 0px;
    margin: 0px;
}
.offcanvas-menu .iconbox a {
    padding: 0px;
    margin: 0px;
    font-family: 'Midnight', sans-serif;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: block;
    color: #c7ab59;
    filter: grayscale(100%);
}
.offcanvas-menu .iconbox a:hover {
	color: #c7ab59;
	filter: none;
}
.offcanvas-menu .zone.menubox h3 {
    font-family: 'Midnight', sans-serif;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 1px;
    color: #171717;
    margin: 35px 0 15px 0;
    text-transform: uppercase;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    font-family: 'Midnight', sans-serif;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0px;
    color: #494949;
}
.offcanvas-menu .iconbox img {
    height: auto;
    margin: 4px auto 4px;
    opacity: 1;
    -webkit-transition: opacity 0.65s;
    transition: opacity 0.65s;
}
.offcanvas-menu .iconbox a {
    height: auto;
    margin: 0 auto 4px;
    opacity: 1;
    -webkit-transition: opacity 0.65s;
    transition: opacity 0.65s;
}
.mobilelang {
	display: none;
}



/* -- Header -- */

#sp-header .sp-module {
    margin-left: 20px;
    width: 100%;
}
#sp-header {
    width: 100%;
    height: 90px;
    position: fixed;
    animation: none;
	background-color: rgba(0, 0, 0, .85);
    backdrop-filter: blur(4px);
z-index: 3;
transition: background .65s ease-out,box-shadow .65s ease-out;

}

#sp-header.header-sticky {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    animation: none;
}

.zone.logotype img {
width: auto;
height: 90px;
margin: 10px 0px 0 0px;
}
.zone.fasttext {
  height: 100%;
  display: inline-block;
  line-height: 90px;
  color: #c7ab59;
  font-family: 'Midnight', sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 1px;
}

#sp-logo.col-lg-8 {
  width: 50%;
  max-width: 50%;
  flex: none;
}
#sp-menu.col-lg-1 {
  width: 0%;
  max-width: 0%;
  flex: none;
}
#sp-position2.col-lg-3 {
  width: 50%;
  max-width: 50%;
  flex: none;
}
.zone.fastcontact a {
  color: #fff;
}
.zone.fastcontact p {
  display: inline-block;
}
.zone.fastcontact p.langbox {
  display: inline-block;
  color: #fff;
  width: auto;
  height: auto;
  letter-spacing: 3px;
  font-size: 13px;
  font-family: 'Midnight', sans-serif;
  font-weight: 400;
  text-align: left;
  padding: 8px 0 8px 24px;
  margin: 0 0 0 20px;
  border-left: 1px dashed #fff;
}
.zone.fastcontact {
display: inline-block;
color: #fff;
border-left: 1px dashed #fff;
width: auto;
height: 30px;
letter-spacing: 1px;
font-size: 13px;
font-family: 'Midnight', sans-serif;
font-weight: 400;
padding: 0 0 0 25px;
text-align: left;
margin: 31px 0px 0 165px;
line-height: 1;
}


/* -- Seperator -- */
.zone.seperator {
    padding: 100px 350px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 2.0;
    text-align: center;
    font-family: 'Midnight', sans-serif;
    font-weight: 300;
    background: #fff;
}
.zone.seperator .icon.absolute {
    top: -148px;
    left: calc(50% - 75px);
    position: absolute;
    display: block;
    width: 150px;
    margin: 0 auto;
    text-align: center;
}
.zone.seperator .icon.absolute img {
    margin: 28px auto 0;
}
.zone.seperator strong {
    padding: 0 0 15px 0;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.9;
    text-align: center;
    font-family: 'Midnight', sans-serif;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
	color: #ed1c24;
}
.zone.info1 h2 {
    display: block;
    font-size: 23px;
    width: 100%;
    letter-spacing: 1px;
    color: #fff;
    font-family: 'Midnight',sans-serif;
    font-weight: 400;
    text-align: center;
    padding: 0 0 10px 0;
    position: relative;
    margin: 80px 0 70px 0 !important;
}
.zone.info1 h2 strong {
    width: 100%;
    display: block;
    font-family: 'Midnight',sans-serif;
    font-weight: 600;
    font-size: 19px;
    letter-spacing: 1px;
    vertical-align: middle;
    line-height: 1;
    color: #c7ab59;
    text-align: center;
    margin: 15px 0 0;
    text-transform: none !Important;
}
.zone.info1 .sppb-col-md-3 .left-column {
    padding: 0px 10px 0 220px;
}
.zone.info1 .sppb-col-md-3 {
    width: 33%;
    max-width: 33%;
    flex: none;
    padding: 0px;
}
.zone.info1 .left-column p {
    text-align: right;
}
.zone.info1 p {
    font-family: 'Midnight', sans-serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.9;
    letter-spacing: 1px;
    color: #fff;
    text-transform: none;
    display: block;
    margin: 0 0 46px;
}
.zone.info1 p strong {
    color: #fff;
    font-family: 'Midnight',sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 10px;
}
.zone.info1 p strong span {
    color: #c7ab59;
    text-decoration: none !important;
    font-weight: 600;
}
.zone.info1 .sppb-col-md-3 .right-column {
    padding: 0px 220px 0 10px;
}
.zone.info1 .right-column p {
    text-align: left;
}
.zone.info1 .sppb-col-md-6 {
    width: 34%;
    max-width: 34%;
    flex: none;
    padding: 0px;
}
.zone.info1 .core.image img {
    margin: 15px auto 16px;
    width: auto;
}
.zone.info1 a.goldbutton {
    font-family: 'Midnight', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
    display: block;
    margin: 50px auto 0;
    padding: 18px 0 16px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: #171717;
    background: #c7ab59;
    line-height: 1;
    width: 337px;
}
.zone.info1 {
    padding: 90px 0 90px;
    margin: 0px;
}
.zone.info1 a.goldbutton:hover {
	background: #fff;
	color: #c7ab59;
}
.zone.seperator .box.absolute {
width: 100px;
border-bottom: 75px solid #fff;
margin: 0 auto;
position: absolute;
left: calc(50% - 50px);
top: -164px;
}
.zone.footer {
    width: 100%;
    display: inline-block;
    padding: 100px 150px 70px 150px;
    margin-bottom: 0px;
    height: auto;
    background: #000000;
    color: #ccc;
    position: relative;
    font-family: 'Midnight', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.9;
}
.zone.footer strong {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
}
.zone.footer .insidefooter a {
    color: #fff;
}
.zone.footer .insidefooter {
    margin: 20px 0 0;
    color: #ccc;
}
.zone.footer a {
    color: #ccc;
}
.zone.footer a:hover {
	color: #fff;
	text-decoration: underline;
}
#sp-footer, #sp-bottom {
  
}

.imageOverlayContainer .imageOverlay h3 {
	font-weight: 300;
    letter-spacing: 2px;
    font-size: 12px !important;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 2px;
}

.imageOverlayContainer .imageOverlay h3::before {
        content: '#';
    display: block;
    text-align: center;
    color: #fff;
    border: 0px;
    transform: scale3d(1,1,1);
    position: relative;
    top: -12px;
    font-size: 22px;
    font-weight: 200;
}
.imageOverlayContainer .imageOverlay .trailerMainheader {
	font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;
    color: #ed1c24;
    display: block;
    margin: 0 auto 12px;
    padding: 0px;
}
.imageOverlayContainer .imageOverlay .trailerSubheader {
	    font-weight: 200;
    letter-spacing: 1px;
    font-size: 12px;
    color: #171717;
    padding: 0px 56px 0;
    display: block;
    text-align: justify;
    line-height: 1.9;
}
.imageOverlayContainer .imageOverlay  h3 {
  font-weight: 600;
    letter-spacing: 3px;
    font-size: 13px !important;
    opacity: 1 !important;
    position: absolute;
    bottom: 47px;
    right: auto;
}

.imageOverlayContainer .imageOverlay .sppb-addon-subtitle a {
    display: inline-block;
    margin: 0px;
    position: absolute;
    top: auto;
    bottom: -29px;
    left: 0px;
    color: #fff;
    border: 0px;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 14px;
    color: #fff;
    padding: 12px 30px 13px;
    line-height: 1.2;
    background: #fff;
    color: #171717;
}
.imageOverlayContainer .imageOverlay a {
      display: inline-block;
    margin: 6px auto 0;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 13px;
    color: #fff;
}
.imageOverlayContainer .imageOverlay h3::before {
   display: none;
}
.imageOverlayContainer .overlay-show-content-on-hover.imageOverlay .overlay-image-title {
    opacity: 1;
    visibility: visible;
    transition: .1s;
}
.imageOverlayContainer .overlay-show-content-on-hover.imageOverlay .overlay-image-title .sppb-addon-subtitle {
	opacity: 0;
	visibility: hidden;
}
.imageOverlayContainer .overlay-show-content-on-hover.imageOverlay:hover .overlay-image-title .sppb-addon-subtitle {
	opacity: 1;
	visibility: visible;
}
.image-effect-zoom-out .overlay-background-image {
    transform: scale3d(1,1,1);
	filter: none;
	transition: .25s;
}
.image-effect-zoom-out:hover .overlay-background-image {
    transform: scale3d(1,1, 1);
	filter: grayscale(80%);
}
.image-effect-zoom-out .overlay-image-title::before, .image-effect-zoom-out .overlay-image-title::after {
   display: none;
}
.sppb-addon-overlay-image.imageOverlay {
    cursor: pointer;
}

.title-subtitle-center-center .overlay-image-title {
    transform: none;
}
.title-subtitle-center-center .sppb-addon-title {
    transform: none;
}
.title-subtitle-center-center .sppb-addon-subtitle {
     transform: none;
}
.title-subtitle-center-center {
    transform: none;
}
.portfolioContainer .portfolioBox a {
	color: #fff;
}
.trailerLink {
	display: block;
    position: relative;
    z-index: 100000;
    width: 100%;
    height: 100%;
}
.sppb-addon-overlay-image.portfolioBox  {
	cursor: pointer;
}
.portfolioContainer .portfolioBox .sppb-addon-subtitle a {
	display: inline-block;
    margin: 10px auto 0;
    position: relative;
    top: 0px;
    color: #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    font-weight: 300;
    letter-spacing: 2px;
    font-size: 14px;
    color: #fff;
    padding: 0px 30px;
	    line-height: 1.2;
}

.imageOverlay .animate-subtitle {
       color: #ed1c24;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.0;
    text-align: center;
    width: 100%;
    letter-spacing: 1px;
    font-family: 'Midnight', sans-serif;
    font-weight: 600;
    display: block;
    position: absolute;
    top: -200px;
}
.imageOverlay .animate-icon {
    display: block;
    width: auto;
    text-align: center;
}
.imageOverlay .animate-icon img {
    position: relative;
    display: block;
    min-width: 70px;
    width: 70px;
    height: auto;
    text-align: center;
    margin: 0 auto 15px;
    filter: none !important;
}
.imageOverlay .animate-title {
    color: #171717;
    font-size: 14px;
    line-height: 1.0;
    text-align: center;
    width: 100%;
    letter-spacing: 1px;
    font-family: 'Midnight', sans-serif;
    font-weight: 400;
    display: block;
    margin: 20px auto 15px;
}
.imageOverlay .trailerSubheader p {
    margin: 0 auto;
    text-align: center;
    font-family: 'Midnight', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 1.7;
    padding: 0 85px;
}
.logo-container {
    position: relative;
    top: 396px;
    z-index: 60000;
    width: 200px;
    height: 0px;
    margin: 0 auto;
}
.logo-intro-container {
    display: block;
    background: none;
    width: 100%;
    z-index: 30000;
}
.logo-traingle1 {
    width: 0px;
    height: 0px;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-bottom: 80px solid #171717;
    position: absolute;
    top: 0px;
    margin: 0 auto;
    left: calc(50% - 80px);
    z-index: 20000;
}
.logo-traingle2 {
    width: 0px;
    height: 0px;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-top: 80px solid #171717;
    position: absolute;
    top: 80px;
    left: calc(50% - 80px);
    z-index: 20000;
}
#oferta .sppb-col-md-12 {
    z-index: 60000;
}
.logo-intro-icon img {
    margin: 0 auto;
    z-index: 60000;
}
.logo-intro-icon {
   width: 100%;
    display: block;
    text-align: center;
    z-index: 60000;
    top: 50px;
    position: relative;
}
.sp-page-builder .page-content #oferta {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.zone.rss h2 {
        font-family: 'Midnight', sans-serif;
    font-size: 22px;
    letter-spacing: 1px;
    display: block;
    text-align: left;
    margin: 0 0 30px 0px;
    padding-top: 16px;
    padding-bottom: 0px;
    font-weight: 400;
    width: 100%;
    color: #ffffff;
}
.zone.rss h2 strong {
    font-family: 'Midnight', sans-serif;
    font-weight: 600;
    color: #ffffff;
}
.zone.rss .button a.type1 {
    background: #c1a171;
    color: #fff;
    
    
}
.zone.rss .button a.type2 {
    background: #171717;
    color: #fff;
    
}
.zone.rss {
    padding: 150px 0 110px;
    margin: 0px;
    color: #fff;
}

.rss-column {
    padding: 0px 200px 0 150px;
    margin: 0px;
}
.zone.rss #eb {
    background: #fff;
    padding: 35px 35px 20px;
}
.zone.rss .button a {
    font-family: 'Midnight', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    width: 360px;
    display: inline-block;
    margin: 20px 0 0;
    padding: 10px 12px 8px;
    font-weight: 400;
    text-decoration: none;
}

.zone.rss #eb .eb-featured--thumb .eb-gallery-menu-thumb {
        opacity: 1 !important;
    border-radius: 0px;
    padding: 0px;
    border: 2px solid #fff;
    filter: grayscale(100%) !important;
}
.zone.rss #eb .eb-featured--thumb .eb-gallery-menu-thumb:hover {
    filter: none !important;
}
.zone.rss #eb .eb-featured--thumb .eb-gallery-button>i {
    font-size: 19px;
    color: #171717;
}
#eb .eb-featured .eb-gallery-buttons {
    border: 0px;
    border-radius: 0px;
}
.zone.rss #eb .eb-featured--thumb .eb-gallery-button>i.fa-angle-left::before {
    font-size: 19px;
    color: #171717;
	content: '<';
	display: block;
	position: relative;
}
.zone.rss #eb .eb-featured--thumb .eb-gallery-button>i.fa-angle-right::before {
    font-size: 19px;
    color: #171717;
	content: '>';
	display: block;
	position: relative;
}
.zone.rss #eb .eb-featured .eb-gallery-title {
    margin: 0 0 10px;
    font-size: 16px;
    white-space: normal;
    overflow: auto;
    line-height: 1.5;
    text-overflow: clip;
}
.zone.rss #eb .eb-featured .eb-gallery-more a {
    border: 0px;
    border-radius: 0px;
    line-height: 33px;
    height: 34px;
    padding: 0px 25px;
    font-weight: bold;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
}

.view-page #sp-left.col-lg-4 {
  width: 20%;
  flex: none;
  max-width: 20%;
  height: 100%;
  background: #171717;
}
.view-page #sp-component.col-lg-8 {
    width: 80%;
    flex: none;
    max-width: 80%;
    margin: 0px;
	padding: 0px;
}

#sp-left .sp-module {
    margin: 0px;
    border: 0px;
    padding: 0px;
    border-radius: 0px;
}
.zone.left1 {
position: fixed;
width: 20%;
min-width: 20%;
height: 100%;
flex: none;
display: block;
background: #171717;
padding: 90px 50px 0 0;
margin: 0px;
z-index: 1;
top: 0px;
left: 0px;
}
.zone.left1 .box.absolute {
  display: inline-block;
  width: 80%;
  float: none;
  padding: 0px;
  margin: 14px 15% 0 15%;
  position: relative;
}
.zone.left1 .box.absolute p {
    padding: 0px;
    margin: 0px;
}
.zone.left1 .box.absolute a {
    display: block;
    width: 100%;
    background: #2f2f2f;
    color: #ccc;
    font-family: 'Midnight', sans-serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 15px 0px 15px 20px;
}
.zone.left1 .box.absolute a:hover {
	background: #171717;
}

.zone.left1 .box.absolute p img {
    display: inline-block;
    margin-right: 12px;
    width: 30px;
}
.zone.subpage {
    padding: 200px 170px 200px 170px;
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 2.0;
    background: #fff;
}
.zone.subpage.grey {
    background: #f7f7f7;
}
.zone.animate.zoom .darkbox.opacity-6 {
    background-color: rgba(40, 40, 40, 0.6);
}
.zone.animate.zoom .darkbox {
   position: absolute !Important;
top: 180px;
left: 0px;
padding: 50px 50px 70px;
color: #fff;
width: 760px;
font-size: 14px;
font-weight: 400;
}
.darkbox .sppb-addon-text-block a {
    font-family: 'Midnight', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    position: absolute;
    bottom: -70px;
    background: #ed1c24;
    color: #fff;
    padding: 9px 26px 8px;
    left: 0px;
}
.darkbox h1 {
    font-family: 'Midnight', sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    display: block;
    text-align: left;
    margin: 0 auto;
    padding: 0 0 24px;
    font-weight: 600;
    width: 100%;
}
.darkbox h1:after {
    border-bottom: 3px solid #fff;
    width: 8px;
    margin: 20px 0 0;
    display: block;
    height: 4px;
    font-size: 10px;
    content: '';
}
.zone.subpage.bright {
    background: #fff;
}
.zone.subpage .box.absolute {
width: 100px;
border-bottom: 75px solid #fff;
margin: 0 auto;
position: absolute;
left: calc(50% - 50px);
top: -267px;
}
.zone.subpage .icon.absolute {
    top: -248px;
    left: calc(50% - 75px);
    position: absolute;
    display: block;
    width: 150px;
    margin: 0 auto;
    text-align: center;
}
.zone.subpage.grey .sppb-addon-text-block, .zone.subpage.bright .sppb-addon-text-block {
    color: #666;
}
.zone.subpage .sppb-addon-text-block {
    font-family: 'Midnight', sans-serif;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
}
.zone.subpage .icon.absolute p {
    margin: 0px;
    padding: 0px;
}
.zone.subpage .icon.absolute img {
    margin: 28px auto 0;
}
.zone.subpage .header.absolute h2 {
    font-family: 'Midnight', sans-serif;
    font-size: 14px;
    position: absolute;
    top: -144px;
    letter-spacing: 1px;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 0px;
    font-weight: 600;
    width: 100%;
    color: #666;
    text-transform: uppercase !Important;
}
.zone.subpage .header.absolute h2 strong {
    font-weight: 800;
    color: #c7ab59;
}
.zone.subpage h3 {
    font-family: 'Midnight', sans-serif;
    font-size: 17px;
    letter-spacing: 1px;
    display: block;
    text-align: left;
    margin: 0 auto;
    padding: 0 0 30px !Important;
    font-weight: 600;
    width: 100%;
}
.zone.subpage h3:after {
    border-bottom: 3px solid #000000;
    width: 8px;
    margin: 26px 0 0;
    display: block;
    height: 4px;
    font-size: 10px;
    content: '';
}
.zone.subpage .sppb-col-md-3 .sppb-addon-text-block p {
    padding: 0 0 0 0;
}
.zone.subpage .sppb-addon-text-block p {
    padding: 0 0 14px 0;
}
.zone.subpage.grey .sppb-addon-text-block, .zone.subpage.bright .sppb-addon-text-block {
    color: #666;
}
.zone.subpage .sppb-addon-text-block {
    font-family: 'Midnight', sans-serif;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
}
.zone.subpage.bright .sppb-addon-text-block strong, .zone.subpage.grey .sppb-addon-text-block strong {
    color: #171717;
    font-weight: 600;
}
.zone.photobox h4 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    color: #fff;
    padding: 22px 51px !Important;
    background: #cc9b55;
    z-index: 100;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.6;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Midnight', sans-serif;
    margin: 0px;
}
.zone.photobox h4 strong {
    font-size: 16px;
    line-height: 1.7;
    text-transform: none;
    letter-spacing: 1px;
    font-weight: 600;
}
.zone.photobox {
    margin-bottom: 100px;
}
.zone.subpage.bright .ebook .sppb-addon-text-block strong, .zone.subpage.grey .ebook .sppb-addon-text-block strong {
    margin: 30px 0 8px 0;
    display: inline-block;
    line-height: 1.8;
    font-size: 15px;
}
.zone.subpage .ebook .sppb-addon-text-block a:hover {
    background: #c7ab59;
    color: #fff;
}
.zone.subpage.bright a:hover, .zone.subpage.grey a:hover {
    color: #c7ab59;
    
}
.zone.subpage .ebook .sppb-addon-text-block a {
    font-size: 11px;
    display: block;
    width: 100%;
    background: #676767;
    border-top: 0px;
    color: #fff;
    text-align: center;
    padding: 13px 0;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    margin: 20px 0 0 0;
}
.zone.subpage .ebook .sppb-addon-text-block a.second {
	background: #c7ab59;
	color: #fff;
}
.zone.subdemo {
    padding: 270px 170px 200px 170px;
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 2.0;
    background: #fff;
}
.zone.subdemo.dark h3 {
    color: #fff;
}
.zone.subdemo h3 {
    font-family: 'Midnight', sans-serif;
    font-size: 18px;
    letter-spacing: 0px;
    display: block;
    text-align: left;
    margin: 40px auto 0;
    padding: 0 0 30px;
    font-weight: 600;
    width: 100%;
}
.zone.subdemo h3:after {
    border-bottom: 3px solid #000000;
    width: 8px;
    margin: 26px 0 0;
    display: block;
    height: 4px;
    font-size: 10px;
    content: '';
}
.zone.subdemo.dark h3:after {
    border-color: #fff;
}
.zone.subdemo .sppb-addon-text-block p {
    padding: 0 0 4px 0;
    line-height: 1.6;
}
.zone.subdemo.dark .sppb-addon-text-block {
    color: #fff;
}
.zone.subdemo .sppb-addon-text-block {
    font-family: 'Midnight', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
}
.zone.subdemo.dark .sppb-col-md-2 {
    width: 40%;
    max-width: 40%;
    flex: none;
}
.zone.subdemo.dark .sppb-col-md-7 {
    width: 5%;
    max-width: 5%;
    flex: none;
}
.zone.subdemo.dark .sppb-col-md-3 {
    width: 55%;
    max-width: 55%;
    flex: none;
}
.zone.subdemo .additional .sppb-addon-text-block a {
    font-size: 10px;
    display: block;
    width: 100%;
    background: #676767;
    border-top: 0px;
    color: #fff;
    text-align: center;
    padding: 13px 0;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 20px 0 0 0;
}

.zone.subdemo .additional .sppb-addon-text-block a:hover {
	background: #c7ab59;
	color: #fff;
}
a.framebutton {
    font-family: 'Midnight', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
    width: auto;
    display: block;
    margin: 20px 0 0;
    padding: 20px 0 20px;
    background: none;
    font-weight: 600;
    text-decoration: none;
    color: #c7ab59;
    border: 2px solid #c7ab59;
    line-height: 1;
    width: 430px;
}
.zone.form {
    padding: 70px 0 150px;
    margin: 0px;
}
.zone.form h2 {
        width: 100%;
    display: block;
    font-family: 'Midnight',sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    vertical-align: middle;
    line-height: 28px;
    color: #171717;
    text-align: left;
    margin: 34px 0 34px 0;
}
.rsform-block-pole-komentarz {
    color: #ccc;
    text-transform: uppercase;
    font-weight: 600;
}
.formResponsive .formHorizontal .formControlLabel {
    float: left;
    text-align: left;
    font-family: 'Midnight', serif;
    font-weight: 400;
    font-size: 12px;
    margin-right: 0px;
    letter-spacing: 1px;
    color: #171717;
    width: 32%;
}
.formResponsive select, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
    width: 94%;
    color: #171717;
}
.formResponsive select, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
    display: inline-block;
    height: 18px;
    border-radius: 0px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: #171717;
    background: none;
    font-family: 'Midnight', serif;
    font-weight: 400;
    box-sizing: content-box;
    border-bottom: 1px solid #171717;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    box-shadow: none;
    text-align: left;
    width: 100%;
    margin-bottom: 0px;
}
.formResponsive textarea {
    display: inline-block;
    margin-top: 10px;
    border-radius: 0px;
    padding: 5% 0px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #171717;
    background: none;
    font-family: 'Midnight', serif;
    font-weight: 400;
    box-sizing: content-box;
    border-bottom: 1px solid #171717;
    border-top: 1px solid #171717;
    border-left: 0px;
    border-right: 0px;
    box-shadow: none;
    width: 100%;
}
.formResponsive .formControls label {
    min-height: 18px;
    margin: 3px 5px 3px 0;
    padding: 0;
    font-size: 11px;
    line-height: 1.9;
    letter-spacing: 1px;
    font-family: 'Midnight', serif;
    font-weight: 300;
}
.formResponsive .formControls label a {
    color: #171717;
    font-family: 'Midnight', serif;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.formResponsive input[type="submit"], .formResponsive button[type="submit"] {
        font-family: 'Midnight', serif;
    font-weight: 600;
    width: 100%;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 18px 0px 18px 0px;
    display: block;
    text-align: center;
    border-radius: 0px;
    margin: 0px auto 0 auto;
    box-shadow: none;
    background: #000 !important;
    color: #fff;
    border: 0px;
    border: 0px !Important;
}


.formResponsive input[type="submit"]:hover, .formResponsive button[type="submit"]:hover {
    font-family: 'Midnight', serif;
    font-weight: 600;
    width: 100%;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 18px 0px 18px 0px;
    display: block;
    text-align: center;
    border-radius: 0px;
    margin: 0px auto 0 auto;
    box-shadow: none;
    background: #c7ab59 !important;
    color: #fff;
    border: 0px;
    border: 0px !Important;
}
.rsform {
    padding: 80px 100px 80px 100px;
}
.formResponsive .formHorizontal p.formDescription {
    margin-top: 11px;
    font-family: 'type1-bold', serif;
    margin-bottom: 11px;
    color: #6e6e6e;
    font-size: 10px;
    letter-spacing: 1px;
    margin: 0 0 10px;
}
.formResponsive .formHorizontal .formControls {
    margin-left: 32%;
    line-height: 1;
}
.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 0px;
}

.zone.subinfo {
    padding: 300px 0 320px;
}
.designbox.right {
    right: auto;
}
.designbox.bright.right {
    right: 100px;
	top: 100px;
	left: auto;
}
.designbox.bright {
  background-color: rgb(255, 255, 255);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.85);
}
.designbox {
    padding: 60px 50px 40px;
    font-family: 'Midnight', sans-serif;
    font-size: 18px;
    letter-spacing: 0px;
    display: block;
}
.designbox h1 {
    font-family: 'Midnight', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    display: block;
    text-align: left;
    margin: 0 auto;
    padding: 0 0 20px;
    font-weight: 300;
    width: 100%;
}
.designbox h1 strong {
    font-size: 17px;
    font-weight: 600;
    display: inline-block;
    padding: 6px 0 0 0;
}
.designbox h1:after {
    border-bottom: 3px solid #171717;
    width: 8px;
    margin: 20px 0 0;
    display: block;
    height: 4px;
    font-size: 10px;
    content: '';
}
.designbox.bright a {
    color: #ed1c24;
}
.designbox a {
    font-family: 'Midnight', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: left;
    width: auto;
    text-transform: uppercase;
    display: block;
    margin: 0px;
    padding: 4px 0 0;
    background: none;
    font-weight: 600;
    text-decoration: none;
}
.zone.subinfo .absolute-text1 {
    text-transform: uppercase;
    display: inline-block;
    position: absolute;
    top: -90px;
    left: 100px;
    width: auto;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: 'Midnight', sans-serif;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 600;
    padding: 20px 28px;
    color: #fff;
    text-align: center;
}
.zone.subbenefits.dark {
  padding: 170px 120px;
}
.zone.subbenefits.dark .sppb-text-left {
	text-align: center;
}
.zone.subbenefits.dark .ebook img {
	margin: 20px auto 10px;
}
.zone.subbenefits.dark .ebook .seperator-content {
	color: #fff;
	font-size: 11px;
	letter-spacing: 1px;
}
.zone.subbenefits.dark .ebook .seperator-content strong {
	display: block;
	color: #fff;
	font-weight: 600;
}
.zone.subbenefits.dark .ebook .sppb-col-md-3 {
  padding: 0 30px;
}
.zone.subbenefits.dark a {
  font-size: 12px;
  display: block;
  width: 440px;
  background: none;
  border: 2px solid #fff;
  text-align: center;
  padding: 17px 0;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  margin: 52px auto 0;
  color: #fff;
}
.zone.subbenefits.dark h3 {
	font-family: 'Midnight', sans-serif;
	font-weight: 600;
	color: #fff;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 1.6;
}
.zone.subbenefits.dark h3 strong {
	font-family: 'Midnight', sans-serif;
	font-weight: 800;
	color: #fff;
	font-size: 22px;
	letter-spacing: 1px;
}

.zone.subinfo .absolute-text1 p strong {
    display: inline-block;
    color: #fff;
    font-family: 'Midnight', sans-serif;
    font-size: 25px;
    letter-spacing: 2px;
    width: 100%;
    text-align: center;
}
.zone.subinfo .absolute-text1 p {
    padding: 0px;
    margin: 0px;
}
.zone.subinfo .absolute-text3 {
    display: block;
    position: absolute;
    width: auto;
    background-color: rgba(200, 159, 95, 0.8);
    font-family: 'Midnight', sans-serif;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 600;
    padding: 20px 28px;
    color: #fff;
    text-align: center;
    top: -179px;
    right: 645px;
}
.zone.subinfo .absolute-text3 p strong {
    display: inline-block;
    color: #fff;
    font-family: 'Midnight', sans-serif;
    font-size: 25px;
    letter-spacing: 2px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
.zone.subinfo .absolute-text2 {
    display: block;
    position: absolute;
    width: auto;
    background-color: rgba(0, 0, 0, 0.7);
    font-family: 'Midnight', sans-serif;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 600;
    padding: 20px 28px;
    color: #fff;
    text-align: center;
    top: 171px;
    left: 446px;
}
.designbox .sppb-addon-text-block {
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 300;
}
.designbox.bright .sppb-addon-text-block {
    color: #fff;
}
.zone.subinfo .absolute-text2 p strong {
    display: inline-block;
    color: #fff;
    font-family: 'Midnight', sans-serif;
    font-size: 25px;
    letter-spacing: 2px;
    width: 100%;
    text-align: center;
}
.zone.subinfo.contact .sppb-col-md-7 {
    width: 64%;
    max-width: 64%;
    flex: none;
}
.zone.subinfo.contact .sppb-col-md-5 {
    width: 36%;
    max-width: 36%;
    flex: none;
}
.zone.subinfo .sppb-col-md-7 {
    width: 64%;
    max-width: 64%;
    flex: none;
}
.zone.subinfo .sppb-col-md-3 {
    width: 36%;
    max-width: 36%;
    flex: none;
}
.zone.subinfo .sppb-col-md-6 {
    width: 28%;
    max-width: 28%;
    flex: none;
}
.zone.subbenefits.custom.type_2 {
    padding: 300px 170px 150px 170px;
}

.zone.subbenefits.custom {
    padding: 400px 170px 150px 170px;
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 2.0;
    background: #fff;
}
.zone.subbenefits.custom.type_2 h3 {
    text-align: left;
    margin-left: 20px;
}
.zone.subbenefits.dark.custom h3 {
    color: #fff;
}
.zone.subbenefits.custom h3 {
    font-family: 'Midnight', sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 30px;
    font-weight: 600;
    width: 100%;
}
.zone.subbenefits.custom h3 strong {
    font-family: 'Midnight', sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 14px 0 50px 0;
    display: inline-block;
}
.zone.subbenefits.dark.custom .sppb-addon-text-block {
    color: #fff;
}
.zone.subbenefits.custom .sppb-addon-text-block {
    font-family: 'Midnight', sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
}
.zone.subbenefits.dark.custom .sppb-addon-text-block p {
    padding: 0 15px 6px;
    margin-bottom: 6px;
    text-align: center;
    font-size: 12px;
}
.zone.subbenefits.dark.custom.type_2 .sppb-addon-text-block strong, .zone.subbenefits.dark.custom.type_3 .sppb-addon-text-block strong {
    font-size: 17px;
    letter-spacing: 1px;
    margin: 0px;
    padding: 0px;
    line-height: 1.5;
    margin-top: 10px;
}
.zone.subbenefits.dark.custom .sppb-addon-text-block strong {
    color: #fff;
    font-weight: 700;
    margin: 16px 0 0 0;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.zone.subbenefits.dark.custom .sppb-addon-text-block a {
    border-color: #fff;
    color: #fff;
}
.zone.subbenefits.custom.type_2 .sppb-addon-text-block a {
    margin: 52px 0 0;
}
.zone.subbenefits.custom .sppb-addon-text-block a {
    font-size: 12px;
    display: block;
    width: 440px;
    background: none;
    border: 2px solid #fff;
    text-align: center;
    padding: 17px 0;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    margin: 52px auto 0;
}
.zone.subbenefits.dark.custom.type_2 .sppb-addon-text-block strong span, .zone.subbenefits.dark.custom.type_3 .sppb-addon-text-block strong span {
    font-style: normal;
    text-decoration: none !important;
    font-size: 14px;
}
.designbox.left {
    left: 100px;
}
.zone.left1 .box.absolute.gold a {
    background: #c7ab59;
    color: #171717;
    font-family: 'Midnight', sans-serif;
    font-weight: 600;
    padding: 20px 0px 18px 20px;
}
.zone.left1 .box.absolute.gold a:hover {
	background: #ccc;
}
.zone.left1 .box.absolute.black {
    background: none;
    color: #ccc;
    font-family: 'Midnight', sans-serif;
    font-weight: 600;
    padding: 26px 0px 25px 20px;
}

a.framebutton.center {
    font-family: 'Midnight', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
    width: auto;
    display: block;
    margin: 40px auto 0;
    padding: 20px 0 20px;
    background: none;
    font-weight: 600;
    text-decoration: none;
    color: #c7ab59;
    border: 2px solid #c7ab59;
    line-height: 1;
    width: 100%;
    left: -15px;
    position: relative;
}
.zone.subpage.dark {
    background: #171717;
    color: #ccc;
}


.zone.subpage.services .sppb-addon-text-block a {
    color: #c7ab59;
}
.zone.subpage.dark .bookcatalog-link a:hover {
    background: #fff;
    color: #171717 !important;
}
.zone.subpage.services .sppb-col-md-6 {
    padding: 0px 80px 0 0;
}
.zone.photobox.login {
    padding: 0px;
    margin: 60px 0 80px;
}
.sp-module.hideMobile {
	display: none;
	width: 0px;
}






/* -- Font engine -- */
@font-face {
    font-family: 'Midnight';
    font-style: normal;
    font-weight: 200;
    src: url('Metropolis-ExtraLight.otf');
	font-display: block;
}


@font-face {
    font-family: 'Midnight';
    font-style: normal;
    font-weight: 300;
    src: url('Metropolis-Light.otf');
	font-display: block;
}

@font-face {
    font-family: 'Midnight';
    font-style: normal;
    font-weight: 400;
    src: url('Metropolis-Regular.otf');
	font-display: block;
}

@font-face {
    font-family: 'Midnight';
    font-style: normal;
    font-weight: 600;
    src: url('Metropolis-SemiBold.otf');
	font-display: block;
}
@font-face {
    font-family: 'Midnight';
    font-style: normal;
    font-weight: 800;
    src: url('Metropolis-Bold.otf');
	font-display: block;
}
/* -- x1600 ---------------------------------------------------------------------------------- */
@media (min-width: 320px) and (max-width: 1365px) {
     .sp-module.hideMobile {
width: 100vw;
height: 100vh;
position: fixed;
display: block;
color: #fff;
font-size: 16px;
text-align: center;
padding: 92px 200px 0px !important;
background: #000;
top: 0px;
left: 0px;
z-index: 100;
	 }

}
@media (min-width: 1600px) and (max-width: 1900px) {
.zone.RightCode {
  text-align: left;
  color: #fff;
  padding: 0 30px 0 30px;
  font-weight: 400;
  letter-spacing: 1px;
}
.zone.LeftCode p {
  padding: 0 50px 0px;
  margin-bottom: 6px;
  text-align: center;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 3px;
}
.zone.GCodeBox a {
  margin: 12px 60px 0;
}
.zone.subinfo {
  padding: 150px 0 200px;
}
}
/* -- x1440 ---------------------------------------------------------------------------------- */
@media (min-width: 1440px) and (max-width: 1599px) {
.zone.animate.zoom .darkbox {
  position: absolute !Important;
  top: 76px;
  left: 0px;
  padding: 40px 40px 70px;
  color: #fff;
  width: 610px;
  font-size: 14px;
  font-weight: 400;
}
.zone.seperator {
  padding: 100px 150px;
}
.zone.GCodeBox h3 strong {
  padding-right: 141px;
}
.zone.GCodeBox {
  padding: 160px 65px;
  line-height: 1.6;
}
.imageOverlayContainer .imageOverlay .trailerSubheader {
  padding: 0px 16px 0;
}
.sppb-addon-overlay-image-content {
  height: 770px !important;
}

.zone.RightCode {
  text-align: left;
  color: #fff;
  padding: 0 30px 0 30px;
  font-weight: 400;
  letter-spacing: 1px;
}
.zone.LeftCode p {
  padding: 0 50px 0px;
  margin-bottom: 6px;
  text-align: center;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 3px;
}
.zone.GCodeBox a {
  margin: 12px 60px 0;
}
.zone.subinfo {
  padding: 150px 0 200px;
}
.view-page #sp-left.col-lg-4 {
  width: 25%;
  max-width: 25%;
}
.view-page #sp-component.col-lg-8 {
  width: 75%;
  max-width: 75%;
}
.zone.left1 {
  position: fixed;
  width: 25%;
  min-width: 25%;

}
}
/* -- x1366 ---------------------------------------------------------------------------------- */
@media (min-width: 1366px) and (max-width: 1439px) {

.zone.animate.zoom .darkbox {
  position: absolute !Important;
  top: 76px;
  left: 0px;
  padding: 40px 40px 70px;
  color: #fff;
  width: 510px;
  font-size: 14px;
  font-weight: 400;
}
.zone.seperator {
  padding: 100px 150px;
}
.zone.GCodeBox h3 strong {
  padding-right: 141px;
}
.zone.GCodeBox {
padding: 60px 50px;
line-height: 1.6;
}
.imageOverlayContainer .imageOverlay .trailerSubheader {
  padding: 0px 16px 0;
}
.sppb-addon-overlay-image-content {
  height: 670px !important;
}
.designbox.bright.right {
  right: 100px;
  top: 50px;
  left: auto;
}

.zone.RightCode {
  text-align: left;
  color: #fff;
  padding: 0 30px 0 30px;
  font-weight: 400;
  letter-spacing: 1px;
}
.zone.GCodeBox a {
  width: 290px;
}
.zone.LeftCode p {
  padding: 0 20px 0px;
  margin-bottom: 6px;
  text-align: center;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 3px;
}
.zone.GCodeBox a {
  margin: 12px 60px 0;
}
.zone.subinfo {
  padding: 100px 0 200px;
}
.zone.subinfo.contact .sppb-col-md-7 {
  width: 55%;
  max-width: 55%;
  flex: none;
}
.zone.subinfo.contact .sppb-col-md-5 {
  width: 45%;
  max-width: 45%;
  flex: none;
}

.view-page #sp-left.col-lg-4 {
  width: 25%;
  max-width: 25%;
}
.view-page #sp-component.col-lg-8 {
  width: 75%;
  max-width: 75%;
}
.zone.left1 {
  position: fixed;
  width: 25%;
  min-width: 25%;

}
.zone.left1 .box.absolute a {
  padding: 10px 0px 10px 20px;
}
.zone.left1 {
  padding: 50px 50px 0 0;
}
.imageOverlayContainer .imageOverlay .trailerSubheader {
  padding: 0px 20px 0;
}
.zone.GCodeBox h3 strong {
  padding-right: 140px;
}
}

@media (min-width: 1280px) and (max-width: 1365px) {
.zone.animate.zoom .darkbox {
  position: absolute !Important;
  top: 76px;
  left: 0px;
  padding: 40px 40px 70px;
  color: #fff;
  width: 510px;
  font-size: 14px;
  font-weight: 400;
}

.zone.seperator {
  padding: 100px 150px;
}
.zone.GCodeBox h3 strong {
  padding-right: 141px;
}
.zone.GCodeBox {
padding: 60px 50px;
line-height: 1.6;
}
.imageOverlayContainer .imageOverlay .trailerSubheader {
  padding: 0px 16px 0;
}
.sppb-addon-overlay-image-content {
  height: 670px !important;
}
.designbox.bright.right {
  right: 100px;
  top: 50px;
  left: auto;
}

.zone.RightCode {
  text-align: left;
  color: #fff;
  padding: 0 30px 0 30px;
  font-weight: 400;
  letter-spacing: 1px;
}
.zone.GCodeBox a {
  width: 290px;
}
.zone.LeftCode p {
  padding: 0 20px 0px;
  margin-bottom: 6px;
  text-align: center;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 3px;
}
.zone.GCodeBox a {
  margin: 12px 60px 0;
}
.zone.subinfo {
  padding: 100px 0 200px;
}
.zone.subinfo.contact .sppb-col-md-7 {
  width: 55%;
  max-width: 55%;
  flex: none;
}
.zone.subinfo.contact .sppb-col-md-5 {
  width: 45%;
  max-width: 45%;
  flex: none;
}

.view-page #sp-left.col-lg-4 {
  width: 25%;
  max-width: 25%;
}
.view-page #sp-component.col-lg-8 {
  width: 75%;
  max-width: 75%;
}
.zone.left1 {
  position: fixed;
  width: 25%;
  min-width: 25%;

}
.zone.left1 .box.absolute a {
  padding: 10px 0px 10px 20px;
}
.zone.left1 {
  padding: 50px 50px 0 0;
}
.imageOverlayContainer .imageOverlay .trailerSubheader {
  padding: 0px 20px 0;
}
.zone.GCodeBox h3 strong {
  padding-right: 140px;
}
}

/* -- x767 ---------------------------------------------------------------------------------- */
@media (min-width: 767px) and (max-width: 1024px) {
.burger-icon > span {
  display: block;
  height: 2px;
  background-color: #ed1c24;
  margin: 5px 0;
  transition: background-color 0s ease-in, opacity 0s ease-in, transform 0s ease-in;
  animation: none;
}
.zone.mobileLogo {
display: block;
padding: 17px 32px 0px 0px;
margin: 0px;
}
.zone.mobileLogo img {
	width: 150px;
height: auto;
}
#sp-logo {
display: block;
position: fixed;
top: 0px;
z-index: 2;
background: #171717;
width: 100%;
height: 90px;
padding: 0px;
margin: 0px;
left: 0px;
}
.zone.animate.zoom .darkbox {
position: relative !Important;
top: auto;
left: auto;
padding: 80px 80px;
color: #fff;
width: auto;
font-size: 14px;
font-weight: 400;
background: #171717 !important;
}
.zone.GCodeBox {
  padding: 100px 100px;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 2.0;
  background: #171717 !Important;
}
.zone.subinfo {
  padding: 0px;
}
.designbox.bright.right {
  right: auto;
  top: auto;
  left: auto;
}
.zone.subinfo.contact .sppb-col-md-5 {
  width: 100%;
  max-width: 100%;
  flex: none;
}
.zone.subinfo.contact .sppb-col-md-7 {
  width: 100%;
  max-width: 100%;
  flex: none;
}
.designbox.bright {
  background: #171717;
}
.com-sppagebuilder #sp-main-body {
  padding: 90px 0 0 0;
}
.zone.subpage {
  padding: 100px 100px 100px 100px;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 2.0;
  background: #fff;
}
.darkbox .sppb-addon-text-block a {
  font-family: 'Midnight', sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
  position: relative;
  bottom: auto;
  background: #ed1c24;
  color: #fff;
  padding: 9px 26px 8px;
  left: auto;
}
#sp-header {
  height: 60px;
}
.burger-icon::after {
content: 'MENU';
display: inline-block;
padding: 0px;
margin: 0 0 0 39px;
position: absolute;
top: 0px;
color: #fff;
font-size: 14px;
font-family: 'Midnight';
letter-spacing: 4px;
font-size: 14px;
font-weight: 600;
}

.offcanvas-menu {
    width: 100vw;
    background: #fff;
    height: 100%;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    z-index: 10000;
	opacity: 1;
}
.close-offcanvas {
    position: absolute;
    top: 75px;
    z-index: 1;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 19px;
    background: none;
    color: #ccc;
}
.offcanvas-menu .offcanvas-inner {
    padding: 0px;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-left {
   float: none;
margin: 0 0 0 73px;
z-index: 999;
position: absolute;
left: -2px;
top: -2px;
}
#offcanvas-toggler {
  line-height: 100px;
  font-size: 20px;
}
.burger-icon {
width: 25px;
cursor: pointer;
margin-top: 36px;

}
.offcanvas-menu {
 width: 100%;
}
.close-offcanvas {
  position: absolute;
  top: 55px;
  left: 74px;
  z-index: 1;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 19px;
  background: none;
  color: #171717;
}
body.ltr .close-offcanvas {
right: auto;
animation: none;
z-index: 100;
right: 13%;
top: 47px;
color: #fff;
left: auto;
}

body.ltr.offcanvs-position-right .offcanvas-menu {
    left: -970px;
	right: auto;
	background: none;
	padding-left: 0px;
	box-shadow: 0px;  
}

body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
    right: auto;
}

body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu {
	padding: 0px 0px;
height: 100%;
background: none;
right: auto;
left: 0px;
visibility: visible;
opacity: 1;
}


body.ltr.offcanvs-position-left .offcanvas-menu {
	left: -767px;
	right: auto;
	visibility: visible;
	opacity: 1;
	padding: 0px;
    height: 100%;
}
.zone.left1.mobile .zone.ImageLogo img {
	width: 200px;
	height: auto;
}
.zone.left1.mobile .zone.Kontakt {
  margin: 60px 0 0;
  padding: 0px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  display: block;
  text-align: center;
}
.zone.left1.mobile {
position: inheirt;
width: 100%;
min-width: 100%;
height: 100%;
flex: none;
display: block;
background: #171717;
padding: 129px 176px 0;
margin: 0px;
z-index: 1;
top: auto;
left: auto;
}
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: #fff;
}
.zone.left1.mobile .box.absolute {
  display: inline-block;
  width: 100%;
  float: none;
  padding: 0px;
  margin: 14px 0 0 0;
  position: relative;
}
.zone.left1.mobile .zone.ImageLogo {
  display: block;
  width: 100%;
  padding: 0px;
  margin: 0px 0 21px;
}
.view-page #sp-left.col-lg-4 {
  width: 0%;
  display: none !Important;
}
.view-page #sp-component.col-lg-8 {
  width: 100%;
  flex: none;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
}
.sp-page-builder .page-content #korzysci {

  background: #171717;
}
.zone.LeftCode {
  display: none;
}
.zone.GCodeBox h3 strong {
  font-family: 'Midnight', sans-serif;
  font-size: 21px;
  letter-spacing: 1px;
  font-weight: 400;
  margin: 14px 0 30px 0;
  display: block;
  width: 100%;
  padding: 0px;
}
.zone.RightCode p {
  padding: 0 0px 6px;
  margin-bottom: 6px;
  text-align: left;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 3px;
}
.zone.RightCode {
  text-align: left;
  color: #fff;
  padding: 0px;
  font-weight: 400;
  letter-spacing: 1px;
}
.zone.GCodeBox a {
  font-size: 12px;
  display: block;
  width: 100%;
  background: none;
  border: 2px solid #fff;
  text-align: center;
  padding: 17px 0;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  margin: 12px 0px 0 0;
  color: #fff;
  float: none;
}
}
/* -- x320 ---------------------------------------------------------------------------------- */
@media (min-width: 320px) and (max-width: 766px) {
.burger-icon > span {
  display: block;
  height: 2px;
  background-color: #ed1c24;
  margin: 5px 0;
  transition: background-color 0s ease-in, opacity 0s ease-in, transform 0s ease-in;
  animation: none;
}
.zone.mobileLogo {
display: block;
padding: 17px 21px 0px 0px;
margin: 0px;
}
.zone.mobileLogo img {
	width: 150px;
height: auto;
}
#sp-logo {
display: block;
position: fixed;
top: 0px;
z-index: 2;
background: #171717;
width: 100%;
height: 90px;
padding: 0px;
margin: 0px;
left: 0px;
}
.zone.animate.zoom .darkbox {
position: relative !Important;
top: auto;
left: auto;
padding: 40px 40px;
color: #fff;
width: auto;
font-size: 14px;
font-weight: 400;
background: #171717 !important;
}
.zone.GCodeBox {
padding: 40px 40px;
font-size: 13px;
letter-spacing: 0px;
line-height: 2.0;
background: #171717 !Important;
}
.zone.GCodeBox h3 {
  font-family: 'Midnight', sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  display: block;
  text-align: left;
  margin: 0 auto;
    margin-left: auto;
  margin-left: auto;
  margin-left: auto;
  padding: 0 0 10px;
  font-weight: 400;
  width: 100%;
  color: #fff;
}
.zone.RightCode strong {
  font-size: 26px;
  letter-spacing: 2px;
  margin: 0px;
    margin-top: 0px;
  padding: 0px;
  line-height: 1;
  margin-top: 2px;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  font-weight: 600;
}
.zone.subinfo {
  padding: 0px;
}
.designbox.bright.right {
  right: auto;
  top: auto;
  left: auto;
}
.zone.subinfo.contact .sppb-col-md-5 {
  width: 100%;
  max-width: 100%;
  flex: none;
}
.zone.subinfo.contact .sppb-col-md-7 {
  width: 100%;
  max-width: 100%;
  flex: none;
}
.designbox.bright {
  background: #171717;
}
.com-sppagebuilder #sp-main-body {
  padding: 90px 0 0 0;
}
.zone.subpage {
padding: 40px 40px;
font-size: 13px;
letter-spacing: 0px;
line-height: 2.0;
background: #fff;
}
.darkbox .sppb-addon-text-block a {
  font-family: 'Midnight', sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
  position: relative;
  bottom: auto;
  background: #ed1c24;
  color: #fff;
  padding: 9px 26px 8px;
  left: auto;
}
#sp-header {
  height: 60px;
}
.burger-icon::after {
content: 'MENU';
display: inline-block;
padding: 0px;
margin: 0 0 0 39px;
position: absolute;
top: 0px;
color: #fff;
font-size: 14px;
font-family: 'Midnight';
letter-spacing: 4px;
font-size: 14px;
font-weight: 600;
}

.offcanvas-menu {
    width: 100vw;
    background: #fff;
    height: 100%;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    z-index: 10000;
	opacity: 1;
}
.close-offcanvas {
    position: absolute;
    top: 75px;
    z-index: 1;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 19px;
    background: none;
    color: #ccc;
}
.offcanvas-menu .offcanvas-inner {
    padding: 0px;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-left {
float: none;
margin: 0 0 0 30px;
z-index: 999;
position: absolute;
left: -2px;
top: -2px;
}
#offcanvas-toggler {
  line-height: 100px;
  font-size: 20px;
}
.burger-icon {
width: 25px;
cursor: pointer;
margin-top: 36px;

}
.offcanvas-menu {
 width: 100%;
}
.close-offcanvas {
  position: absolute;
  top: 55px;
  left: 74px;
  z-index: 1;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 19px;
  background: none;
  color: #171717;
}
body.ltr .close-offcanvas {
right: auto;
animation: none;
z-index: 100;
right: 13%;
top: 0px;
color: #fff;
left: auto;
}
.zone.ImageLogo::after {
  content: '-';
  display: block;
  margin: 0px auto 0px;
  color: #fff;
  font-size: 30px;
  font-weight: 400;
}

body.ltr.offcanvs-position-right .offcanvas-menu {
    left: -970px;
	right: auto;
	background: none;
	padding-left: 0px;
	box-shadow: 0px;  
}

body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
    right: auto;
}

body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu {
	padding: 0px 0px;
height: 100%;
background: none;
right: auto;
left: 0px;
visibility: visible;
opacity: 1;
}


body.ltr.offcanvs-position-left .offcanvas-menu {
	left: -767px;
	right: auto;
	visibility: visible;
	opacity: 1;
	padding: 0px;
    height: 100%;
}
.zone.left1.mobile .zone.ImageLogo img {
	width: 150px;
	height: auto;
}
.zone.left1.mobile .zone.Kontakt {
margin: 32px 0 0;
padding: 0px;
color: #fff;
font-size: 13px;
font-weight: 400;
display: block;
text-align: center;
}
.zone.left1.mobile {
position: inheirt;
width: 100%;
min-width: 100%;
height: 100%;
flex: none;
display: block;
background: #171717;
padding: 61px 30px 0;
margin: 0px;
z-index: 1;
top: auto;
left: auto;
}
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: #fff;
}
.zone.left1.mobile .box.absolute {
display: inline-block;
width: 100%;
float: none;
padding: 0px;
margin: 5px 0 0 0;
position: relative;
}
.zone.left1 .box.absolute a {
  display: block;
  width: 100%;
  background: #2f2f2f;
  color: #ccc;
  font-family: 'Midnight', sans-serif;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 6px 0px 6px 14px;
}
.zone.left1 .box.absolute p img {
  display: inline-block;
  margin-right: 12px;
  width: 24px;
}
.zone.left1.mobile .zone.ImageLogo {
  display: block;
  width: 100%;
  padding: 0px;
  margin: 0px 0 21px;
}
.view-page #sp-left.col-lg-4 {
  width: 0%;
  display: none !Important;
}
.view-page #sp-component.col-lg-8 {
  width: 100%;
  flex: none;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
}
.sp-page-builder .page-content #korzysci {

  background: #171717;
}
.zone.LeftCode {
  display: none;
}
.zone.GCodeBox h3 strong {
font-family: 'Midnight', sans-serif;
font-size: 14px;
letter-spacing: 1px;
font-weight: 400;
margin: 14px 0 30px 0;
display: block;
width: 100%;
padding: 0px;
}
.zone.RightCode p {
  padding: 0 0px 6px;
  margin-bottom: 6px;
  text-align: left;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 3px;
}
.zone.RightCode {
  text-align: left;
  color: #fff;
  padding: 0px;
  font-weight: 400;
  letter-spacing: 1px;
}
.zone.GCodeBox a {
  font-size: 12px;
  display: block;
  width: 100%;
  background: none;
  border: 2px solid #fff;
  text-align: center;
  padding: 17px 0;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  margin: 12px 0px 0 0;
  color: #fff;
  float: none;
}
}
/* -- High end mobile ---------------------------------------------------------------------------------- */
@media (min-width: 375px) and (max-width: 766px) {

}