/* setup informations 
**
**  text color = #303030
**  action color 1 = #eda402;
**  action color 2 = #a12384;
**  main font = 'cronos-pro-caption';
**
*/
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzIjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
body{
    font-size: 15px;
    font-family: 'Open Sans', Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Open Sans', Arial, sans-serif;
}
h1{
	font-size: 34px;
    font-weight: 300;
    color: #303030;
    line-height: 30px;
    margin-bottom: 50px;
    font-family: 'Open Sans', Arial, sans-serif;
    text-align: center;
}
p{
	font-size: 16px;
    font-weight: 300;
    color: #303030;
    line-height: 1.5;
    font-family: 'Open Sans', Arial, sans-serif;
    text-align: center;
}
a:hover{
    text-decoration: none;
    color: #eda402;
}

.color2{
    color: #a12384;
}
.fx-center{
    text-align: center;
}

/* uikit safari grid fix */
@media (min-width: 768px){
    .uk-width-medium-1-2, .uk-width-medium-2-4, .uk-width-medium-3-6, .uk-width-medium-5-10 {
        width: 49.5%;
    }
}

/* pre */

.grey{
    background-color: #f8f8f8
}

/* section logo + menu */

#header{
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

#logo{
    width: 230px;
    margin: 1em auto;
    line-height: 30px;
    fill: #fff;
}

.logo-a{
    display: inline-block;
}

.menu-wrap{
    width: 100% !important;
}

.menu-wrap.uk-active{
    background-color: #222;
    text-align: left;
    z-index: 3;
}

.menu-wrap.uk-active #logo{
    width: 120px;
    margin: 1em 0 0.5em 1em;
    fill: #eda402;
}

.menu-wrap .menu-on{
    float: right;
    line-height: 103px;
    color: #fff;
    margin-right: 20px;
}

.menu-wrap .menu-on:hover{
    color: #eda402;
}

.menu-wrap.uk-active .menu-on{
    line-height: 63px;
}

/* offcanvas */

.uk-offcanvas-bar{
    background-color: #111;
    padding-top: 2em;
}

.uk-offcanvas-bar li{
    text-align: center;
    width: 100%;
    line-height: 40px;
    color: #999;
    text-transform: uppercase;
}

.uk-offcanvas-bar li a{
    color: #999;
    text-transform: uppercase;
}
.uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover{
    color: #eda402;
    background-color: #181818;
}

/* SECTIONS */
/* section main */

#main{
    color: #fff;
    overflow: hidden;
    background: url('../img/main5.jpg') no-repeat 50% 0 transparent;
    background-size: 100% auto;
    padding-top: 12em;
    padding-bottom: 4em;
}

.info-wrap *{
    color: #fff;   
}

.info-wrap h1{
    font-size: 1.9em;
    margin: 1em auto;
}
.info-wrap h1 span{
    color: #eda402;
}

.info-wrap .uk-text-large{
    max-width: 820px;
    color: #ddd;
    line-height: 1.5;
    margin-bottom: 1.5em;
    font-size: 1.3em;
    font-weight: 300;
}
.info-wrap .uk-text-small{
    max-width: 860px;
    color: #ddd;
    font-size: 1.1em;
    line-height: 1.3;
}
#main .uk-button{
    min-width: 276px;
}

/* section text 1 */

#text-1{
    padding: 4em 2em;
}
#text-1 .uk-container{
    background: url('../img/ciastko.jpg') no-repeat 100% 100% transparent;
    background-size: auto 70%;
}
#text-1 a{
    color: #a12384;
}
#text-1 p{
    line-height: 1.5;
    font-size: 1.1em;
    text-align: left;
}

/* section we */

#we{
    padding: 2em 0;
    background: #ffffff;
    background: -moz-linear-gradient(left,  #f8f8f8 0%, #f8f8f8 50%, #ffffff 50%, #ffffff 100%);
    background: -webkit-linear-gradient(left,  #f8f8f8 0%,#f8f8f8 50%,#ffffff 50%,#ffffff 100%);
    background: linear-gradient(to right,  #f8f8f8 0%,#f8f8f8 50%,#ffffff 50%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=1 );

}
.we-wrap{
    background: url('../img/ip.jpg') no-repeat 0% 100% transparent;
    background-size: auto 80%;
}
#we .first{
    padding-top: 1em;    
}
#we .first p{
    text-align: left;
    padding-right: 2em;
}
#we .uk-grid>*{
    padding-left: 0;
}
#we .shoper{
    
}
#we img{
    max-width: 170px;
    min-height: 85px;
    
}
#we .uk-align-medium-left{
    margin-right: 30px;
}
#we .fx-block{
    padding: 1em 0 1em 30px;
}

