.container {
margin-left: auto;
margin-right: auto;
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
@media (min-width: 640px) {
.container {
max-width: 640px; } }
@media (min-width: 940px) {
.container {
max-width: 940px; } }
@media (min-width: 1120px) {
.container {
max-width: 1120px; } }
@media (min-width: 1200px) {
.container {
max-width: 1200px; } }
.container-fluid {
margin-left: auto;
margin-right: auto;
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.row {
display: flex;
flex-wrap: wrap;
margin-left: -0.9375rem;
margin-right: -0.9375rem; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
position: relative;
min-height: 1px;
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.col-xs-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-xs-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-xs-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-xs-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-xs-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-xs-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-xs-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-xs-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-xs-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-xs-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-xs-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-xs-12 {
flex: 0 0 100%;
max-width: 100%; }
.col-xs-pull-0 {
right: auto; }
.col-xs-pull-1 {
right: 8.33333%; }
.col-xs-pull-2 {
right: 16.66667%; }
.col-xs-pull-3 {
right: 25%; }
.col-xs-pull-4 {
right: 33.33333%; }
.col-xs-pull-5 {
right: 41.66667%; }
.col-xs-pull-6 {
right: 50%; }
.col-xs-pull-7 {
right: 58.33333%; }
.col-xs-pull-8 {
right: 66.66667%; }
.col-xs-pull-9 {
right: 75%; }
.col-xs-pull-10 {
right: 83.33333%; }
.col-xs-pull-11 {
right: 91.66667%; }
.col-xs-pull-12 {
right: 100%; }
.col-xs-push-0 {
left: auto; }
.col-xs-push-1 {
left: 8.33333%; }
.col-xs-push-2 {
left: 16.66667%; }
.col-xs-push-3 {
left: 25%; }
.col-xs-push-4 {
left: 33.33333%; }
.col-xs-push-5 {
left: 41.66667%; }
.col-xs-push-6 {
left: 50%; }
.col-xs-push-7 {
left: 58.33333%; }
.col-xs-push-8 {
left: 66.66667%; }
.col-xs-push-9 {
left: 75%; }
.col-xs-push-10 {
left: 83.33333%; }
.col-xs-push-11 {
left: 91.66667%; }
.col-xs-push-12 {
left: 100%; }
.col-xs-offset-0 {
margin-left: 0%; }
.col-xs-offset-1 {
margin-left: 8.33333%; }
.col-xs-offset-2 {
margin-left: 16.66667%; }
.col-xs-offset-3 {
margin-left: 25%; }
.col-xs-offset-4 {
margin-left: 33.33333%; }
.col-xs-offset-5 {
margin-left: 41.66667%; }
.col-xs-offset-6 {
margin-left: 50%; }
.col-xs-offset-7 {
margin-left: 58.33333%; }
.col-xs-offset-8 {
margin-left: 66.66667%; }
.col-xs-offset-9 {
margin-left: 75%; }
.col-xs-offset-10 {
margin-left: 83.33333%; }
.col-xs-offset-11 {
margin-left: 91.66667%; }
.col-xs-offset-12 {
margin-left: 100%; }
@media (min-width: 640px) {
.col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%; }
.col-sm-pull-0 {
right: auto; }
.col-sm-pull-1 {
right: 8.33333%; }
.col-sm-pull-2 {
right: 16.66667%; }
.col-sm-pull-3 {
right: 25%; }
.col-sm-pull-4 {
right: 33.33333%; }
.col-sm-pull-5 {
right: 41.66667%; }
.col-sm-pull-6 {
right: 50%; }
.col-sm-pull-7 {
right: 58.33333%; }
.col-sm-pull-8 {
right: 66.66667%; }
.col-sm-pull-9 {
right: 75%; }
.col-sm-pull-10 {
right: 83.33333%; }
.col-sm-pull-11 {
right: 91.66667%; }
.col-sm-pull-12 {
right: 100%; }
.col-sm-push-0 {
left: auto; }
.col-sm-push-1 {
left: 8.33333%; }
.col-sm-push-2 {
left: 16.66667%; }
.col-sm-push-3 {
left: 25%; }
.col-sm-push-4 {
left: 33.33333%; }
.col-sm-push-5 {
left: 41.66667%; }
.col-sm-push-6 {
left: 50%; }
.col-sm-push-7 {
left: 58.33333%; }
.col-sm-push-8 {
left: 66.66667%; }
.col-sm-push-9 {
left: 75%; }
.col-sm-push-10 {
left: 83.33333%; }
.col-sm-push-11 {
left: 91.66667%; }
.col-sm-push-12 {
left: 100%; }
.col-sm-offset-0 {
margin-left: 0%; }
.col-sm-offset-1 {
margin-left: 8.33333%; }
.col-sm-offset-2 {
margin-left: 16.66667%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-4 {
margin-left: 33.33333%; }
.col-sm-offset-5 {
margin-left: 41.66667%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-7 {
margin-left: 58.33333%; }
.col-sm-offset-8 {
margin-left: 66.66667%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-10 {
margin-left: 83.33333%; }
.col-sm-offset-11 {
margin-left: 91.66667%; }
.col-sm-offset-12 {
margin-left: 100%; } }
@media (min-width: 940px) {
.col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-md-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-md-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-md-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-md-12 {
flex: 0 0 100%;
max-width: 100%; }
.col-md-pull-0 {
right: auto; }
.col-md-pull-1 {
right: 8.33333%; }
.col-md-pull-2 {
right: 16.66667%; }
.col-md-pull-3 {
right: 25%; }
.col-md-pull-4 {
right: 33.33333%; }
.col-md-pull-5 {
right: 41.66667%; }
.col-md-pull-6 {
right: 50%; }
.col-md-pull-7 {
right: 58.33333%; }
.col-md-pull-8 {
right: 66.66667%; }
.col-md-pull-9 {
right: 75%; }
.col-md-pull-10 {
right: 83.33333%; }
.col-md-pull-11 {
right: 91.66667%; }
.col-md-pull-12 {
right: 100%; }
.col-md-push-0 {
left: auto; }
.col-md-push-1 {
left: 8.33333%; }
.col-md-push-2 {
left: 16.66667%; }
.col-md-push-3 {
left: 25%; }
.col-md-push-4 {
left: 33.33333%; }
.col-md-push-5 {
left: 41.66667%; }
.col-md-push-6 {
left: 50%; }
.col-md-push-7 {
left: 58.33333%; }
.col-md-push-8 {
left: 66.66667%; }
.col-md-push-9 {
left: 75%; }
.col-md-push-10 {
left: 83.33333%; }
.col-md-push-11 {
left: 91.66667%; }
.col-md-push-12 {
left: 100%; }
.col-md-offset-0 {
margin-left: 0%; }
.col-md-offset-1 {
margin-left: 8.33333%; }
.col-md-offset-2 {
margin-left: 16.66667%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-4 {
margin-left: 33.33333%; }
.col-md-offset-5 {
margin-left: 41.66667%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-7 {
margin-left: 58.33333%; }
.col-md-offset-8 {
margin-left: 66.66667%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-10 {
margin-left: 83.33333%; }
.col-md-offset-11 {
margin-left: 91.66667%; }
.col-md-offset-12 {
margin-left: 100%; } }
@media (min-width: 1120px) {
.col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%; }
.col-lg-pull-0 {
right: auto; }
.col-lg-pull-1 {
right: 8.33333%; }
.col-lg-pull-2 {
right: 16.66667%; }
.col-lg-pull-3 {
right: 25%; }
.col-lg-pull-4 {
right: 33.33333%; }
.col-lg-pull-5 {
right: 41.66667%; }
.col-lg-pull-6 {
right: 50%; }
.col-lg-pull-7 {
right: 58.33333%; }
.col-lg-pull-8 {
right: 66.66667%; }
.col-lg-pull-9 {
right: 75%; }
.col-lg-pull-10 {
right: 83.33333%; }
.col-lg-pull-11 {
right: 91.66667%; }
.col-lg-pull-12 {
right: 100%; }
.col-lg-push-0 {
left: auto; }
.col-lg-push-1 {
left: 8.33333%; }
.col-lg-push-2 {
left: 16.66667%; }
.col-lg-push-3 {
left: 25%; }
.col-lg-push-4 {
left: 33.33333%; }
.col-lg-push-5 {
left: 41.66667%; }
.col-lg-push-6 {
left: 50%; }
.col-lg-push-7 {
left: 58.33333%; }
.col-lg-push-8 {
left: 66.66667%; }
.col-lg-push-9 {
left: 75%; }
.col-lg-push-10 {
left: 83.33333%; }
.col-lg-push-11 {
left: 91.66667%; }
.col-lg-push-12 {
left: 100%; }
.col-lg-offset-0 {
margin-left: 0%; }
.col-lg-offset-1 {
margin-left: 8.33333%; }
.col-lg-offset-2 {
margin-left: 16.66667%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-4 {
margin-left: 33.33333%; }
.col-lg-offset-5 {
margin-left: 41.66667%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-7 {
margin-left: 58.33333%; }
.col-lg-offset-8 {
margin-left: 66.66667%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-10 {
margin-left: 83.33333%; }
.col-lg-offset-11 {
margin-left: 91.66667%; }
.col-lg-offset-12 {
margin-left: 100%; } }
@media (min-width: 1200px) {
.col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-xl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%; }
.col-xl-pull-0 {
right: auto; }
.col-xl-pull-1 {
right: 8.33333%; }
.col-xl-pull-2 {
right: 16.66667%; }
.col-xl-pull-3 {
right: 25%; }
.col-xl-pull-4 {
right: 33.33333%; }
.col-xl-pull-5 {
right: 41.66667%; }
.col-xl-pull-6 {
right: 50%; }
.col-xl-pull-7 {
right: 58.33333%; }
.col-xl-pull-8 {
right: 66.66667%; }
.col-xl-pull-9 {
right: 75%; }
.col-xl-pull-10 {
right: 83.33333%; }
.col-xl-pull-11 {
right: 91.66667%; }
.col-xl-pull-12 {
right: 100%; }
.col-xl-push-0 {
left: auto; }
.col-xl-push-1 {
left: 8.33333%; }
.col-xl-push-2 {
left: 16.66667%; }
.col-xl-push-3 {
left: 25%; }
.col-xl-push-4 {
left: 33.33333%; }
.col-xl-push-5 {
left: 41.66667%; }
.col-xl-push-6 {
left: 50%; }
.col-xl-push-7 {
left: 58.33333%; }
.col-xl-push-8 {
left: 66.66667%; }
.col-xl-push-9 {
left: 75%; }
.col-xl-push-10 {
left: 83.33333%; }
.col-xl-push-11 {
left: 91.66667%; }
.col-xl-push-12 {
left: 100%; }
.col-xl-offset-0 {
margin-left: 0%; }
.col-xl-offset-1 {
margin-left: 8.33333%; }
.col-xl-offset-2 {
margin-left: 16.66667%; }
.col-xl-offset-3 {
margin-left: 25%; }
.col-xl-offset-4 {
margin-left: 33.33333%; }
.col-xl-offset-5 {
margin-left: 41.66667%; }
.col-xl-offset-6 {
margin-left: 50%; }
.col-xl-offset-7 {
margin-left: 58.33333%; }
.col-xl-offset-8 {
margin-left: 66.66667%; }
.col-xl-offset-9 {
margin-left: 75%; }
.col-xl-offset-10 {
margin-left: 83.33333%; }
.col-xl-offset-11 {
margin-left: 91.66667%; }
.col-xl-offset-12 {
margin-left: 100%; } }
.col-xs-first {
order: -1; }
.col-xs-last {
order: 1; }
@media (min-width: 640px) {
.col-sm-first {
order: -1; }
.col-sm-last {
order: 1; } }
@media (min-width: 940px) {
.col-md-first {
order: -1; }
.col-md-last {
order: 1; } }
@media (min-width: 1120px) {
.col-lg-first {
order: -1; }
.col-lg-last {
order: 1; } }
@media (min-width: 1200px) {
.col-xl-first {
order: -1; }
.col-xl-last {
order: 1; } }
.row-xs-top {
align-items: flex-start; }
.row-xs-center {
align-items: center; }
.row-xs-bottom {
align-items: flex-end; }
@media (min-width: 640px) {
.row-sm-top {
align-items: flex-start; }
.row-sm-center {
align-items: center; }
.row-sm-bottom {
align-items: flex-end; } }
@media (min-width: 940px) {
.row-md-top {
align-items: flex-start; }
.row-md-center {
align-items: center; }
.row-md-bottom {
align-items: flex-end; } }
@media (min-width: 1120px) {
.row-lg-top {
align-items: flex-start; }
.row-lg-center {
align-items: center; }
.row-lg-bottom {
align-items: flex-end; } }
@media (min-width: 1200px) {
.row-xl-top {
align-items: flex-start; }
.row-xl-center {
align-items: center; }
.row-xl-bottom {
align-items: flex-end; } }
.col-xs-top {
align-self: flex-start; }
.col-xs-center {
align-self: center; }
.col-xs-bottom {
align-self: flex-end; }
@media (min-width: 640px) {
.col-sm-top {
align-self: flex-start; }
.col-sm-center {
align-self: center; }
.col-sm-bottom {
align-self: flex-end; } }
@media (min-width: 940px) {
.col-md-top {
align-self: flex-start; }
.col-md-center {
align-self: center; }
.col-md-bottom {
align-self: flex-end; } }
@media (min-width: 1120px) {
.col-lg-top {
align-self: flex-start; }
.col-lg-center {
align-self: center; }
.col-lg-bottom {
align-self: flex-end; } }
@media (min-width: 1200px) {
.col-xl-top {
align-self: flex-start; }
.col-xl-center {
align-self: center; }
.col-xl-bottom {
align-self: flex-end; } }
body {
font-family: 'Roboto', sans-serif;
color: white;
font-size: 16px;
margin: 0;
padding: 0; }
.intro__box {
background-color: #54595F;
height: 100%;
width: 50%;
position: fixed;
z-index: 1;
top: 0;
overflow-x: hidden;
padding-top: 20px;
color: #fff;
text-decoration: none; }
.intro__box:before {
content: '\A';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
-webkit-filter: grayscale(1);
filter: gray;
filter: grayscale(1);
z-index: 1;
opacity: 0.3;
background-repeat: no-repeat;
background-size: cover;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease; }
.intro__box:after {
content: '\A';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
background: -moz-linear-gradient(left, rgba(84, 89, 95, 0) 50%, #54595f 90%);
background: -webkit-linear-gradient(left, rgba(84, 89, 95, 0) 50%, #54595f 90%);
background: linear-gradient(to right, rgba(84, 89, 95, 0) 50%, #54595f 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054595f', endColorstr='#54595f',GradientType=1 );
z-index: 2; }
.intro__box-left {
left: 0; }
.intro__box-right {
right: 0; }
.intro__box-noram-spzoo .intro__btn {
background-color: #F78F00; }
.intro__box-noram-spzoo:before {
background-image: url(//noram.com.pl/wp-content/themes/kava/assets/img/bg-left.jpg); }
.intro__box-zhu-noram .intro__btn {
background-color: #74C102; }
.intro__box-zhu-noram:before {
background-image: url(//noram.com.pl/wp-content/themes/kava/assets/img/bg-right.jpg); }
.intro__logo {
position: absolute;
top: 75px;
left: 50%;
margin-left: -75px;
background: #fff;
border-radius: 50%;
text-align: center;
z-index: 3;
display: flex;
width: 150px;
height: 150px;
align-items: center;
justify-content: center; }
.intro__logo__border-1, .intro__logo__border-2 {
position: absolute;
border-radius: 50%; }
.intro__logo__border-1 {
top: -12px;
left: -12px;
bottom: -12px;
right: -12px;
border: 1px solid #fff; }
.intro__logo__border-2 {
top: -20px;
left: -20px;
bottom: -20px;
right: -20px;
border: 5px solid #fff; }
.intro__container {
max-width: 470px;
z-index: 3;
display: block;
color: #fff;
text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center; }
.intro__container > * {
padding: 0 0 30px 0; }
.intro__container > *:nth-last-child {
padding: 0; }
.intro__container p {
margin: 0; }
.intro__title {
text-transform: uppercase;
font-size: 33px;
line-height: 100%;
margin: 0; }
.intro__excerpt {
line-height: 150%;
margin: 0; 
font-size: 20px;
}
.intro__btn {
text-transform: uppercase;
font-weight: normal;
text-decoration: none;
background-color: #000;
color: #fff;
padding: 15px 30px;
font-size: 14px;
display: inline-block;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease; }
.intro__btn:hover, .intro__btn:focus {
box-shadow: 2px 2px #000; }
@media (max-width: 1119px) {
.intro__logo {
display: none; }
.intro__title {
font-size: 28px; }
.intro__box {
position: relative;
width: 100%;
height: auto;
overflow: hidden; }
.intro__container {
position: relative;
top: 0;
left: 0;
transform: initial;
max-width: initial;
margin: 30px; } } .splite_sideEnquiry,
#splite_popup_box {
display: none; }