/* -- Engine fixes -- */
.gallery-new img {
	margin-bottom: 40px;
}

ul.menu-menumobile {
	display: none !Important;
}
a, a:hover {
	color: #171717;
}
.fastcontact a, .fastcontact a:hover, .fastcontact a:visited {
	color: #fff;
}
.fastcontact-mobile a, .fastcontact-mobile a:hover, .fastcontact-mobile a:visited  {
	color: #838a96;
}
.sp-module.menu_info {
	display: block;
	padding-right: 50px;
	float: left
}
#sp-header .menu_info ul {
    padding: 0px;
    display: inline-block;
    text-align: left;
    float: left;
    margin: 0px;
    padding-left: 0px;
}
#sp-header .menu_info ul li {
	display: inline-block;
}
#sp-header .menu_info ul>li>a {
    display: inline-block;
    line-height: 20px;
    font-size: 10px;
    text-transform: none;
    letter-spacing: 2px;
    color: #838a96 !Important;
    font-family: 'type2-bold',sans-serif;
    font-weight: normal;
    padding: 0px;
    text-transform: uppercase;
    margin: 0 34px 0 0px;
    border-bottom: 0px;
}
.alert {
   display: none;
}

body {
	background: #ffffff;
    text-align: justify;
    font-family: 'type1-normal', sans-serif;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 1px;
    color: #838a96;
    line-height: 1.9;
    }
.oferta-right {
    position: absolute;
    right: 75px;
    width: 256px;
    top: 190px;
}
.ofertabox-container {
	border: 7px solid #171717;
    padding: 89px;
}
.ofertabox-title {
	font-size: 13px;
    font-family: type2-bold, sans-serif;
    line-height: 2.0;
    font-weight: normal;
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
	color: #171717;
}
.ofertabox-text {
	margin: 24px 0 0;
}
.ofertabox-link {
	
}
.ofertabox-link a {
    margin: 23px auto 0;
    padding: 9px 0px;
    letter-spacing: 1px;
    font-size: 11px;
    display: block;
    color: #171717;
    text-align: center;
    border: 3px solid #171717;
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

.seperator-triangle img {
    width: auto;
    padding-top: 21px;
    margin: 0 auto;
}
.seperator-triangle {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #fff;
    left: calc(50% - 30px);
    top: -60px;
}
	
.zone.offer3 .su-trailer-box {
    margin: 0px;
}
.zone.form {
	padding: 150px 0 100px;
	margin: 0px;
}
.zone.form .rsform h2 {
    text-align: left;
}
.zone.form .formResponsive input[type="submit"], .zone.form .formResponsive button[type="submit"] {
    background: #171717;
	color: #fff;
}
	
#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 0px;
    border: 0px;
    padding: 0px;
    border-radius: 0px;
}
#sp-page-builder .page-content .sppb-section:first-child {
    margin-top: auto;
}

#sp-position1.col-lg-2 {
	width: 20%;
	max-width: 20%;
	flex: none;
}
#sp-menu.col-lg-7 {
	width: 53%;
	max-width: 53%;
	flex: none;
}
#sp-position3.col-lg-3 {
	width: 27%;
	max-width: 27%;
	flex: none;
}

#sp-footer {
    font-size: 12px;
    letter-spacing: 1px;
    padding: 50px 0;
    border: 0px;
    text-align: center;
}
#sp-footer.remove-positions {
    margin-top: 0px;
}
#sp-footer a, #sp-bottom a {
    color: #fff;
}

#sp-footer .container-inner {
    border-top: 0px;
}
.cookies {
	padding: 80px 0 180px;
}
.cookies h1 {
    display: block;
    line-height: 1;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'type2-Bold', sans-serif;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    text-align: left;
    color: #838a96;
    margin: 12px 0 30px;
}
#sp-cookie-consent.position-bottom {
    width: 100%;
    display: table;
    width: 30%;
    padding: 15px;
    font-size: 12px;
    left: 30px;
    bottom: 30px;
}

.fastcontact {
	display: block;
    color: #fff;
    font-size: 11px;
    letter-spacing: 2px;
    font-family: 'type2-Bold', sans-serif;
    font-weight: normal;
    margin-top: 29px;
    padding-left: 11px;
}
.fastcontact i {
	font-size: 22px;
    vertical-align: sub;
    padding-right: 8px;
}

.customlogotype {
	 margin-top: 13px;
    margin-left: 0px;
    display: block;
    width: 210px;
    height: auto;
}
.customlogotype p {
	margin: 0px;
}
.customlogotype img {
	text-align: center;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    vertical-align: middle;
}

/* -- Offcanvas fixes -- */

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
	width: 0px;
	padding: 0px;
	margin: 0px;
	z-index: 10000;
}
#offcanvas-toggler > .fa {
    color: #838a96;
    font-size: 19px;
    position: absolute;
    right: 66px;
    top: 31px;
    z-index: 10001;
	display: none;
}
#offcanvas-toggler > .fa:hover {
	color: #838a96;
}
#offcanvas-toggler > .fa::after {
    font-family: 'type2-Bold', sans-serif;
    font-weight: normal;
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 0 12px;
    vertical-align: middle;
    line-height: 16px;
	display: none;
}
body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
    right: 0px;
}
.offcanvas-menu {
    width: 720px;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -720px;
}
.offcanvas-overlay {
    background: rgba(0, 0, 0, 0.75);
    -webkit-transition: 1.0s;
    transition: 1.0s;
}

/* -- Slider fixes -- */

.tparrows.preview4 .tp-arr-titleholder {
    display: none;
}
.tp-arr-imgholder {
	display: none !important;
}
.tparrows.preview1:after {
    font-family: "revicons";
    font-size: 30px;
    text-align: center;
    background: none;
    -webkit-transition: background 0.3s, color 0.3s;
    -moz-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}
.tparrows.preview1:hover:after {
	background: none !important;
	color:#fff;
}

/* -- Main & sub menu fixes -- */

#sp-header ul {
	padding: 0px;
    display: inline-block;
    text-align: left;
    float: left;
    padding-left: 70px;
}

#sp-header ul>li>a {
    display: inline-block;
    line-height: 80px;
    font-size: 10px;
    text-transform: none;
    letter-spacing: 2px;
    color: #ccc;
    font-family: 'type2-bold',sans-serif;
    font-weight: normal;
    padding: 0px;
	text-transform: uppercase;
    margin: 0 34px 0 0px;
    border-bottom: 0px;
}
#sp-header ul>li>a:hover {
	color: #838a96 !important;
}
#sp-header ul>li.active>a {
	color: #838a96 !Important;
}
#sp-header ul li ul {
    display: none;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    display: none;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:after {
    display: none;
}

/* -- SEPERATOR styles -- */

.seperator {
	width: 100%;
    display: block;
    font-family: Header-Bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 3px;
    vertical-align: middle;
    line-height: 16px;
    color: #171717;
	text-align: center;
	position: relative;
	
}
.seperator.flow {
	position: relative;
	top: -80px;
}
.seperator.flow.subpage {
	position: relative;
	top: -30px;
}

.seperator.white {
	background: #fff;
}
.seperator.white a {
	color: #171717;
}
.seperator.dark {
	background: #171717;
}
.seperator.dark a {
	color: #fff;
}
.seperator p .title {
	font-size: 13px;
	font-family: type2-bold, sans-serif;
	line-height: 2.0;
	font-weight: normal;
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.seperator p {
	margin: 70px 0 0;
	text-transform: none;
	letter-spacing: 1px;
	font-size: 12px;
	font-family: type1-normal, sans-serif;
	font-weight: normal;
	line-height: 2.0;
}
.seperator.dark p {
	margin: 29px 0 0;
	text-transform: none;
	letter-spacing: 1px;
	font-size: 12px;
	font-family: type1-normal, sans-serif;
	font-weight: normal;
	line-height: 2.0;
}

.seperator-black-image {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
    height: auto;
	margin: 0 12px 0 10px;
}

/* -- Page styles -- */


#sp-header {
    box-shadow: none;
	height: 80px;
}
#sp-header.page.homepage {
	background: transparent;
}
#sp-header.page.homepage.header-sticky {
	background: #171717;
	transition: background .95s ease-out,box-shadow .95s ease-out;
}
#sp-header.page.homepage ul>li>a {
    color: #fff;
}
#sp-header.page.homepage.header-sticky ul>li>a {
    color: #ccc;
}
#sp-header.page.subpage {
	background: #171717;
}
#sp-header.page.subpage ul>li>a {
    color: #fff;
}

.rev_slider_wrapper {
	position: relative;
	top: -80px;
}
.image-relative img {
	position: relative;
}
.zone.offer1 {
	padding: 140px 0 130px;
}
.zone.offer1 .sppb-col-md-3 {
    width: 37%;
    max-width: 37%;
    flex: none;
}
.zone.offer1 .sppb-col-md-6 {
    width: 26%;
    max-width: 26%;
    flex: none;
}
.zone.offer1 h1 .mainheading {
    width: 100%;
    display: block;
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 3px;
    vertical-align: middle;
    line-height: 37px;
    color: #07ccd4;
    text-align: center;
    margin: 37px 0 0 0;
}
.zone.offer1 h1 .subheading {
    width: 100%;
    display: block;
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 19px;
    letter-spacing: 1px;
    vertical-align: middle;
    line-height: 16px;
    color: #fff;
    text-align: center;
    margin: 0 0 84px 0;
}
.zone.offer1 h2 {
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    color: #07ccd4;
    letter-spacing: 3px;
    font-size: 13px;
    text-transform: uppercase;
    text-align: right;
    margin: 0 0 4px 0;
}
.zone.offer1 .infograph-container {
    width: 450px;
    display: block;
    float: right;
    margin-top: 79px;
}
.zone.offer1 .infograph-container.right {
    float: left;
}
.zone.offer1 .infograph-left {
    width: 350px;
    display: inline-block;
    float: left;
    padding: 10px 0;
}

.zone.offer1 .infograph-right {
    width: 100px;
    display: inline-block;
    float: left;
}
.zone.offer1 .infograph-icon {
    width: 100%;
    border-left: 2px solid #fff;
    padding: 30px 0 30px 24px;
    margin: 0 0 0 20px;
}
.zone.offer1 .infograph-container.right .infograph-icon {
    width: 100%;
    border-left: 0px;
    border-right: 2px solid #fff;
    padding: 30px 24px 30px 0;
    margin: 0 20px 0 0;
    float: right;
}
.zone.offer1 .infograph-container.right .infograph-icon img {
    float: right;
}
.zone.offer1 .infograph-container.right .infograph-left {
    width: 100px;
    display: inline-block;
    float: left;
	padding: 0px;
}
.zone.offer1 .infograph-container.right .infograph-right {
    width: 350px;
    display: inline-block;
    float: left;
    padding: 10px 0;
}
.zone.offer1 .infograph-container.right h2 {
    text-align: left;
}
.zone.offer1 .infograph-container.right .infograph-desc {
    text-align: left;
}
.zone.offer1 .infograph-desc {
   font-family: 'type1-normal', sans-serif;
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: right;
}
.zone.offer1 .infograph-button {
    display: block;
    width: 100%;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    margin-bottom: 70px;
}
.zone.offer1 .infograph-button a {
    width: 300px;
    padding: 0px;
    text-align: center;
    color: #fff;
    letter-spacing: 4px;
    font-size: 12px;
    text-transform: uppercase;
    margin: 10px auto 0;
    display: block;
}
.zone.offer1 .infograph-button a img {
    text-align: center;
    margin: 0 auto;
}
.zone.offer1 .infographic-image-resize {
	width: 90%;
	max-width: 90%;
	text-align: center;
	margin: 0 auto;
}
.zone.offer1 .infographic-image-resize img {
	margin: 0 auto;
}


