@import url('https://fonts.googleapis.com/css?family=Ubuntu:100,300,400,400i,500,700&display=swap&subset=latin-ext');

body {font-family: 'Ubuntu', Helvetica, sans-serif; background-color: #fff;}

* {outline: none !important;}

.container-fluid {max-width: 1920px; padding: 0;}

.blue {color: #0096ff;}

.img-replace {position: relative; display: inline-block;}
.img-replace img {position: absolute; left: 0; transition: opacity 0.4s ease-in-out;}
.img-replace img:nth-child(1) {opacity: 0;}
.img-replace:hover img:nth-child(1) {opacity: 1;}
.img-replace:hover img:nth-child(2) {opacity: 0;}


.navbar {z-index: 1000; max-width: 1920px; padding: 35px 65px 6px 65px; background-color: transparent; transition: all .4s ease-in-out, top .4s linear;}
.navbar-bg {background-color: #0c24af;}
.navbar-bg {padding: 20px 65px 20px 65px;}
.opacity-0 {opacity: 0;/*top: -90px;*/}
.navbar-moveup1 {top: -95px;}
.navbar-movedown1 {top: 0px;}
.navbar a {color: #0c24af; text-transform: uppercase; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.navbar.navbar-bg a {color: #fff;}
.navbar a:hover {opacity: 0.6;}
@media (max-width: 1199.98px) {
.navbar {padding: 35px 30px 6px 50px;}
.navbar-bg {padding: 20px 30px 20px 50px;}
}
@media (max-width: 991.98px) {
.navbar {padding: 25px 15px 6px 30px;}
.navbar-bg {padding: 15px 15px 15px 30px;}
}
@media (max-width: 767.98px) {
.navbar-bg2 {top: 0px !important; background-color: #0c24af;}
.navbar {padding: 25px 0 6px 0;}
.navbar-bg {padding: 15px 0 15px 0;}
.navbar a {color: #fff;}
}


.navbar .navbar-brand img {width: 42px; height: auto; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.navbar.navbar-bg .navbar-brand img:first-child {display: none;}
@media (min-width: 768px) {
.navbar:not(.navbar-bg) .navbar-brand img:last-child {display: none;}
}
@media (max-width: 767.98px) {
.navbar:not(.navbar-bg):not(.navbar-bg2) .navbar-brand img:last-child {display: none;}
.navbar.navbar-bg2 .navbar-brand img:first-child {display: none;}
.navbar-collapse {padding-left: 30px; padding-right: 30px; padding-bottom: 30px; max-height: calc(100vh - 85px); overflow-y: auto;}
.navbar .navbar-brand img {margin-left: 30px;}
}


.header-menu {margin: 0 0 0 45px; padding-top: 3px;}
.header-menu .nav-item {padding: 0 2px;}
.header-menu .nav-item a {font-size: 14px; font-weight: 500; letter-spacing: 3px;}
@media (max-width: 1199.98px) {
.header-menu {margin: 0 0 0 20px;}
}
@media (max-width: 991.98px) {
.header-menu {margin: 0 0 0 5px;}
.header-menu .nav-item a {font-size: 12px; letter-spacing: 1px;}
}
@media (max-width: 767.98px) {
.header-menu {text-align: center;}
.header-menu .nav-item {padding: 5px 0;}
.header-menu .nav-item:first-child {padding-top: 50px;}
.header-menu .nav-item:last-child {padding-bottom: 50px;}
.header-menu .nav-item a {font-size: 18px; letter-spacing: 2px;}
}


.navbar .header-socialmedia img {-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.navbar.navbar-bg .header-socialmedia img:first-child {display: none;}
.header-socialmedia a {margin: 0 12px;}
.navbar-expand-md .header-socialmedia.navbar-nav {-ms-flex-direction: row !important; flex-direction: row !important;}
@media (min-width: 768px) {
.navbar:not(.navbar-bg) .header-socialmedia img:last-child {display: none;}
}
@media (max-width: 1199.98px) {
.header-socialmedia a {margin: 0 10px;}
}
@media (max-width: 991.98px) {
.header-socialmedia a {margin: 0 7px;}
.header-socialmedia img {transform: scale(0.85);}
}
@media (max-width: 767.98px) {
.navbar .header-socialmedia {padding: 15px 0 40px 0;}
.navbar:not(.navbar-bg2) .header-socialmedia img:last-child {display: none;}
.navbar.navbar-bg2 .header-socialmedia img:first-child {display: none;}
}


.navbar .header-contact img {-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.navbar.navbar-bg .header-contact img:first-child {display: none;}
.header-contact {margin-left: 60px;}
.header-contact a {margin: 0 8px;}
.navbar-expand-md .header-contact.navbar-nav {-ms-flex-direction: row !important; flex-direction: row !important;}
@media (min-width: 768px) {
.navbar:not(.navbar-bg) .header-contact img:last-child {display: none;}
}
@media (max-width: 1199.98px) {
.header-contact {margin-left: 30px;}
}
@media (max-width: 991.98px) {
.header-contact {margin-left: 20px;}
.header-contact a {margin: 0 3px;}
.header-contact img {transform: scale(0.75);}
}
@media (max-width: 767.98px) {
.navbar:not(.navbar-bg):not(.navbar-bg2) .header-contact img:last-child {display: none;}
.navbar.navbar-bg2 .header-contact img:first-child {display: none;}
.header-contact {margin-left: auto; margin-right: 30px;}
}



.header-languages {margin-left: 40px;}
.header-languages a {margin: 0 3px; font-size: 15px; font-weight: 700; letter-spacing: 3px;}
.navbar-expand-md .header-languages.navbar-nav {-ms-flex-direction: row !important; flex-direction: row !important;}
@media (max-width: 1199.98px) {
.header-languages {margin-left: 30px;}
}
@media (max-width: 1199.98px) {
.header-languages {margin-left: 20px;}
.header-languages a {margin: 0 2px; font-size: 13px; letter-spacing: 2px;}
}
@media (max-width: 767.98px) {
.header-languages {padding: 15px 0 40px 0;}
.header-languages a {margin: 0 0 0 15px; font-size: 15px;}
}


.icon-bar {width: 22px; height: 2px; display: block; -webkit-transition: all 0.2s; transition: all 0.2s; margin-top: 4px;}
.navbar-toggler {padding: 4px 0; margin: -2px 30px 0 0; border: none; background: transparent !important;}
.navbar-toggler .icon-bar {background-color: #b6b6b6;}
.navbar-toggler .top-bar {transform: rotate(45deg); transform-origin: 10% 10%;}
.navbar-toggler .middle-bar {opacity: 0;}
.navbar-toggler .bottom-bar {transform: rotate(-45deg); transform-origin: 10% 90%;}
.navbar-toggler.collapsed .icon-bar {background-color: #0c24af;}
.navbar-bg .navbar-toggler.collapsed .icon-bar {background-color: #b6b6b6;}
.navbar-toggler.collapsed .top-bar {transform: rotate(0);}
.navbar-toggler.collapsed .middle-bar {opacity: 1;}
.navbar-toggler.collapsed .bottom-bar {transform: rotate(0);}


h3 {margin-bottom: 0; font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 16px;}
@media (max-width: 1199.98px) {
h3 {font-size: 16px; letter-spacing: 12px;}
}
@media (max-width: 991.98px) {
h3 {font-size: 14px; letter-spacing: 8px;}
}
@media (max-width: 575.98px) {
h3 {font-size: 10px; letter-spacing: 8px;}
}


.slider {position: relative; width: 100%; height: 0; padding-bottom: 50%; background-color: #fff; background-image: url('img/slider/foto-slider.jpg'); background-size: cover; background-position: center top;}
.slider h2 {position: absolute; left: 50%; top: 65%; z-index: 10; width: 600px; margin-left: -300px; font-size: 36px; font-weight: 300; text-align: center; color: #0c24af;}
.slider-logo {position: absolute; left: 50%; top: 35%; z-index: 10; margin-left: -125px;}
#slider-arrow {position: absolute; left: 50%; bottom: 60px; z-index: 10; width: 30px; height: 30px; padding: 10px 0; margin-left: -15px; /*-webkit-transition: all 0.2s; transition: all 0.2s;*/}
#slider-arrow:hover {/*bottom: 50px;*/}
@media (max-width: 1699.98px) {
.slider h2 {top: 68%;}
}
@media (max-width: 1499.98px) {
.slider-logo {transform: scale(.85);}
}
@media (max-width: 1349.98px) {
.slider h2 {top: 70%; font-size: 32px;}
.slider-logo {transform: scale(.75);}
}
@media (max-width: 1199.98px) {
.slider h2 {top: 72%; font-size: 30px;}
#slider-arrow {bottom: 40px;}
}
@media (max-width: 991.98px) {
.slider {padding-bottom: 55%;}
.slider-logo {top: 28%; transform: scale(.65);}
.slider h2 {top: 70%;}
}
@media (max-width: 767.98px) {
.slider {height: 100vh; padding-bottom: 0; background-size: auto calc(100% + 250px); background-position: 70% top;}
.slider h2 {top: 72%; left: 0; width: 100%; margin: 0; padding: 0 25px; text-align: center; font-size: 30px;}
.slider-logo {transform: scale(.75);}
}
@media (max-width: 576.98px) {
.slider-logo {transform: scale(1.0); top: 35%; width: 170px; height: auto; margin-left: -85px; /* top: 30%; width: 120px; height: auto; margin-left: -60px;*/}
.slider h2 {top: 63%; /*top: 57%;*/ font-size: 28px;}
#slider-arrow {bottom: 30px;}
}
@media (max-width: 349.98px) {
.slider h2 {font-size: 26px;}
}


@-webkit-keyframes scrollMove {
  	0% {transform: translateY(0);}
  	20% {transform: translateY(-10px);}
	50% {transform: translateY(-12px);}
	80% {transform: translateY(-10px);}
	100% {transform: translateY(0px);}
}
@keyframes scrollMove {
  	0% {transform: translateY(0);}
  	20% {transform: translateY(-10px);}
	50% {transform: translateY(-12px);}
	80% {transform: translateY(-10px);}
	100% {transform: translateY(0px);}
}
.scrollMove {-webkit-animation-name: scrollMove; animation-name: scrollMove; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}


.about, .idea, .reference {width: 100%; height: 0; padding-bottom: 50%;}
@media (max-width: 575.98px) {
.about, .idea, .reference {padding-bottom: 100%;}
}

.about {background-color: #0c24af;}
.about h3 {padding: 14% 0 10% 12%; color: #0096ff;}
.about p {padding: 0 0 0 20%; line-height: 120%;}
.about p.standard {margin: 0 0 30px 0; font-size: 60px; font-weight: 300; color: #fff;}
#lang-pl .about p.standard {font-size: 54px;}
.about p.small {margin: 40px 0 0 0; font-size: 36px; font-weight: 400; color: #0096ff;}
@media (max-width: 1699.98px) {
.about p.standard {font-size: 50px;}
#lang-pl .about p.standard {font-size: 45px;}
.about p.small {font-size: 32px;}
}
@media (max-width: 1499.98px) {
.about p.standard {font-size: 44px;}
#lang-pl .about p.standard {font-size: 38px;}
.about p.small {font-size: 30px;}
}
@media (max-width: 1349.98px) {
.about p.standard {font-size: 38px;}
#lang-pl .about p.standard {font-size: 32px;}
.about p.small {font-size: 28px;}
}
@media (max-width: 1199.98px) {
.about h3 {padding: 10% 0 8% 8%;}
.about p.standard {font-size: 32px;}
#lang-pl .about p.standard {font-size: 30px;}
.about p.small {font-size: 22px;}
}
@media (max-width: 991.98px) {
.about h3 {padding: 10% 0 8% 8%;}
.about p {padding: 0 0 0 16%;}
.about p.standard {font-size: 26px;}
#lang-pl .about p.standard {font-size: 24px;}
.about p.small {font-size: 18px;}
}
@media (max-width: 829.98px) {
.about p {margin: 0 0 25px 0; font-size: 25px;}
.about p.small {margin: 30px 0 0 0; font-size: 17px;}
}
@media (max-width: 767.98px) {
.about p {padding: 0 0 0 16%;}
.about p.standard {margin: 0 0 15px 0; font-size: 21px;}
#lang-pl .about p.standard {font-size: 20px;}
.about p.small {margin: 20px 0 0 0; font-size: 14px;}
}
@media (max-width: 649.98px) {
.about p.standard {font-size: 18px;}
#lang-pl .about p.standard {font-size: 17px;}
}
@media (max-width: 575.98px) {
.about h3 {padding: 10% 0 10% 10%;}
.about p {padding: 0 0 0 18%;}
.about p.standard {font-size: 32px;}
#lang-pl .about p.standard {font-size: 30px;}
.about p.small {font-size: 22px;}
}
@media (max-width: 469.98px) {
.about p.standard {font-size: 26px;}
#lang-pl .about p.standard {font-size: 24px;}
.about p.small {font-size: 18px;}
}
@media (max-width: 399.98px) {
.about p.standard {font-size: 24px;}
#lang-pl .about p.standard {font-size: 22px;}
.about p.small {font-size: 15px;}
}
@media (max-width: 359.98px) {
.about p.standard {font-size: 21px;}
#lang-pl .about p.standard {font-size: 20px;}
.about p.small {font-size: 13px;}
}




.idea {position: relative; background-color: #e9e9e9;}
.idea h3 {padding: 14% 0 10% 12%; color: #0c24af;}
.idea p {margin: 0 0 0 0; padding: 0 0 0 20%; font-size: 180px; font-weight: 700; line-height: 145px; letter-spacing: -16px; color: #0c24af;}
.idea p:nth-child(4) {margin-top: -40px;}
.idea img {margin: 25px 0 75px 0; padding: 0 22% 0 22%;}
#lang-en .idea img {padding: 0 21% 0 28%;}
.idea p.small {padding: 0 22% 0 22%; font-size: 24px; line-height: 100%; text-align: right; font-weight: 400; font-style: italic; letter-spacing: 0; color: #595959;}
/*#lang-pl .idea p:nth-child(4) {margin-top: -10px;}*/
/*.idea p.qmark {position: absolute; bottom: 6%; right: 15%;}
.idea p.qmark a {font-size: 24px; font-weight: 400; letter-spacing: 0; text-decoration: none; color: #444;}
.idea p.qmark a:hover {color: #0c24af;}*/
@media (max-width: 1699.98px) {
.idea p {font-size: 150px; line-height: 120px; letter-spacing: -14px;}
.idea p:nth-child(4) {margin-top: -30px;}
.idea p.small {padding: 0 21% 0 21%;}
.idea img {padding: 0 21% 0 21%;}
#lang-en .idea img {padding: 0 21% 0 28%;}
}
@media (max-width: 1499.98px) {
.idea p {font-size: 135px; line-height: 110px; letter-spacing: -12px;}
.idea p:nth-child(4) {margin-top: -30px;}
}
@media (max-width: 1349.98px) {
.idea p {font-size: 120px; line-height: 96px; letter-spacing: -10px;}
.idea p:nth-child(4) {margin-top: -25px;}
.idea p.small {font-size: 22px;}
}
@media (max-width: 1199.98px) {
.idea h3 {padding: 10% 0 8% 8%;}
.idea p {font-size: 105px; line-height: 84px; letter-spacing: -10px;}
.idea p:nth-child(4) {margin-top: -21px;}
.idea p.small {font-size: 20px;}
.idea img {margin: 15px 0 50px 0;}
/*.idea p.qmark a {font-size: 20px;}*/
}
@media (max-width: 991.98px) {
.idea h3 {padding: 10% 0 8% 8%;}
.idea p {font-size: 90px; line-height: 73px; letter-spacing: -10px;}
.idea p:nth-child(4) {margin-top: -20px;}
.idea p.small {font-size: 18px;}
/*.idea p.qmark {bottom: 2%; right: 10%;}*/
}
@media (max-width: 829.98px) {

}
@media (max-width: 767.98px) {
.idea p {font-size: 70px; line-height: 56px; letter-spacing: -7px;}
.idea p:nth-child(4) {margin-top: -12px;}
.idea p.small {font-size: 14px;}
.idea img {margin: 5px 0 35px 0;}
}
@media (max-width: 649.98px) {
.idea p {font-size: 60px; line-height: 48px; letter-spacing: -7px;}
.idea p:nth-child(4) {margin-top: -12px;}
}
@media (max-width: 575.98px) {
.idea h3 {padding: 10% 0 10% 10%;}
.idea p {padding: 0; padding-left: calc(18% - 5px); font-size: 105px; line-height: 84px; letter-spacing: -10px;}
.idea p:nth-child(4) {margin-top: -21px;}
.idea p.small {padding: 0 18% 0 18%; font-size: 16px;}
.idea img {margin: 25px 0 50px 0;}
}
@media (max-width: 469.98px) {
.idea p {font-size: 90px; line-height: 73px; letter-spacing: -10px;}
.idea p:nth-child(4) {margin-top: -18px;}
.idea p.small {font-size: 16px;}
.idea img {margin: 5px 0 45px 0;}
}
@media (max-width: 399.98px) {
.idea p {font-size: 85px; line-height: 68px; letter-spacing: -8px;}
.idea p:nth-child(4) {margin-top: -17px;}
.idea p.small {font-size: 15px;}
}
@media (max-width: 359.98px) {
.idea p {font-size: 70px; line-height: 56px; letter-spacing: -7px;}
.idea p:nth-child(4) {margin-top: -15px;}
.idea p.small {font-size: 15px;}
.idea img {margin: 5px 0 30px 0;}
}




.description {width: 100%; padding-bottom: 9%; background-color: #f9f9f9;}
.description h3 {padding: 7% 0 0 6%; color: #0c24af;}
.description img {display: block; margin: 80px auto 65px auto;}
.description p {margin: 15px 25px; font-size: 18px; text-align: justify; font-weight: 300; color: #606060;}
@media (max-width: 1499.98px) {
.description .container {padding: 0 40px;}
.description p {font-size: 16px;}
}
@media (max-width: 1199.98px) {
.description .container {padding: 0 40px;}
.description h3 {padding: 5% 0 0 4%;}
.description p {font-size: 15px;}
}
@media (max-width: 575.98px) {
.description .container {padding: 0 18%;}
.description h3 {padding: 10% 0 10% 10%;}
.description img {margin: 0 0 8% 18%;}
.description p {margin: 0 0 15px 0; font-size: 13px;}
}


.reference {background-color: #e9e9e9;}
.reference-inner {margin: 0; padding: 0; overflow-x: hidden; border: 0px solid #ff0000;}
.reference-inner .swiper-container-references-2 {display: none;}
.reference-inner .swiper-slide {overflow-y: hidden;}
.reference-inner .swiper-controls {position: absolute; z-index: 50; right: calc(12% - 20px); bottom: 10%; width: 130px; height: 44px; background-color: #e9e9e9;}
.reference-inner .swiper-pagination {bottom: 12px; left: 40px; width: 50px; color: #000;}
.reference-inner .swiper-controls svg {display: none;}
.reference-inner .swiper-controls .swiper-button-prev, .reference-inner .swiper-controls .swiper-button-next {opacity: 1;}
.reference-inner .swiper-controls .swiper-button-prev:after, .reference-inner .swiper-controls .swiper-button-next:after {content: '';}
/*.reference-inner .swiper-pagination .swiper-pagination-bullet {z-index: 100; opacity: 1; margin: 0 3px; border-radius: 0; background: transparent; color: #000;}
.reference-inner .swiper-pagination .swiper-pagination-bullet:nth-of-type(1)::after {content: '1';}
.reference-inner .swiper-pagination .swiper-pagination-bullet:nth-of-type(2)::after {content: '2';}
.reference-inner .swiper-pagination .swiper-pagination-bullet:nth-of-type(3)::after {content: '3';}
.reference-inner .swiper-pagination .swiper-pagination-bullet:nth-of-type(4)::after {content: '4';}
.reference-inner .swiper-pagination .swiper-pagination-bullet:nth-of-type(5)::after {content: '5';}
.reference-inner .swiper-pagination .swiper-pagination-bullet:nth-of-type(6)::after {content: '6';}*/
.reference h3 {padding: 14% 0 10% 12%; color: #9d9d9d;}
.reference img.reference-logo {margin: 0 0 45px 20%; height: auto; /*height: 70px; margin-bottom: 45px; padding: 0 0 0 20%; width: auto;*/}
.reference img.ref-1 {width: 226px;}
.reference img.ref-2 {width: 207px;}
.reference img.ref-3 {width: 272px;}
.reference p {padding: 0 15% 0 20%; margin: 0 0 12px 0; font-size: 14px; font-style: italic; color: #505050;}
.reference p.reference-footer {margin: 24px 0 12px 0;}
.reference p.reference-name {margin: 0 0 3px 0; font-size: 15px; font-weight: 700;}
.reference p.reference-title {font-size: 10px;}
@media (max-width: 1699.98px) {
.reference img.reference-logo {margin: 0 0 30px 18%; /*padding: 0 0 0 18%; margin-bottom: 30px; height: 55px;*/}
.reference img.ref-1 {width: 181px;}
.reference img.ref-2 {width: 166px;}
.reference img.ref-3 {width: 218px;}
.reference p {padding: 0 12% 0 18%; font-size: 13px;}
}
@media (max-width: 1499.98px) {
.reference img.reference-logo {margin: 0 0 25px 15%; /*padding: 0 0 0 15%; margin-bottom: 25px; height: 40px;*/}
.reference img.ref-1 {width: 147px;}
.reference img.ref-2 {width: 135px;}
.reference img.ref-3 {width: 177px;}
.reference p {padding: 0 10% 0 15%; font-size: 12px;}
.reference p.reference-footer {margin: 18px 0 12px 0;}
}
@media (max-width: 1349.98px) {
.reference img.ref-1 {width: 113px;}
.reference img.ref-2 {width: 104px;}
.reference img.ref-3 {width: 136px;}
.reference p {font-size: 11px;}
}
@media (max-width: 1199.98px) {
.reference-inner .swiper-container-references-1 {display: none;}
.reference-inner .swiper-container-references-2 {display: block;}
/*.reference-inner .swiper-controls {width: 120px;}
.reference-inner .swiper-pagination {width: 40px;}*/
.reference h3 {padding: 10% 0 8% 8%;}
.reference p {margin: 0 0 10px 0; font-size: 15px;}
.reference p.reference-footer {margin: 16px 0 12px 0;}
.reference p.reference-name {font-size: 13px;}
.reference p.reference-title {font-size: 8px;}
.reference img.ref-1 {width: 147px;}
.reference img.ref-2 {width: 135px;}
.reference img.ref-3 {width: 177px;}
}
@media (max-width: 1099.98px) {
.reference p {font-size: 14px;}
}
@media (max-width: 1049.98px) {
.reference p {font-size: 13px;}
}
@media (max-width: 991.98px) {
.reference-inner .swiper-controls {transform: scale(.8); right: calc(12% - 33px);}
.reference img.ref-1 {width: 113px;}
.reference img.ref-2 {width: 104px;}
.reference img.ref-3 {width: 136px;}
.reference p {font-size: 12px;}
}
@media (max-width: 919.98px) {
.reference p {font-size: 11px;}
}
@media (max-width: 879.98px) {
.reference p {font-size: 10px;}
}
@media (max-width: 767.98px) {
.reference img.reference-logo {margin: 0 0 15px 15%;}
.reference img.ref-1 {width: 68px;}
.reference img.ref-2 {width: 62px;}
.reference img.ref-3 {width: 82px;}
.reference p {font-size: 9px;}
.reference p.reference-footer {margin: 12px 0 8px 0;}
.reference p.reference-name {font-size: 10px;}
.reference p.reference-title {font-size: 6px;}
}
@media (max-width: 649.98px) {
.reference p {font-size: 8px;}
.reference p.reference-name {font-size: 10px;}
.reference p.reference-title {font-size: 6px;}
}
@media (max-width: 599.98px) {
.reference p {font-size: 7px;}
}
@media (max-width: 575.98px) {
.reference h3 {padding: 10% 0 7% 10%;}
.reference-inner .swiper-controls {right: 15px; bottom: 30px;}
.reference img.reference-logo {margin: 0 0 25px 18%;}
.reference img.ref-1 {width: 113px;}
.reference img.ref-2 {width: 104px;}
.reference img.ref-3 {width: 136px;}
.reference p {padding: 0 18%; /*padding: 0 10%;*/ font-size: 12px;}
.reference p.reference-name {font-size: 13px;}
.reference p.reference-title {font-size: 10px;}
}
@media (max-width: 469.98px) {
.reference img.ref-1 {width: 90px;}
.reference img.ref-2 {width: 83px;}
.reference img.ref-3 {width: 109px;}
.reference p {font-size: 11px;}
.reference p.reference-name {font-size: 13px;}
.reference p.reference-title {font-size: 8px;}
}
@media (max-width: 413.98px) {
.reference p {font-size: 10px;}
}
@media (max-width: 374.98px) {
.reference img.ref-1 {width: 68px;}
.reference img.ref-2 {width: 62px;}
.reference img.ref-3 {width: 82px;}
.reference p {font-size: 9px;}
.reference p.reference-name {font-size: 10px;}
.reference p.reference-title {font-size: 7px;}
}
@media (max-width: 349.98px) {
.reference p {font-size: 8px;}
}


.branding4, .branding5 {width: 100%; height: 0; padding-bottom: 100%;}
.branding1, .branding2, .branding6 {width: 100%; height: 0; padding-bottom: 50%;}
.branding3 {width: 100%; height: 0; padding-bottom: 150%;}
@media (max-width: 767.98px) {

}
@media (max-width: 575.98px) {
.branding1 {width: 100%; height: 0; padding-bottom: 100%;}
.branding4 {width: 100%; height: 0; padding-bottom: 100%;}
}


.branding1 {background-color: #0c24af;}
.branding1 h3 {padding: 14% 0 10% 12%; color: #0096ff;}
.branding1 p {margin: 0 0 30px 0; padding: 0 0 0 20%; font-size: 60px; font-weight: 300; line-height: 120%; color: #fff;}
.branding1 p.small {margin: 40px 0 0 0; font-size: 34px; font-weight: 400; color: #0096ff;}
.branding1 p .slash {position: relative; top: -10px; left: 10px; font-size: 50px;}
@media (max-width: 1699.98px) {
.branding1 p {font-size: 50px;}
.branding1 p.small {font-size: 30px;}
.branding1 p .slash {top: -8px; font-size: 42px;}
}
@media (max-width: 1499.98px) {
.branding1 p {font-size: 44px;}
.branding1 p.small {font-size: 28px;}
.branding1 p .slash {top: -6px; font-size: 36px;}
}
@media (max-width: 1349.98px) {
.branding1 p {font-size: 36px;}
.branding1 p.small {font-size: 24px;}
.branding1 p .slash {top: -5px; font-size: 31px;}
}
@media (max-width: 1199.98px) {
.branding1 h3 {padding: 10% 0 8% 8%;}
.branding1 p {font-size: 32px;}
.branding1 p.small {font-size: 22px;}
.branding1 p .slash {top: -5px; font-size: 27px;}
}
@media (max-width: 991.98px) {
.branding1 p {padding: 0 0 0 16%; font-size: 26px;}
.branding1 p.small {font-size: 18px;}
.branding1 p .slash {top: -4px; font-size: 22px;}
}
@media (max-width: 829.98px) {
.branding1 p {margin: 0 0 25px 0; font-size: 25px;}
.branding1 p.small {margin: 30px 0 0 0; font-size: 17px;}
.branding1 p .slash {top: -4px; font-size: 21px;}
}
@media (max-width: 767.98px) {
.branding1 p {padding: 0 0 0 16%; margin: 0 0 15px 0; font-size: 21px;}
.branding1 p.small {margin: 20px 0 0 0; font-size: 14px;}
.branding1 p .slash {top: -3px; left: 7px; font-size: 18px;}
}
@media (max-width: 649.98px) {
.branding1 p {font-size: 18px;}
.branding1 p .slash {top: -3px; font-size: 15px;}
}
@media (max-width: 575.98px) {
.branding1 h3 {padding: 10% 0 10% 10%;}
.branding1 p {padding: 0 0 0 18%; font-size: 32px;}
.branding1 p.small {font-size: 22px;}
.branding1 p .slash {top: -5px; font-size: 27px;}
}
@media (max-width: 469.98px) {
.branding1 p {font-size: 26px;}
.branding1 p.small {font-size: 18px;}
.branding1 p .slash {top: -4px; font-size: 22px;}
}
@media (max-width: 399.98px) {
.branding1 p {font-size: 24px;}
.branding1 p.small {font-size: 15px;}
.branding1 p .slash {top: -4px; font-size: 21px;}
}
@media (max-width: 359.98px) {
.branding1 p {font-size: 21px;}
.branding1 p.small {font-size: 13px;}
.branding1 p .slash {top: -3px; font-size: 18px;}
}


.more-info-toggle {position: absolute; z-index: 101; top: 45px; right: 45px; width: 40px; height: 40px; transition: all 0.4s;}
.more-info-toggle .plus-bar {position: absolute; top: 18px; width: 40px; height: 2px;}
.more-info-toggle .plus-bar:last-child {transform: rotate(90deg);}
.more-info-toggle.more-info-toggle-on {transform: rotate(45deg);}
@media (max-width: 1199.98px) {
.more-info-toggle {top: 30px; right: 30px; width: 30px; height: 30px;}
.more-info-toggle .plus-bar {top: 14px; width: 30px;}
}
@media (max-width: 767.98px) {
.more-info-toggle {top: 24px; right: 24px; width: 24px; height: 24px;}
.more-info-toggle .plus-bar {top: 11px; width: 24px;}
}
@media (max-width: 575.98px) {
.more-info-toggle {top: 30px; right: 30px; width: 30px; height: 30px;}
.more-info-toggle .plus-bar {top: 14px; width: 30px;}
}

.more-info {visibility: hidden; position: absolute; z-index: 40; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; transition: visibility 0.5s, opacity 0.5s;}
.more-info-on {visibility: visible; opacity: 1; z-index: 100;}
.more-info h3 {padding: 14% 0 7% 12%;}
.more-info p {padding: 0 18% 0 18%; font-size: 24px; line-height: 1.2; font-weight: 400;}
@media (max-width: 1699.98px) {
.more-info p {font-size: 20px;}
}
@media (max-width: 1499.98px) {
.more-info p {font-size: 18px;}
}
@media (max-width: 1349.98px) {
.more-info p {font-size: 16px;}
}
@media (max-width: 1199.98px) {
.more-info h3 {padding: 10% 0 7% 8%;}
.more-info p {padding: 0 12% 0 12%; font-size: 15px;}
}
@media (max-width: 991.98px) {
.more-info p {font-size: 12px;}
}
@media (max-width: 767.98px) {
/*.more-info h3 {padding: 5% 0 5% 4%;}*/
/*.more-info p {padding: 0 6% 0 6%; font-size: 15px;}*/
.more-info p {padding: 0 8% 0 12%; font-size: 13px;}
}
@media (max-width: 575.98px) {
.more-info h3 {padding: 10% 0 7% 10%;}
.more-info p {padding: 0 15% 0 15%; font-size: 15px;}
}
@media (max-width: 469.98px) {
.more-info p {font-size: 13px;}
}
@media (max-width: 399.98px) {
.more-info p {font-size: 12px;}
}
@media (max-width: 359.98px) {
.more-info p {font-size: 11px;}
}



.branding2 {position: relative; padding-left: 0; padding-right: 0; background-color: #000;}
.branding2 .more-info-toggle, .branding2 h3, .branding2 p {color: #51f34c;}
.branding2 .more-info-toggle .plus-bar {background-color: #51f34c;}
.branding2 .more-info {background-color: rgba(25, 28, 24, 0.90);}


.branding3 {position: relative; padding-left: 0; padding-right: 0; background-color: #e33244;}
.branding3 .more-info-toggle, .branding3 h3, .branding3 p {color: #61061c;}
.branding3 .more-info-toggle .plus-bar {background-color: #61061c;}
.branding3 .more-info {background-color: rgba(214, 0, 50, 0.90);}
/*.branding3 h3 {position: absolute; z-index: 10; bottom: 9.33%; left: 12%; color: #fff;}*/


.branding4 {position: relative; background-color: #fff; background-image: url('img/branding4-bg.png'); background-size: cover; background-position: center top;}
.branding4 .more-info-toggle, .branding4 h3, .branding4 p {color: #000;}
.branding4 .more-info-toggle .plus-bar {background-color: #000;}
.branding4 .more-info {background-color: rgba(221, 221, 221, 0.90);}
.branding4 .more-info a {color: #000; text-decoration: none;}
.branding4 .more-info a:hover {color: #0c24af;}
.branding4 .more-info .img-replace {cursor: pointer; margin-top: 30px;}
.branding4 .more-info .img-replace img {transition: opacity 0s ease-in-out;}
.branding4 .more-info .img-replace, .branding4 .more-info .img-replace img {width: 56px; height: 44px;}
.branding4 .more-info a:hover .img-replace img:nth-child(1) {opacity: 1;}
.branding4 .more-info a:hover .img-replace img:nth-child(2) {opacity: 0;}

/*.branding4 h3 {position: absolute; z-index: 10; top: 14%; left: 12%; color: #000;}*/
.branding4-inner {margin: 0; padding: 0; overflow-x: hidden;}
.branding4-inner .swiper-controls {position: absolute; z-index: 50; right: calc(12% - 20px); bottom: calc(14% - 11px); width: 130px; height: 44px; background-color: transparent;}
.branding4-inner .swiper-controls svg {display: none;}
.branding4-inner .swiper-pagination {bottom: 12px; left: 40px; width: 50px; color: #000;}
.branding4-inner .swiper-controls .swiper-button-prev, .branding4-inner .swiper-controls .swiper-button-next {opacity: 1;}
.branding4-inner .swiper-controls .swiper-button-prev:after, .branding4-inner .swiper-controls .swiper-button-next:after {content: '';}

@media (max-width: 991.98px) {
.branding4-inner .swiper-controls {transform: scale(.8); right: calc(12% - 33px); bottom: calc(14% - 17px);}
}



.branding5 {position: relative; background-color: #d3d3d3;}
.branding5 .more-info-toggle, .branding5 h3, .branding4 5 {color: #000;}
.branding5 .more-info-toggle .plus-bar {background-color: #000;}
.branding5 .more-info {background-color: rgba(255, 255, 255, 0.90);}
.branding5-inner {margin: 0; padding: 0; overflow-x: hidden;}
.branding5-inner .swiper-controls {position: absolute; z-index: 50; right: calc(12% - 20px); bottom: calc(14% - 11px); width: 130px; height: 44px; background-color: transparent;}
.branding5-inner .swiper-controls svg {display: none;}
.branding5-inner .swiper-pagination {bottom: 12px; left: 40px; width: 50px; color: #818181;}
.branding5-inner .swiper-controls .swiper-button-prev, .branding5-inner .swiper-controls .swiper-button-next {opacity: 1;}
.branding5-inner .swiper-controls .swiper-button-prev:after, .branding5-inner .swiper-controls .swiper-button-next:after {content: '';}
/*.branding5-inner .swiper-pagination .swiper-pagination-bullet {z-index: 100; opacity: 1; margin: 0 3px; border-radius: 0; background: transparent; color: #818181;}
.branding5-inner .swiper-pagination .swiper-pagination-bullet:nth-of-type(1)::after {content: '1';}
.branding5-inner .swiper-pagination .swiper-pagination-bullet:nth-of-type(2)::after {content: '2';}
.branding5-inner .swiper-pagination .swiper-pagination-bullet:nth-of-type(3)::after {content: '3';}
.branding5-inner .swiper-pagination .swiper-pagination-bullet:nth-of-type(4)::after {content: '4';}*/

@media (max-width: 991.98px) {
.branding5-inner .swiper-controls {transform: scale(.8); right: calc(12% - 33px); bottom: calc(14% - 17px);}
}


.branding6 {position: relative; background-color: #000; overflow: hidden; /*background-color: #e4e4e4; -webkit-transition: all 1.2s; transition: all 1.2s;*/}
/*.branding6.dark-bg {background-color: #4c4c4c;}
.branding6 h3 {padding: 7% 0 0 6%; color: #fff;}*/
.branding6 img {position: relative; top: -1px; left: -1px; max-width: calc(100% + 5px); height: auto;}
.branding6 .more-info-toggle, .branding6 h3, .branding6 p {color: #d7b68e;}
.branding6 h3 {padding: 7% 0 3.5% 6%;}
.branding6 p {padding: 0 9% 0 9%;}
.branding6 .more-info-toggle .plus-bar {background-color: #d7b68e;}
.branding6 .more-info {background-color: rgba(13, 13, 13, 0.90);}
@media (max-width: 1199.98px) {
.branding6 h3 {padding: 5% 0 3.5% 4%;}
.branding6 p {padding: 0 6% 0 6%;}
}
@media (max-width: 767.98px) {
.branding6 h3 {padding: 5% 0 5% 4%;}
}
@media (max-width: 575.98px) {
.branding6 h3 {padding: 10% 0 7% 10%;}
.branding6 p {padding: 0 15% 0 15%;}
}




.digital1, .digital2 {width: 100%; height: 0; padding-bottom: 100%;}
.digital3, .digital5, .digital6 {width: 100%; height: 0; padding-bottom: 50%;}
.digital4 {width: 100%; height: 0; padding-bottom: 150%;}
@media (max-width: 575.98px) {
.digital6 {width: 100%; height: 0; padding-bottom: 100%;}
}


.digital1 {padding-left: 0; padding-right: 0; background-color: #0c24af;}
.digital1 h3 {padding: 14% 0 10% 12%; color: #0096ff;}
.digital1 p {margin: 0 0 30px 0; padding: 0 0 0 20%; font-size: 60px; font-weight: 300; line-height: 120%; color: #fff;}
.digital1 p.small {margin: 40px 0 0 0; font-size: 34px; font-weight: 400; color: #0096ff;}
.digital1 p .slash {position: relative; top: -10px; left: 10px; font-size: 50px;}
@media (max-width: 1699.98px) {
.digital1 p {font-size: 50px;}
.digital1 p.small {font-size: 30px;}
.digital1 p .slash {top: -8px; font-size: 42px;}
}
@media (max-width: 1499.98px) {
.digital1 p {font-size: 44px;}
.digital1 p.small {font-size: 28px;}
.digital1 p .slash {top: -6px; font-size: 36px;}
}
@media (max-width: 1349.98px) {
.digital1 p {font-size: 36px;}
.digital1 p.small {font-size: 24px;}
.digital1 p .slash {top: -5px; font-size: 31px;}
}
@media (max-width: 1199.98px) {
.digital1 h3 {padding: 10% 0 8% 8%;}
.digital1 p {font-size: 32px;}
.digital1 p.small {font-size: 22px;}
.digital1 p .slash {top: -5px; font-size: 27px;}
}
@media (max-width: 991.98px) {
.digital1 p {padding: 0 0 0 16%; font-size: 26px;}
.digital1 p.small {font-size: 18px;}
.digital1 p .slash {top: -4px; font-size: 22px;}
}
@media (max-width: 829.98px) {
.digital1 p {margin: 0 0 25px 0; font-size: 25px;}
.digital1 p.small {margin: 30px 0 0 0; font-size: 17px;}
.digital1 p .slash {top: -4px; font-size: 21px;}
}
@media (max-width: 767.98px) {
.digital1 p {padding: 0 0 0 16%; margin: 0 0 15px 0; font-size: 21px;}
.digital1 p.small {margin: 20px 0 0 0; font-size: 14px;}
.digital1 p .slash {top: -3px; left: 7px; font-size: 18px;}
}
@media (max-width: 649.98px) {
.digital1 p {font-size: 18px;}
.digital1 p .slash {top: -3px; font-size: 15px;}
}
@media (max-width: 575.98px) {
.digital1 h3 {padding: 10% 0 10% 10%;}
.digital1 p {padding: 0 0 0 18%; font-size: 32px;}
.digital1 p.small {font-size: 22px;}
.digital1 p .slash {top: -5px; font-size: 27px;}
}
@media (max-width: 469.98px) {
.digital1 p {font-size: 26px;}
.digital1 p.small {font-size: 18px;}
.digital1 p .slash {top: -4px; font-size: 22px;}
}
@media (max-width: 399.98px) {
.digital1 p {font-size: 24px;}
.digital1 p.small {font-size: 15px;}
.digital1 p .slash {top: -4px; font-size: 21px;}
}
@media (max-width: 359.98px) {
.digital1 p {font-size: 21px;}
.digital1 p.small {font-size: 13px;}
.digital1 p .slash {top: -3px; font-size: 18px;}
}


.digital2 {position: relative; padding-left: 0; padding-right: 0;}
/*.digital2 h3 {position: absolute; z-index: 10; bottom: 14%; left: 12%;padding: 14% 0 10% 12%;}*/
.digital2 .more-info-toggle, .digital2 h3, .digital2 p {color: #000;}
.digital2 .more-info-toggle .plus-bar {background-color: #000;}
.digital2 .more-info {background-color: rgba(255, 255, 255, 0.95);}


.digital3 {position: relative; padding-left: 0; padding-right: 0; background-color: #686868;}
/*.digital3 h3 {padding: 14% 0 10% 12%; color: #fff;}*/
.digital3 .more-info-toggle, .digital3 h3, .digital3 p {color: #dfdfdf;}
.digital3 .more-info-toggle .plus-bar {background-color: #dfdfdf;}
.digital3 .more-info {background-color: rgba(102, 102, 102, 0.90);}


.digital4 {position: relative; padding-left: 0; padding-right: 0; background-color: #cacaca;}
/*.digital4 h3 {position: absolute; z-index: 10; bottom: 9.33%; left: 12%;}*/
.digital4 .more-info-toggle, .digital4 h3, .digital4 p {color: #93ab84;}
.digital4 .more-info-toggle .plus-bar {background-color: #93ab84;}
.digital4 .more-info {background-color: rgba(70, 84, 62, 0.90);}


.digital5 {background-color: #bfbfbf; overflow: hidden; }
/*.digital5 h3 {padding: 7% 0 0 6%;}*/
.digital5 img {position: relative; top: -1px; left: -1px; max-width: calc(100% + 5px); height: auto;}
.digital5 .more-info-toggle, .digital5 h3, .digital5 p {color: #e1d1a5;}
.digital5 h3 {padding: 7% 0 3.5% 6%;}
.digital5 p {padding: 0 9% 0 9%;}
.digital5 .more-info-toggle .plus-bar {background-color: #e1d1a5;}
.digital5 .more-info {background-color: rgba(148, 130, 81, 0.90);}
@media (max-width: 1199.98px) {
.digital5 h3 {padding: 5% 0 3.5% 4%;}
.digital5 p {padding: 0 6% 0 6%;}
}
@media (max-width: 767.98px) {
.digital5 h3 {padding: 5% 0 5% 4%;}
}
@media (max-width: 575.98px) {
.digital5 h3 {padding: 10% 0 7% 10%;}
.digital5 p {padding: 0 15% 0 15%;}
}



.digital6 {position: relative; padding-left: 0; padding-right: 0; background-color: #000;}
/*.digital6 h3 {position: absolute; z-index: 10; bottom: 14%; left: 12%; color: #818181;}*/
.digital6 .more-info-toggle, .digital6 h3, .digital6 p {color: #595959;}
.digital6 .more-info-toggle .plus-bar {background-color: #595959;}
.digital6 .more-info {background-color: rgba(17, 18, 20, 0.90);}
.digital6-inner {margin: 0; padding: 0; overflow-x: hidden;}
.digital6-inner .swiper-controls {position: absolute; z-index: 50; right: calc(12% - 20px); bottom: calc(14% - 11px); width: 130px; height: 44px; background-color: transparent;}
.digital6-inner .swiper-controls svg {display: none;}
.digital6-inner .swiper-pagination {bottom: 12px; left: 40px; width: 50px; color: #818181;}
.digital6-inner .swiper-controls .swiper-button-prev, .digital6-inner .swiper-controls .swiper-button-next {opacity: 1;}
.digital6-inner .swiper-controls .swiper-button-prev:after, .digital6-inner .swiper-controls .swiper-button-next:after {content: '';}
/*.digital6-inner .swiper-pagination .swiper-pagination-bullet {z-index: 100; opacity: 1; margin: 0 3px; border-radius: 0; background: transparent; color: #818181;}
.digital6-inner .swiper-pagination .swiper-pagination-bullet:nth-of-type(1)::after {content: '1';}
.digital6-inner .swiper-pagination .swiper-pagination-bullet:nth-of-type(2)::after {content: '2';}
.digital6-inner .swiper-pagination .swiper-pagination-bullet:nth-of-type(3)::after {content: '3';}
.digital6-inner .swiper-pagination .swiper-pagination-bullet:nth-of-type(4)::after {content: '4';}*/

@media (max-width: 991.98px) {
.digital6-inner .swiper-controls {transform: scale(.8); right: calc(12% - 33px); bottom: calc(14% - 17px);}
}


.print1, .print2, .print6 {width: 100%; height: 0; padding-bottom: 50%;}
.print4, .print5 {width: 100%; height: 0; padding-bottom: 100%;}
.print3 {width: 100%; height: 0; padding-bottom: 150%;}
@media (max-width: 575.98px) {
.print1 {width: 100%; height: 0; padding-bottom: 100%;}
}


.print1 {background-color: #0c24af;}
.print1 h3 {padding: 14% 0 10% 12%; color: #0096ff;}
.print1 p {margin: 0 0 30px 0; padding: 0 0 0 20%; font-size: 60px; font-weight: 300; line-height: 120%; color: #fff;}
.print1 p.small {margin: 40px 0 0 0; font-size: 34px; font-weight: 400; color: #0096ff;}
.print1 p .slash {position: relative; top: -10px; left: 10px; font-size: 50px;}
@media (max-width: 1699.98px) {
.print1 p {font-size: 50px;}
.print1 p.small {font-size: 30px;}
.print1 p .slash {top: -8px; font-size: 42px;}
}
@media (max-width: 1499.98px) {
.print1 p {font-size: 44px;}
.print1 p.small {font-size: 28px;}
.print1 p .slash {top: -6px; font-size: 36px;}
}
@media (max-width: 1349.98px) {
.print1 p {font-size: 36px;}
.print1 p.small {font-size: 24px;}
.print1 p .slash {top: -5px; font-size: 31px;}
}
@media (max-width: 1199.98px) {
.print1 h3 {padding: 10% 0 8% 8%;}
.print1 p {font-size: 32px;}
.print1 p.small {font-size: 22px;}
.print1 p .slash {top: -5px; font-size: 27px;}
}
@media (max-width: 991.98px) {
.print1 p {padding: 0 0 0 16%; font-size: 26px;}
.print1 p.small {font-size: 18px;}
.print1 p .slash {top: -4px; font-size: 22px;}
}
@media (max-width: 829.98px) {
.print1 p {margin: 0 0 25px 0; font-size: 25px;}
.print1 p.small {margin: 30px 0 0 0; font-size: 17px;}
.print1 p .slash {top: -4px; font-size: 21px;}
}
@media (max-width: 767.98px) {
.print1 p {padding: 0 0 0 16%; margin: 0 0 15px 0; font-size: 21px;}
.print1 p.small {margin: 20px 0 0 0; font-size: 14px;}
.print1 p .slash {top: -3px; left: 7px; font-size: 18px;}
}
@media (max-width: 649.98px) {
.print1 p {font-size: 18px;}
.print1 p .slash {top: -3px; font-size: 15px;}
}
@media (max-width: 575.98px) {
.print1 h3 {padding: 10% 0 10% 10%;}
.print1 p {padding: 0 0 0 18%; font-size: 32px;}
.print1 p.small {font-size: 22px;}
.print1 p .slash {top: -5px; font-size: 27px;}
}
@media (max-width: 469.98px) {
.print1 p {font-size: 26px;}
.print1 p.small {font-size: 18px;}
.print1 p .slash {top: -4px; font-size: 22px;}
}
@media (max-width: 399.98px) {
.print1 p {font-size: 24px;}
.print1 p.small {font-size: 15px;}
.print1 p .slash {top: -4px; font-size: 21px;}
}
@media (max-width: 359.98px) {
.print1 p {font-size: 21px;}
.print1 p.small {font-size: 13px;}
.print1 p .slash {top: -3px; font-size: 18px;}
}



.print2 {position: relative; padding-left: 0; padding-right: 0; background-color: #000;}
/*.print2 h3 {position: absolute; z-index: 10; bottom: 28%; left: 12%; color: #fff;}*/
.print2 .more-info-toggle, .print2 h3, .print2 p {color: #14a0d7;}
.print2 .more-info-toggle .plus-bar {background-color: #14a0d7;}
.print2 .more-info {background-color: rgba(0, 65, 90, 0.90);}


.print3 {position: relative; padding-left: 0; padding-right: 0; background-color: #fcee52;}
/*.print3 h3 {position: absolute; z-index: 10; bottom: 9.3%; left: 12%; color: #000;}*/
.print3 .more-info-toggle, .print3 h3, .print3 p {color: #000;}
.print3 .more-info-toggle .plus-bar {background-color: #000;}
.print3 .more-info {background-color: rgba(255, 229, 33, 0.90);}


.print4 {position: relative; padding-left: 0; padding-right: 0; background-color: #fff;}
/*.print4 h3 {position: absolute; z-index: 10; bottom: 14%; left: 12%; color: #000;}*/
.print4 .more-info-toggle, .print4 h3, .print4 p {color: #979cbe;}
.print4 .more-info-toggle .plus-bar {background-color: #979cbe;}
.print4 .more-info {background-color: rgba(32, 36, 50, 0.90);}


.print5 {position: relative; padding-left: 0; padding-right: 0; background-color: #000;}
/*.print5 h3 {position: absolute; z-index: 10; bottom: 14%; left: 12%; color: #000;}*/
.print5 .more-info-toggle, .print5 h3, .print5 p {color: #0d493e;}
.print5 .more-info-toggle .plus-bar {background-color: #0d493e;}
.print5 .more-info {background-color: rgba(20, 168, 141, 0.90);}


.print6 {position: relative; padding-left: 0; padding-right: 0; overflow: hidden; background-color: #000;}
/*.print6 h3 {position: absolute; z-index: 10; bottom: 14%; left: 6%; color: #fff;}*/
.print6 img {position: relative; top: -1px; left: -1px; max-width: calc(100% + 5px); height: auto;}
.print6 .more-info-toggle, .print6 h3, .print6 p {color: #af9f97;}
.print6 h3 {padding: 7% 0 3.5% 6%;}
.print6 p {padding: 0 9% 0 9%;}
.print6 .more-info-toggle .plus-bar {background-color: #af9f97;}
.print6 .more-info {background-color: rgba(40, 40, 40, 0.90);}
@media (max-width: 1199.98px) {
.print6 h3 {padding: 5% 0 3.5% 4%;}
.print6 p {padding: 0 6% 0 6%;}
}
@media (max-width: 767.98px) {
.print6 h3 {padding: 5% 0 5% 4%;}
}
@media (max-width: 575.98px) {
.print6 h3 {padding: 10% 0 7% 10%;}
.print6 p {padding: 0 15% 0 15%;}
}



.photos1, .photos2 {width: 100%; height: 0; padding-bottom: 100%;}
.photos3, .photos5, .photos6 {width: 100%; height: 0; padding-bottom: 50%;}
.photos4 {width: 100%; height: 0; padding-bottom: 150%;}
@media (max-width: 767.98px) {
.photos6 {padding-bottom: 100%;}
}
@media (max-width: 575.98px) {
.photos4 {height: auto; padding-bottom: 0;}
}

.photos1 {padding-left: 0; padding-right: 0; background-color: #0c24af;}
.photos1 h3 {padding: 14% 0 10% 12%; color: #0096ff;}
.photos1 p {margin: 0 0 30px 0; padding: 0 0 0 20%; font-size: 60px; font-weight: 300; line-height: 120%; color: #fff;}
.photos1 p.small {margin: 40px 0 0 0; font-size: 34px; font-weight: 400; color: #0096ff;}
.photos1 p .slash {position: relative; top: -10px; left: 10px; font-size: 50px;}
@media (max-width: 1699.98px) {
.photos1 p {font-size: 50px;}
.photos1 p.small {font-size: 30px;}
.photos1 p .slash {top: -8px; font-size: 42px;}
}
@media (max-width: 1499.98px) {
.photos1 p {font-size: 44px;}
.photos1 p.small {font-size: 28px;}
.photos1 p .slash {top: -6px; font-size: 36px;}
}
@media (max-width: 1349.98px) {
.photos1 p {font-size: 36px;}
.photos1 p.small {font-size: 24px;}
.photos1 p .slash {top: -5px; font-size: 31px;}
}
@media (max-width: 1199.98px) {
.photos1 h3 {padding: 10% 0 8% 8%;}
.photos1 p {font-size: 32px;}
.photos1 p.small {font-size: 22px;}
.photos1 p .slash {top: -5px; font-size: 27px;}
}
@media (max-width: 991.98px) {
.photos1 p {padding: 0 0 0 16%; font-size: 26px;}
.photos1 p.small {font-size: 18px;}
.photos1 p .slash {top: -4px; font-size: 22px;}
}
@media (max-width: 829.98px) {
.photos1 p {margin: 0 0 25px 0; font-size: 25px;}
.photos1 p.small {margin: 30px 0 0 0; font-size: 17px;}
.photos1 p .slash {top: -4px; font-size: 21px;}
}
@media (max-width: 767.98px) {
.photos1 p {padding: 0 0 0 16%; margin: 0 0 15px 0; font-size: 21px;}
.photos1 p.small {margin: 20px 0 0 0; font-size: 14px;}
.photos1 p .slash {top: -3px; left: 7px; font-size: 18px;}
}
@media (max-width: 649.98px) {
.photos1 p {font-size: 18px;}
.photos1 p .slash {top: -3px; font-size: 15px;}
}
@media (max-width: 575.98px) {
.photos1 h3 {padding: 10% 0 10% 10%;}
.photos1 p {padding: 0 0 0 18%; font-size: 32px;}
.photos1 p.small {font-size: 22px;}
.photos1 p .slash {top: -5px; font-size: 27px;}
}
@media (max-width: 469.98px) {
.photos1 p {font-size: 26px;}
.photos1 p.small {font-size: 18px;}
.photos1 p .slash {top: -4px; font-size: 22px;}
}
@media (max-width: 399.98px) {
.photos1 p {font-size: 24px;}
.photos1 p.small {font-size: 15px;}
.photos1 p .slash {top: -4px; font-size: 21px;}
}
@media (max-width: 359.98px) {
.photos1 p {font-size: 21px;}
.photos1 p.small {font-size: 13px;}
.photos1 p .slash {top: -3px; font-size: 18px;}
}



.photos2 {position: relative; padding-left: 0; padding-right: 0; background-color: #fff;}
/*.photos2 h3 {position: absolute; z-index: 10; bottom: 14%; left: 12%; color: #000;}*/
.photos2 .more-info-toggle, .photos2 h3, .photos2 p {color: #e8ddd5;}
.photos2 .more-info-toggle .plus-bar {background-color: #e8ddd5;}
.photos2 .more-info {background-color: rgba(127, 115, 107, 0.90);}


.photos3 {position: relative; padding-left: 0; padding-right: 0; background-color: #fff;}
/*.photos3 h3 {position: absolute; z-index: 10; bottom: 28%; left: 12%; color: #000;}*/
.photos3 .more-info-toggle, .photos3 h3, .photos3 p {color: #000;}
.photos3 .more-info-toggle .plus-bar {background-color: #000;}
.photos3 .more-info {background-color: rgba(0, 255, 24, 0.90);}


.photos4 {position: relative; padding-left: 0; padding-right: 0; background-color: #d6d6d6;}
.photos4 .more-info-toggle, .photos4 h3, .photos4 p {color: #ef95d7;}
.photos4 .more-info-toggle .plus-bar {background-color: #ef95d7;}
.photos4 .more-info {background-color: rgba(173, 0, 127, 0.90);}
.photos4-inner {margin: 0; padding: 0; overflow: hidden;}


.photos5 {position: relative; padding-left: 0; padding-right: 0; overflow: hidden; background-color: #5aa3c0;}
.photos5 img {position: relative; max-width: 100%; height: auto;}
/*.photos5 h3 {position: absolute; z-index: 10; bottom: 14%; left: 6%; color: #fff;}*/
.photos5 .more-info-toggle, .photos5 h3, .photos5 p {color: #0078ff;}
.photos5 h3 {padding: 7% 0 3.5% 6%;}
.photos5 p {padding: 0 9% 0 9%;}
.photos5 .more-info-toggle .plus-bar {background-color: #0078ff;}
.photos5 .more-info {background-color: rgba(0, 0, 35, 0.90);}
@media (max-width: 1199.98px) {
.photos5 h3 {padding: 5% 0 3.5% 4%;}
.photos5 p {padding: 0 6% 0 6%;}
}
@media (max-width: 767.98px) {
.photos5 h3 {padding: 5% 0 5% 4%;}
}
@media (max-width: 575.98px) {
.photos5 h3 {padding: 10% 0 7% 10%;}
.photos5 p {padding: 0 15% 0 15%;}
}


.photos6 {position: relative; padding-left: 0; padding-right: 0; background-color: #000;}
/*.photos6 h3 {position: absolute; z-index: 10; bottom: 14%; left: 12%; color: #fff;}*/
.photos6 .more-info-toggle, .photos6 h3, .photos6 p {color: #595959;}
.photos6 .more-info-toggle .plus-bar {background-color: #595959;}
.photos6 .more-info {background-color: rgba(16, 16, 16, 0.90);}
@media (max-width: 767.98px) {
.photos6 h3 {padding: 5% 0 5% 4%;}
.photos6 p {padding: 0 6% 0 6%;}
}
@media (max-width: 575.98px) {
.photos6 h3 {padding: 10% 0 7% 10%;}
.photos6 p {padding: 0 15% 0 15%;}
}



.contact1, .contact-photos {width: 100%; height: 0; padding-bottom: 50%;}
@media (max-width: 767.98px) {
.contact1 {width: 100%; height: auto; padding-bottom: 15%;}
.contact-photos {width: 100%; height: 0; padding-bottom: 100%;}
}

.contact1 {background-color: #0c24af; color: #fff;}
.contact1 h3 {padding: 14% 0 10% 12%; color: #0096ff;}
.contact1 h2 {padding: 0 0 0 20%; margin: 0 0 25px 0; font-size: 50px; font-weight: 300;}
.contact1 h4 {padding: 0 0 0 20%; margin: 20px 0 2px 0; font-size: 36px; font-weight: 400;}
.contact1 h4:first-of-type {margin-top: 55px;}
.contact1 p {padding: 0 0 0 20%; margin: 0 0 28px 0; font-size: 24px; line-height: 120%; font-weight: 300;}
.contact1 p.small {margin: 0 0 14px 0; font-size: 15px; font-style: italic; font-weight: 300; color: #0096ff;}
.contact1 p.contact-info {margin: 0; font-weight: 400; color: #0096ff;}
.contact1 p.contact-info a {text-decoration: none; color: #0096ff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.contact1 p.contact-info a:hover, .contact1 p.contact-info a:active, .contact1 p.contact-info a:focus {color: #fff;}
@media (max-width: 1899.98px) {
.contact1 h2 {font-size: 48px;}
.contact1 h4 {font-size: 32px;}
.contact1 h4:first-of-type {margin-top: 40px;}
.contact1 p {font-size: 22px;}
}
@media (max-width: 1699.98px) {
.contact1 h2 {margin: 0 0 20px 0; font-size: 44px;}
.contact1 h4 {font-size: 30px;}
.contact1 h4:first-of-type {margin-top: 35px;}
.contact1 p {margin: 0 0 20px 0; font-size: 20px;}
.contact1 p.small {font-size: 14px;}
}
@media (max-width: 1499.98px) {
.contact1 h2 {font-size: 36px;}
.contact1 h4 {font-size: 24px;}
.contact1 h4:first-of-type {margin-top: 30px;}
.contact1 p {margin: 0 0 15px 0; font-size: 18px;}
.contact1 p.small {font-size: 14px;}
}
@media (max-width: 1349.98px) {
.contact1 h2 {margin: 0 0 15px 0; font-size: 30px;}
.contact1 h4 {font-size: 22px;}
.contact1 h4:first-of-type {margin-top: 25px;}
.contact1 p {font-size: 16px;}
.contact1 p.small {font-size: 13px;}
}
@media (max-width: 1199.98px) {
.contact1 h3 {padding: 10% 0 8% 8%;}
.contact1 h2 {margin: 0 0 15px 0; font-size: 27px;}
.contact1 h4 {font-size: 22px;}
.contact1 h4:first-of-type {margin-top: 20px;}
.contact1 p {font-size: 16px;}
}
@media (max-width: 1099.98px) {
.contact1 h2 {margin: 0 0 15px 0; font-size: 24px;}
.contact1 h4 {font-size: 20px;}
.contact1 p {font-size: 14px;}
.contact1 p.small {font-size: 12px;}
}
@media (max-width: 991.98px) {
.contact1 h3 {padding: 10% 0 8% 8%;}
.contact1 h2 {padding: 0 0 0 16%; font-size: 22px;}
.contact1 h4 {padding: 0 0 0 16%; font-size: 16px;}
.contact1 p {padding: 0 0 0 16%; font-size: 13px;}
.contact1 p.small {font-size: 11px;}
}
@media (max-width: 899.98px) {
.contact1 h2 {font-size: 18px;}
.contact1 h4 {font-size: 15px;}
.contact1 p {font-size: 11px;}
.contact1 p.small {font-size: 10px;}
}
@media (max-width: 829.98px) {
.contact1 h2 {margin: 0 0 10px 0;}
.contact1 h4, .contact1 h4:first-of-type {margin-top: 15px;}
.contact1 p {margin: 0 0 10px 0;}
}
@media (max-width: 767.98px) {
.contact1 h2 {margin: 0 0 15px 0; font-size: 27px;}
.contact1 h4 {font-size: 22px;}
.contact1 h4:first-of-type {margin-top: 20px;}
.contact1 p {margin: 0 0 15px 0; font-size: 16px;}
.contact1 p.small {font-size: 13px;}
}
@media (max-width: 649.98px) {

}
@media (max-width: 575.98px) {
.contact1 h3 {padding: 10% 0 10% 10%;}
.contact1 h2 {padding: 0 0 0 18%;}
.contact1 h4 {padding: 0 0 0 18%;}
.contact1 p {padding: 0 0 0 18%;}
}
@media (max-width: 469.98px) {
.contact1 h2 {font-size: 24px;}
.contact1 h4 {font-size: 20px;}
.contact1 p {font-size: 15px;}
}
@media (max-width: 399.98px) {
.contact1 h2 {font-size: 22px;}
.contact1 h4 {font-size: 18px;}
.contact1 p {font-size: 14px;}
.contact1 p.small {font-size: 12px;}
}
@media (max-width: 359.98px) {
.contact1 h2 {font-size: 19px;}
.contact1 h4 {font-size: 16px;}
.contact1 p {font-size: 13px;}
.contact1 p.small {font-size: 12px;}
}




.contact-marcin {background-image: url('img/foto-MAR.jpg'); background-size: cover; background-position: center top;}
.contact-mikolaj {background-image: url('img/foto-MIK.jpg'); background-size: cover; background-position: center top;}

.contact-photos h3 {padding: 14% 0 10px 12%; color: #fff;}
.contact-photos p {padding: 0 0 0 12%; font-size: 15px; font-style: italic; color: #a4a4a4;}
.contact-photos .contact-person {position: absolute; left: 12%; bottom: 14%; width: 90px; height: 34px;}
.contact-photos a {float: left; display: block; width: 34px; height: 34px; margin: 0; padding: 0;}
.contact-photos a:first-child {margin-right: 20px;}
/*.contact-photos a img {-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.contact-photos a img:first-child {display: none;}
.contact-photos a:hover img:first-child {display: block;}
.contact-photos a:hover img:last-child {display: none;}*/
.contact-phone .img-replace, .contact-phone .img-replace img {width: 34px; height: 34px;}
.contact-email .img-replace, .contact-email .img-replace img {width: 34px; height: 34px;}

@media (max-width: 1349.98px) {
.contact-photos h3 {letter-spacing: 12px;}
}
@media (max-width: 1199.98px) {
.contact-photos h3 {padding: 10% 0 10px 8%; letter-spacing: 10px;}
.contact-photos p {padding: 0 0 0 8%; font-size: 14px;}
.contact-photos .contact-person {left: 8%; bottom: 10%;}
}
@media (max-width: 991.98px) {
.contact-photos h3 {letter-spacing: 7px;}
.contact-photos p {font-size: 13px;}
}
@media (max-width: 767.98px) {
.contact-photos h3 {letter-spacing: 10px;}
}
@media (max-width: 575.98px) {
.contact-marcin, .contact-mikolaj {background-size: 120% 120%;}
.contact-photos h3 {padding: 10% 0 5px 10%; letter-spacing: 7px;}
.contact-photos p {padding: 0 0 0 10%;} 
.contact-photos .contact-person {left: 10%; bottom: 10%;}
.contact-photos a {transform: scale(.75);}
.contact-photos a:first-child {margin-right: 10px;}
}
@media (max-width: 399.98px) {
.contact-photos h3 {padding: 10% 0 0px 10%; font-size: 16px; text-transform: none; letter-spacing: 0px; font-weight: 400;}
.contact-photos p {padding: 0 0 0 15%; font-size: 12px;}
}



.clients {width: 100%; /*height: 0; padding-bottom: 50%;*/}
.clients {background-color: #202020;}
.clients-inner {position: relative; margin: 6% 8% 6% 10%; padding-bottom: 40px; overflow-x: hidden;}
.clients-inner .swiper-controls {position: absolute; z-index: 50; right: 50px; bottom: 0px; width: 130px; height: 44px; background-color: #202020;}
.clients-inner .swiper-pagination {bottom: 11px; left: 40px; width: 50px; color: #818181;}
.clients-inner .swiper-controls .swiper-button-prev, .clients-inner .swiper-controls .swiper-button-next {opacity: 1;}
.clients-inner .swiper-controls .swiper-button-prev:after, .clients-inner .swiper-controls .swiper-button-next:after {content: '';}
.clients h3 {padding: 9% 0 0 8%; color: #0096ff;}
.clients ul {padding: 6% 8% 6% 12%; list-style-type: none;/* column-count: 4;*/}
.clients li {cursor: default; display: inline-block; width: 100%; padding: 0 8px 10px 8px; font-weight: 300; color: #626262; transition: all .2s ease-in-out;}
.clients li:after {content: '/'; position: relative; top: -2px; margin: 0 0 0 8px; font-size: 11px; color: #0096ff;}
.clients li:hover {color: #0096ff;}
@media (max-width: 1499.98px) {
.clients li {font-size: 15px;}
}
@media (max-width: 1349.98px) {
.clients li {font-size: 14px;}
.clients li:after {font-size: 10px;}
}
@media (max-width: 1199.98px) {
.clients h3 {padding: 10% 0 0 8%;}
.clients li {padding: 0 8px 6px 8px; font-size: 12px;}
.clients li:after {top: -1px; font-size: 9px;}
}
@media (max-width: 991.98px) {
.clients-inner .swiper-controls {transform: scale(.8); right: 37px;}
.clients li {padding: 0 8px 4px 8px; font-size: 14px;}
.clients li:after {top: -2px; font-size: 10px;}
}
@media (max-width: 767.98px) {
/*.clients-xs {position: relative; overflow-x: scroll;}
.clients-xs-content {width: 200%;}
.clients-xs::-webkit-scrollbar {width: 3px; height: 7px;}
.clients-xs::-webkit-scrollbar-thumb {background: #626262;}
.clients-xs:hover::-webkit-scrollbar-thumb {background: #e0e0e0;}*/
.clients-inner .swiper-controls {right: 0;}
.clients li {padding: 3px 20px 3px 0; font-size: 13px;}
.clients li:after {top: -2px; font-size: 11px;}
}
@media (max-width: 575.98px) {
.clients h3 {padding: 10% 0 0 10%;}
}
@media (max-width: 459.98px) {
/*.clients-xs-content {width: 400%;}*/
.clients li {padding: 3px 0; font-size: 14px;}
}


.footer {padding: 100px 0; text-align: center; background-color: #202020;}

.footer h3 {padding: 9% 0 0 8%; color: #0096ff;}
.footer ul {margin: 40px 20px; padding: 0; list-style-type: none;}
.footer li {display: inline-block; margin: 0 12px; font-size: 14px; text-transform: uppercase; letter-spacing: 10px; color: #0096ff;}
.footer li a {text-decoration: none; color: #0096ff; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.footer li a:hover, .footer li a:focus {color: #fff;}
.footer p {font-size: 14px; font-weight: 300; color: #0096ff;}

.footer-social-icon.footer-nm .img-replace, .footer-social-icon.footer-nm .img-replace img {width: 58px; height: 62px;}
.footer-nm {cursor: default; margin-bottom: 20px;}
.footer-social-icon.footer-fb .img-replace, .footer-social-icon.footer-fb .img-replace img {width: 11px; height: 25px;}
.footer-social-icon.footer-li .img-replace, .footer-social-icon.footer-li .img-replace img {width: 23px; height: 22px;}
.footer-social-icon.footer-ig .img-replace, .footer-social-icon.footer-ig .img-replace img {width: 26px; height: 26px;}
.footer-social-icon.footer-yt .img-replace, .footer-social-icon.footer-yt .img-replace img {width: 28px; height: 21px;}

@media (max-width: 991.98px) {
.footer li {font-size: 13px; letter-spacing: 8px;}
.footer p {font-size: 13px;}
}
@media (max-width: 767.98px) {
.footer li {font-size: 12px; letter-spacing: 6px;}
.footer p {font-size: 12px;}
}
@media (max-width: 575.98px) {
.footer ul:not(.footer-socialmedia) li {display: block; margin: 8px 0;}
}


.fade-in {opacity: 0;}
.fade-up {opacity: 0;}
/*@media (max-width: 575.98px) {
.fade-in {opacity: 1;}
}*/

@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeUp {
  from {translateY: -40px;}
  to {translateY: 0px;}
}

@keyframes moveUp {
    0% { transform: translateY(40px); }
    100% { transform: translateY(0px); }
}
@keyframes moveDown {
    0% { transform: translateY(0px); }
    100% { transform: translateY(40px); }
}

.fadeInAnimation {-webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.fadeUpAnimation {animation: moveUp .7s cubic-bezier(.455,.03,.515,.955) both, fadeIn .7s cubic-bezier(.455,.03,.515,.955) both;}
.fadeDownAnimation {animation: moveDown .7s cubic-bezier(.455,.03,.515,.955) both, fadeIn .7s cubic-bezier(.455,.03,.515,.955) both;}