/*
Autor: WEBSTE Bartosz Stefanicki, webste.pl
Version: 01.2016
Description: Kopiowanie zabronione. All rights reserved.
*/

/* STRONA GLOWNA, STYLE USTAWIONE WG
KOLEJNOSCI WYSWIETLANIA NA STRONIE GLOWNEJ
============================================*/

h1.jeden {
    font-family: 'lato';
    font-weight: 300;
    font-size: 50px;
    margin: 90px 0 0 0;
    letter-spacing: 3px;
    padding: 0 50px;
}

p.jeden {
    font-family: 'conduit', 'lato';
    font-weight: 300;
    margin: 40px 0 30px 0;
    font-size: 20px;
    padding: 0 200px;
}

/* Boksy biale, nr 1 */

.homeBox1 {
    height: 502px;
    border-radius: 4px;
    padding-top: 25px;
    background: #fff;
}

.homeBox1 h2 {
    margin-top: 35px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 30px;
}

.homeBox1 h2 span {
    font-family: 'lato';
    font-weight: 300;
    font-size: 27px;
    margin-top: 5px;
    letter-spacing: 1px;
    display: block;
    height: 90px;
    padding: 0 20px;
}

.homeBox1a {
    padding: 0 20px 0 0;
}

.homeBox1b {
    padding: 0 0 0 20px;
}

/* h3 z linia, linia rozdzielajaca */

h3.linia,
h3.liniabrak {
    font-family: 'conduit';
    font-weight: 600;
    color: #49455b;
    border-top: 2px dotted #93989c;
    padding-top: 40px;
    margin: 40px 0 40px 0;
    font-size: 25px;
    text-transform: uppercase;
}

h3.liniabrak {
    border: 0;
}

h3.linia a,
h3.liniabrak a {
    color: #49455b;
    cursor: pointer;
}

h3.linia a:hover,
h3.liniabrak a:hover {
    text-decoration: none;
}

h3.linia span.glyphicon {
    font-size: 19px;
    margin-left: 5px;
}

/* Boksy, nr 2 */

.homeBox2 {
    height: 570px;
    border-radius: 4px;
    padding-top: 65px;
}

.homeBox2 h2 {
    margin: 32px 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 35px;
    line-height: 1.3em;
}

.homeBox2 h2.zwysokoscia {
    height: 160px;
}

.homeBox2 p.p1 {
    font-family: 'lato';
    font-weight: 300;
    font-size: 15px;
    margin: 0 0 55px 0;
    letter-spacing: 1px;
}

.homeBox2 p {
    font-family: 'conduit', 'lato';
    font-weight: 300;
    font-size: 18px;
    padding: 0 20px;
}

.homeBox2 .obrazek {
    height: 190px;
}

.homeBox2a {
    padding: 0 15px 0 0;
}

.homeBox2b {
    padding: 0 15px 0 15px;
}

.homeBox2c {
    padding: 0 0 0 15px;
}

/* Boksy, nr 3 */

.homeBox3 {
    height: 620px;
    padding-top: 95px;
}

.homeBox3 h2 {
    margin: 45px 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 35px;
    line-height: 1.3em;
}

.homeBox3 p {
    margin-top: 45px;
    font-family: 'conduit', 'lato';
    font-weight: 300;
    font-size: 18px;
    padding: 0 20px;
}

.homeBox3 .obrazek {
    height: 190px;
}

.homeBox3a {
    padding: 0 15px 0 15px;
}

.homeBox3b {
    padding: 0 15px 0 15px;
}

.homeBox3c {
    padding: 0 0 0 15px;
}

/* Boksy z liczbami, nr 4 */

.homeBox4 {
    /* height: 490px; */
    padding-top: 30px;
    padding-bottom: 30px;
}

.homeBox4__container {
    display: flex;
    flex-wrap: wrap;
}

.homeBox4 h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 160px;
    color: #ff8014;
    margin: 0;
}

.homeBox4 h2 span {
    font-size: 100px;
    color: #ff8014;
    display: inline;
}

.homeBox4 h3 {
    font-family: 'lato';
    font-weight: 300;
    font-size: 48px;
    margin: 40px 0 0 0;
    color: #49455b;
}

.homeBox4 p {
    font-family: 'conduit', 'lato';
    font-weight: 300;
    font-size: 20px;
    margin-top: 40px;
    padding: 0 50px;
}

