#dobierz_pielegnacje .no_visible {
        display: none;
    }
    #dobierz_pielegnacje {
        width: 100%;
        position: relative;
    }        
    #dobierz_pielegnacje .col-1-1,
    #dobierz_pielegnacje .col-1-2,
    #dobierz_pielegnacje .col-1-3,
    #dobierz_pielegnacje .col-1-4,  
    #dobierz_pielegnacje .col-1-5  {
        width: 100%;      
    }      
    .rodzaj_cery_col {
        height: 190px;
    }   
    #dobierz_pielegnacje .rodzaj_cery img, 
    #dobierz_pielegnacje .problem_skory img, 
    #dobierz_pielegnacje .czy_ciaza img {
        width: 150px;
        height: 150px;
    }
    #dobierz_pielegnacje .rodzaj_cery_zdjecie_kontener , 
    #dobierz_pielegnacje .problem_skory_zdjecie_kontener , 
    #dobierz_pielegnacje .czy_ciaza_zdjecie_kontener  {
        height: 160px;
    }      
    #dobierz_pielegnacje .rodzaj_cery,
    #dobierz_pielegnacje .problem_skory,
    #dobierz_pielegnacje .czy_ciaza
    {
        height: 180px;
    }

    @media (min-width: 576px) and (max-width: 767px) {
        #dobierz_pielegnacje {
            width: 540px;
        }     
        #dobierz_pielegnacje .col-1-1 {
            flex: 0 0 100%;
            max-width: 100%;        
        }           
        #dobierz_pielegnacje .col-1-2 {
            flex: 0 0 50%;
            max-width: 50%;        
        }    
        #dobierz_pielegnacje .col-1-3 {
            flex: 0 0 33%;
            max-width: 33%;        
        }           
        #dobierz_pielegnacje .col-1-4 {
            flex: 0 0 270px;
            max-width: 270px;
        }             
        #dobierz_pielegnacje .col-1-5 {
            flex: 0 0 190px;
            max-width: 190px;
        }
        #dobierz_pielegnacje .col-1-5:nth-child(4)  {
            margin-left: 85px;
        }
        .rodzaj_cery_col {
            height: 190px;
        }      
        #dobierz_pielegnacje .rodzaj_cery img, 
        #dobierz_pielegnacje .problem_skory img, 
        #dobierz_pielegnacje .czy_ciaza img {
            width: 140px;
            height: 140px;
        }      
        #dobierz_pielegnacje .rodzaj_cery_zdjecie_kontener , 
        #dobierz_pielegnacje .problem_skory_zdjecie_kontener , 
        #dobierz_pielegnacje .czy_ciaza_zdjecie_kontener  {
            height: 155px;
        }    
        #dobierz_pielegnacje .rodzaj_cery,
        #dobierz_pielegnacje .problem_skory,
        #dobierz_pielegnacje .czy_ciaza
        {
            height: 180px;  
        }        
    }
    @media  (min-width: 768px){       
        #dobierz_pielegnacje {
            width: 720px;
        }
        #dobierz_pielegnacje .col-1-1 {
            flex: 0 0 100%;
            max-width: 100%;        
        }           
        #dobierz_pielegnacje .col-1-2 {
            flex: 0 0 50%;
            max-width: 50%;        
        }    
        #dobierz_pielegnacje .col-1-3 {
            flex: 0 0 33%;
            max-width: 33%;        
        }           
        #dobierz_pielegnacje .col-1-4 {
            flex: 0 0 180px;
            max-width: 180px;
        }           
        #dobierz_pielegnacje .col-1-5 {
            flex: 0 0 149px;
            max-width: 149px;
        }
        .rodzaj_cery_col {
            height: 190px;
        }      
        #dobierz_pielegnacje .rodzaj_cery img, 
        #dobierz_pielegnacje .problem_skory img, 
        #dobierz_pielegnacje .czy_ciaza img {
            width: 130px;
            height: 130px;
        }      
        #dobierz_pielegnacje .rodzaj_cery_zdjecie_kontener , 
        #dobierz_pielegnacje .problem_skory_zdjecie_kontener , 
        #dobierz_pielegnacje .czy_ciaza_zdjecie_kontener  {
            height: 145px;
        }        
        #dobierz_pielegnacje .rodzaj_cery,
        #dobierz_pielegnacje .problem_skory,
        #dobierz_pielegnacje .czy_ciaza
        {
            height: 180px;
        }        
    }
    @media (min-width: 993px) and (max-width: 1200px) {       
        #dobierz_pielegnacje {
            width: 960px;
        }
        #dobierz_pielegnacje .col-1-1 {
            flex: 0 0 100%;
            max-width: 100%;        
        }            
        #dobierz_pielegnacje .col-1-2 {
            flex: 0 0 50%;
            max-width: 50%;        
        }    
        #dobierz_pielegnacje .col-1-3 {
            flex: 0 0 33%;
            max-width: 33%;        
        }         
        #dobierz_pielegnacje .col-1-4 {
            flex: 0 0 240px;
            max-width: 240px;
        }          
        #dobierz_pielegnacje .col-1-5 {
            flex: 0 0 192px;
            max-width: 192px;
        }
        .rodzaj_cery_col {
            height: 230px;
        }      
        #dobierz_pielegnacje .rodzaj_cery img, 
        #dobierz_pielegnacje .problem_skory img, 
        #dobierz_pielegnacje .czy_ciaza img {
            width: 150px;
            height: 150px;
        }        
        #dobierz_pielegnacje .rodzaj_cery_zdjecie_kontener , 
        #dobierz_pielegnacje .problem_skory_zdjecie_kontener , 
        #dobierz_pielegnacje .czy_ciaza_zdjecie_kontener  {
            height: 165px;
        }       
        #dobierz_pielegnacje .rodzaj_cery,
        #dobierz_pielegnacje .problem_skory,
        #dobierz_pielegnacje .czy_ciaza
        {
            height: 200px;
        }        
    }    
    @media (min-width: 1201px) {       
        #dobierz_pielegnacje {
            width: 1220px;
            margin:auto
        }
        #jaki_rodzaj_cery .rodzaj_cery_col {
            padding-left:20px
        }
        #dobierz_pielegnacje .col-1-1 {
            flex: 0 0 100%;
            max-width: 100%;        
        }           
        #dobierz_pielegnacje .col-1-2 {
            flex: 0 0 50%;
            max-width: 50%;        
        }    
        #dobierz_pielegnacje .col-1-3 {
            flex: 0 0 33%;
            max-width: 33%;        
        }    
        #dobierz_pielegnacje .col-1-4 {
            flex: 0 0 280px;
            max-width: 280px;
        }          
        #dobierz_pielegnacje .col-1-5 {
            flex: 0 0 220px;
            max-width: 228px;
        }
        .rodzaj_cery_col {
            height: 230px;
        }
        #dobierz_pielegnacje .rodzaj_cery img, 
        #dobierz_pielegnacje .problem_skory img, 
        #dobierz_pielegnacje .czy_ciaza img {
            width: 180px;
            height: 180px;
        }
        #dobierz_pielegnacje .rodzaj_cery_zdjecie_kontener , 
        #dobierz_pielegnacje .problem_skory_zdjecie_kontener , 
        #dobierz_pielegnacje .czy_ciaza_zdjecie_kontener  {
            height: 200px;
        }
        #dobierz_pielegnacje .rodzaj_cery,
        #dobierz_pielegnacje .problem_skory,
        #dobierz_pielegnacje .czy_ciaza
        {
            height: 250px;
        }
    }     
    #dobierz_pielegnacje h1 {
        text-align: center;
    }
    #dobierz_pielegnacje h2 {
        text-align: center;
    }    
    #dobierz_pielegnacje .after_header {
        text-align: center;
        font-size: 1.3em;
        display:block;
        margin-top: -10px;
        margin-bottom: 50px;
    }
    #dobierz_pielegnacje .rodzaj_cery,
    #dobierz_pielegnacje .problem_skory,
    #dobierz_pielegnacje .czy_ciaza
    {
        text-align: center;
        cursor: pointer;
        
    }
    #dobierz_pielegnacje .rodzaj_cery_zdjecie_kontener , 
    #dobierz_pielegnacje .problem_skory_zdjecie_kontener , 
    #dobierz_pielegnacje .czy_ciaza_zdjecie_kontener  {
        width: 100%;        
        position: relative;
    }    
    #dobierz_pielegnacje .rodzaj_cery img, 
    #dobierz_pielegnacje .problem_skory img, 
    #dobierz_pielegnacje .czy_ciaza img {
        border-radius: 50%; 
        transition: transform .4s;
        margin-bottom: 10px; 
        border: 5px solid white;
        transition: all .4s;
    }
    #dobierz_pielegnacje .rodzaj_cery:hover img,
    #dobierz_pielegnacje .problem_skory:hover img,
    #dobierz_pielegnacje .czy_ciaza:hover img {
        transform: scale(1);
        filter: grayscale(0%); 
    }   
    #dobierz_pielegnacje .rodzaj_cery.selected img, 
    #dobierz_pielegnacje .problem_skory.selected img, 
    #dobierz_pielegnacje .czy_ciaza.selected img {
        border: 10px solid #2eadbb;
    }       
    #dobierz_pielegnacje .rodzaj_cery.noselected img, 
    #dobierz_pielegnacje .problem_skory.noselected img,
    #dobierz_pielegnacje .czy_ciaza.noselected img {
        filter: grayscale(100%);
        transform: scale(.8);  
    }    
    #dobierz_pielegnacje .rodzaj_cery.noselected:hover img,     
    #dobierz_pielegnacje .czy_ciaza.noselected:hover img {
        filter: grayscale(0%);
        transform: scale(1.2);  
    }     
    #dobierz_pielegnacje .problem_skory.noselected:hover img {
        filter: grayscale(100%);  
        cursor:default;
    }
    #dobierz_pielegnacje .rodzaj_cery .podpis, 
    #dobierz_pielegnacje .problem_skory .podpis, 
    #dobierz_pielegnacje .czy_ciaza .podpis {
        text-transform: uppercase;
        position: relative;
        font-size: 1.2em;
        transition: all .4s;
        /*border: 2px solid white;*/
        border-radius: 10px;
        z-index: 1000;
        color: #dc647e        
    }
    #dobierz_pielegnacje .rodzaj_cery .opis {
        background: #fee1bd;
        position: absolute;        
        padding: 15px 5px;
        border: 1px solid #ffbcbd;
        width: 200px;
        display: block;
        transition: transform .4s;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
    }     
    /*#dobierz_pielegnacje .rodzaj_cery:hover .opis {
        transform: translate(-50%, -50%) scale(1);
        transition-delay: .3s;
    }*/
    #dobierz_pielegnacje .problem_skory .choose {
        position: absolute;
        font-weight: bold;
        font-size: 150px;
        text-align: center;
        color: rgba(255,188,190,.8);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 30;
    }     
    #dobierz_pielegnacje .dalej {
        display: inline-block;
        margin: 20px auto 0;
        text-align: center;
        cursor: pointer;
        background-color: #2eadbb;
        font-size: 1.5em;
        border: 2px solid #2eadbb; /*#ff8c8e*/
        color:#FFFFFF;
        padding: 18px 55px;     
        text-transform: uppercase;
        border-radius:4px;
        left: 50%;
        transform: translate(-50%, 0); 
        position: relative;       
        transition: transform .4s;
    }
    #dobierz_pielegnacje .reset:hover {
        transform: translate(-50%, 0) scale(1.1);
    }
    #dobierz_pielegnacje .reset img {
        width: 1.2em;
        height: 1.2em;
        position: relative;
        top: 4px;
    }
    #dobierz_pielegnacje .pokaz_nowe_wyniki_container {
        width: 100%;
        text-align: center;
        margin: 50px 0 20px;
    }
    #dobierz_pielegnacje .pokaz_nowe_wyniki_button {
       padding: 20px;
       margin:0px 50px;
       cursor: pointer;
       background:#ffacae;
       transition: all .4s;
       font-size: 1.5em;
       text-transform: uppercase;
    }
    #dobierz_pielegnacje .pokaz_nowe_wyniki_button:hover, #dobierz_pielegnacje .pokaz_nowe_wyniki_button.selected {
        background: #ffbcbe;
    }    
    
    /* ---------------------------------------------- SLOGAN --------------------------------------------------------------*/
    #dobierz_pielegnacje #slogan_kontener {
        width: 100%;
        position: relative;
        text-align: center;
        padding: 100px 0;
        transition: all .6s;
    }   
    #dobierz_pielegnacje #slogan_kontener.maly {
        padding: 20px 0;
    }
    #dobierz_pielegnacje #slogan_kontener .wczytywanie_kontener{
        margin: 0 0 50px;
        height: 40px;   
        z-index:16;
        position: relative;
        transition: all .6s;
    }
    #dobierz_pielegnacje #slogan_kontener.maly .wczytywanie_kontener {
        display: none;
    }    
    #dobierz_pielegnacje #slogan_kontener .wczytywanie{
        font-size: 2.0em;
        text-shadow: 2px 2px 3px rgba(50, 50, 50, 1);
        color: #ffffff;
    }
    #dobierz_pielegnacje #slogan_kontener .porada_kontener{
        font-size: 2.9em;
        text-shadow: 2px 2px 3px rgba(50, 50, 50, 1);
        color: #ffffff; 
        line-height: 2em; 
        margin: 0 50px;
        z-index:16;
        position: relative;
        transition: all .6s;
    }
    #dobierz_pielegnacje #slogan_kontener.maly .porada_kontener {
        font-size: 2.9em;
        line-height: 1.3em; 
    }       
    #dobierz_pielegnacje .slogan_background{
        width:100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-position: center;
        filter:brightness(40%);
        z-index:5;
        /*border-radius:10px;
        background-color: #555555;*/
    }
    @media  (max-width: 768px){    
        #dobierz_pielegnacje #slogan_kontener .porada_kontener,
        #dobierz_pielegnacje #slogan_kontener.maly .porada_kontener {
            font-size: 2.0em;
        }   
        #dobierz_pielegnacje #slogan_kontener .wczytywanie, 
        #dobierz_pielegnacje #slogan_kontener.maly .wczytywanie{
            font-size: 1.4em;
        }       
    }

    .loader {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #555;
        animation: pulse 1s infinite ease-in-out;
        margin: 40px auto;
        }

    @keyframes pulse {
        0%, 100% {
            opacity: 0.3;
            transform: scale(1);
        }
        50% {
            opacity: 1;
            transform: scale(2);
        }
    }

    /* ---------------------------------------------- WYNIKI --------------------------------------------------------------*/
    
    #dobierz_pielegnacje .wynik_ankiety {
        border: 3px solid #ffbcbe;
        padding: 10px 30px;
        margin: 30px;
    }
    #wyniki {
        transition: height 1s;
    }
    #wyniki .wiersz_wyniki {
        transition: all .4s;
    }    
    #wyniki .wiersz_wyniki.otwarty {
        min-height: 340px;
    }
    #dobierz_pielegnacje #wyniki .wynik_container{
        border-right: dashed 1px #ddd;
        display: none;
        height: 350px;
        position:relative
    }
    #dobierz_pielegnacje #wyniki .wynik_container:last-child{
        border-right: none;
    }    
    #dobierz_pielegnacje #wyniki .nazwa_kategorii_wyniku{
        display: block;
        text-align: center;
        font-size: 1.2em;
        margin: 10px 0 20px;
        font-weight: bold;
    }
    #dobierz_pielegnacje #wyniki .zdjecie_wyniku{
        display: block;
        text-align: center;
        position: relative;
        height: 200px;
        z-index: 100;
    }    
    #dobierz_pielegnacje #wyniki img.wynik{
        height: 180px;
        transition: all .4s;
    }
    #dobierz_pielegnacje #wyniki .wynik_container:hover img.wynik{
        transform: scale(1.15);        
    }    
    #dobierz_pielegnacje #wyniki .wynik_cena_kontener{
        z-index: 200;
        position: absolute;
        left: 10px;
        bottom: 10px;
        border-radius: 50%;
        height: 64px;
        width: 64px;
    }    
    #dobierz_pielegnacje #wyniki .wynik_cena{
        font-size: 1.2em;
        top: 22px;
        color:#000;
        position: relative;        
    }
    #dobierz_pielegnacje #wyniki .nazwa_wyniku_kontener{
        display:block;
        text-align: center;     
        margin: 10px 5px;
        padding: 0px;        
        min-height: 40px;
        z-index: 101;
        position: relative;
    }    

    #dobierz_pielegnacje #wyniki .nazwa_wyniku{   
        font-size: 1em;
        color:#222
    }

    #dobierz_pielegnacje  #wyniki .dokoszyka {
        display: block;
        width: 84px;
        bottom: 116px;
        position: absolute;
        right: 7px;
        text-align: center;
        cursor: pointer;
        z-index: 300;
        font-weight: 400;
        padding: 13px 23px;
        font-size: 0.8em;
        font-weight: 500;
        color: #222;
        background: url(../../img/biale60.png);
        border: solid 1px #222;
        border-radius: 22px;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }


    #dobierz_pielegnacje  #wyniki .dokoszyka:hover {
        background: #dc1866 !important;
        color: #fff;
        border-color: #dc1866;
    }

    /*#dobierz_pielegnacje .produkt_akcje_kontener {
        background: #045b4b;
        margin: 0 20px;
        display: block;
        padding: 0 4px;
        height: 0px;
        transition: all .4s;
        cursor: pointer;
    }  
    @media  (max-width: 768px){    
    #dobierz_pielegnacje .produkt_akcje_kontener {
        height: 24px;
        padding: 4px 4px;
    }       
    }*/

    #dobierz_pielegnacje .wynik_container:hover .produkt_akcje_kontener {
        height: 24px;
        padding: 4px 4px;
    }
    #dobierz_pielegnacje .produkt_akcje_kontener:hover {
        background: #FF5B63;
    }
    #dobierz_pielegnacje #wyniki .wynik_koszyk{
        display:block;
        text-align: center;
        margin-bottom: 25px;
        color: #fff;
        font-size:1.2em;
        width: 100%;
        margin-top: 3px;
    }
    
    #dobierz_pielegnacje #uniq_link_container {
        width: 100%;
        position: relative;
        text-align: center;
        margin-top: 30px;  
        color: #bebebe;
        display: none;
    }
    #dobierz_pielegnacje #uniq_link_container a {
        color: #bebebe;
    }    
    #dobierz_pielegnacje #podaj_email {
        position: fixed;
        z-index: 10000;
        width: 100%;
        height: 100%;
        top:0;
        left:0;
    }
    #dobierz_pielegnacje #podaj_email .background{
        background-color: rgba(0,0,0,0.6);
        width: 100%;
        height: 100%;
        position: absolute;
        top:0;
        left: 0;
    }
    #dobierz_pielegnacje #podaj_email .close {
        position: absolute;
        left: -5px;
        top: -5px;
        cursor: pointer;
    }
    #dobierz_pielegnacje #podaj_email .window{        
        padding: 20px 30px;
        border: solid 1px #ffbcbe;
        position: absolute;
        width: 420px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);                
    }
    #dobierz_pielegnacje #podaj_email .title {
        text-align: center;
        width: 100%;
        display: block;
        font-weight: bold;
        font-size: 1.7em;
        margin-bottom: 10px;
    }
    #dobierz_pielegnacje #podaj_email .podaj_email {
        text-align: center;       
        width: 100%;
        display: block;
        font-size: 1.5em;
        line-height: 1.5em;
        margin-bottom: 15px;
    }    
    #dobierz_pielegnacje #podaj_email input[type=text] {
        border: solid 1px #ffbcbe;
        padding: 8px 8px ;
        font-size: 1.5em;
        width: 359px;
        color: #333;
    }    
    #dobierz_pielegnacje #podaj_email button {
        border: solid 1px #ff5b63;
        padding: 8px 8px ;
        margin:5px auto;
        display:block;
        border-radius:6px;
        font-size: 1.5em;
        width: 120px;
        cursor: pointer;
        color: #fff;
        background: #ff5b63;
        transition: background .3s;
    }     
    @media  (max-width: 500px) {
        #dobierz_pielegnacje #podaj_email .window{
            width: 75%;
            padding: 20px 0px;
            position: relative;
            text-align: center;
        }
        #dobierz_pielegnacje #podaj_email .podaj_email {
            width: 90%;
            margin: 0 auto;
        }
        #dobierz_pielegnacje #podaj_email input[type=text] {
            width: 90%;
            margin: 15px auto;
            position: relative;
            text-align: center;
        }
        #dobierz_pielegnacje #podaj_email button {
            
            text-align: center;
            display: block;
            margin: 7px auto;
        }
    }
    #dobierz_pielegnacje #podaj_email button.disabled {
        cursor:default;
        color: #fff;
        background: #bbb;
        border: solid 1px #bbb;
    }       
    #dobierz_pielegnacje #podaj_email button.disabled:hover {
        background: #bbb;
    }    
    #dobierz_pielegnacje #podaj_email button:hover {
        background: #CC0033;
    }
    #dobierz_pielegnacje #podaj_email .validation_info {
        display: block;
        margin-top: 5px;
        width: 100%;
        text-align: center;
    }
    #dobierz_pielegnacje .podzial {
        border-bottom: dashed 1px #ddd;
        margin: 20px 0 30px;
    }
    #dobierz_pielegnacje .row {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin-right:2px;
        margin-left:2px;
    }
    #dobierz_pielegnacje .wyniki_ostrzezenie {
        border: 3px solid #ffbcbe;
        padding: 30px;
        text-align: center;
        color: #888;
        margin-bottom: 30px;   
        display: none;
        font-size: 1.2em;
        line-height: 1.6em;
    }
    #dobierz_pielegnacje .wyniki_ostrzezenie .wazne {
        display: block;
        text-align: center;
        font-size: 2em;
        color: #ffbcbe;
        font-weight: bold;
        margin-bottom: 10px;
        text-transform: uppercase;
    }        
    #dobierz_pielegnacje .wyniki_ostrzezenie a{
        color: #888;
        text-decoration: none;
    }
    #dobierz_pielegnacje .wyniki_ostrzezenie a:hover{
        color: #555;
    }    