/* section info */

#info{
    padding: 4em 2em;
}


#info h2{
    font-size: 1.4em;
    margin-bottom: 3em;
}

#info .uk-width-1-2{
    text-align: center;
}

#info .uk-panel-box{
    background-color: transparent;
}
#info .uk-panel-box p{
    font-size: 16px;
}
#info .uk-panel-teaser{
    text-align: center;   
}
#info .uk-panel-teaser img{
    display: inline-block;
    margin: 0 auto;
    min-width: 60px;
}

/* section templates */

#templates{
    padding: 4em 2em;
}
#templates h2{
    font-size: 1.4em;
    margin-bottom: 3em;
}
#templates h3{
    margin-top: 15px;
    margin-bottom: 0;
}
.uk-subnav-pill>.uk-active>*{
    background: #a12384;
}
#templates .uk-button{
    margin-top: 2em;
}
#templates .uk-text-small{
    margin-top: 0;
}
#templates .uk-slideset li{
    text-align: center;
    position: relative;
}
#templates .uk-slideset li img{
    display: inline-block;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
#templates .uk-slideset li:hover img{
    opacity: 0.7;
}
.uk-slidenav-position .uk-slidenav{
    display: block;
}

/* section realizacje */

#realizacje{
    padding: 4em 2em;
}
#realizacje h2{
    font-size: 1.4em;
    margin-bottom: 3em;
}
#realizacje h2 a{
    float: right;

}
#realizacje .uk-grid{
    margin-left: 0;
}
#realizacje .fx-grid-8{
    width: 11.5%;
    margin-right: 1%;
    padding-left: 0;
    transition: all 0.5s ease-in;
}
#realizacje .fx-grid-8:last-child{
    margin-right: 0;
}

#realizacje .fx-grid-8:hover{
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari */
    transform: scale(1.5);
    box-shadow: 0 0 20px rgba(0,0,0,0.6);
}

/* section newsletter */

#newsletter{
    padding: 2em 2em 4em;
}

#mc_embed_signup{
    text-align: center;
    width: 100%;

}
#mc_embed_signup h3{
    text-align: center;
}
#mc_embed_signup form{

}
#mc_embed_signup form input{
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    border: 0;
    padding: 0 1em;
    min-width: 300px;
    vertical-align: middle;
}
#mc_embed_signup form input.button{
    min-width: 100px;   
}

/* footer */

#footer{
    background-color: #222;
    color: #bbb;
    font-size: 13px;
    padding: 3em 0 2em;
    text-align: center;
}

#footer p{
    color: #bbb;
}

#footer a{
    color: #eee;
}
#footer a:hover{
    color: #eda402;
}
#footer i{
    margin-right: 5px;
    margin-left: 5px;
    color: #eee;
}

#footer .social{
    padding: 2em 3em 0;
    border-top: 1px solid #444;
    margin-top: 1em;    
    display: inline-block;
    margin-bottom: 0;
}

#footer .social a{
    border-radius: 50%;
    border: 1px solid #f2f2f2;
    display: inline-block;
    width: 40px;
    line-height: 40px;
    font-size: 1.5em;
    color: #ddd;
    margin: 0 5px;
}
#footer .social a:hover{
    color: #eda402;
    border-color: #eda402;
}
#footer ul{
    margin-bottom: 27px;
}
#footer ul li{
    list-style-type: none;
    display: inline-block;
    padding: 0 10px;
}
#footer ul li a{
    font-size: 16px;
    color: #f1f1f1;
}
#footer .uk-alert p{
    color: #333;
    font-size: 0.9em;
}
#footer .uk-alert a{
    color: #000;
    font-weight: bold;
}

/* bullets */

.arr-down{
    z-index: 1;
}