.zone.offer2 {
	padding: 50px 0 130px;
}
.zone.offer2 .image-relative img {
	top: 0px;
	z-index: 10000;
}
.zone.offer2 .sppb-col-md-3 {
    width: 37%;
    max-width: 37%;
    flex: none;
}
.zone.offer2 .sppb-col-md-6 {
    width: 26%;
    max-width: 26%;
    flex: none;
}
.zone.offer2 h1 .mainheading {
    width: 100%;
    display: block;
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 3px;
    vertical-align: middle;
    line-height: 37px;
    color: #fff;
    text-align: center;
    margin: 37px 0 0 0;
}
.zone.offer2 h1 .subheading {
    width: 100%;
    display: block;
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 19px;
    letter-spacing: 1px;
    vertical-align: middle;
    line-height: 16px;
    color: #838a96;
    text-align: center;
    margin: 0 0 84px 0;
}
.zone.offer2 h2 {
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    color: #838a96;
    letter-spacing: 3px;
    font-size: 13px;
    text-transform: uppercase;
    text-align: right;
    margin: 0 0 4px 0;
}
.zone.offer2 .infograph-container {
    width: 450px;
    display: block;
    float: right;    
}
.zone.offer2 .infograph-container.leftone {
	position: relative;
	right: 100px;
	margin-top: 190px;
}
.zone.offer2 .infograph-container.lefttwo {
	position: relative;
	margin-top: 30px;
}
.zone.offer2 .infograph-container.leftthree {
	position: relative;
	right: -100px;
	margin-top: 30px;
}
.zone.offer2 .infograph-container.rightone {
	position: relative;
	left: 100px;
	margin-top: 190px;
}
.zone.offer2 .infograph-container.righttwo {
	position: relative;
	margin-top: 30px;
}
.zone.offer2 .infograph-container.rightthree {
	position: relative;
	left: -100px;
	margin-top: 30px;
}
.zone.offer2 .infograph-container.right {
    float: left;
}
.zone.offer2 .infograph-left {
    width: 350px;
    display: inline-block;
    float: left;
}

.zone.offer2 .infograph-right {
    width: 100px;
    display: inline-block;
    float: left;
}
.zone.offer2 .infograph-icon {
    width: 100%;
    border-left: 2px solid #fff;
    padding: 20px 0 20px 24px;
    margin: 0 0 0 20px;
}
.zone.offer2 .infograph-container.right .infograph-icon {
    width: 100%;
    border-left: 0px;
    border-right: 2px solid #fff;
    padding: 20px 24px 20px 0;
    margin: 0 20px 0 0;
    float: right;
}
.zone.offer2 .infograph-container.right .infograph-icon img {
    float: right;
}
.zone.offer2 .infograph-container.right .infograph-left {
    width: 100px;
    display: inline-block;
    float: left;
	padding: 0px;
}
.zone.offer2 .infograph-container.right .infograph-right {
    width: 350px;
    display: inline-block;
    float: left;
}
.zone.offer2 .infograph-container.right h2 {
    text-align: left;
}
.zone.offer2 .infograph-container.right .infograph-desc {
    text-align: left;
}
.zone.offer2 .infograph-desc {
    font-family: 'type1-normal', sans-serif;
    font-weight: normal;
    color: #fff;
    letter-spacing: 1px;
    font-size: 12px;
    text-align: right;
}
.zone.offer2 .infograph-button {
    display: block;
    width: 100%;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    margin-bottom: 70px;
}
.zone.offer2 .infograph-button a {
    width: 300px;
    padding: 0px;
    text-align: center;
    color: #fff;
    letter-spacing: 4px;
    font-size: 12px;
    text-transform: uppercase;
    margin: 10px auto 0;
    display: block;
}
.zone.offer2 .infograph-button a img {
    text-align: center;
    margin: 0 auto;
}
.zone.offer2 .infographic-image-resize {
	width: 90%;
	max-width: 90%;
	text-align: center;
	margin: 0 auto;
}
.zone.offer2 .infographic-image-resize img {
	margin: 0 auto;
}



.zone.offer3 .triangle-container {
    position: absolute;
	height: 200px;
    z-index: 2000;
    width: 200px;
	background: #fff;
    margin: 0 auto;
    top: 320px;
    left: calc(50% - 100px);
}
.zone.offer3 .blog-intro-container {
    display: block;
    width: 100%;
	z-index: 2000;
}
.zone.offer3 .blog-traingle1 {
    width: 0;
    height: 550px;
    border-top: 95px solid transparent;
    border-bottom: 95px solid transparent;
    border-right: 160px solid #fff;
    position: absolute;
    margin: 0 auto 0;
    left: calc(50% - 160px);
    z-index: 2000;
}
.zone.offer3 .blog-traingle2 {
    width: 0;
	height: 550px;
	border-top: 95px solid transparent;
	border-bottom: 95px solid transparent;
	border-left: 160px solid #fff;
	margin: 0 auto 0;
    position: absolute;
    top: 0px;
    left: calc(50% - 0px);
    z-index: 2000;
}
.zone.offer3 .blog-intro-box {
        display: block;
    padding: 48px 31px 0;
    z-index: 50000;
    color: #171717;
}
.zone.offer3 .blog-intro-subtitle {
	display: block;
    width: 100%;
    text-align: center;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 6px;
    margin: 49px 0 6px;
    line-height: 1;
    z-index: 60000;
    color: #171717;
}
.zone.offer3 .blog-intro-title {
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'type2-semibold', sans-serif;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 20px;
    z-index: 60000;
    color: #171717;
}

.zone.offer3 .blog-intro-link {
	display: block;
	width: 100%;
	z-index: 60000;
}
.zone.offer3 .blog-intro-link a {
	display: block;
    width: 100%;
    margin: 32px auto 0;
    text-align: center;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #838a96;
    z-index: 60000;
    padding: 0 0 4px;
}
.zone.offer3 .blog-intro-icon {
	width: 100%;
	display: block;
	text-align: center;
	z-index: 60000;
}
.zone.offer3 .blog-intro-icon img {
	margin: 0 auto;
	z-index: 60000;
}
.zone.offer3 .blog-intro-text {
	display: block;
    width: 100%;
    text-align: center;
    font-family: 'type1-normal', sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    padding: 0 20px;
    margin: 20px 0 20px;
    z-index: 60000;
}

.zone.wykonawcy .sppb-col-md-6 {
	padding: 0px;
}
.zone.wykonawcy .wykonawcy-title {
	    background: #fff;
    padding: 10px 16px;
    text-align: center;
    display: block;
    position: absolute;
    width: 451px;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0 auto;
    top: 68px;
    left: calc(50% - 200px);
}

.zone.wykonawcy .wykonawcy-text {
	padding: 0px;
	position: absolute;
	width: 100%;
	display: block;
	
}
.zone.wykonawcy .wykonawcy-text .wykonawcy-inner {
	padding: 50px;
    background: #fff;
    width: 70%;
    display: block;
    margin: -103px auto 0;

}
.zone.wykonawcy .triangle-container {
    position: absolute;
    height: 200px;
    z-index: 2000;
    width: 200px;
    background: #000;
    margin: 0 auto;
    top: 400px;
    left: calc(50% - 100px);
}
.zone.wykonawcy .blog-intro-container {
    display: block;
    width: 100%;
	z-index: 2000;
}
.zone.wykonawcy .blog-traingle1 {
    width: 0;
    height: 550px;
    border-top: 95px solid transparent;
    border-bottom: 95px solid transparent;
    border-right: 160px solid #fff;
    position: absolute;
    margin: 0 auto 0;
    left: calc(50% - 160px);
    z-index: 2000;
}
.zone.wykonawcy .blog-traingle2 {
    width: 0;
	height: 550px;
	border-top: 95px solid transparent;
	border-bottom: 95px solid transparent;
	border-left: 160px solid #fff;
	margin: 0 auto 0;
    position: absolute;
    top: 0px;
    left: calc(50% - 0px);
    z-index: 2000;
}
.zone.wykonawcy .blog-intro-box {
        display: block;
    padding: 48px 31px 0;
    z-index: 50000;
    color: #171717;
}
.zone.wykonawcy .blog-intro-subtitle {
	display: block;
    width: 100%;
    text-align: center;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 6px;
    margin: 49px 0 6px;
    line-height: 1;
    z-index: 60000;
    color: #171717;
}
.zone.wykonawcy .blog-intro-title {
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'type2-semibold', sans-serif;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 20px;
    z-index: 60000;
    color: #fff;
}

.zone.wykonawcy .blog-intro-link {
	display: block;
	width: 100%;
	z-index: 60000;
}
.zone.wykonawcy .blog-intro-link a {
	display: block;
    width: 100%;
    margin: 32px auto 0;
    text-align: center;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #bbcf00;
    z-index: 60000;
    padding: 0 0 4px;
}
.zone.wykonawcy .blog-intro-icon {
	width: 100%;
	display: block;
	text-align: center;
	z-index: 60000;
}
.zone.wykonawcy .blog-intro-icon img {
	margin: 0 auto;
	z-index: 60000;
}
.zone.wykonawcy .blog-intro-text {
	display: block;
    width: 100%;
    text-align: center;
    font-family: 'type1-normal', sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    padding: 0 20px;
    margin: 20px 0 20px;
    z-index: 60000;
}


#oferta-naster .sppb-col-md-12 {
    z-index: 2000;
}
.zone.offer-intro .su-trailer-box-style16 .su-trailer-box-desc {
    padding: 0px;
}
.zone.offer3 .big-trailer h2 {
    background: none;
    width: 40%;
    height: auto;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    letter-spacing: 3px;
    font-size: 13px;
    padding: 10px 0;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    text-transform: uppercase;
    margin-top: 400px;
    transition: all 1s ease-in-out;
}

