@font-face {font-family: 'CoreSansN33ExLight';src: url('fonts/34B5D7_0_0.eot');src: url('webfonts/34B5D7_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/34B5D7_0_0.woff2') format('woff2'),url('fonts/34B5D7_0_0.woff') format('woff'),url('fonts/34B5D7_0_0.ttf') format('truetype');}

@font-face {font-family: 'CoreSansN35Light';src: url('fonts/34B5D7_1_0.eot');src: url('fonts/34B5D7_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/34B5D7_1_0.woff2') format('woff2'),url('fonts/34B5D7_1_0.woff') format('woff'),url('fonts/34B5D7_1_0.ttf') format('truetype');}

@font-face {font-family: 'CoreSansN45Regular';src: url('fonts/34B5D7_7_0.eot');src: url('fonts/34B5D7_7_0.eot?#iefix') format('embedded-opentype'),url('fonts/34B5D7_7_0.woff2') format('woff2'),url('fonts/34B5D7_7_0.woff') format('woff'),url('fonts/34B5D7_7_0.ttf') format('truetype');}

@font-face {font-family: 'CoreSansN55Medium';src: url('fonts/34B5D7_F_0.eot');src: url('fonts/34B5D7_F_0.eot?#iefix') format('embedded-opentype'),url('fonts/34B5D7_F_0.woff2') format('woff2'),url('fonts/34B5D7_F_0.woff') format('woff'),url('fonts/34B5D7_F_0.ttf') format('truetype');}

* {
 /*border: solid 1px red; */
}

body {
    color: #262626;
    padding-top: 80px;
}

/* LAYOUT */


.navbar {
    padding-top: 0px !important;
    background: #F4F4F4;
}


.navbar-nav {
    margin-left: -15px !important;
    background-color: #F4F4F4 !important;
}



/***** NAVBAR QUERIES *****/


/* smartphone */
@media only screen and (max-width: 667px) { 

    nav {
        padding: 0px  !important;
        height: 80px;
        width: 100%;
    }
}

/* tablet portrait & horizontal */
@media only screen and (max-width: 1024px) { 

    nav {
        padding: 0px 22px 0px 22px !important;
        height: 80px;
    }
}

/* desktop */
@media only screen and (min-width: 1280px) { 

    nav {
        padding: 0px 130px 0px 130px !important;
        height: 80px;
    }
}


/***** ENDNAVBAR QUERIES *****/


.row {
    margin: 0px !important;
    
}



.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}




/***** MARGIN MEDIA QUERIES *****/



/* desktop */
@media only screen and (min-width: 1280px) { 

.containter-fixed {
    
    padding-left: 115px;
    padding-right: 115px;
}

.containter-fluid {
    
    padding-left: 115px;
    padding-right: 115px;
}
    
}



/* tablet portrait & horizontal */
@media only screen and (max-width: 1024px) { 

    .containter-fixed {
    
    padding-left: 10px;
    padding-right: 10px;
    }

    .containter-fluid {
    
    padding-left: 10px;
    padding-right: 10px;
    }

}

/* smartphone */
@media only screen and (max-width: 667px) { 

    .containter-fixed {
    
    padding-left: 0px;
    padding-right: 0px;
    }

    .containter-fluid {
    
    padding-left: 0px;
    padding-right: 0px;
    }

}



/***** END MARGIN MEDIA QUERIES *****/



/* smartphone */
@media only screen and (max-width: 667px) { 
    .padding-top-1 {
        padding-top: 90px;
    }

    .padding-top-1-2 {
        padding-top: 45px;
    }

    .padding-top-1-4 {
            padding-top: 20px;
}
    
    .padding-top-1-8 {
        padding-top: 10px;
    }
}



/* tablet, desktop */
@media only screen and (min-width: 668px) { 
    .padding-top-1 {
        padding-top: 180px;
    }

    .padding-top-1-2 {
        padding-top: 90px;
    }

    .padding-top-1-4 {
        padding-top: 45px;
    }
    
    .padding-top-1-8 {
        padding-top: 20px;
    }
    
}

.intro-yellow {
    background: #DFE67B;
    min-height: 580px;
    }

.intro-navy {
    background: #41779B;
    min-height: 580px;
}


