/*
Theme Name: AIRCLIM
Author: Lion Brands
Description: AIRCLIM custom template 
Version: 1.0
Tags: responsive
*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&subset=latin-ext');

/* ===========================================
      HTML
=========================================== */

* {
    margin: 0px;
    padding: 0px;
}

html {
    height: 100%;
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}

body {
    min-width: 320px;
    margin: 0px;
    padding: 0px;
    font-size: 22px;
    color:#000;
    font-family: 'Lato', sans-serif;
    overflow-x: scroll;
    background-color: #001926;
    height: 100%;
}

a {
    text-decoration: none;
    color: #000;
}
a:hover {
    text-decoration: none;
}

img {
    vertical-align: middle;
    border: none;
    display: block;
}

.flex {
    display: flex;
}

.fixed {
    position: fixed;
}

.wrapper-main {
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

.flex-container {
    display: flex;
    /*height: 1080px;*/
} 

.flex-col-left {
    width: 58px;
    flex-shrink: 0;
}

.flex-col-right {
    width: 100%;
    /*background-color: #fff;  */ 
}

.menu-item {
    width: 58px;
    height: 44px;
    background-image: url(images/menu-item.png);
    cursor: pointer;
    z-index: 3;
}
.menu-item:hover {
    background-image: url(images/menu-item-hover.png);
}
.menu-line {
    top: 165px;
}
.menu-item-1 {
    top: 121px;
}
.menu-item-2 {
    top: 209px;
}
.menu-item-3 {
    top: 253px;
}
.menu-item-4 {
    top: 297px;
}
.menu-item-5 {
    top: 341px;
}
.menu-item-6 {
    top: 385px;
}
.menu-item-7 {
    top: 429px;
}
.menu-expand {
    width: 335px;
    height: 42px;
    background: #ececec;
    cursor: pointer;
    border-radius: 0 8px 8px 0px;
    font-size: 0.8em;
    text-align: center;
    display: flex; flex-direction: column; justify-content: center; 
    opacity: 1;
    z-index: 2;
}

.menu-expand-1 {
    top: 121px;
    left: -335px;
}
.menu-expand-2 {
    top: 209px;
    left: -335px;
}
.menu-expand-3 {
    top: 253px;
    left: -335px;
}
.menu-expand-4 {
    top: 297px;
    left: -335px;
}
.menu-expand-5 {
    top: 341px;
    left: -335px;
}
.menu-expand-6 {
    top: 385px;
    left: -335px;
}
.menu-expand-7 {
    top: 429px;
    left: -335px;
}

.logo {
    top: 10px;
    left: 90px;
}
.red-line {
    top: 49px;
    left: 277px;
    width: 100px;
    height: 1px;
    background-color: #ed1c24;
}
.link-kontakt {
    font-size: 0.9em;
    top: 36px;
    left: 390px;
    font-weight: bold
}
 .link-kontakt a {
    color: #000;
}
 .link-kontakt a:hover {
    color: #ed1c24;;
    font-weight: bold;
    cursor: pointer;
}

.one-page {
    height: 1080px;
    background-image: url(images/bg.jpg);     display: flex; flex-direction: column; box-sizing: border-box; padding-top: 16%; 
}
.one-page1 {
    height: 1080px;
    background-image: url(images/bg-1.jpg);     display: flex; flex-direction: column; box-sizing: border-box; padding-top: 16%; 
}
.one-page2 {
    height: 1080px;
    background-image: url(images/bg-2.jpg);     display: flex; flex-direction: column; box-sizing: border-box; padding-top: 16%; 
}
.one-page3 {
    height: 1080px;
    background-image: url(images/bg-3.jpg);     display: flex; flex-direction: column; box-sizing: border-box; padding-top: 16%; 
}
.one-page4 {
    height: 1080px;
    background-image: url(images/bg-4.jpg);     display: flex; flex-direction: column; box-sizing: border-box; padding-top: 16%; 
}
.one-page5 {
    height: 1080px;
    background-image: url(images/bg-5.jpg);     display: flex; flex-direction: column; box-sizing: border-box; padding-top: 16%; 
}
.one-page6 {
    height: 1080px;
    background-image: url(images/bg-6.jpg);     display: flex; flex-direction: column; box-sizing: border-box; padding-top: 16%; 
}
.one-page7 {
    height: 1080px;
    background-image: url(images/bg-7.jpg);     display: flex; flex-direction: column; box-sizing: border-box; padding-top: 16%; 
}

.content {position: relative;
    margin-top: -80px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1240px;
     background-color: #fff; 
    /*background-color: rgba(255,255,255,0.95);*/
    border-radius: 0 70px 70px 0px;
}
.inner-content {
    padding-right: 7%;
    padding-left: 7%;
    padding-bottom: 6%;
}

.h1-content {
    position: relative;
    font-size: 2.35em;
    font-family: 'Lato Black';
    padding-top: 66px;
}

.kreski {
    position: relative;
    margin: 5px 0 32px -5px;
}

.p-content {
    position: relative;
    text-align: justify;
}



.page-transition {
    position: absolute;
    top: 0;
    right: 0;
    left:100%;
    background: white;
    width: 0%;
    height: 100%;
    display: block;
    z-index: 100;
}



.noMobi {display: block;}
.onlyMobi {display: none;}
@media (max-width: 768px) {
    .noMobi {display: none;}
    .onlyMobi {display: block;}
}
.noMobiSmall {display: block;}
@media (max-width: 640px) {
    .noMobiSmall {display: none;}
}

@media (max-width: 768px) {
    .mobiCenter{text-align: center;}
    .noMobiCenter{text-align: left;}
}




.smart_top {
    position: fixed;
    z-index: 999999;
    display: block;
    background: #ffffff;
    min-width: 100%;
    height: 45px;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow:    0px 2px 6px 0px rgba(50, 50, 50, 0.15);
    box-shadow:         0px 2px 6px 0px rgba(50, 50, 50, 0.15);
}

.smart_top .logo {
    height: 45px;
    top: 0px;
    
    position: absolute;
    left:20px;
    right:0;
    margin-left:auto;
    margin-right:auto;

}
main {background: #ffffff;}
main section {
}
main section .inner {
    padding: 5%;
}
.mobilesite img {
    display: block;
    width: 100%;
}
.mobisite .h2 {
    font-size: .9em;
    font-family: 'Lato Black';
    padding-top: 66px;
}
.mobisite p {
    font-size: .7em;
    line-height: 1.4em;
}
.mobisite ul {
    position: relative;
    margin-left: 25px;
}