.zone.offer3 .big-trailer .trailer-icon img {
	position: relative;
    display: inline-block;
    min-width: auto;
    width: auto;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    filter: none !important;
	
}
.zone.offer3 .big-trailer .trailer-title {
	background: #fff;
    width: 300px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    padding: 20px 0 12px;
    letter-spacing: 2px;
    font-family: 'Header-Bold', sans-serif;
    font-weight: normal;
    color: #171717;
}
.zone.offer3 .big-trailer .trailer-text {
	background: #fff;
    width: 300px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    padding: 0px 20px 20px;
    letter-spacing: 0px;
    font-family: 'Decorative', sans-serif;
    font-weight: normal;
    color: #171717;
}
.zone.offer3 .big-trailer .trailer-content {
	background: none;
    width: 40%;
    height: auto;
    margin: 0 auto;
    text-align: left;
    margin: 14px auto 0;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0px;
	line-height: 1.9;
    font-family: 'type1-normal', sans-serif;
    font-weight: normal;
    opacity: 0;
    text-align: justify;
}
.zone.offer3 .big-trailer .trailer-interline {
    width: auto;
    height: auto;
    text-align: center;
    margin: 20px auto 0;
    color: #fff;
    font-size: 25px;
    font-family: 'type2-normal', sans-serif;
    font-weight: normal;
}
.zone.offer3 .big-trailer .trailer-button {
	background: none;
    width: auto;
    height: auto;
    margin: 0 auto;
    text-align: center;
    margin: 20px auto 0;
    color: #fff;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
}
.zone.offer3 .big-trailer .trailer-icon {
    width: 124px;
    display: block;
    position: absolute;
    top: 282px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    left: calc(50% - 62px);
}
.zone.offer3 .big-trailer:hover .su-trailer-box img {
    opacity: 0.15 !Important;
	transform:scale(1.02); -webkit-transform:scale(1.02); 
    -moz-transform: scale(1.02); -o-transform:scale(1.02);
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.zone.offer3 .big-trailer:hover .trailer-icon img {
	transform:scale(1); -webkit-transform:scale(1); 
    -moz-transform: scale(1); -o-transform:scale(1);
	opacity: 1 !important;
	-webkit-filter: none;
    filter: none;
}
.zone.offer3 .big-trailer .trailer-icon img, .zone.offer3 .big-trailer .trailer-title, .zone.offer3 .big-trailer .trailer-text, .zone.offer3 .big-trailer .trailer-button, .zone.offer3 .big-trailer .trailer-content, .zone.offer3 .big-trailer .trailer-interline {
	opacity: 0;
	transition: opacity 0.75s, transform 0.75s;
}
.zone.offer3 .big-trailer:hover .trailer-icon img, .zone.offer3 .big-trailer:hover .zone.offer3 .trailer-title, .zone.offer3 .big-trailer:hover .trailer-text, .zone.offer3 .big-trailer:hover .trailer-button, .zone.offer3 .big-trailer:hover .trailer-content, .zone.offer3 .big-trailer:hover .trailer-interline {
	opacity: 1;
	transition: opacity 0.75s, transform 0.75s;
}

.zone.brand1 {
	padding: 0px;
}

.zone.brand1 .left-block {
	display: block;
    height: 890px;
}
.zone.brand1 .right-block {
	    padding: 180px 200px 0px;
    display: block;
    width: 100%;
    height: 890px;
}
.zone.brand1 .cover-container {
       display: block;
    position: absolute;
    width: 100%;
    height: 0px;
    z-index: 10000;
    text-align: center;
    margin-top: 130px;
}
.zone.brand1 .cover-icon {
    text-align: center;
    display: block;
}
.zone.brand1 .cover-title {
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    color: #06b2b9;
    letter-spacing: 1px;
    font-size: 14px;
    text-transform: uppercase;
    margin: 12px 0 12px 0;
}
.zone.brand1 .cover-content {
        display: block;
    width: 100%;
    text-align: center;
    font-family: 'type1-normal', sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    width: 254px;
    letter-spacing: 1px;
    margin: 0 auto;
}
.zone.brand1 .cover-icon img {
    margin: 0 auto;
}
.zone.brand1 h1 {
    display: block;
    line-height: 1;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #838a96;
    font-family: 'type2-bold',sans-serif;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    text-align: center;
    margin: 12px 0 20px;
}
.zone.brand1 .desc {
    display: block;
    line-height: 1.8;
    font-size: 13px;
    letter-spacing: 0px;
    color: #848689;
    font-family: 'type1-normal',sans-serif;
    font-weight: normal;
    padding: 0px;
    margin: 0 0 0 0;
    text-align: justify;
}



.zone.brand2 h2 .mainheading {
    font-family: 'type2-semibold', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    display: block;
    text-align: left;
    margin: 0 auto 0px auto;
    font-weight: normal;
    text-transform: uppercase;
    padding: 9px 0 0px 0;
    width: 100%;
    border: 0px;
    color: #ffffff;
}
.zone.brand2 h2 .subheading {
    font-family: 'type2-semibold', sans-serif;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 1px;
    display: block;
    text-align: left;
    margin: 0 auto;
    text-transform: uppercase;
    padding-top: 8px;
    padding-bottom: 56px;
    font-weight: normal;
    width: 100%;
    color: #ffffff;
}
.zone.brand2 h2 .subheading strong {
    color: #ffffff;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
}
.zone.brand2 .boxes {
	background: #000;
	padding: 50px;
	height: 400px;
}
.zone.brand2 .boxes .boxes-column {
	    border: 3px solid #fff;
		height: 302px;
}
.zone.brand2 .title {
    font-size: 18px;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    width: 100%;
    color: #fff;
    text-align: center;
    margin: 10px auto 10px auto;
}
.zone.brand2 .subtitle {
    font-size: 12px;
    font-family: 'type2-semibold', sans-serif;
    font-weight: normal;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    color: #fff;
    text-align: center;
    margin: 0px auto 0px auto;
}
.zone.brand2 .subtitle::after {
    border-bottom: 3px solid #fff;
    width: 10px;
    margin: 22px auto 14px auto;
    display: block;
    font-size: 10px;
    height: 4px;
    content: '';
}
.zone.brand2 .desc {
       font-size: 12px;
    line-height: 1.8;
    font-family: 'type1-normal', sans-serif;
    font-weight: normal;
    text-align: justify;
    padding: 0px;
    margin-bottom: 20px;
    color: #fff;
    letter-spacing: 1px;
    padding: 0 15px;
}
.zone.brand2 .icon {
    display: block;
    text-align: center;
}
.zone.brand2 .icon img {
       margin: 0 auto 6px;
}
.zone.brand3 .sppb-col-md-2 {
	width: 10%;
	max-width: 10%;
	flex: none;
}
.zone.brand3 .sppb-col-md-1 {
	width: 10%;
	max-width: 10%;
	flex: none;
}
.zone.brand3 {
	padding: 230px 0 270px;
}
.zone.brand3 h2 .mainheading {
    width: 100%;
    display: block;
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 3px;
    vertical-align: middle;
    line-height: 37px;
    color: #fff;
    text-align: center;
    margin: 34px 0 0 0;
}
.zone.brand3 h2 .subheading {
    width: 100%;
    display: block;
    font-family: type2-bold, sans-serif;
    text-transform: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.9;
    letter-spacing: 1px;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    margin: 0 0 44px 0;
}
.zone.brand3 .title {
    display: block;
    font-family: type2-bold, sans-serif;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    vertical-align: middle;
    color: #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    text-align: center;
    margin: 0 auto 100px;
    padding: 12px 0;
    width: 39%;
}
.zone.brand3 .numbers .sppb-animated-number {
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 27px !important;
    letter-spacing: 2px;
    color: #f7941d;
}
.zone.brand3 .numbers .sppb-animated-number-title {
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px !important;
    letter-spacing: 1px;
    line-height: 1.6 !important;
    color: #f7941d;
    display: block;
    width: 100%;
}
.zone.brand3 .numbers .sppb-animated-number-title strong {
       font-family: type2-bold, sans-serif;
    text-transform: none;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.9;
    color: #f7941d;
    display: block;
    width: 100%;
    margin-top: 6px;
}
.zone.brand3 .button a img {
    text-align: center;
    margin: 0 auto;
}
.zone.brand3 .button {
    display: block;
    width: 100%;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    margin-top: 70px;
}
.zone.brand3 .button a {
    width: 300px;
    padding: 0px;
    text-align: center;
    color: #fff;
    letter-spacing: 4px;
    font-size: 12px;
    text-transform: uppercase;
    margin: 10px auto 0;
    display: block;
}


.zone.contact .sppb-col-md-7 {
    width: 65%;
    max-width: 65%;
    flex: none;
}
.zone.contact .sppb-col-md-5 {
    width: 35%;
    max-width: 35%;
    flex: none;
}
.zone.contact .container {
        display: block;
    width: 100%;
    background: #171717;
    color: #fff;
    padding: 0 100px 80px;
    margin: 95px 0 100px !Important;
    text-align: center;
    font-size: 13px;
    letter-spacing: 1px;
	    left: 70px;
}
.zone.contact .container a {
    color: #fff;
    text-decoration: underline;
}
.zone.contact .subicon {
   background: #838a96;
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.zone.contact .subicon img {
    padding: 19px 0 0;
    margin: 0 auto;
    width: 55%;
}
.zone.contact h1 .mainheading {
    width: 100%;
    display: block;
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 4px;
    vertical-align: middle;
    line-height: 2.0;
    color: #fff;
    text-align: center;
    margin: 34px 0 10px 0;
}
.zone.contact h1 .subheading {
    width: 100%;
    display: block;
    font-family: 'type1-normal', sans-serif;
    font-weight: normal;
    text-transform: none;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.7;
    color: #fff;
    text-align: center;
    margin: 0 0 20px 0;
}
.zone.contact h1::after {
    display: block;
    text-align: center;
    content: '...';
    font-size: 18px;
    letter-spacing: 3px;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    margin-bottom: 10px;
    color: #ccc;
}
.zone.contact .icon img {
    margin: 0 auto;
}
.zone.contact .icon {
    display: block;
    width: 100%;
    margin: 20px 0 12px;
}

.subpages .seperator.flow {
    position: relative;
    top: 0px;
}
.subpages .seperator p {
    margin: 70px 0 70px;
}
#sp-footer.subpages {
    margin-top: 0px !important;
}

.zone.gallery {
	padding: 0px;
	margin: 0px;
}
.zone.gallery .su-thumb-gallery-style-1.su-thumb-gallery {
    border: 0px;
    background: #171717;
    padding: 0px;
}
.zone.gallery  .su-thumb-gallery-style-1 .su-pagination {
    position: relative;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 15px;
}

.zone.subpage .sppb-col-md-7 {
    width: 65%;
    max-width: 65%;
    flex: none;
}
.zone.subpage .sppb-col-md-5 {
    width: 35%;
    max-width: 35%;
    flex: none;
}
.zone.subpage .container .su-trailer-box-style23 img {
    opacity: 0.9;
    display: none !important;
}
.zone.subpage .container .intro-subpage .intro-icon img {
	opacity: 0 !Important;
	display: block !Important;
}
.zone.subpage .container .intro-subpage:hover .intro-icon img {
	opacity: 1 !Important;
	display: block !Important;
}
.zone.subpage .container .intro-subpage .su-trailer-box {
    display: block;
    margin: 0 0 0px;
    background-color: rgba(0, 0, 0, 0.7) !important;
	width: 600px;
	height: 600px;
	-moz-transition: all 0.65s ease-in;
    -webkit-transition: all 0.65s ease-in;
    -o-transition: all 0.65s ease-in;
    transition: all 0.65s ease-in;
}
.zone.subpage .container .intro-subpage:hover .su-trailer-box {
    background-color: rgba(0, 0, 0, 0.85) !important;
}
.zone.subpage .container .intro-subpage .su-trailer-box-content {
	opacity: 1;
}
.zone.subpage .container .intro-subpage .intro-title, .zone.subpage .container .intro-subpage .intro-text, .zone.subpage .container .intro-subpage .intro-icon {
	opacity: 0;
}
.zone.subpage .container .intro-subpage:hover .intro-title, .zone.subpage .container .intro-subpage:hover .intro-text, .zone.subpage .container .intro-subpage:hover .intro-icon {
	opacity: 1;
}
.su-trailer-box-style23 .su-trailer-box-desc::before {
    position: absolute;
    top: 40px;
    right: 40px;
    bottom: 40px;
    left: 40px;
    border: 6px solid #fff;
    box-shadow: none;
    content: '';
    -moz-transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -o-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1,1,1);
}
.su-trailer-box-style23 .su-trailer-box-content {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.su-trailer-box-style23:hover h2 {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.zone.brand2 .intro-box {
  display: block;
  width: 460px; 
  padding: 0px;
  margin-left: 105px;
}
.zone.brand2 .intro-box-main {
	display: block;
	width: 100%;
	margin-top: 120px;
	
}
.zone.brand2 .intro-box-left {
  display: inline-block;
  width: 60px;
  padding: 0px;
  margin: 0px;
  float: left;
}
.zone.brand2 .intro-box-right {
	display: inline-block;
	width: 400px;
	padding: 0px;
  margin: 0 0 50px 0;
  float: left;
}
.zone.brand2 .container .intro-subpage .intro-title {
	font-size: 13px;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    display: block;
	width: 100%;
	text-align: left;
	margin: 0 0 10px 10px;
	-moz-transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -o-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
	color: #171717;
}
.zone.brand2 .container .intro-subpage .intro-text {
	    font-size: 12px;
    font-family: 'type1-normal', sans-serif;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 1.6;
    text-align: justify;
    display: block;
    padding: 0px;
	-moz-transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -o-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
	color: #171717;
	margin: 0 0 0 10px;
}



.zone.brand2 .sppb-col-md-7 {
    width: 60%;
    max-width: 60%;
    flex: none;
}
.zone.brand2 .sppb-col-md-5 {
    width: 40%;
    max-width: 40%;
    flex: none;
}
.zone.brand2 .container .su-trailer-box-style23 .su-trailer-box-desc::before {
    border: 4px solid #a3a3a3;
	top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
	opacity: 1 !Important;
}
.zone.brand2 .container .su-trailer-box-style23:hover .su-trailer-box-desc::before {
    border: 4px solid #171717;
}
.zone.brand2 .container .su-trailer-box-style23 img {
    opacity: 0.9;
    display: none !important;
}
.zone.brand2 .container .intro-subpage .intro-icon img {
	opacity: 0 !Important;
	display: block !Important;
}
.zone.brand2 .container .intro-subpage:hover .intro-icon img {
	opacity: 1 !Important;
	display: block !Important;
}
.zone.brand2 .container .intro-subpage .su-trailer-box {
    display: block;
    margin: 0 0 0px;
    background-color: rgba(0, 0, 0, 0.7) !important;
	height: 720px;
	-moz-transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -o-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
}
.zone.brand2 .container .intro-subpage:hover .su-trailer-box {
    background-color: rgba(255, 255, 255, 1) !important;
}
.zone.brand2 .container .intro-subpage .su-trailer-box-content {
	opacity: 1;
}
.zone.brand2 .container .intro-subpage .intro-title, .zone.brand2 .container .intro-subpage .intro-text {
	opacity: 0;
}
.zone.brand2 .container .intro-subpage:hover .intro-title, .zone.brand2 .container .intro-subpage:hover .intro-text, .zone.brand2 .container .intro-subpage:hover .intro-icon {
	opacity: 1;
}
.zone.brand2 .container .intro-subpage:hover .intro-button {
	opacity: 0 !important;
}
.zone.brand2 .container .intro-subpage .intro-icon img {
	opacity: 1 !important;
}
.zone.brand2 .container .intro-subpage:hover .intro-icon img {
	opacity: 0 !Important;
}


.zone.brand2 .container .intro-subpage:hover .intro-box-left img {
	opacity: 1 !important;
	display: block !important;
	width: auto;
	min-width: auto;
}
.zone.brand2 .container .intro-subpage .intro-box-left img {
    opacity: 0 !important;
	display: block !important;
	width: auto;
	min-width: auto;
}

.zone.brand2 .container .intro-subpage .intro-icon {
	display: block;
	width: auto;
}

.zone.brand2 .container .intro-subpage .intro-icon img {
	position: absolute;
    width: auto;
    min-width: auto;
    height: auto;
    left: calc(50% - 26.5px);
    margin: 215px auto 20px;
    -moz-transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -o-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
}


.zone.brand2 .container .intro-subpage .intro-button {
	opacity: 1;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    top: 409px;
    text-align: center;
    font-size: 12px;
    display: block;
    width: 250px;
    left: calc(50% - 125px);
}
.zone.brand2 .container .intro-subpage h2 {
        font-size: 18px;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1;
    display: block;
    position: absolute;
    width: 500px;
    left: calc(50% - 250px);
    color: #ffffff;
    text-align: center;
    margin: 318px auto 10px auto;
    -moz-transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -o-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
}
.zone.brand2 .container .intro-subpage h2::after {
    display: block;
    text-align: center;
    margin: 30px auto 0;
    width: 0px;
    border-right: 2px solid #fff;
    height: 15px;
    color: #fff;
    font-size: 22px;
    font-family: type0, sans-serif;
    -moz-transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -o-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
}
.zone.brand2 .container .intro-subpage:hover h2 {
	opacity: 0;

}
.zone.brand2 .container {
    display: block;
    width: 100%;
    background: none;
    color: #fff;
    padding: 0px;
    text-align: center;
    font-size: 13px;
    letter-spacing: 1px;
    
}

.zone.brand2 .container a {
    color: #fff;
    text-decoration: underline;
}
.zone.brand2 .subicon {
   background: #838a96;
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.zone.brand2 .subicon img {
    padding: 19px 0 0;
    margin: 0 auto;
    width: 55%;
}
.zone.brand2 h1 .mainheading {
    width: 100%;
    display: block;
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 4px;
    vertical-align: middle;
    line-height: 2.0;
    color: #fff;
    text-align: center;
    margin: 34px 0 10px 0;
}
.zone.brand2 h1 .subheading {
    width: 100%;
    display: block;
    font-family: 'type1-normal', sans-serif;
    font-weight: normal;
    text-transform: none;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.7;
    color: #fff;
    text-align: center;
    margin: 0 0 20px 0;
}
.zone.brand2 h1::after {
    display: none;
}
.zone.brand2 .icon img {
    margin: 0 auto;
}
.zone.brand2 .icon {
    display: block;
    width: 100%;
    margin: 20px 0 12px;
}
.zone.brand2 {
	padding: 100px 0 150px 0;
}




.zone.subpage .container .intro-subpage .intro-icon {
	display: block;
	width: auto;
}
.zone.subpage .container .intro-subpage .intro-title {
	font-size: 15px;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    display: block;
	margin: 0 auto 22px;
	-moz-transition: all 0.65s ease-in;
    -webkit-transition: all 0.65s ease-in;
    -o-transition: all 0.65s ease-in;
    transition: all 0.65s ease-in;
}
.zone.subpage .container .intro-subpage .intro-text {
	    font-size: 13px;
    font-family: 'type1-normal', sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.6;
    text-align: justify;
    display: block;
    padding: 0 84px;
	-moz-transition: all 0.65s ease-in;
    -webkit-transition: all 0.65s ease-in;
    -o-transition: all 0.65s ease-in;
    transition: all 0.65s ease-in;
}
.zone.subpage .container .intro-subpage .intro-icon img {
	width: auto;
	min-width: auto;
	height: auto;
	margin: 132px auto 20px;
	-moz-transition: all 0.65s ease-in;
    -webkit-transition: all 0.65s ease-in;
    -o-transition: all 0.65s ease-in;
    transition: all 0.65s ease-in;
}


.zone.subpage .container .intro-subpage .intro-button {
	opacity: 1;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    top: 480px;
    text-align: center;
    font-size: 12px;
    display: block;
    width: 250px;
    left: calc(50% - 125px);
}
.zone.subpage .container .intro-subpage h2 {
    font-size: 15px;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    display: block;
    position: absolute;
    width: 500px;
    left: calc(50% - 250px);
    color: #ffffff;
    text-align: center;
    margin: 269px auto 10px auto;
	-moz-transition: all 0.65s ease-in;
    -webkit-transition: all 0.65s ease-in;
    -o-transition: all 0.65s ease-in;
    transition: all 0.65s ease-in;
}
.zone.subpage .container .intro-subpage h2::after {
	content: '';
    display: block;
    text-align: center;
    margin: 80px auto 0;
    width: 0px;
    border-right: 2px solid #fff;
    height: 30px;
    color: #fff;
    font-size: 22px;
    font-family: type0, sans-serif;
	-moz-transition: all 0.65s ease-in;
    -webkit-transition: all 0.65s ease-in;
    -o-transition: all 0.65s ease-in;
    transition: all 0.65s ease-in;
}
.zone.subpage .container .intro-subpage:hover h2 {
	opacity: 0;

}
.zone.subpage.right .container {
    display: block;
    width: 100%;
    background: none;
    color: #fff;
    padding: 0 0 80px 0;
    margin: 115px 0 30px !Important;
    text-align: center;
    font-size: 13px;
    letter-spacing: 1px;
    left: 10px;
}
.zone.subpage .container {
        display: block;
    width: 100%;
    background: none;
    color: #fff;
    padding: 0 100px 80px;
    margin: 115px 0 30px !Important;
    text-align: center;
    font-size: 13px;
    letter-spacing: 1px;
	left: 10px;
}
.zone.subpage .container a {
    color: #fff;
    text-decoration: underline;
}
.zone.subpage .subicon {
   background: #838a96;
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.zone.subpage .subicon img {
    padding: 19px 0 0;
    margin: 0 auto;
    width: 55%;
}
.zone.subpage h1 .mainheading {
    width: 100%;
    display: block;
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 4px;
    vertical-align: middle;
    line-height: 2.0;
    color: #fff;
    text-align: center;
    margin: 34px 0 10px 0;
}
.zone.subpage h1 .subheading {
    width: 100%;
    display: block;
    font-family: 'type1-normal', sans-serif;
    font-weight: normal;
    text-transform: none;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.7;
    color: #fff;
    text-align: center;
    margin: 0 0 20px 0;
}
.zone.subpage h1::after {
    display: none;
}
.zone.subpage .icon img {
    margin: 0 auto;
}
.zone.subpage .icon {
    display: block;
    width: 100%;
    margin: 20px 0 12px;
}


.zone.offer-inner .sppb-container-inner {
    padding: 220px 370px 140px;
    background-color: rgba(0, 0, 0, 0.45);
}
.zone.offer-inner h1 .mainheading {
    width: 100%;
    display: block;
    font-family: 'type2-bold', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 6px;
    line-height: 1;
    color: #fff;
    text-align: left;
    margin: 0px 0 62px 0;
}
.zone.offer-inner h1 .subheading {
    width: 100%;
    display: block;
    font-family: 'type2-semibold', sans-serif;
    text-transform: none;
    font-weight: normal;
    font-size: 62px;
    letter-spacing: 1px;
    vertical-align: middle;
    line-height: 1;
    color: #fff;
    text-align: left;
    margin: 0 0 65px 0;
}
.zone.offer-inner .desc {
    display: block;
    line-height: 1.8;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    font-family: 'type1-normal',sans-serif;
    font-weight: normal;
    padding: 0px;
    margin: 0 0 0 0;
    text-align: left;
	width: 70%;
}
.zone.offer-inner .button {
    display: block;
    width: 100%;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    margin: 54px 0;
}
.zone.offer-inner .button a {
        width: auto;
    padding: 0 0 6px 0;
    text-align: left;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 2px solid #fff;
    margin: 0px;
}
.zone.offer-inner .absolute {
    width: auto;
    height: 0px;
    position: absolute;
    right: 0px;
    bottom: -101px;
}
.zone.offer-inner .absolute a {
    display: block;
    width: auto;
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 3px;
    line-height: 1;
    color: #838a96;
    background: #171717;
    text-align: center;
    padding: 18px 28px 11px;
}
.zone.offer-inner2 .icon {
    display: block;
    width: 100%;
    padding: 100px 0 0;
}
.zone.offer-inner2 {
    padding: 0px 370px;
    background: #171717;
}
.zone.offer-inner2 .icon img {
    margin: 0 auto;
}
.zone.offer-inner2 .desc {
    display: block;
    line-height: 1.8;
    font-size: 14px;
    letter-spacing: 0px;
    color: #fff;
    font-family: 'type1-normal',sans-serif;
    font-weight: normal;
    padding: 0 0 90px;
    margin: 0 0 0 0;
    text-align: center;
}
.zone.offer-inner3 {
    padding: 120px 0 160px;
}
.zone.offer-inner3  h2 {
    display: block;
    line-height: 1;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #838a96;
    font-family: 'type2-bold',sans-serif;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    text-align: left;
    margin: 12px 0 30px;
}

.zone.offer-inner4 {
    padding: 180px 0 260px 0;
}
.zone.offer-inner4 .title {
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    color: #fff;
    letter-spacing: 2px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: right;
    margin: 0 0 9px 0;
}
.zone.offer-inner4 .desc {
    font-family: 'type1-normal', sans-serif;
    font-weight: normal;
    color: #e7e7e7;
    font-size: 12px;
    line-height: 1.7;
    letter-spacing: 1px;
}
.zone.offer-inner4 .desc.text-align-right {
    text-align: right;
}
.zone.offer-inner4 .desc.text-align-left {
    text-align: left;
}
.zone.offer-inner4 h2 .mainheading {
       width: 100%;
    display: block;
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 2px;
    vertical-align: middle;
    line-height: 37px;
    color: #838a96;
    text-align: left;
    margin: 107px 0 0 0;
}
.zone.offer-inner4 h2 .subheading {
    width: 100%;
    display: block;
    font-family: type2-semibold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 20px;
    letter-spacing: 3px;
    vertical-align: middle;
    line-height: 16px;
    color: #fff;
    text-align: left;
    margin: 0 0 -95px 0;
}
.zone.offer-inner4 .float-right {
    float: right!important;
}
.zone.offer-inner4 .title.text-align-left {
    text-align: left;
}
.zone.offer-inner4 .dark h2 {
    display: block;
    position: absolute;
    bottom: -38px;
    left: 174px;
}
.zone.offer-inner4 .left {
    width: 402px;
    display: inline-block;
    float: left;
}
.zone.offer-inner4 .right2 {
    width: 402px;
    display: inline-block;
    float: left;
}
.zone.offer-inner4 .letter-k {
   top: 91px;
    left: 307px;
    position: absolute;
}
.zone.offer-inner4 .letter-k2 {
    position: absolute;
    top: 213px;
    left: 223px;
}
.zone.offer-inner4 .letter-k3 {
        position: absolute;
    top: 339px;
    left: 307px;

}
.zone.offer-inner4 .letter-e2 {
     position: absolute;
    top: 91px;
    right: 307px;
    left: auto;
}
.zone.offer-inner4 .letter-e3 {
       position: absolute;
    top: 210px;
    right: 220px;
    left: auto;
}
.zone.offer-inner4 .letter-e {
    position: absolute;
    top: 339px;
    right: 307px;
    left: auto;
}

.zone.contact-container {
    display: block;
    width: 100%;
    background: #171717;
    color: #fff;
    padding: 20px 100px 130px;
    margin: 230px 0 !Important;
    text-align: center;
}
.zone.contact-container .subpage h1 .mainheading {
    width: 100%;
    display: block;
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 4px;
    vertical-align: middle;
    line-height: 2.0;
    color: #fff;
    text-align: center;
    margin: 34px 0 10px 0;
}
.zone.contact-container .subpage h1 .subheading {
    width: 100%;
    display: block;
    font-family: 'type1-normal', sans-serif;
    font-weight: normal;
    text-transform: none;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.7;
    color: #fff;
    text-align: center;
    margin: 0 0 20px 0;
}
.zone.contact-container .subicon {
    background: #838a96;
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.zone.contact-container .subicon img {
    padding: 19px 0 0;
    margin: 0 auto;
    width: 55%;
}
.contact-frame.contact .sppb-col-md-3 {
    width: 35%;
    max-width: 35%;
    flex: none;
}
.contact-frame.contact .sppb-col-md-6 {
    width: 30%;
    max-width: 30%;
    flex: none;
}

.subtrailer.x2 h2 {
    
    bottom: 160px;
}
.subtrailer h2 {
    background: none;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    display: block;
    color: #fff;
    letter-spacing: 6px;
    font-size: 14px;
    padding: 0 50px;
    text-transform: uppercase;
    position: absolute;
    bottom: 160px;
    line-height: 1.7;
	font-family: 'type2-bold', sans-serif;
    font-weight: normal;
}
.subtrailer .trailer-title, .subtrailer .trailer-icon, .subtrailer .trailer-button, .subtrailer .trailer-content {
    opacity: 0;
    transition: opacity 0.75s, transform 0.75s;
}
.subtrailer .trailer-icon {
    margin: 345px 0 10px 0;
}

.subtrailer .trailer-icon img {
    width: auto;
    height: auto;
    margin: 0 auto;
    min-width: auto;
}
.subtrailer.x2 .trailer-title {
    padding: 0 58px;
	font-family: 'type2-bold', sans-serif;
    font-weight: normal;
}
.subtrailer.x2.color-blue .trailer-title {
    color: #06b2b9 !important;
}
.subtrailer.x2.color-blue .trailer-button {
    color: #06b2b9 !important;
}

.subtrailer.x2 .trailer-content {
    padding: 0 85px;
}
.subtrailer.x2 .trailer-button {
    padding: 0 85px;
}


.subtrailer:hover .su-trailer-box img {
    opacity: 0.2 !Important;
	transform:scale(1); -webkit-transform:scale(1); 
    -moz-transform: scale(1); -o-transform:scale(1);
	-webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
}


.subtrailer:hover .trailer-icon img {
	transform:scale(1); -webkit-transform:scale(1); 
    -moz-transform: scale(1); -o-transform:scale(1);
	opacity: 1 !important;
	-webkit-filter: none;
    filter: none !Important;
}
.subtrailer .trailer-title, .subtrailer .trailer-icon, .subtrailer .trailer-button, .subtrailer .trailer-content {
	opacity: 0;
	transition: opacity 0.75s, transform 0.75s;
}
.subtrailer:hover .trailer-title, .subtrailer:hover .trailer-icon, .subtrailer:hover .trailer-button, .subtrailer:hover .trailer-content {
	opacity: 1;
	transition: opacity 0.75s, transform 0.75s;
}

.subtrailer:hover h2 {
	opacity: 0 !Important;
	transition: opacity 0.75s, transform 0.75s;
}

.subtrailer .trailer-title {
    display: block;
    width: 100%;
    text-align: center;
    color: #ffffff;
    letter-spacing: 3px;
    font-size: 13px;
    text-transform: uppercase;
    margin: 95px 0 14px 0;
    padding: 0 130px;
    line-height: 2.0;
}

.subtrailer .trailer-content {
    line-height: 1.8;
    display: block;
    width: 100%;
    text-align: justify;
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    width: 100%;
    padding: 0 130px;
    margin: 0 auto;
}
.subtrailer .trailer-button {
    display: block;
    width: 100%;
    text-align: center;
    color: #838a96;
    letter-spacing: 2px;
    font-size: 13px;
    text-transform: uppercase;
    margin: 22px 0 0 0;
    padding: 0 130px;
    line-height: 2.6;
	font-family: type2-bold, sans-serif;
	font-weight: normal;
}

.midnight-story {
    width: 410px;
    height: auto;
    position: relative;
	top: 260px !important;
}
.midnight-story strong {
    display: block;
    width: 100%;
    font-size: 14px !important;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    font-family: 'type1-normal',sans-serif;
    font-weight: normal;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    padding: 0px !important;
    position: relative;
    top: 372px;
}
.midnight-story i {
    display: block;
    font-size: 16px !important;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 2px !Important;
    color: #fff;
    font-family: 'type2-bold',sans-serif;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    padding: 0px !important;
    top: 366px;
    position: relative;
    font-style: normal;
}
.midnight-story strong::after {
    display: block;
    text-align: center;
    content: '|';
    font-size: 16px;
    letter-spacing: 3px;
    font-family: 'type2-bold', sans-serif;
    line-height: 1.3;
    margin: 14px auto 24px !Important;
}
.midnight-story sup {
    width: 410px;
    position: absolute;
    border: 10px solid #fff;
    font-family: type2-bold,sans-serif;
    letter-spacing: 15px !Important;
    padding: 159px 50px !important;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px !Important;
    line-height: 1 !Important;
}
.midnight-story sub {
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 7px !important;
    color: #fff;
    font-family: 'type2-bold',sans-serif;
    font-weight: normal;
    display: block;
    position: absolute;
    top: -44px;
    text-align: center;
    width: 410px;
	
}
.midnight-story a {
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 2px !important;
    color: #fff;
    font-family: 'type2-bold',sans-serif;
    font-weight: normal;
    display: block;
    border: 2px solid #fff;
    margin: 0 auto 0;
    padding: 7px 0;
    position: relative;
    width: 241px;
    text-align: center;
    top: 395px;
}
.midnight-story a:hover {
    color: #fff;
	border: 2px solid #838a96 !Important;
	background: #838a96;
}
.midnight-story a:visited {
    color: #fff;
	border: 2px solid #fff;
	background: none;
}
.test-block {
 padding: 600px;
 background: #171717;
}
.fastcontact-mobile {
	display: none;
}


/* -- Font engine -- */

@font-face {
    font-family: type1-normal;
    src: url(Lato-Regular.ttf);
}
@font-face {
    font-family: type1-bold;
    src: url(Lato-Bold.ttf);
}
@font-face {
    font-family: type2-normal;
    src: url(Montserrat-Regular.ttf);
}
@font-face {
    font-family: type2-semibold;
    src: url(Montserrat-SemiBold.ttf);
}
@font-face {
    font-family: type2-bold;
    src: url(Montserrat-Bold.ttf);
}
@font-face {
    font-family: type3-normal;
    src: url(NotoSerif-Italic.ttf/);
}
@font-face {
    font-family: type3-bold;
    src: url(NotoSerif-BoldItalic.ttf/);
}


/* -- Computers ---------------------------------------------------------------------------------- */
@media (min-width: 1600px) and (max-width: 1919px) {
.sp-module.menu_info {
    padding-right: 35px;
}
.zone.brand2 .sppb-col-md-7 {
    width: 50%;
    max-width: 50%;
}
.zone.brand2 .sppb-col-md-5 {
    width: 50%;
    max-width: 50%;
}
.zone.brand2 .container .intro-subpage .su-trailer-box {
    height: 543px;
}
.zone.brand2 .container .su-trailer-box-style23 .su-trailer-box-desc::before {
    top: 40px;
    right: 40px;
    bottom: 40px;
    left: 40px;
}
.zone.brand2 .intro-box-right {
    width: 500px;
    margin: 0 0 40px 0;
}
.zone.brand2 .intro-box {
    display: block;
    width: 560px;
    padding: 0px;
    margin-left: 68px;
}
.zone.brand2 .intro-box-main {
    margin-top: 64px;
}
.zone.brand2 .container .intro-subpage .intro-icon img {
    margin: 120px auto 20px;
}
.zone.brand2 .container .intro-subpage h2 {
    margin: 223px auto 10px auto;
}
.zone.offer3 .triangle-container {
    top: 237px;
}
.subtrailer .trailer-icon {
    margin: 291px 0 10px 0;
}
.subtrailer .trailer-title {
    margin: 78px 0 14px 0;
}
.subtrailer.x2 .trailer-content {
    padding: 0 45px;
}
.zone.brand3 {
    padding: 130px 0 150px;
}
.zone.subpage .sppb-col-md-5 {
    width: 45%;
    max-width: 45%;
    flex: none;
}
.zone.subpage .sppb-col-md-7 {
    width: 55%;
    max-width: 55%;
    flex: none;
}
.zone.subpage .container {
    padding: 0 50px 80px;
    margin: 50px 0 29px !Important;
    left: 10px;
}

.oferta-right {
    position: absolute;
    right: 69px;
    width: 256px;
    top: 98px;
}
.select-main {
    top: 35px !Important;
    left: 35px !Important;
}
.open-budynek-h {
    top: 30px !important;
}
.open-budynek-h-schemat {
    left: -12px !important;
    top: 175px !Important;
}
.select-left {
    top: 150px;
    left: 303px !Important;
}
.zone.contact .icon {
    margin: 8px 0 10px;
}



.subtrailer .trailer-content {
    line-height: 1.7;
    font-size: 12px;
    letter-spacing: 0px;
    padding: 0 45px;
    margin: 0 auto;
}
.midnight-story {
	top: 210px !important;
}
.midnight-story a {
    margin: 0 auto 0 !Important;
}
#sp-position1.col-lg-2 {
    width: 20%;
    max-width: 20%;
}
#sp-menu.col-lg-7 {
    width: 50%;
    max-width: 50%;
}
#sp-position3.col-lg-3 {
    width: 30%;
    max-width: 30%;
}
.zone.contact .sppb-col-md-5 {
    width: 40%;
    max-width: 40%;
}
.zone.contact .sppb-col-md-7 {
    width: 60%;
    max-width: 60%;
}
.zone.contact .container {
    padding: 0 71px 52px;
    margin: 50px 0 50px !Important;
    left: 50px;
}
.zone.contact h1 .mainheading {
    margin: 0px 0 10px 0;
}
.contact-frame.contact .sppb-col-md-6 {
    width: 40%;
    max-width: 40%;
}
.contact-frame.contact .sppb-col-md-3 {
    width: 30%;
    max-width: 30%;
}
.zone.contact-container {
    margin: 142px 0 !Important;
}
.fastcontact-mobile {
	display: none;
}
}
/* -- Computers ---------------------------------------------------------------------------------- */
@media (min-width: 1440px) and (max-width: 1599px) {
.sp-module.menu_info {
    padding-right: 35px;
}
.zone.brand2 .sppb-col-md-7 {
    width: 50%;
    max-width: 50%;
}
.zone.brand2 .sppb-col-md-5 {
    width: 50%;
    max-width: 50%;
}
.zone.brand2 .container .intro-subpage .su-trailer-box {
    height: 543px;
}
.zone.brand2 .container .su-trailer-box-style23 .su-trailer-box-desc::before {
    top: 40px;
    right: 40px;
    bottom: 40px;
    left: 40px;
}
.zone.brand2 .intro-box-right {
    width: 500px;
    margin: 0 0 40px 0;
}
.zone.brand2 .intro-box {
    display: block;
    width: 560px;
    padding: 0px;
    margin-left: 68px;
}
.zone.brand2 .intro-box-main {
    margin-top: 64px;
}
.zone.brand2 .container .intro-subpage .intro-icon img {
    margin: 120px auto 20px;
}
.zone.brand2 .container .intro-subpage h2 {
    margin: 223px auto 10px auto;
}
.zone.offer3 .triangle-container {
    top: 180px;
}
.subtrailer .trailer-icon {
    margin: 232px 0 10px 0;
}
.subtrailer .trailer-content {
    line-height: 1.5;
    display: block;
    width: 100%;
    text-align: justify;
    font-size: 11px;
    letter-spacing: 0px;
}
.subtrailer .trailer-title {
    margin: 78px 0 14px 0;
}
.subtrailer.x2 .trailer-content {
    padding: 0 45px;
}
.zone.brand3 {
    padding: 130px 0 150px;
}
.zone.subpage .sppb-col-md-5 {
    width: 45%;
    max-width: 45%;
    flex: none;
}
.zone.subpage .sppb-col-md-7 {
    width: 55%;
    max-width: 55%;
    flex: none;
}
.zone.subpage .container {
    padding: 0 50px 80px;
    margin: 50px 0 29px !Important;
    left: 10px;
}

.oferta-right {
    position: absolute;
    right: 72px;
    width: 256px;
    top: 41px;
}
.select-main {
    top: 35px !Important;
    left: 35px !Important;
}
.open-budynek-h {
    top: 30px !important;
}
.open-budynek-h-schemat {
    left: -12px !important;
    top: 175px !Important;
}
.select-left {
    top: 150px;
    left: 303px !Important;
}
.zone.contact .icon {
    margin: 8px 0 10px;
}


.midnight-story {
	top: 162px !important;
}
#offcanvas-toggler > .fa {
    top: 29px;
}
.midnight-story a {
    margin: 0 auto 0 !Important;
}
#sp-position1.col-lg-2 {
    width: 20%;
    max-width: 20%;
}
#sp-menu.col-lg-7 {
    width: 43%;
    max-width: 43%;
}
#sp-position3.col-lg-3 {
    width: 37%;
    max-width: 37%;
}
.zone.contact .sppb-col-md-5 {
    width: 40%;
    max-width: 40%;
}
.zone.contact .sppb-col-md-7 {
    width: 60%;
    max-width: 60%;
}
.zone.contact .container {
    padding: 0 100px 60px;
    margin: 80px 0 75px !Important;
    left: 50px;
}
.zone.contact h1 .mainheading {
    margin: 0px 0 10px 0;
}
.contact-frame.contact .sppb-col-md-6 {
    width: 40%;
    max-width: 40%;
}
.contact-frame.contact .sppb-col-md-3 {
    width: 30%;
    max-width: 30%;
}
.zone.contact-container {
    margin: 142px 0 !Important;
}
.fastcontact-mobile {
	display: none;
}
}
/* -- Notebook ---------------------------------------------------------------------------------- */
@media (min-width: 1366px) and (max-width: 1439px) {
.open-budynek-h.show .map {
    width: 100% !Important;
}
.select {
    top: 87px !Important;
    font-size: 11px !Important;
    right: 527px !Important;
    letter-spacing: 1px !Important;
}
.open-budynek-h-schemat {
    padding: 0px !Important;
}
.open-budynek-h {
     width: 800px;
}
.zone.brand2 {
   padding: 46px 0 104px 0;
}
.zone.brand2 .container .intro-subpage .intro-button {
    top: 353px;
}

.sp-module.menu_info {
    padding-right: 35px;
}
.zone.brand2 .sppb-col-md-7 {
    width: 55%;
    max-width: 55%;
}
.zone.brand2 .sppb-col-md-5 {
    width: 45%;
    max-width: 45%;
}
.zone.brand2 .container .intro-subpage .su-trailer-box {
    height: 462px;
}
.zone.brand2 .container .su-trailer-box-style23 .su-trailer-box-desc::before {
    top: 25px;
    right: 25px;
    bottom: 25px;
    left: 25px;
}
.zone.brand2 .intro-box-right {
    width: 420px;
    margin: 0 0 28px 0;
}
.zone.brand2 .container .intro-subpage .intro-text {
    line-height: 1.4;
}
.zone.brand2 .intro-box {
    display: block;
    width: 480px;
    padding: 0px;
    margin-left: 28px;
}
.zone.brand2 .intro-box-main {
    margin-top: 32px;
}
.zone.brand2 .container .intro-subpage .intro-icon img {
    margin: 120px auto 20px;
}
.zone.brand2 .container .intro-subpage h2 {
    margin: 223px auto 10px auto;
}
.zone.offer3 .triangle-container {
    top: 180px;
}
.subtrailer .trailer-icon {
    margin: 232px 0 10px 0;
}
.subtrailer .trailer-content {
    line-height: 1.5;
    display: block;
    width: 100%;
    text-align: justify;
    font-size: 11px;
    letter-spacing: 0px;
}
.subtrailer .trailer-title {
    margin: 66px 0 10px 0;
	    letter-spacing: 2px;
}
.subtrailer.x2 .trailer-content {
    padding: 0 30px;
}
.zone.brand3 {
   padding: 70px 0 70px;
}
.zone.subpage .sppb-col-md-5 {
    width: 45%;
    max-width: 45%;
    flex: none;
}
.zone.subpage .sppb-col-md-7 {
    width: 55%;
    max-width: 55%;
    flex: none;
}
.zone.subpage .container {
        padding: 0 30px 0px;
    margin: 30px 0 30px !Important;
    left: 0px;
}
.zone.subpage .container .intro-subpage .su-trailer-box {
    width: 579px;
    height: 474px;
}
.zone.subpage .container .intro-subpage .intro-icon img {
    margin: 57px auto 20px;
}
.zone.subpage .container .intro-subpage h2 {
    margin: 207px auto 10px auto;
}
.zone.wykonawcy .wykonawcy-text.v1 .wykonawcy-inner {
    margin: -103px 0 0 60px;
}
.zone.wykonawcy .wykonawcy-text.v2 .wykonawcy-inner {
    margin: -103px 0 0 151px;
}

.ofertabox-container {
    border: 4px solid #171717;
    padding: 50px;
}
.ofertabox-container img {
	width: 50%;
	height: auto;
	margin: 0 auto;
}
.oferta-right {
    position: absolute;
    right: 72px;
    width: 256px;
    top: 41px;
}
.select-main {
    top: 15px !Important;
    left: 15px !Important;
}
.select-main img {
     width: 70%;
}
.open-budynek-h {
    top: 30px !important;
}
.open-budynek-h-schemat {
       left: -31px !important;
    top: 105px !Important;
}
.select-left {
       top: 58px !Important;
    left: 303px !Important;
}
.zone.contact .icon {
    margin: 8px 0 10px;
}


.midnight-story {
	top: 152px !important;
}
.midnight-story a {
    padding: 9px 0 !important;
    top: 382px;
}
#offcanvas-toggler > .fa {
    top: 29px;
}
.midnight-story a {
    margin: 0 auto 0 !Important;
}
#sp-position1.col-lg-2 {
    width: 20%;
    max-width: 20%;
}
#sp-menu.col-lg-7 {
    width: 44%;
    max-width: 44%;
}
#sp-position3.col-lg-3 {
    width: 36%;
    max-width: 36%;
}
.zone.contact .sppb-col-md-5 {
    width: 40%;
    max-width: 40%;
}
.zone.contact .sppb-col-md-7 {
    width: 60%;
    max-width: 60%;
}
.zone.contact .container {
    padding: 0 60px 60px;
    margin: 80px 0 75px !Important;
    left: 50px;
}
.zone.contact h1 .mainheading {
    margin: 0px 0 10px 0;
}
.contact-frame.contact .sppb-col-md-6 {
    width: 40%;
    max-width: 40%;
}
.contact-frame.contact .sppb-col-md-3 {
    width: 30%;
    max-width: 30%;
}
.zone.contact-container {
    margin: 87px 0 !Important;
}
.fastcontact-mobile {
	display: none;
}
}
/* -- Notebook & High Tablet ---------------------------------------------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1365px) {
.acident-mobile {
	display: block !important;
}
.midnight-story {
	top: 152px !important;
	left: calc(50% - 115px) !important;
}
.midnight-story a {
    padding: 9px 0 !important;
    top: 382px;
}
#offcanvas-toggler > .fa {
    top: 29px;
}
.midnight-story a {
    margin: 0 auto 0 !Important;
}
#sp-position1.col-lg-2 {
    width: 20%;
    max-width: 20%;
}
#sp-menu.col-lg-7 {
    width: 38%;
    max-width: 38%;
}
#sp-position3.col-lg-3 {
    width: 42%;
    max-width: 42%;
}
.zone.contact {
	background: #171717 !Important;
}
.zone.contact .sppb-col-md-5 {
    width: 100%;
    max-width: 100%;
}
.zone.contact .sppb-col-md-7 {
    width: 0%;
    max-width: 0%;
	display: none;
}
.container {
    max-width: 100%;
}
.zone.contact .container {
    padding: 0 183px 60px;
    margin: 80px 0 75px !Important;
    left: auto;
}
.zone.contact h1 .mainheading {
    margin: 0px 0 10px 0;
}
.contact-frame.contact .sppb-col-md-6 {
    width: 40%;
    max-width: 40%;
}
.contact-frame.contact .sppb-col-md-3 {
    width: 30%;
    max-width: 30%;
}
.zone.contact-container {
    margin: 87px 0 !Important;
}
.customlogotype img {
    width: 70%;
}
.customlogotype {
 margin-top: 13px;
    width: auto;
    height: auto;
}
.midnight-story sup {
    width: 230px;
    letter-spacing: 8px !Important;
    padding: 79px 0px !important;
    font-size: 14px !Important;
}
.midnight-story sub {
    top: -34px;
    width: 230px;
}
.midnight-story i {
    display: block;
    font-size: 12px !important;
    width: 230px;
    text-transform: uppercase;
    letter-spacing: 1px !Important;
    padding: 0px !important;
    top: 192px;
}
.midnight-story strong {
    display: none !important;
}
.midnight-story a {
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    color: #fff;
    font-family: 'type2-bold',sans-serif;
    font-weight: normal;
    display: block;
    padding: 9px 0 !Important;
    position: relative;
    width: 230px !important;
    text-align: center;
	margin: 0 auto !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
    top: 205px;
}
.fastcontact-mobile {
	display: none;
}
.zone.brand2 .intro-box-main {
    margin-top: 10px;
}
.zone.brand2 .intro-box {
    display: block;
    width: 400px;
    padding: 0px;
    margin-left: 0px;
}
.zone.brand2 .intro-box-right {
    display: inline-block;
    width: 370px;
    margin: 0px 0 30px 0;
}

.zone.brand2 .intro-box-left {
    display: inline-block;
    width: 50px;
    padding: 0px;
    margin: 0 0 5px;
    float: initial;
}

.subtrailer .trailer-icon {
    margin: 100px 0 10px 0;
}
.subtrailer.x2 .trailer-content {
    padding: 0 25px;
}

.subtrailer.x2 .trailer-title {
    padding: 0 25px;
}
}
/* -- Tablet Vertical ---------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1023px) {
.oferta-right {
    position: relative;
    right: auto;
    width: 100%;
    top: auto;
    padding: 50px 50px;
}
.select {
    top: 86px !Important;
    right: 470px !Important;
}
.select-main {
    top: 318px !important;
    left: 37px !important;
}
.zone.wykonawcy .triangle-container {
    display: none;
}
.zone.wykonawcy .wykonawcy-text {
    position: relative;
}
.open-budynek-h-schemat.show {
    opacity: 1;
    background: #171717 !important;
    width: 100% !important;
}
.open-budynek-h-schemat.show .map {
    margin: 58px auto 0 !important;
}
.open-budynek-h-schemat {
    opacity: 0;
    position: absolute;
    padding: 30px;
    background: none;
    left: 0px !important;
    top: 147px !important;
    z-index: 1;
}
.select-left {
    top: 181px !important;
    left: 512px !important;
}
.select-main img {
    display: none !Important;
}
.ofertabox-container {
    display: none;
}

.subtrailer.x2 {
	height: 600px;
}
.mobile-cover {
    position: relative;
    width: 100%;
    display: block;
    color: #fff;
    padding: 20px;
    text-align: center;
    background: #171717;
	font-size: 13px;
    font-family: type2-bold, sans-serif;
    line-height: 2.0;
    font-weight: normal;
	text-transform: uppercase;
}
.mobile-cover a:hover, .mobile-cover a {
	 color: #fff;
}
.sp-page-builder .page-content #fakty {
    background: #171717;
}
.zone.brand3 {
    padding: 40px 0 40px;
}
.zone.brand3 .title {
    width: 60%;
	margin: 0 auto 0px;
}
.zone.brand3 .sppb-col-md-1 {
    width: 100%;
    max-width: 100%;
    flex: none;
}
.zone.brand3 .sppb-col-md-2 {
    width: 0%;
    max-width: 0%;
    flex: none;
	display: none;
}
.zone.brand3 .numbers .sppb-animated-number {
    margin-top: 45px;
}
.zone.offer3 .triangle-container {
    display: none;
}
.seperator-triangle.remove-me {
    display: none !important;
}
.zone.brand2 .container .intro-subpage:hover .su-trailer-box {
    background-color: rgba(255, 255, 255, 1) !important;
}
.zone.brand2 .container .intro-subpage .su-trailer-box-content {
	opacity: 1;
}
.zone.brand2 .container .intro-subpage .intro-title, .zone.brand2 .container .intro-subpage .intro-text {
	opacity: 1;
}
.zone.brand2 .container .intro-subpage:hover .intro-button {
	opacity: 1 !important;
}
.zone.brand2 .container .intro-subpage:hover .intro-icon img {
	opacity: 0 !Important;
}
.zone.brand2 .container .intro-subpage h2 {
    display: none;
}
.zone.brand2 .intro-box-main {
    opacity: 1;
}
.zone.brand2 .container .intro-subpage .intro-button {
    display: none;
}
.zone.brand2 .big-trailer .trailer-icon img, .zone.brand2 .big-trailer .trailer-title, .zone.brand2 .big-trailer .trailer-text, .zone.brand2 .big-trailer .trailer-button, .zone.brand2 .big-trailer .trailer-content, .zone.brand2 .big-trailer .trailer-interline {
	opacity: 1;
	transition: none;
}
.zone.brand2 .container .intro-subpage .su-trailer-box {
    display: block;
    margin: 0 0 0px;
    background-color: rgba(255, 255, 255, 1) !important;
    height: auto;
}
.zone.brand2 .container .intro-subpage .intro-box-left img {
    opacity: 1 !important;
    display: block !important;
    width: auto;
    min-width: auto;
}
.zone.brand2 .su-trailer-box .su-trailer-box-desc, .su-trailer-box a {
    position: relative !Important;
    top: auto !Important;
    left: auto !Important;
    width: 100%;
    height: 100%;
}
.zone.brand2 .sppb-col-md-5 {
    width: 100%;
    max-width: 100%;
    flex: none;
}
.zone.brand2 .sppb-col-md-7 {
    width: 100%;
    max-width: 100%;
    flex: none;
}
.sp-page-builder .page-content #inwestycja {
    background: #fff !important;
}
.zone.brand2 {
    padding: 50px 0 50px 0;
}
.zone.brand2 .container .intro-subpage .intro-icon img {
    display: none !Important;
}
.zone.brand2 .container .su-trailer-box-style23 .su-trailer-box-desc::before {
    display: none !important;
}
.zone.brand2 .intro-box-main {
    margin-top: 0px;
}
.zone.brand2 .intro-box {
    display: block;
    width: 100%;
	float: left;
    padding: 0px;
    margin-left: 20px;
}
.zone.brand2 .intro-box-right {
    display: inline-block;
    width: 557px;
    padding: 0px;
    margin: 0 0 50px 0;
    float: left;
}


.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    color: #171717;
}
.offcanvas-menu .offcanvas-inner ul li a:hover {
    color: #838a96;
}
.offcanvas-menu .offcanvas-inner ul li.active a {
    color: #838a96;
}
.offcanvas-menu .offcanvas-inner ul li.current a {
    color: #838a96;
}

.mobile-hide {
	display: none;
}

#offcanvas-toggler > .fa::after {
        content: 'MENU';
    font-family: 'type2-Bold', sans-serif;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: -14px 0 0 30px;
    vertical-align: middle;
    line-height: 1;
    display: block !important;
    color: #fff;
}
#offcanvas-toggler > .fa {
    color: #fff;
	display: block !important;
}
.midnight-story {
	top: 172px !important;
	left: calc(50% - 205px) !important;
}
.midnight-story a {
    padding: 9px 0 !important;
    top: 382px;
}

.midnight-story a {
    margin: 0 auto 0 !Important;
}
#sp-position1.col-lg-2 {
    width: 30%;
    max-width: 30%;
	padding: 0px;
}
#sp-menu.col-lg-7 {
    width: 0%;
    max-width: 0%;
	padding: 0px;
}
#sp-position3.col-lg-3 {
    width: 68%;
    max-width: 68%;
	padding: 0px;
}

.fastcontact-mobile {
	display: inline-block;
	text-transform: uppercase;
	padding-left: 20px;
	color: #838a96;
}

.fastcontact {
    font-size: 11px;
    letter-spacing: 1px;
    margin-top: 29px;
    padding-left: 47px;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}
.zone.contact {
	background: #171717 !Important;
}
.zone.contact .sppb-col-md-5 {
    width: 100%;
    max-width: 100%;
}
.zone.contact .sppb-col-md-7 {
    width: 0%;
    max-width: 0%;
	display: none;
}
.container {
    max-width: 100%;
}
.zone.contact .container {
    padding: 0 183px 60px;
    margin: 80px 0 75px !Important;
    left: auto;
}
.zone.contact h1 .mainheading {
    margin: 0px 0 10px 0;
}
.contact-frame.contact .sppb-col-md-6 {
    width: 60%;
    max-width: 60%;
}
.contact-frame.contact .sppb-col-md-3 {
    width: 20%;
    max-width: 20%;
}
.zone.contact-container {
    margin: 87px 0 !Important;
}
.customlogotype img {
    width: 100%;
}
.customlogotype {
 margin-top: 13px;
    width: auto;
    height: auto;
}
#sp-footer {
    padding: 50px 100px;
}
.offcanvas-inner .rsform {
	display: none;
}
.offcanvas-inner.sub .rsform {
	display: block;
}
ul.menu-menumobile {
    display: block !Important;
}
.sp-module.menu_info {
	display: none;
	
}

.sp-module.menu_info h3.sp-module-title, .sp-module.menu_offer h3.sp-module-title  {
       font-family: 'type2-bold', sans-serif;
    font-weight: normal !important;
    color: #838a96;
    letter-spacing: 2px;
    font-size: 14px !important;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 2px solid #838a96;
}
.sp-module.menu_info ul li a, .sp-module.menu_offer ul li a {
    width: 100%;
    display: block;
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px !important;
    letter-spacing: 3px;
    line-height: 29px;
    color: #252525 !important;
    text-align: left;
}
.offcanvas-menu .offcanvas-inner {
    padding: 100px;
}
.offcanvas-menu {
    width: 520px;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -520px;
}

}
/* -- Old Mobile ---------------------------------------------------------------------------------- */
@media (min-width: 320px) and (max-width: 767px) {
.zone.brand2 .intro-box-left {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: none;
    text-align: center;
}

#sp-header.page.homepage {
    background: #171717;
}
.rev_slider_wrapper {
    position: relative;
    top: auto;
}
.seperator-triangle {
   display: none;
}
.seperator.flow {
    top: auto;
}
.oferta-right {
    position: relative;
    right: auto;
    width: 100%;
    top: auto;
    padding: 50px 50px;
}
.select {
   display: none !important;
}
.select-main {
    display: none !important;
}
.zone.wykonawcy .triangle-container {
    display: none;
}
.zone.wykonawcy .wykonawcy-text {
    position: relative;
}
.open-budynek-h-schemat.show {
    opacity: 1;
    background: #171717 !important;
    width: 100% !important;
}
.open-budynek-h-schemat.show .map {
        margin: 20px auto 0 !important;
}
.contact-frame.wyslana {
	background: #171717 !important;
}
.open-budynek-h-schemat {
    opacity: 0;
    position: absolute;
    padding: 30px;
    background: none;
    left: 0px !important;
    top: 147px !important;
    z-index: 1;
}
.select-left {
    display: none !important;
}
.select-main img {
    display: none !Important;
}
.ofertabox-container {
    display: none;
}