.homeBox4a,
.homeBox4c,
.homeBox4e,
.homeBox4g,
.homeBox4i {
    padding: 0;
    border-right: 2px dotted #93989c;
    border-bottom: 2px dotted #93989c;
}

.homeBox4b,
.homeBox4d,
.homeBox4f,
.homeBox4h,
.homeBox4j {
    padding: 0;
    border-bottom: 2px dotted #93989c;
}


.homeBox4k {
    padding: 0;
    border-right: 2px dotted #93989c;
}

.homeBox4l {
    padding: 0;
}

/* Na samym dole duzy napis + opis */

h1.dwa {
    font-family: 'lato';
    font-weight: 300;
    font-size: 60px;
    line-height: 1.5em;
    margin: 0px 0 0 0;
    letter-spacing: 3px;
}

p.dwa {
    font-family: 'conduit', 'lato';
    font-weight: 300;
    margin: 70px 0;
    font-size: 20px;
    padding: 0 150px;
}

/* Linia pod kilkoma boksami przerywana */

.homeBoxLinia {
    margin-top: 30px;
    border-bottom: 2px dotted #93989c;
}

/* STREFY: DORADCY, INWESTORA, PARTNERA
============================================*/

#strefa img {
    margin-top: 20px;
    width: 100px;
}

#strefa h2 {
    margin: 20px 0 40px 0;
    font-family: 'lato';
    font-weight: 300;
    font-size: 50px;
}

.strefaBox {
    border-bottom: 2px dotted #93989c;
    padding: 40px 0;
    text-align: left;
}

.strefaBoxLeft h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 190px;
    color: #ff8014;
    margin: -39px 0 -30px 0;
}

.strefaBoxRight {
    background: #fff;
    padding: 15px;
    font-size: 12px;
    min-height: 140px;
}

.strefaBoxRight h3 {
    margin: 0 0 10px 0;
    font-family: 'lato';
    font-weight: 300;
    font-size: 22px;
}

.strefaBoxMaly {
    background: #fff;
    padding: 25px 20px 0 20px;
    min-height: 150px;
    font-size: 12px;
    margin-bottom: 70px;
}

.strefaBoxMaly h3 {
    margin: 0 0 15px 0;
    font-family: 'lato';
    font-weight: 300;
    font-size: 25px;
}

.strefaBoxMaly1 {
    padding: 100px 30px 0 0;
}

.strefaBoxMaly2 {
    padding: 100px 15px 0 0;
}

.strefaBoxMaly3 {
    padding: 100px 0 0 30px;
}

.strefaZapamietaj {
    padding: 0 30%;
    font-size: 12px;
    margin: 0 0 70px 0;
}

.strefaZapamietaj h3 {
    margin: 0 0 20px 0;
    font-family: 'lato';
    font-weight: 300;
    font-size: 30px;
}

.homepage-video {
    overflow: hidden;
    margin-bottom: 40px;
    position: relative;
}

.homepage-video__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homepage-video__player {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.homepage-video__overlay:hover {
    background: rgba(0,0,0,0.2);
}

.homepage-video__overlay:hover .homepage-video__player {
    opacity: 1;
}

#newPlatformBannerModal,
#homepageBannerModal {
    z-index: 999999;
}

#newPlatformBannerModal .modal-footer .btn-default,
#homepageBannerModal .modal-footer .btn-default,
#homepageVideoModal .modal-footer .btn-default {
    font-size: 16px;
    padding: 10px 20px;
    display: block;
    margin: auto
}
#newPlatformBannerModal .modal-header,
#newPlatformBannerModal .modal-footer,
#homepageBannerModal .modal-header,
#homepageBannerModal .modal-footer,
#homepageVideoModal .modal-header,
#homepageVideoModal .modal-footer {
    border: 0px;
}

#newPlatformBannerModal .modal-footer,
#homepageBannerModal .modal-footer,
#homepageVideoModal .modal-footer {
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#newPlatformBannerModal .modal-body {
    max-height: 58vh;
    overflow-y: scroll;
}

.homepage-banner {
    margin-bottom: 40px;
}

.homepage-banner__img {
    max-width: 100%;
}

@media(max-width: 767px) {
    #newPlatformBannerModal .modal-body {
        max-height: 40vh;
        overflow-y: scroll;
    }
}

@media(min-width: 767px) {
    #newPlatformBannerModal.in,
    #homepageBannerModal.in,
    #homepageVideoModal.in {
        display: flex !important;
        align-items: center;
    }
}