.tracking-in-expand-fwd-top-1 {
    -webkit-animation: tracking-in-expand-fwd-top 1.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
            animation: tracking-in-expand-fwd-top 1.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
.tracking-in-expand-fwd-top-2 {
    -webkit-animation: tracking-in-expand-fwd-top 2.1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
            animation: tracking-in-expand-fwd-top 2.1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
.tilt-in-top-1 {
	-webkit-animation: tilt-in-top-1 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: tilt-in-top-1 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.focus-in-contract{-webkit-animation:focus-in-contract 2s cubic-bezier(.25,.46,.45,.94) infinite both;animation:focus-in-contract 2s cubic-bezier(.25,.46,.45,.94) infinite both}
/* ----------------------------------------------
* Generated by Animista on 2020-2-22 12:16:35
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation tracking-in-expand-fwd-top
* ----------------------------------------
*/
@-webkit-keyframes tracking-in-expand-fwd-top {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(-500px);
            transform: translateZ(-700px) translateY(-500px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd-top {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(-500px);
            transform: translateZ(-700px) translateY(-500px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes tilt-in-top-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
            transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
            transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-top-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(-100%) skewY(-30deg);
            transform: rotateY(30deg) translateY(-100%) skewY(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(-50%) skewY(0deg) translateX(-50%);
            transform: rotateY(0deg) translateY(-50%) skewY(0deg) translateX(-50%);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-contract{0%{letter-spacing:1em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes focus-in-contract{0%{letter-spacing:1em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}

.reset-btn {
  width: 34px;height: 34px;padding: 0;cursor: pointer;display: inline-flex;align-items: center;border-radius:3px;
  justify-content: center; transition: background 0.2s, transform 0.1s;color:#ff8c8e;background-color:#FFF;border:solid 1px #FFFFFF
}

.reset-btn:hover {
  border-color:#ff8c8e
}

.breadc { display:inline-block;padding:7px;border-radius:3px;border:solid 1px #777;font-size:0.9em }