.subtrailer.x2 {
	height: 600px;
}
.mobile-cover {
    position: relative;
    width: 80%;
    display: block;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    font-size: 13px;
    font-family: type2-bold, sans-serif;
    line-height: 2.0;
    font-weight: normal;
    text-transform: uppercase;
    position: absolute;
    z-index: 2;
    margin: 25px 10%;
    background: rgba(0, 0, 0, 0.75);
}
.mobile-cover a:hover, .mobile-cover a {
	 color: #fff;
}
.sp-page-builder .page-content #fakty {
    background: #171717;
}
.zone.brand3 {
        padding: 0px;
}
.zone.brand3 .title {
       width: 80%;
	margin: 0 auto 0px;
}
.zone.brand3 .sppb-col-md-1 {
    width: 100%;
    max-width: 100%;
    flex: none;
}
.zone.brand3 .sppb-col-md-2 {
    width: 0%;
    max-width: 0%;
    flex: none;
	display: none;
}
.zone.brand3 .numbers .sppb-animated-number {
    margin-top: 45px;
}
.zone.offer3 .triangle-container {
    display: none;
}
.seperator-triangle.remove-me {
    display: none !important;
}
.zone.brand2 .container .intro-subpage:hover .su-trailer-box {
    background-color: rgba(255, 255, 255, 1) !important;
}
.zone.brand2 .container .intro-subpage .su-trailer-box-content {
	opacity: 1;
}
.zone.brand2 .container .intro-subpage .intro-title, .zone.brand2 .container .intro-subpage .intro-text {
	opacity: 1;
}
.zone.brand2 .container .intro-subpage:hover .intro-button {
	opacity: 1 !important;
}
.zone.brand2 .container .intro-subpage:hover .intro-icon img {
	opacity: 0 !Important;
}
.zone.brand2 .container .intro-subpage h2 {
    display: none;
}
.zone.brand2 .intro-box-main {
    opacity: 1;
}
.zone.brand2 .container .intro-subpage .intro-button {
    display: none;
}
.zone.brand2 .big-trailer .trailer-icon img, .zone.brand2 .big-trailer .trailer-title, .zone.brand2 .big-trailer .trailer-text, .zone.brand2 .big-trailer .trailer-button, .zone.brand2 .big-trailer .trailer-content, .zone.brand2 .big-trailer .trailer-interline {
	opacity: 1;
	transition: none;
}
.zone.brand2 .container .intro-subpage .su-trailer-box {
    display: block;
    margin: 0 0 0px;
    background-color: rgba(255, 255, 255, 1) !important;
    height: auto;
}
.zone.brand2 .container .intro-subpage .intro-box-left img {
        opacity: 1 !important;
    display: block !important;
    width: auto;
    min-width: auto;
    margin: 0 auto 20px;
}
.zone.brand2 .container .intro-subpage .intro-title {
    text-align: center;
}
.zone.brand2 .su-trailer-box .su-trailer-box-desc {
    padding: 0px;
}
.zone.brand2 .su-trailer-box .su-trailer-box-desc, .su-trailer-box a {
    position: relative !Important;
    top: auto !Important;
    left: auto !Important;
    width: 100%;
    height: 100%;
}
.zone.brand2 .sppb-col-md-5 {
    width: 100%;
    max-width: 100%;
    flex: none;
}
.zone.brand2 .sppb-col-md-7 {
    width: 100%;
    max-width: 100%;
    flex: none;
}
.sp-page-builder .page-content #inwestycja {
    background: #fff !important;
}
.zone.brand2 {
    padding: 25px 0 0 0;
}
.zone.brand3 h2 .subheading {
    width: 100%;
    display: block;
    font-family: type2-bold, sans-serif;
    text-transform: none;
    font-weight: normal;
    font-size: 11px;
    line-height: 1.6;
    letter-spacing: 1px;
    
    color: #fff;
    padding: 0 30px;
    text-align: center;
    margin: 0 0 25px 0;
}
.zone.brand2 .container .intro-subpage .intro-icon img {
    display: none !Important;
}
.zone.brand2 .container .su-trailer-box-style23 .su-trailer-box-desc::before {
    display: none !important;
}
.zone.brand2 .intro-box-main {
    margin-top: 0px;
}
.zone.brand2 .intro-box {
    display: block;
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}
.zone.brand2 .intro-box-right {
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 0 0 40px 0;
    float: left;
}