/***** INTRO QUERIES *****/

/* SMARTPHONE */
@media only screen and (max-width: 667px) { 

    .intro {
    padding-left: 20px;
    
    }
    
    .intro-info {
    padding: 115px 0px 80px 0px;
    }
    
    .intro-img {
    display: none;
    }
}

/* tablet portrait & horizontal */
@media only screen and (max-width: 1024px) { 
 
    .intro {
    padding-left: 20px;
    }
    
    .intro-info {
    padding: 20px 0px 0px 0px;
    }
    
    .intro-img {
    display: inherit;
    }
    
}

/* desktop */
@media only screen and (min-width: 1280px) {

    .intro {
    padding-left: 130px;
    }
    
    .intro-info {
    padding: 115px 0px 0px 0px;
    }
    
    .intro-img {
    display: inherit;
    }
}



.footer {
    
    background: #F4F4F4;
}

/* TYPOGRAPHY */



.body {
    font-size: 18px;
    font-family: 'CoreSansN45Regular';
    color: #262626;
    font-weight: 100;
}

.black {
    color: #262626;
}

.gray {
    color: #465056;
}

.navy {
   color: #41779B; 
}

.yellow {
   color: #DFE67B;   
}

.white {
    color: #fff;
}

b {
    font-family: 'CoreSansN55Medium' !important;
}

h1 {
    font-size: 44px  !important;
    font-family: 'CoreSansN55Medium' !important;
    margin-top: 0px  !important;
}

h2 {
    font-size: 38px  !important;
    margin-top: 0px  !important;
    line-height: 1.3 !important;
    color: #41779B;
    font-family: 'CoreSansN35Light' !important;
    font-weight: 100;
}

h3 {
    font-size: 22px  !important;
    font-family: 'CoreSansN55Medium' !important;
    color: #262626;
    margin-top: 0px  !important;
}

body a:link, body a:hover, body a:visited {
    color: #41779B;
}


.feat {
    font-size: 22px;
    font-family: 'CoreSansN45Regular';
    
}

.footer {
    font-size: 14px;
    color: #262626;
    font-weight: 200;
}

.footer-cat {
    font-family: 'CoreSansN55Medium';
    font-weight: 100;
    padding-bottom: 10px;
    display: inline-block;
}

.footer-main {
    font-family: 'CoreSansN45Regular';
    
}

.footer a:link, .footer a:hover, .footer a:visited {
    color: #262626;
    text-decoration: underline;
}

.nav-link {
    font-family: 'CoreSansN55Medium';
    font-size: 20px;
    color: #465056 !important;
    font-weight: 100 !important;
}

ul.technologia {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 15px;
    padding: 0;
}

ul.technologia li:before { 
   
  /* content: "– ";  /* hex of your actual character, found using CharMap */ 
}

/* ELEMENTS */


/* smartphone */
@media only screen and (max-width: 667px) {

    .logo {
        width: 220px;
        margin-right: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1500px) { 
    .logo {
        width: 330px;
        margin: 0px;
    }
}

.navbar-toggler {
    
}

.intro-img-sg {
    background: url(gfx/cover_sg.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
}

.intro-img-oferta {
    background: url(gfx/cover_oferta.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
}

.intro-img-o-firmie {
    background: url(gfx/cover_o-firmie.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
}

.button {
    display: inline-block;
    font-size: 22px;
    font-family: 'CoreSansN55Medium';
    color: #465056;
    border: solid #465056 1px;
    padding: 19px 23px 19px 23px;
    margin-top: 30px;
    -webkit-transition: ease-in 0.1s; /* Safari */
    transition: ease-in 0.1s;
    
}

.button:hover {
    background: #465056;
    color: #fff;
}

.sg-box-containter {
     -webkit-transition: ease-in 0.1s; /* Safari */
    transition: ease-in 0.1s;
}

.sg-box-containter:hover {
    margin-top: -10px;
    margin-bottom: 10px;
    box-shadow: 0px 10px 10px #9c9c9c;
    text-decoration: none !important;
}

.sg_box {
    background: #F4F4F4;
    padding: 30px 30px 0px 30px;
    min-height: 230px;
}

.nounderline {
    text-decoration: none !important;
}