body {position:relative; color:#fff;  font-family: 'Cinzel', serif; text-shadow:.05em .05em .1em #000; font-size:1.2em; background:#234;}
.sli {position: fixed; top: 0; right: 0; bottom: 0; left: 0; animation: animate infinite 15s;  background-size:cover;  background-position:center center; z-index:-1;}
.slide-1 {background-image: url('img/slide_1_indygo_rozlewnie_perfum.jpg');}
.slide-2 {background-image: url('img/slide_2_indygo_rozlewnie_perfum.jpg'); animation-delay:-5s;}
.slide-3 {background-image: url('img/slide_3_indygo_rozlewnie_perfum_karta_podarunkowa.jpg'); animation-delay:-10s;}
 
@keyframes animate {
    0% {opacity: 0; z-index:-1;}
    20% {z-index:2; opacity:0;}
    30% {opacity:1;  }
    80% {opacity:1;}
    90% {opacity:0; }
    100% {z-index:-1;}
}
  
.section {padding:4em 0; min-height:100vh; position:relative; z-index:5;}
.section--header {padding:1em 0;} 
.container--thin2{max-width:800px;}

.section--header {}
.section--footer { background:rgba(20, 48, 77, 0.9)}
.brand {font-size:2.5em; text-align:center; opacity:0; transform:scale(1.2); animation: showOnLoad 2s forwards; }
.images {opacity:0; animation: images 4s forwards;}
@media (min-width:992px) {.brand {font-size:4em;}}
@keyframes showOnLoad {
    0% {transform:scale(1.2); opacity:0;}
    100% {transform:scale(1); opacity:1;}
}
@keyframes images {
    from {opacity:0;}
    to {opacity:1; }
}

.brand span {display:block;}
@media (max-width:768px) {
    .brand {position:absolute; top:1rem; left:0; right:0; width:200px; margin:auto; }
    .brand img {width:200px; }
}
.contact-details {text-align:center;}
.section--footer a {color:#f00;}

.touch {text-align:center; font-size:1.3em; padding:2em 0;}
.form-control {color:#222; font-weight:700;}

.title {margin-top:1em; font-size:1em; letter-spacing:.1em;font-weight:700; margin-bottom:0; }

 



.text-vast {font-size:1.4em; line-height:1.4em; text-align:center;}
.text-huge {font-size:1.6em; line-height:1.4em; text-align:center;}

@media (min-width:768px) {
    .text-vast {font-size:1.6em; line-height:1.5em;}
    .text-huge {font-size:2.6em; line-height:1.5em;}   
}


.key {width:80px; display:block; margin:1rem auto;}
@media (max-width:768px) {.key{width:30px;}}
.product_list a{
    color:white;
    text-transform:none;
    font-size:.65rem;
}
.product_list img{
    width:90px;
    height:auto;
}

/*lista perfum style*/

#overlay{
    position:absolute;
    display:none;
    width:100%;
    min-height:100%;
    top:0;
    left:0;
    z-index:200;
    background-color:rgba(255,255,255, .65);
}
#priceBox{
    position:fixed;
    display:none;
    width:100%;
    height:auto;
    top:10px;
    left:50%;
    bottom:10px;
    transform:translateX(-50%);
    z-index: 203331;
    background-color: white;
    overflow-y:auto;
    /*box-shadow: 1px 1px 2px 1px rgba(0,0,0, .4);*/
    /*border: 1px solid black;*/
    transition:width  600ms ease-in-out, height 600ms ease-in-out; 
    padding:1.5rem;
   
    }

@media all and (min-width: 1200px){
    #priceBox{
        width: 80%;
    }
}

#bgrCont{
    display:none;
}
@media all and (min-width: 768px){
    #bgrCont{
        display:block;
    }
}