.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    color: #171717;
}
.offcanvas-menu .offcanvas-inner ul li a:hover {
    color: #838a96;
}
.offcanvas-menu .offcanvas-inner ul li.active a {
    color: #838a96;
}
.offcanvas-menu .offcanvas-inner ul li.current a {
    color: #838a96;
}

.mobile-hide {
	display: none;
}

#offcanvas-toggler > .fa::after {
        content: 'MENU';
    font-family: 'type2-Bold', sans-serif;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: -14px 0 0 30px;
    vertical-align: middle;
    line-height: 1;
    display: block !important;
    color: #fff;
}
#offcanvas-toggler > .fa {
    color: #fff;
	display: block !important;
}

#sp-position1.col-lg-2 {
    width: 68%;
    max-width: 68%;
	padding: 0px;
}
#sp-menu.col-lg-7 {
    width: 0%;
    max-width: 0%;
	padding: 0px;
}
#sp-position3.col-lg-3 {
    width: 30%;
    max-width: 30%;
	padding: 0px;
}

.fastcontact-mobile {
	display: inline-block;
	text-transform: uppercase;
	padding-left: 20px;
	color: #838a96;
}

.fastcontact {
    font-size: 11px;
    letter-spacing: 1px;
    margin-top: 29px;
    padding-left: 47px;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}