.btn-slide-down{
    z-index: 2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 2px solid #303030;
    background: #fff;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 0px 4px #ffffff;
    -moz-box-shadow: 0px 0px 0px 4px #ffffff;
    box-shadow: 0px 0px 0px 4px #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    margin: 0 auto;
    color: #303030;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.btn-slide-down:hover{
    border-color: #eda402;
}
.btn-slide-down i{
    font-weight: bold;
    font-size: 28px;
    vertical-align: middle;
}
.btn-slide-down.foot{
    background-color: #222;
    -webkit-box-shadow: 0px 0px 0px 4px #222;
    -moz-box-shadow: 0px 0px 0px 4px #222;
    box-shadow: 0px 0px 0px 4px #222;
    border-color: #222;
    bottom: -35px;
    line-height: 40px;
}
.btn-slide-down.foot i{
    color: #ddd;
}

/* buttons */

.uk-button{
    padding: 0 2em;
    background-color: #eda402;
    color: #fff;
    text-transform: uppercase;
    border-radius: 2px;
}
.uk-button:hover{
    background-color: #303030;
    color: #fff;
}

.uk-button-large{
    background-color: #a12384;
}

.uk-button-primary{
    background-color: #eda402;
    color: #fff;
}

/* promo clock */

#clock .cp{
    font-weight: bold;
    font-size: 1.1em;
    margin-right: 1px;
}

/* rwd */

@media (max-width: 479px){
    .info-wrap .uk-text-large{
        padding: 0 25px;
    }
    .logo-a{
        margin-left: 0 !important;
    }
    #main{
        background-size: auto auto;
        padding-top: 6em;
        padding-bottom: 2em;
    }
    #main .uk-button{
        margin-bottom: 1em;
    }
    #text-1 .uk-container{
        background: none transparent;
    }
    #we{
        padding: 2em 0;
        background: none #f8f8f8;
        filter: none;
    }
    #we .first{
        display: none;
    }
    #we .fx-block{
        padding: 0 25px;
    }
    #newsletter{
        padding: 2em;
    }
    #mc_embed_signup form input{
        min-width: 90%;
        margin-bottom: 1em;
    }
    .we-wrap{
        background: none transparent;
    }
    #realizacje h2, #info h2, #templates h2{
        text-align: center;
        margin-bottom: 1em;
    }
    #realizacje h2 a{
        float: none;
        margin-top: 1em;
    }
}
@media (min-width: 480px) and (max-width: 767px){
    .info-wrap .uk-text-large{
        padding: 0 25px;
    }
    #main{
        background-size: auto auto;
        padding-top: 6em;
        padding-bottom: 2em;
    }
    #main .uk-button{
        margin-bottom: 1em;
    }
    #text-1 .uk-container{
        background: none transparent;
    }
    #we{
        padding: 2em 0;
        background: none #f8f8f8;
        filter: none;
    }
    .we-wrap{
        background: none transparent;
    }
    #we .first{
        background: url('../img/ip.jpg') no-repeat 100% 100% transparent;
        background-size: auto 80%;
    }
    #realizacje h2, #info h2, #templates h2{
        text-align: center;
        margin-bottom: 1em;
    }
    #realizacje h2 a{
        float: none;
        margin-top: 1em;
    }
}
@media (min-width: 768px) and (max-width: 979px){
    .info-wrap .uk-text-large{
        padding: 0 4em;
    }
    #main{
        background-size: auto auto;
        padding-top: 6em;
        padding-bottom: 2em;
    }
    #text-1 .uk-container{
        background: none transparent;
    }
    #we .uk-align-medium-left{
        float: none;
    }
    #we .uk-container{
        padding-left: 0;
    }
    #we .first p{
        padding-left: 57px;
    }
    .we-wrap{
        background: none transparent;
    }
    .we-wrap .first{
        background: url('../img/ip.jpg') no-repeat 100% 100% transparent;
        background-size: auto 80%;
    }
}
@media (min-width: 980px) and (max-width: 1199px){
    .we-wrap{
        background-position: -20% 100%;
    }
}
@media (min-width: 1200px) and (max-width: 1000px){
    .we-wrap{
        background-position: -30% 100%;
    }
}
@media (min-width: 1200px){
    .we-wrap{
        background: none transparent;
    }
    .we-wrap .first{
        background: url('../img/ip.jpg') no-repeat 100% 100% transparent;
        background-size: auto 80%;
    }
}