.zone.contact {
	background: #171717 !Important;
}
.zone.contact .sppb-col-md-5 {
    width: 100%;
    max-width: 100%;
}
.zone.contact .sppb-col-md-7 {
    width: 0%;
    max-width: 0%;
	display: none;
}
.container {
    max-width: 100%;
}
.zone.contact .container {
        padding: 0 30px 0px;
    margin: 20px 0 35px !Important;
    left: auto;
}
.zone.form {
    padding: 40px 0 40px;
    margin: 0px;
}
.zone.wykonawcy .wykonawcy-text .wykonawcy-inner {
    padding: 20px 50px;
    background: #fff;
    width: 100%;
    display: block;
    margin: 0px;
}
.zone.wykonawcy .wykonawcy-title {
    background: #fff;
    padding: 27px 0 0;
    text-align: center;
    display: block;
    position: relative;
    width: 80%;
    font-family: 'type2-bold', sans-serif;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0 auto;
    top: auto;
    left: auto;
}
.zone.contact h1 .mainheading {
    margin: 0px 0 10px 0;
}
.contact-frame.contact .sppb-col-md-6 {
    width: 100%;
    max-width: 100%;
}
.contact-frame.contact .sppb-col-md-3 {
    width: 0%;
    max-width: 0%;
	display: none;
}
.zone.contact-container {
    margin: 10px 0 !Important;
	    padding: 20px 45px 24px;
}
.customlogotype img {
    width: 73%;
}
#offcanvas-toggler > .fa {
    right: 45px;
    top: 28px;
}
.customlogotype {
 margin-top: 13px;
    width: auto;
    height: auto;
}
#sp-footer {
    padding: 20px 10px;
}
.offcanvas-inner .rsform {
	display: none;
}
.offcanvas-inner.sub .rsform {
	display: block;
}
ul.menu-menumobile {
    display: block !Important;
}
.sp-module.menu_info {
	display: none;
	
}

.sp-module.menu_info h3.sp-module-title, .sp-module.menu_offer h3.sp-module-title  {
       font-family: 'type2-bold', sans-serif;
    font-weight: normal !important;
    color: #252525;
    letter-spacing: 2px;
    font-size: 14px !important;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 2px solid #252525;
}
.sp-module.menu_info ul li a, .sp-module.menu_offer ul li a {
    width: 100%;
    display: block;
    font-family: type2-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px !important;
    letter-spacing: 3px;
    line-height: 29px;
    color: #252525 !important;
    text-align: left;
}
.offcanvas-menu .offcanvas-inner {
    padding: 100px;
}
.offcanvas-menu {
    width: 320px;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -320px;
}
.cookies {
    padding: 40px 0 80px;
}
.midnight-story sup {
    width: 200px;
    position: absolute;
    border: 10px solid #fff;
    font-family: type2-bold,sans-serif;
    letter-spacing: 6px !Important;
    padding: 60px 0px !important;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px !Important;
    line-height: 1 !Important;
}
.midnight-story sub {
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 5px !important;
    color: #fff;
    font-family: 'type2-bold',sans-serif;
    font-weight: normal;
    display: block;
    position: absolute;
    top: -28px;
    text-align: center;
    width: 200px;
}
.midnight-story i {
    display: block;
    font-size: 13px !important;
    width: 200px;
    text-transform: uppercase;
    letter-spacing: 2px !Important;
    color: #fff;
    font-family: 'type2-bold',sans-serif;
    font-weight: normal;
	line-height: 1.9 !important;
    text-align: center;
    text-decoration: none;
    padding: 0px !important;
    top: 140px;
    position: relative;
    font-style: normal;
	white-space: normal !important;
}
.midnight-story {
    width: 200px;
    height: auto;
    position: relative;
	top: 70px !important;
	left: calc(50% - 100px) !important;
	
}
.seperator p {
    margin: 30px 0 30px;
    text-transform: none;
    letter-spacing: 1px;
    font-size: 12px;
    font-family: type1-normal, sans-serif;
    font-weight: normal;
    line-height: 1.8;
    padding: 0 20px;
	    text-align: justify;
}
.zone.contact h1 .subheading {
    font-size: 13px;
    letter-spacing: 0px;
	text-align: justify;
}
.subpages .seperator p {
    margin: 30px 0 30px;
}

}
/* -- Modern mobile ---------------------------------------------------------------------------------- */
@media (min-width: 375px) and (max-width: 413px) {
	.fastcontact {
    letter-spacing: 1px;
}
.midnight-story {
	top: 105px !important;
}
}
/* -- Modern mobile plus ---------------------------------------------------------------------------------- */
@media (min-width: 414px) and (max-width: 767px) {
		.fastcontact {
    letter-spacing: 2px;
}
.midnight-story {
	top: 105px !important;
}
.midnight-story sup {
    width: 200px;
    position: absolute;
    border: 10px solid #fff;
    font-family: type2-bold,sans-serif;
    letter-spacing: 6px !Important;
    padding: 80px 0px !important;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px !Important;
    line-height: 1 !Important;
}
.midnight-story i {
    display: block;
    font-size: 13px !important;
    width: 200px;
    text-transform: uppercase;
    letter-spacing: 2px !Important;
    color: #fff;
    font-family: 'type2-bold',sans-serif;
    font-weight: normal;
	line-height: 1.9 !important;
    text-align: center;
    text-decoration: none;
    padding: 0px !important;
    top: 185px;
    position: relative;
    font-style: normal;
	white-space: normal !important;
}
}