@font-face {
    font-family: 'GothamRounded';
    src: url('https://creategreetingcards.eu/fonts/GothamRoundedLight_21020.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-display: fallback;
}

@font-face {
    font-family: 'GothamRoundedB';
    src: url('https://creategreetingcards.eu/fonts/GothamRoundedMedium_21022.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-display: fallback;
}
.b { font-family : "GothamRoundedB", "Arial", "Ubuntu"; }


progress::-webkit-progress-value { background-color: #EE4367; /* Zielony */ }
progress::-webkit-progress-bar {  background-color: #e0e0e0; /* Jasnoszary */ }
progress::-moz-progress-bar { background-color: #EE4367; }

html, body, table, input, div, a { font-family : "GothamRounded", "Arial", "Ubuntu"; font-size:12px;}
body { position:relative; width:100%; max-width:1510px;  margin:0px auto 0px auto;
  background-image: url('https://creategreetingcards.eu/img/background.jpg'); border:0px solid;  background-repeat: no-repeat; }
#body 
{
  margin: 0px 10px;
}

@media only screen and (min-width: 0px) and (max-width: 999px)
{
  #body { margin: 0px 0px; }
}

        #glowna_ajax_overlay {
            position: fixed;
            display: none;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: rgba(0,0,0,0.5);
            z-index: 1;
        }

        #glowna_ajax {
            display: none;
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
            box-sizing: border-box;
            width:90%;
            max-width:600px;
            max-height: 80%;
            height: 100%;

        }

        #glowna_ajax_srodek {
            z-index: 3;
            background-color: #fefefe;
            border: 1px solid #888;
            box-sizing: border-box;
            width:100%; 
            max-height:100%;
            border-radius: 20px;
            margin-top: 40px;
            overflow-y: auto;

        }


#glowna_ajax_zamknij {

    cursor:pointer;
    background-repeat: no-repeat;
    background-image: url(https://creategreetingcards.eu/img/zamknij_1.svg);    
    position: absolute;
    right: 5px;
    top: 5px;
    color: #000;
    font-size: 25px;
    font-weight: bold;
    cursor: pointer;
    width: 60px;
    height: 60px;
}

#glowna_ajax_srodek #ajax_zyczenia p
{
    padding: 10px;
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 15px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    cursor:pointer;
}
#glowna_ajax_srodek #ajax_zyczenia p:hover
{
   background-color:#EDECEC;
}




#WyszukiwarkaJezykow
{
    margin: 11px 0px 0px 30px;
    padding: 10px 21px;
    border-radius: 15px;   
    border: 1px solid #EF4265;
}



#glowna_flagi_tresc
{
/*  padding-top:20px;*/
}

#glowna_flagi_tresc a
{
    display: block;
    margin: 10px;
    padding: 7px 10px 7px 20px;
    font-family: "GothamRoundedB", "Arial", "Ubuntu";
    font-size: 22px;
    text-decoration: none;
    color: #000000;
    background-color: #f3f1f1;
    border-radius: 15px;

}

#glowna_flagi_tresc a:hover, #glowna_flagi_tresc a.zaz
{
    background-color: #ef4265;
    color: #fff;
}



#glowna_flagi_tresc b
{
    display: inline-block;
/*    width: 30px;*/
    height: 30px;
    background-repeat: no-repeat;
    padding-right: 16px;
    vertical-align: middle;
    font-weight:normal;
}


#gora 
{ 
  vertical-align: top;
  display:table; 
  position:relative; 
  width:100%; 
/*  height:150px; */
  margin-top:40px;
  margin-bottom:40px;
}
#gora #logo 
{ 
  vertical-align: middle;
  border:0px solid red;
  display:table-cell; 
/*  width:430px; */
}
#gora #logo img
{ 
   margin-left: 20px;
   margin-right: 40px;
   max-width:430px;
}  



#gora #search 
{ 
/*  padding: 71px 20px 0px 20px;*/
  vertical-align: middle;
  border:0px solid green;
/*  display:table-cell; */
display:none;
  text-align: right;
  width: 50%;
}



#gora #form_szukaj 
{  
  position:relative;
  display:inline-block;
  max-width:720px;  
  width:100%;  
  box-sizing: border-box;    
}

#gora #form_szukaj input 
{ 
  width:100%;
  max-width:720px; 
  border-radius:10px;
  border:0px solid #ffffff;  
  height: 60px;
  padding: 10px 60px 10px 30px;
  font-size:17px; 
  box-sizing: border-box;


}

#gora #guzik_wyslij 
{ 
    position: absolute;
    top: 10px;
    right: 15px;
    width: 40px;
    height: 40px;
    background-image: url(https://creategreetingcards.eu/img/icon_search.svg); 
    cursor:pointer;
}


#gora #search_jeden
{
    vertical-align: middle;
    text-align: center;
    display:none; 
    width: 94px;
    height: 81px;    
}

#gora #search_jeden a
{
    display: inline-block;
    width: 70px;
    height: 60px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(https://creategreetingcards.eu/img/icon_search.svg);   
}


#gora #jezyk 
{ 
    vertical-align: middle;
    text-align:center;
    border:0px solid red;
    display:table-cell; 
    width: 94px;
    height: 81px;
}



#gora #jezyk #flaga_glowna 
{ 
    display: inline-block;
    width: 70px;
    height: 60px;
    cursor: pointer;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 0px) and (max-width: 1000px)
{
  #gora
  {
    margin-top: 10px;
    margin-bottom: 10px;     
  }
  #gora #search_jeden { /*display:table-cell;*/ display:none; width: 60px; height: 81px; }
  #gora #search_jeden a { width: 40px;  height: 40px; }
  #gora #search { display:none; }
  #gora #jezyk { width: 55px; }
  #gora #jezyk a { width: 50px; height: 45px; }
  #gora #logo img {  margin-left: 10px;  margin-right: 5px; }  

} 


/*
#gora { display:table; position:relative; width:100%; height:230px; }  
#gora #logo { display:table-cell; position:absolute; top:50px; left:50px; width:400px; } 
#gora #search { display:table-cell; position:relative; position:absolute; top:80px; right:200px;  width:630px;  }
#gora #search input { border:1px solid #ffffff; border-radius:10px; width:100%;  height:50px; padding:5px 60px 5px 30px; font-size:17px; }
#gora #guzik_wyslij 
{ 
    position: absolute;
    top: 10px;
    right: -77px;
    width: 40px;
    height: 40px;
    background-image: url(https://creategreetingcards.eu/img/icon_search.svg); 
    cursor:pointer;
}
#gora #jezyk 
 { 
    display:table-cell;
    position: absolute;
    width: 94px;
    height: 81px;
    top: 77px;
    right: 4px;
    background-repeat: no-repeat;
    border: 0px solid;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}*/

/* FLAGI  */

.flag_af { background-image: url(https://creategreetingcards.eu/img/flags/af.svg); }
.flag_az { background-image: url(https://creategreetingcards.eu/img/flags/az.svg); }
.flag_id { background-image: url(https://creategreetingcards.eu/img/flags/id.svg); }
.flag_ms { background-image: url(https://creategreetingcards.eu/img/flags/ms.svg); }
.flag_bs { background-image: url(https://creategreetingcards.eu/img/flags/bs.svg); }
.flag_ca { background-image: url(https://creategreetingcards.eu/img/flags/ca.svg); }
.flag_ceb { background-image: url(https://creategreetingcards.eu/img/flags/ceb.svg); }
.flag_cz { background-image: url(https://creategreetingcards.eu/img/flags/cz.svg); }
.flag_cs { background-image: url(https://creategreetingcards.eu/img/flags/cs.svg); }
.flag_sn { background-image: url(https://creategreetingcards.eu/img/flags/sn.svg); }
.flag_co { background-image: url(https://creategreetingcards.eu/img/flags/co.svg); }
.flag_cy { background-image: url(https://creategreetingcards.eu/img/flags/cy.svg); }
.flag_da { background-image: url(https://creategreetingcards.eu/img/flags/dk.svg); }
.flag_de { background-image: url(https://creategreetingcards.eu/img/flags/de.svg); }
.flag_et { background-image: url(https://creategreetingcards.eu/img/flags/et.svg); }
.flag_en { background-image: url(https://creategreetingcards.eu/img/flags/en.svg); }
.flag_es { background-image: url(https://creategreetingcards.eu/img/flags/es.svg); }
.flag_eo { background-image: url(https://creategreetingcards.eu/img/flags/eo.svg); }
.flag_eu { background-image: url(https://creategreetingcards.eu/img/flags/eu.svg); }
.flag_fil { background-image: url(https://creategreetingcards.eu/img/flags/fil.svg); }
.flag_fr { background-image: url(https://creategreetingcards.eu/img/flags/fr.svg); }
.flag_fy { background-image: url(https://creategreetingcards.eu/img/flags/fy.svg); }
.flag_ga { background-image: url(https://creategreetingcards.eu/img/flags/ga.svg); }
.flag_gl { background-image: url(https://creategreetingcards.eu/img/flags/gl.svg); }
.flag_ha { background-image: url(https://creategreetingcards.eu/img/flags/ha.svg); }
.flag_hr { background-image: url(https://creategreetingcards.eu/img/flags/hr.svg); }
.flag_ig { background-image: url(https://creategreetingcards.eu/img/flags/ig.svg); }
.flag_ilo { background-image: url(https://creategreetingcards.eu/img/flags/ilo.svg); }
.flag_xh { background-image: url(https://creategreetingcards.eu/img/flags/xh.svg); }
.flag_is { background-image: url(https://creategreetingcards.eu/img/flags/is.svg); }
.flag_it { background-image: url(https://creategreetingcards.eu/img/flags/it.svg); }
.flag_jv { background-image: url(https://creategreetingcards.eu/img/flags/jv.svg); }
.flag_sw { background-image: url(https://creategreetingcards.eu/img/flags/sw.svg); }
.flag_ht { background-image: url(https://creategreetingcards.eu/img/flags/ht.svg); }
.flag_kri { background-image: url(https://creategreetingcards.eu/img/flags/kri.svg); }
.flag_la { background-image: url(https://creategreetingcards.eu/img/flags/la.svg); }
.flag_lv { background-image: url(https://creategreetingcards.eu/img/flags/lv.svg); }
.flag_lb { background-image: url(https://creategreetingcards.eu/img/flags/lb.svg); }
.flag_lt { background-image: url(https://creategreetingcards.eu/img/flags/lt.svg); }
.flag_hu { background-image: url(https://creategreetingcards.eu/img/flags/hu.svg); }
.flag_mg { background-image: url(https://creategreetingcards.eu/img/flags/mg.svg); }
.flag_mt { background-image: url(https://creategreetingcards.eu/img/flags/mt.svg); }
.flag_mi { background-image: url(https://creategreetingcards.eu/img/flags/mi.svg); }
.flag_nl { background-image: url(https://creategreetingcards.eu/img/flags/nl.svg); }
.flag_no { background-image: url(https://creategreetingcards.eu/img/flags/no.svg); }
.flag_uz { background-image: url(https://creategreetingcards.eu/img/flags/uz.svg); }
.flag_pl { background-image: url(https://creategreetingcards.eu/img/flags/pl.svg); }
.flag_pt { background-image: url(https://creategreetingcards.eu/img/flags/pt.svg); }
.flag_ro { background-image: url(https://creategreetingcards.eu/img/flags/ro.svg); }
.flag_st { background-image: url(https://creategreetingcards.eu/img/flags/st.svg); }
.flag_sq { background-image: url(https://creategreetingcards.eu/img/flags/sq.svg); }
.flag_sk { background-image: url(https://creategreetingcards.eu/img/flags/sk.svg); }
.flag_sl { background-image: url(https://creategreetingcards.eu/img/flags/sl.svg); }
.flag_so { background-image: url(https://creategreetingcards.eu/img/flags/so.svg); }
.flag_fi { background-image: url(https://creategreetingcards.eu/img/flags/fi.svg); }
.flag_sv { background-image: url(https://creategreetingcards.eu/img/flags/sv.svg); }
.flag_vi { background-image: url(https://creategreetingcards.eu/img/flags/vi.svg); }
.flag_tr { background-image: url(https://creategreetingcards.eu/img/flags/tr.svg); }
.flag_tk { background-image: url(https://creategreetingcards.eu/img/flags/tk.svg); }
.flag_haw { background-image: url(https://creategreetingcards.eu/img/flags/haw.svg); }
.flag_el { background-image: url(https://creategreetingcards.eu/img/flags/el.svg); }
.flag_be { background-image: url(https://creategreetingcards.eu/img/flags/be.svg); }
.flag_bg { background-image: url(https://creategreetingcards.eu/img/flags/bg.svg); }
.flag_ky { background-image: url(https://creategreetingcards.eu/img/flags/ky.svg); }
.flag_mk { background-image: url(https://creategreetingcards.eu/img/flags/mk.svg); }
.flag_mn { background-image: url(https://creategreetingcards.eu/img/flags/mn.svg); }
.flag_sr { background-image: url(https://creategreetingcards.eu/img/flags/sr.svg); }
.flag_tt { background-image: url(https://creategreetingcards.eu/img/flags/tt.svg); }
.flag_tg { background-image: url(https://creategreetingcards.eu/img/flags/tg.svg); }
.flag_uk { background-image: url(https://creategreetingcards.eu/img/flags/uk.svg); }
.flag_kk { background-image: url(https://creategreetingcards.eu/img/flags/kk.svg); }
.flag_hy { background-image: url(https://creategreetingcards.eu/img/flags/hy.svg); }
.flag_yi { background-image: url(https://creategreetingcards.eu/img/flags/yi.svg); }
.flag_ur { background-image: url(https://creategreetingcards.eu/img/flags/ur.svg); }
.flag_ar { background-image: url(https://creategreetingcards.eu/img/flags/ar.svg); }
.flag_sd { background-image: url(https://creategreetingcards.eu/img/flags/sd.svg); }
.flag_fa { background-image: url(https://creategreetingcards.eu/img/flags/fa.svg); }
.flag_ps { background-image: url(https://creategreetingcards.eu/img/flags/ps.svg); }
.flag_kok { background-image: url(https://creategreetingcards.eu/img/flags/kok.svg); }
.flag_mr { background-image: url(https://creategreetingcards.eu/img/flags/mr.svg); }
.flag_hi { background-image: url(https://creategreetingcards.eu/img/flags/hi.svg); }
.flag_bn { background-image: url(https://creategreetingcards.eu/img/flags/bn.svg); }
.flag_pa { background-image: url(https://creategreetingcards.eu/img/flags/pa.svg); }
.flag_gu { background-image: url(https://creategreetingcards.eu/img/flags/gu.svg); }
.flag_or { background-image: url(https://creategreetingcards.eu/img/flags/or.svg); }
.flag_ta { background-image: url(https://creategreetingcards.eu/img/flags/ta.svg); }
.flag_te { background-image: url(https://creategreetingcards.eu/img/flags/te.svg); }
.flag_kn { background-image: url(https://creategreetingcards.eu/img/flags/kn.svg); }
.flag_ml { background-image: url(https://creategreetingcards.eu/img/flags/ml.svg); }
.flag_si { background-image: url(https://creategreetingcards.eu/img/flags/si.svg); }
.flag_th { background-image: url(https://creategreetingcards.eu/img/flags/th.svg); }
.flag_my { background-image: url(https://creategreetingcards.eu/img/flags/my.svg); }
.flag_ka { background-image: url(https://creategreetingcards.eu/img/flags/ka.svg); }
.flag_zh { background-image: url(https://creategreetingcards.eu/img/flags/zh.svg); }
.flag_ja { background-image: url(https://creategreetingcards.eu/img/flags/ja.svg); }
.flag_ko { background-image: url(https://creategreetingcards.eu/img/flags/ko.svg); }


/*
zakladki
*/
#zakladki { height:125px; display:table; border:0px solid; }
#zakladki #sep{ display:table-cell; width:10px; }

#zakladki .zaz { background-color: rgba(255,255,255,1)!important; }
#zakladki #stworz, #zakladki #gotowe, #zakladki #zyczenia 
{ 
  position:relative;
  border-top-left-radius:15px; 
  border-top-right-radius:15px; 
  background-color: rgba(255,255,255,0.35);
  display:inline-block; 
  height:100%; 
/*  min-width: 340px; */
/*  margin-right: 25px;*/
  padding: 0px 30px 0px 0px;
}
 
#zakladki napisy
{
    margin:23px 0px 0px 0px;
    display: inline-block;
    vertical-align: top;
}
#zakladki napisy b
{
  font-size:40px;
  color:#445C74;
  display: block;
  font-style:normal;
  font-weight:normal;
}
#zakladki napisy i
{
  padding-top:2px;
  font-size:20px;
  color:#445C74;
  display: block;
  font-style:normal;
}
#zakladki .zaz napisy b
{
  color:#EE4367!important;
  font-weight:bold;
}
#zakladki ico { display:inline-block; margin: 30px; background-repeat:no-repeat; }

#zakladki #stworz ico { background-image:url(https://creategreetingcards.eu/img/zakl_1.svg); height:62px; min-width:70px; }
#zakladki #gotowe ico { background-image:url(https://creategreetingcards.eu/img/zakl_2.svg); height:62px;  min-width:47px; }
#zakladki #zyczenia ico { background-image:url(https://creategreetingcards.eu/img/zakl_3.svg); height:62px; min-width:47px; }

#zakladki #stworz.zaz ico { background-image:url(https://creategreetingcards.eu/img/zakl_1b.svg); }
#zakladki #gotowe.zaz ico { background-image:url(https://creategreetingcards.eu/img/zakl_2b.svg); }
#zakladki #zyczenia.zaz ico { background-image:url(https://creategreetingcards.eu/img/zakl_3b.svg); }

@media only screen and (min-width: 0px) and (max-width: 1000px)
{
  #zakladki napisy 
  {
    display:none;
    padding: 0px 0px 0px 0px;
  } 
  #zakladki .zaz napisy
  {
    display:inline-block;
  }
  #zakladki #stworz, #zakladki #gotowe, #zakladki #zyczenia
  {
    padding: 0px 0px 0px 0px;
  }

  #zakladki #stworz.zaz, #zakladki #gotowe.zaz, #zakladki #zyczenia.zaz
  {
    padding: 0px 30px 0px 0px;
  }  
} 

@media only screen and (min-width: 0px) and (max-width: 700px)
{

  #zakladki { height: 95px; }
  #zakladki ico { margin: 15px; }
  
  #zakladki napisy { margin-top: 21px; }
  #zakladki napisy b { font-size: 25px; }
  #zakladki napisy i { font-size: 14px; }
  #zakladki #stworz ico { height: 57px; min-width: 60px; }

  #zakladki #stworz.zaz, #zakladki #gotowe.zaz, #zakladki #zyczenia.zaz{ padding: 0px 15px 0px 0px; }  
}

@media only screen and (min-width: 0px) and (max-width: 400px)
{
   #zakladki { height: 75px; }
   #zakladki ico { margin: 7px; }
   #zakladki napisy { margin-top: 16px; }
   #zakladki napisy b { font-size: 21px; font-weight:normal; }
   #zakladki napisy i { font-size: 14px;  font-weight:normal; }
   #zakladki #stworz.zaz, #zakladki #gotowe.zaz, #zakladki #zyczenia.zaz{ padding: 0px 7px 0px 0px; }  
}  

/* KATEGORIE */

#kategorie 
{
     position:relative;
     padding: 25px 0px 0px 25px;
     margin-bottom:15px;
/*     white-space: nowrap; */
/*    overflow-x: auto;*/
/*      overflow-y: hidden;*/
/*    height: 124px;*/
/*    margin-bottom: 22px;*/
}
/*#kategorie::-webkit-scrollbar-thumb { background: #fff; }*/
/*#kategorie::-webkit-scrollbar { background: #fff; }*/
#kategorie #linia1::-webkit-scrollbar-thumb { background: #fff; }
#kategorie #linia1::-webkit-scrollbar { background: #fff; }
#kategorie #linia1 
{ 
  scrollbar-color: #f2f1f1 #fff; scrollbar-width: thin;
} 

#kategorie #linia1
{ 
  white-space: nowrap;  
  overflow-y: hidden;
}

#kategorie a 
{
    position: relative;
    text-align: center;
    display: inline-block;
    width: 120px;
    height: 120px;
    border: 1px solid #DDDEE1;
    border-radius: 47px;
    margin: 5px;
    text-decoration: none;
    font-size: 14px;
}

#kategorie a b
{
  position:absolute;
  display:inline-block;
  text-decoration: none;
  color:#000000;
  top: 73%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: normal;
  font-weight: normal;
}

#kategorie #rozwin
{
    display: inline-block;
    position: absolute;
    /* top: 0px; */
    right: 5px;
/*    transform: translateX(-50%);*/
    background-color: #EE4367;
    padding: 7px 10px;
    color: #fff;
    font-size: 14px;
    border-radius: 7px;
    bottom: 0px;
    cursor:pointer;
}

@media only screen and (min-width: 0px) and (max-width: 700px)
{
  #kategorie 
  {
    padding:7px;
/*    height: 240px;*/
  } 
} 


/* generujemy w generuj_svg */
#katglowna, #katostatnio_dodane, #kat674, #kat676, #kat678, #kat680, #kat681, #kat684, #kat685, #kat693, #kat694, #kat695, #kat697, #kat699, #kat700, #kat701, #kat707, #kat709, #kat714, #kat722, #kat914, #kat921
{ 
  --fa-primary-color: gold;
  background-repeat:no-repeat;
  background-size:auto 45px ; 
  background-position-x: center;
  background-position-y: 19px;
}

@media only screen and (min-width: 0px) and (max-width: 500px)
{
  #kategorie a
  {
    width: 100px;
    height: 100px;
    font-size: 13px;
        border-radius: 29px;
  }
  #kategorie 
  {
    padding:7px;
/*    height: 240px;*/
  } 

  #katglowna, #katostatnio_dodane, #kat674, #kat676, #kat678, #kat680, #kat681, #kat684, #kat685, #kat693, #kat694, #kat695, #kat697, #kat699, #kat700, #kat701, #kat707, #kat709, #kat714, #kat722, #kat914, #kat921
  {
     background-size: auto 33px;
  }

} 

/* generujemy w generuj_svg */
#katglowna { background-image:url('https://creategreetingcards.eu/img/cat/glowna_szary.svg?2'); }
#katglowna:hover, #katglowna.zaz { background-color:#ee4367; background-image:url('https://creategreetingcards.eu/img/cat/glowna_bialy.svg?1'); }
#katglowna:hover b, #katglowna.zaz b { color:#ffffff; }
#katostatnio_dodane { background-image:url(https://creategreetingcards.eu/img/cat/ostatnio_dodane_szary.svg); }
#katostatnio_dodane:hover, #katostatnio_dodane.zaz { background-color:#ee4367; background-image:url(https://creategreetingcards.eu/img/cat/ostatnio_dodane_bialy.svg); }
#katostatnio_dodane:hover b, #katostatnio_dodane.zaz b { color:#ffffff; }
#kat674 { background-image:url(https://creategreetingcards.eu/img/cat/674_szary.svg); }
#kat674:hover, #kat674.zaz { background-color:#1E9C53; background-image:url(https://creategreetingcards.eu/img/cat/674_bialy.svg); }
#kat674:hover b, #kat674.zaz b { color:#ffffff; }
#kat676 { background-image:url(https://creategreetingcards.eu/img/cat/676_szary.svg); }
#kat676:hover, #kat676.zaz { background-color:#64C7FF; background-image:url(https://creategreetingcards.eu/img/cat/676_bialy.svg); }
#kat676:hover b, #kat676.zaz b { color:#ffffff; }
#kat678 { background-image:url(https://creategreetingcards.eu/img/cat/678_szary.svg); }
#kat678:hover, #kat678.zaz { background-color:#01CF91; background-image:url(https://creategreetingcards.eu/img/cat/678_bialy.svg); }
#kat678:hover b, #kat678.zaz b { color:#ffffff; }
#kat680 { background-image:url(https://creategreetingcards.eu/img/cat/680_szary.svg); }
#kat680:hover, #kat680.zaz { background-color:#BF5C78; background-image:url(https://creategreetingcards.eu/img/cat/680_bialy.svg); }
#kat680:hover b, #kat680.zaz b { color:#ffffff; }
#kat681 { background-image:url(https://creategreetingcards.eu/img/cat/681_szary.svg); }
#kat681:hover, #kat681.zaz { background-color:#CE3D1E; background-image:url(https://creategreetingcards.eu/img/cat/681_bialy.svg); }
#kat681:hover b, #kat681.zaz b { color:#ffffff; }
#kat684 { background-image:url(https://creategreetingcards.eu/img/cat/684_szary.svg); }
#kat684:hover, #kat684.zaz { background-color:#e95668; background-image:url(https://creategreetingcards.eu/img/cat/684_bialy.svg); }
#kat684:hover b, #kat684.zaz b { color:#ffffff; }
#kat685 { background-image:url(https://creategreetingcards.eu/img/cat/685_szary.svg); }
#kat685:hover, #kat685.zaz { background-color:#E47BCD; background-image:url(https://creategreetingcards.eu/img/cat/685_bialy.svg); }
#kat685:hover b, #kat685.zaz b { color:#ffffff; }
#kat693 { background-image:url(https://creategreetingcards.eu/img/cat/693_szary.svg); }
#kat693:hover, #kat693.zaz { background-color:#FCCEB6; background-image:url(https://creategreetingcards.eu/img/cat/693_bialy.svg); }
#kat693:hover b, #kat693.zaz b { color:#ffffff; }
#kat694 { background-image:url(https://creategreetingcards.eu/img/cat/694_szary.svg); }
#kat694:hover, #kat694.zaz { background-color:#FFC11E; background-image:url(https://creategreetingcards.eu/img/cat/694_bialy.svg); }
#kat694:hover b, #kat694.zaz b { color:#ffffff; }
#kat695 { background-image:url(https://creategreetingcards.eu/img/cat/695_szary.svg); }
#kat695:hover, #kat695.zaz { background-color:#A770FF; background-image:url(https://creategreetingcards.eu/img/cat/695_bialy.svg); }
#kat695:hover b, #kat695.zaz b { color:#ffffff; }
#kat697 { background-image:url(https://creategreetingcards.eu/img/cat/697_szary.svg); }
#kat697:hover, #kat697.zaz { background-color:#FEAD92; background-image:url(https://creategreetingcards.eu/img/cat/697_bialy.svg); }
#kat697:hover b, #kat697.zaz b { color:#ffffff; }
#kat699 { background-image:url(https://creategreetingcards.eu/img/cat/699_szary.svg); }
#kat699:hover, #kat699.zaz { background-color:#1871F1; background-image:url(https://creategreetingcards.eu/img/cat/699_bialy.svg); }
#kat699:hover b, #kat699.zaz b { color:#ffffff; }
#kat700 { background-image:url(https://creategreetingcards.eu/img/cat/700_szary.svg); }
#kat700:hover, #kat700.zaz { background-color:#FF2871; background-image:url(https://creategreetingcards.eu/img/cat/700_bialy.svg); }
#kat700:hover b, #kat700.zaz b { color:#ffffff; }
#kat701 { background-image:url(https://creategreetingcards.eu/img/cat/701_szary.svg); }
#kat701:hover, #kat701.zaz { background-color:#4AB462; background-image:url(https://creategreetingcards.eu/img/cat/701_bialy.svg); }
#kat701:hover b, #kat701.zaz b { color:#ffffff; }
#kat707 { background-image:url(https://creategreetingcards.eu/img/cat/707_szary.svg); }
#kat707:hover, #kat707.zaz { background-color:#F3972A; background-image:url(https://creategreetingcards.eu/img/cat/707_bialy.svg); }
#kat707:hover b, #kat707.zaz b { color:#ffffff; }
#kat709 { background-image:url(https://creategreetingcards.eu/img/cat/709_szary.svg); }
#kat709:hover, #kat709.zaz { background-color:#FF005D; background-image:url(https://creategreetingcards.eu/img/cat/709_bialy.svg); }
#kat709:hover b, #kat709.zaz b { color:#ffffff; }
#kat714 { background-image:url(https://creategreetingcards.eu/img/cat/714_szary.svg); }
#kat714:hover, #kat714.zaz { background-color:#E47BCD; background-image:url(https://creategreetingcards.eu/img/cat/714_bialy.svg); }
#kat714:hover b, #kat714.zaz b { color:#ffffff; }
#kat722 { background-image:url(https://creategreetingcards.eu/img/cat/722_szary.svg); }
#kat722:hover, #kat722.zaz { background-color:#000000; background-image:url(https://creategreetingcards.eu/img/cat/722_bialy.svg); }
#kat722:hover b, #kat722.zaz b { color:#ffffff; }
#kat914 { background-image:url(https://creategreetingcards.eu/img/cat/914_szary.svg); }
#kat914:hover, #kat914.zaz { background-color:#9A76B4; background-image:url(https://creategreetingcards.eu/img/cat/914_bialy.svg); }
#kat914:hover b, #kat914.zaz b { color:#ffffff; }
#kat921 { background-image:url(https://creategreetingcards.eu/img/cat/921_szary.svg); }
#kat921:hover, #kat921.zaz { background-color:#D1C243; background-image:url(https://creategreetingcards.eu/img/cat/921_bialy.svg); }
#kat921:hover b, #kat921.zaz b { color:#ffffff; }

/* Kategorie na całą stronę */
.kategoria_ikonka
{
    display: inline-block !important;
    /* width: 109px; */
    height: 31px;
    display: block;
    background-size: 30px 30px !important;
    background-position-y: 0px;
    /* border: 1px solid red; */
    background-position-x: 5px !important;
    background-position-y: 5px !important;
    padding-left: 46px;
    vertical-align: bottom;
    margin-right: 5px;
    vertical-align: text-top;
    padding-top: 11px;
    padding-right: 17px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 16px;
}

.kategoria_ikonka:hover { color:#fff; }



/* RAMKA 1 */
#ramka1 
{   
  background-color:#ffffff;

}


/* NAGLOWEK */
#naglowek { display:table; margin:0px 0px 0px 30px; }

#naglowek #ico_nag 
{ 
  display:table-cell;
  width:90px; 
  height:57px; 
/*  background-image:url(https://creategreetingcards.eu/img/cat/674_naglowek.svg); */
  background-repeat:no-repeat;
}

#naglowek napisy { display:table-cell; vertical-align: middle; }
#naglowek napisy h2 { font-size:34px; padding:0px; margin:0px; color:#041D3B;  white-space: nowrap;}
#naglowek napisy h1 
{ 
    font-size: 17px;
    color: #556C84;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: normal;
}

@media only screen and (min-width: 0px) and (max-width: 700px)
{
  #naglowek { margin: 0px auto; padding: 0px 30px; }
  #naglowek  #ico_nag { width:80px;  height:57px;  }
  #naglowek napisy h2 { font-size:22px;  }
  #naglowek napisy h1 { font-size:17px; }

}

.ico_nag_glowna { background-image:url('https://creategreetingcards.eu/img/cat/glowna_naglowek.svg?1'); }
.ico_nag_ostatnio_dodane { background-image:url(https://creategreetingcards.eu/img/cat/ostatnio_dodane_naglowek.svg); }
.ico_nag_674 { background-image:url(https://creategreetingcards.eu/img/cat/674_naglowek.svg); }
.ico_nag_676 { background-image:url(https://creategreetingcards.eu/img/cat/676_naglowek.svg); }
.ico_nag_678 { background-image:url(https://creategreetingcards.eu/img/cat/678_naglowek.svg); }
.ico_nag_680 { background-image:url(https://creategreetingcards.eu/img/cat/680_naglowek.svg); }
.ico_nag_681 { background-image:url(https://creategreetingcards.eu/img/cat/681_naglowek.svg); }
.ico_nag_684 { background-image:url(https://creategreetingcards.eu/img/cat/684_naglowek.svg); }
.ico_nag_685 { background-image:url(https://creategreetingcards.eu/img/cat/685_naglowek.svg); }
.ico_nag_693 { background-image:url(https://creategreetingcards.eu/img/cat/693_naglowek.svg); }
.ico_nag_694 { background-image:url(https://creategreetingcards.eu/img/cat/694_naglowek.svg); }
.ico_nag_695 { background-image:url(https://creategreetingcards.eu/img/cat/695_naglowek.svg); }
.ico_nag_697 { background-image:url(https://creategreetingcards.eu/img/cat/697_naglowek.svg); }
.ico_nag_699 { background-image:url(https://creategreetingcards.eu/img/cat/699_naglowek.svg); }
.ico_nag_700 { background-image:url(https://creategreetingcards.eu/img/cat/700_naglowek.svg); }
.ico_nag_701 { background-image:url(https://creategreetingcards.eu/img/cat/701_naglowek.svg); }
.ico_nag_707 { background-image:url(https://creategreetingcards.eu/img/cat/707_naglowek.svg); }
.ico_nag_709 { background-image:url(https://creategreetingcards.eu/img/cat/709_naglowek.svg); }
.ico_nag_714 { background-image:url(https://creategreetingcards.eu/img/cat/714_naglowek.svg); }
.ico_nag_722 { background-image:url(https://creategreetingcards.eu/img/cat/722_naglowek.svg); }
.ico_nag_914 { background-image:url(https://creategreetingcards.eu/img/cat/914_naglowek.svg); }
.ico_nag_921 { background-image:url(https://creategreetingcards.eu/img/cat/921_naglowek.svg); }

/* Licznik stron */
#licznik {  }
#licznik a 
{ 
  display:inline-block;
  min-width:24px;
  min-height:24px;
/*  min-height:48px;*/
  padding:13px 10px 10px 10px; 
  margin:0px 2px;
  border: 1px solid #DDDEE1; 
  text-align:center;
  text-decoration:none;
  border-radius:15px;
  vertical-align:middle;
  font-size:17px;
  color:#4F657D;

}
#licznik a.zaz, #licznik a:hover 
{
  color:#fff;
  background-color:#EE4367;
  border: 1px solid #EE4367; 


}


/* poukladaj */
#poukladaj { margin:30px;  }
#poukladaj a
{ 
  display:table-cell; 
  font-size:20px;   
  font-weight:normal;
  text-decoration:none;
  border-bottom: 1px solid #fff;
  padding:0px 0px 10px 0px;
  color:#152749;
}

#poukladaj a.zaz { font-weight:bold; }

#poukladaj a.zaz, #poukladaj a:hover
{
  border-bottom: 1px solid #4F657D;
}

#poukladaj sep
{ 
  width:30px;
  display:table-cell; 
  font-size:20px;   
  text-decoration:none;
}

/* div_pouk_i_licz  */
#div_pouk_i_licz 
{ 
  display: table;
  width: 100%; 
}
#div_pouk_i_licz #a { display: table-cell; }
#div_pouk_i_licz #b { display: table-cell; padding-right: 47px; text-align: right; }


@media only screen and (min-width: 0px) and (max-width: 999px)
{
  #div_pouk_i_licz  #poukladaj { display:inline-block; }
  #div_pouk_i_licz { display:inline-block; text-align:center; }
  #div_pouk_i_licz #a { display:block; text-align: center; }
  #div_pouk_i_licz #b { display:none; text-align: center; padding-right: 0px; }

}


/* lista_kartek  */
#lista_schematy { text-align:center; }
#lista_schematy  a.lis { display:inline-block; margin:15px; }
#lista_schematy .lis img { width:250px; height:360px; border-radius:15px;  border: 1px solid #DDDEE1; }
#lista_schematy .lis video { width:250px; height:360px; border-radius:15px;  border: 1px solid #ffffff; }
#vid::-webkit-media-controls {
  display: none !important;
}

@media only screen and (min-width: 0px) and (max-width: 1430px)
{ 
  #lista_schematy .lis img { width:240px; height:337.8px; } 
  #lista_schematy .lis video { width:240px; height:337.8px; } 
}
@media only screen and (min-width: 0px) and (max-width: 1380px)
{ 
  #lista_schematy .lis img { width:230px; height:323.9px; } 
  #lista_schematy .lis video { width:230px; height:323.9px; } 
}
@media only screen and (min-width: 0px) and (max-width: 1330px)
{ 
  #lista_schematy .lis img { width:250px; height:352.1px; } 
  #lista_schematy .lis video { width:250px; height:352.1px; } 
}
@media only screen and (min-width: 0px) and (max-width: 1150px)
{ 
  #lista_schematy .lis img { width:240px; height:337.8px; } 
  #lista_schematy .lis video { width:240px; height:337.8px; } 
}
@media only screen and (min-width: 0px) and (max-width: 1109px)
{ 
  #lista_schematy .lis img { width:230px; height:323.9px; } 
  #lista_schematy .lis video { width:230px; height:323.9px; } 
}
@media only screen and (min-width: 0px) and (max-width: 1070px)
{ 
  #lista_schematy .lis img { width:220px; height:309.8px; } 
  #lista_schematy .lis video { width:220px; height:309.8px; } 
}
@media only screen and (min-width: 0px) and (max-width: 1030px)
{ 
  #lista_schematy .lis img { width:210px; height:295.7px; } 
  #lista_schematy .lis video { width:210px; height:295.7px; } 
}
@media only screen and (min-width: 0px) and (max-width: 970px)
{ 
  #lista_schematy .lis img { width:250px; height:352.1px; } 
  #lista_schematy .lis video { width:250px; height:352.1px; } 
}
@media only screen and (min-width: 0px) and (max-width: 850px)
{ 
  #lista_schematy .lis img { width:240px; height:337.8px; } 
  #lista_schematy .lis video { width:240px; height:337.8px; } 
}
@media only screen and (min-width: 0px) and (max-width: 815px)
{ 
  #lista_schematy .lis img { width:230px; height:323.9px; } 
  #lista_schematy .lis video { width:230px; height:323.9px; } 
  #lista_schematy  a.lis { margin:10px; }
}
@media only screen and (min-width: 0px) and (max-width: 757px)
{ 
  #lista_schematy .lis img { width:220px; height:309.8px; } 
  #lista_schematy .lis video { width:220px; height:309.8px; } 
  #lista_schematy  a.lis { margin:8px; }
}
@media only screen and (min-width: 0px) and (max-width: 716px)
{ 
  #lista_schematy .lis img { width:210px; height:295.7px; } 
  #lista_schematy .lis video { width:210px; height:295.7px; } 
  #lista_schematy  a.lis { margin:8px; }
}
@media only screen and (min-width: 0px) and (max-width: 686px)
{ 
  #lista_schematy .lis img { width:250px; height:352.1px; } 
  #lista_schematy .lis video { width:250px; height:352.1px; } 
  #lista_schematy  a.lis { margin:15px; }
}
@media only screen and (min-width: 0px) and (max-width: 565px)
{ 
  #lista_schematy .lis img { width:240px; height:337.8px; } 
  #lista_schematy .lis video { width:240px; height:337.8px; } 
  #lista_schematy  a.lis { margin:10px; }
}
@media only screen and (min-width: 0px) and (max-width: 525px)
{ 
  #lista_schematy .lis img { width:230px; height:323.9px; } 
  #lista_schematy .lis video { width:230px; height:323.9px; } 
  #lista_schematy  a.lis { margin:5px; }
}
@media only screen and (min-width: 0px) and (max-width: 486px)
{ 
  #lista_schematy .lis img { width:220px; height:309.8px; } 
  #lista_schematy .lis video { width:220px; height:309.8px; } 
  #lista_schematy  a.lis { margin:5px; }
}
@media only screen and (min-width: 0px) and (max-width: 464px)
{ 
  #lista_schematy .lis img { width:210px; height:295.7px; } 
  #lista_schematy .lis video { width:210px; height:295.7px; } 
  #lista_schematy  a.lis { margin:5px; }
}
@media only screen and (min-width: 0px) and (max-width: 446px)
{ 
  #lista_schematy .lis img { width:200px; height:281.6px; } 
  #lista_schematy .lis video { width:200px; height:281.6px; } 
  #lista_schematy  a.lis { margin:5px; }
}
@media only screen and (min-width: 0px) and (max-width: 424px)
{ 
  #lista_schematy .lis img { width:190px; height:267.6px; } 
  #lista_schematy .lis video { width:190px; height:267.6px; } 
  #lista_schematy  a.lis { margin:5px; }
}
@media only screen and (min-width: 0px) and (max-width: 404px)
{ 
  #lista_schematy .lis img { width:180px; height:253.5px; } 
  #lista_schematy .lis video { width:180px; height:253.5px; } 
  #lista_schematy  a.lis { margin:5px; }
}
@media only screen and (min-width: 0px) and (max-width: 384px)
{ 
  #lista_schematy .lis img { width:160px; height:225.3px; } 
  #lista_schematy .lis video { width:160px; height:225.3px; } 
  #lista_schematy  a.lis { margin:5px; }
}


/* ostatnio_stworzone  */
#ostatnio_stworzone { 
/*  text-align:center; */
  display:block;
  overflow-x: auto;
  white-space: nowrap;
  border: 0px solid;
  scrollbar-color: #f2f1f1 #fff; scrollbar-width: thin;
 }

#ostatnio_stworzone::-webkit-scrollbar-thumb { background: #fff; }
#ostatnio_stworzone::-webkit-scrollbar { background: #fff; }


#ostatnio_stworzone a { display:inline-block; margin:15px; position: relative; }
#ostatnio_stworzone img { min-width:150px; height:360px; border-radius:15px;  border: 1px solid #DDDEE1; }
#ostatnio_stworzone video { max-width:260px; min-width:150px; height:360px; border-radius:15px;  border: 1px solid #DDDEE1; }



/* LISTA ZYCZNIA */
#lista_zyczenia 
{     
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3; 
  text-align: center;
  box-sizing: border-box;
  padding:10px 10px 50px 10px; 
}

#lista_zyczenia #zyczenie 
{ 

  margin:10px 0px;
  padding: 10px 0px;
  display:inline-block; 
  width:100%; 
  max-width: 500px; 
  border:1px solid #DDDEE1; 
  text-align:center; 
  border-radius: 23px;
  font-size: 17px;
  line-height: 25px;
  box-sizing: border-box;
}

#lista_zyczenia #zyczenie p { padding:0px 20px; }
#lista_zyczenia #zyczenie a 
{ 
  margin:0px auto;
  display:block; 
  width:100%; 
  max-width:300px; 
  height:40px; 
  background-color:#ef4265;
  color:#fff;
  font-size:18px;
  text-decoration:none;
  box-sizing: border-box;
  padding-top:7px;
  border-radius:15px;
  margin-bottom: 15px;
}
#lista_zyczenia #zyczenie a ico
{
    background-image: url(https://creategreetingcards.eu/img/zakl_1b_bialy.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    padding-right: 11px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

@media only screen and (min-width: 0px) and (max-width: 1100px)
{
 #lista_zyczenia 
 {   
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2; 
 }
}

@media only screen and (min-width: 0px) and (max-width: 700px)
{
 #lista_zyczenia 
 {   
  -webkit-column-count: 1; /* Chrome, Safari, Opera */
  -moz-column-count: 1; /* Firefox */
  column-count: 1; 
 }
}


/* STWORZ KARTKE  */
#stworz_kartke {  }
#stworz_kartke #cofnij_i_title {  display:table; padding: 30px 10px 10px 30px;}
#stworz_kartke #cofnij_i_title #cofnij { display:table-cell; cursor:pointer; }
#stworz_kartke #cofnij_i_title h1 { display:table-cell; }


#stworz_kartke #table { 
    display: inline-grid;
     width: 100%;
    grid-template-columns: 45% 55%;
/*    grid-template-rows: auto;*/
/*  grid-template-columns: auto;*/
  grid-template-areas: 
  "div_obrazek stworz" 
  "div_obrazek reklama1" 
  "div_obrazek guziki"
  "div_obrazek reklama2"
  "div_obrazek info"
  "div_obrazek .";

 }

   /* GRID */
#stworz_kartke #table #stworz { grid-area: stworz; }
#stworz_kartke #table #div_obrazek { grid-area: div_obrazek; }
#stworz_kartke #table #info { grid-area: info; }
#stworz_kartke #table #guziki { grid-area: guziki; }   
#stworz_kartke #table #reklama1 { grid-area: reklama1; }   
#stworz_kartke #table #reklama2 { grid-area: reklama2; }   

#stworz_kartke #cofnij_i_title #cofnij 
{
    background-image: url(https://creategreetingcards.eu/img/arrow-left-regular.svg);
    background-repeat: no-repeat;
    background-position-x: left; 
    width:25px;
    padding-right:10px;
}


#stworz_kartke #table #div_obrazek 
{ 
  box-sizing: border-box; 
  vertical-align:top; 
  width: 100%;  
  padding: 30px;
  
}
#stworz_kartke #table #div_obrazek img { max-width: 570px;  width: 100%; }
#stworz_kartke #table #div_obrazek video { max-width: 570px;  width: 100%; }

#stworz_kartke #table #div_obrazek b
{
  display:block;
  position: relative;
  max-width: 570px;
}

#stworz_kartke #table #div_obrazek b span {

    display: block;
    display: none;
    max-width: 570px;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: RGBA(0,0,0,0.5);
    top: 0px;
    left:0px;
}    
#stworz_kartke #table #div_obrazek b span img 
{  
  position: absolute;
  max-width:200px;
  top: 50%; 
  right: 50%;
  transform: translate(50%,-50%); 
  box-sizing: border-box;

}



#stworz_kartke #table #stworz1 {  box-sizing: border-box; vertical-align:top;  width: 100%; text-align:left; padding: 30px; }


#stworz_kartke #uzupelinj_kartke { font-size:30px; }
#stworz_kartke #wpisz_tresc {  }
#stworz_kartke #kto_zyczy {  }

#stworz_kartke #kto_zyczy b, #stworz_kartke #wpisz_tresc b
{
    display:block;
    margin: 25px 25px 5px 0px;
    font-size: 17px;
    color: #4F657D;
    font-weight:normal;
}

#stworz_kartke #kto_zyczy input
{
  width:100%;
  height:45px;
  border-radius:15px;
  background-color:#F1F3F5;
  border:1px solid #fff;
  padding:0px 20px 0px 20px;
  box-sizing: border-box;
  font-size:14px;
}

#stworz_kartke #wpisz_tresc textarea
{
  width:100%;
  min-height:250px;
  border-radius:15px;
  background-color:#F1F3F5;
  border:1px solid #fff;
  padding:20px 20px 20px 20px;
  box-sizing: border-box;
  font-size:14px;
}

#stworz_kartke #znajdz_zyczenie
{
  float:right;
  padding:7px 15px;
  background-color:#4F657D;
  color:#fff;
  border-radius:5px;
  margin:0px 5px 5px 0px;
  cursor:pointer;
  text-decoration:none;

}

#stworz_kartke #znajdz_zyczenie ico
{
    background-image: url(https://creategreetingcards.eu/img/ico_zyczenia.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    padding-right: 0px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: text-top;
}

#stworz_kartke #guziki { text-align:center; margin:40px 0px; }
#stworz_kartke #adb { 
    display:none; 
    cursor: pointer;
    margin: 3px auto;
    width: 100%;
    background-color: #ef4265;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    box-sizing: border-box;
    padding-top: 7px;
    border-radius: 15px;
    text-align: center; 
}



#stworz_kartke #guzik_zmien_kartke 
{

    cursor: pointer;
    margin: 3px auto;
    display: inline-block;
    width: 100%;
    max-width: 300px;
    height: 40px;
    background-color: #fff;
    color: #4F657D;
    font-size: 18px;
    text-decoration: none;
    box-sizing: border-box;
    padding-top: 7px;
    border-radius: 15px;
    text-align: center;
    border: 1px solid #4F657D;
}

#stworz_kartke #guzik_zapisz 
{

    cursor: pointer;
    margin: 3px auto;
    display: inline-block;
    width: 100%;
    max-width: 300px;
    height: 40px;
    background-color: #ef4265;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    box-sizing: border-box;
    padding-top: 7px;
    border-radius: 15px;
    text-align: center;
}

#stworz_kartke #guzik_zapisz ico
{
    background-image: url(https://creategreetingcards.eu/img/zapisz_kartke_biala.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    padding-right: 11px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: sub;
}


#stworz_kartke #info { margin:10px; }
#stworz_kartke #info #tagi { margin:10px; font-size:17px; }
#stworz_kartke #info #kategorie_male .kategoria_ikonka { color:#fff;  }


#stworz_kartke #podobne { padding: 30px 10px 10px 30px; }
#stworz_kartke #podobne b { font-size: 30px;
    display: block;
    font-weight: normal;
    margin-bottom: 20px; }
#stworz_kartke #podobne #lista {
/*        text-align: center;*/
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    border: 0px solid;
}    
#stworz_kartke #podobne #lista a { padding-right:10px; }
#stworz_kartke #podobne #lista img { width: 229px;
/*    height: 329.76px;*/
    border-radius: 15px;
    border: 1px solid #DDDEE1; }

@media only screen and (min-width: 0px) and (max-width: 800px)
{
  #stworz_kartke #table 
  {     
    grid-template-columns: auto;
    grid-template-rows: auto auto; 
    grid-template-areas: "stworz" 
"reklama1"
"div_obrazek"
"reklama2"
"guziki"
"info";

  }
  #stworz_kartke #table #kartka { text-align:center;}
  #stworz_kartke #table #stworz1 {  }
  #stworz_kartke #podobne #lista img { width:150px; }

}

@media only screen and (min-width: 0px) and (max-width: 500px)
{
  #stworz_kartke #podobne #lista img { width:100px; }
 
}

/* GLOWNE */

#gl_inspiracje, #gl_podobne { padding: 30px 10px 10px 30px; }



#gl_inspiracje b, #gl_podobne b { font-size: 30px;
    display: block;
    font-weight: normal;
    margin-bottom: 20px; }
#gl_inspiracje #lista, #gl_podobne #lista {
/*        text-align: center;*/
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;
    border: 0px solid;
}    
#gl_inspiracje #lista::-webkit-scrollbar-thumb { background: #fff; }
#gl_inspiracje #lista::-webkit-scrollbar { background: #fff; }
#gl_podobne #lista::-webkit-scrollbar-thumb { background: #fff; }
#gl_podobne #lista::-webkit-scrollbar { background: #fff; }


#gl_inspiracje #lista a, #gl_podobne #lista a { padding-right:10px; vertical-align: text-top; position: relative; display: inline-block; }
#gl_inspiracje #lista img, #gl_podobne #lista img { width: 229px;
/*    height: 329.76px;*/
    border-radius: 15px;
    border: 1px solid #DDDEE1; }
#gl_inspiracje #lista video, #gl_podobne #lista video { width: 229px;
    border-radius: 15px;
    border: 1px solid #DDDEE1; }


@media only screen and (min-width: 0px) and (max-width: 800px)
{
  #gl_inspiracje #lista img, #gl_podobne #lista img { width:150px; }
  #gl_inspiracje #lista video, #gl_podobne #lista video { width:150px; }
}

@media only screen and (min-width: 0px) and (max-width: 500px)
{
  #gl_podobne #lista img { width:100px; }
  #gl_inspiracje #lista img { width:150px; }
  #gl_inspiracje #lista video { width:150px; }
}


/* POKAZ KARTKE  */

#pokaz_kartke {  }
#pokaz_kartke #cofnij_i_title {  display:table; padding: 30px 10px 10px 30px;}
#pokaz_kartke #cofnij_i_title #cofnij { display:table-cell; cursor:pointer; }
#pokaz_kartke #cofnij_i_title h1 { display:table-cell; }

#pokaz_kartke #cofnij_i_title #cofnij 
{
    background-image: url(https://creategreetingcards.eu/img/arrow-left-regular.svg);
    background-repeat: no-repeat;
    background-position-x: left; 
    width:25px;
    padding-right:10px;
}




#pokaz_kartke #table { display:table; width: 100%; }
#pokaz_kartke #table #kartka { display:table-cell; vertical-align:top; width: 50%;  padding: 30px;}
#pokaz_kartke #table #kartka img { max-width: 570px;  width: 100%; }
#pokaz_kartke #table #kartka video { max-width: 570px;  width: 100%; display:block; }
#pokaz_kartke #table #info { display:table-cell; vertical-align:top;  width: 50%; text-align:center; }


    

#pokaz_kartke #table #info
{
  padding:20px;
}
#info #stworz_kartke
{
    cursor:pointer;
    margin: 3px auto;
    display: inline-block;
    width: 100%;
    max-width: 300px;
    height: 40px;
    background-color: #ef4265;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    box-sizing: border-box;
    padding-top: 7px;
    border-radius: 15px;
    text-align:center;
}

#info #stworz_kartke ico
{
    background-image: url(https://creategreetingcards.eu/img/zakl_1b_bialy.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    padding-right: 11px;
    width: 17px;
    height: 22px;
    display: inline-block;
    vertical-align: text-top;
}

#info #wyslij_kartke
{
    cursor:pointer;
    margin: 3px auto;
    display: inline-block;
    width: 100%;
    max-width: 300px;
    height: 40px;
    background-color: #fff;
    color: #4F657D;
    font-size: 18px;
    text-decoration: none;
    box-sizing: border-box;
    padding-top: 7px;
    border-radius: 15px;
    text-align:center;
    border:1px solid #4F657D;
}

#info #wyslij_kartke ico
{
    background-image: url(https://creategreetingcards.eu/img/share_szare.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    padding-right: 11px;
    width: 17px;
    height: 22px;
    display: inline-block;
    vertical-align: text-top;
}

#info #title_tresc
{
  margin: 25px 25px 25px 0px;
  font-size:17px;
  color: #4F657D;
  text-align: left;
}

#info #tresc
{
  margin-bottom:20px;
  border-left: 1px solid #4F657D; 
  padding-left:30px;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
}

#info #linki
{

}

#info #linki #link_adres, #info #linki #link_obrazek
{
    margin: 25px 25px 25px 0px;
    text-align:left;
}
#info #linki #link_adres b, #info #linki #link_obrazek b
{
    display:block;
    margin: 25px 25px 25px 0px;
    font-size: 17px;
    color: #4F657D;
    font-weight:normal;
}

#info #linki #link_adres input, #info #linki #link_obrazek input
{
  width:100%;
  height:45px;
  border-radius:15px;
  background-color:#F1F3F5;
  border:1px solid #fff;
  padding:0px 20px 0px 20px;
  box-sizing: border-box;
  font-size:14px;
}

#info #linki #link_adres i, #info #linki #link_obrazek i
{
 position:relative;
 display: block;
   font-style: normal; 

}

#info #linki #link_adres p, #info #linki #link_obrazek p
{
  cursor:pointer;
  position:absolute;
/*  transform: translate(-50%, -50%);*/
  right:10px;
  top:-4px;
  padding:7px 14px;
  border-radius:9px;
  background-color:#4F657D;
  color:#fff;
  font-style: normal; 

}

#info #linki #link_obrazek p { background-color:#ef4265; }


@media only screen and (min-width: 0px) and (max-width: 800px)
{
  #pokaz_kartke #table { display:block; width: auto; text-align:center; }
  #pokaz_kartke #table #kartka { display:block; width: auto; text-align:center;}
  #pokaz_kartke #table #info { display:block; width: auto; text-align:center; }
  #info #linki #link_adres, #info #linki #link_obrazek { margin: 15px; }
  #info #title_tresc { margin: 25px 15px; }
}

/* PODZIEL SIE */
#podziel_lista { text-align:center; }
.gl_podziel_sie_fb:hover, .gl_podziel_sie_twitter:hover, .gl_podziel_sie_qrcode:hover, .gl_podziel_sie_pobierz:hover, .gl_podziel_sie_google_app:hover
{
  margin:15px;
  padding:5px;
}

.gl_podziel_sie_fb, .gl_podziel_sie_twitter, .gl_podziel_sie_qrcode, .gl_podziel_sie_pobierz, .gl_podziel_sie_google_app
{
  cursor: pointer;
  display:inline-block;
  width:50px;
  height:50px;
  margin:20px;
  border:0px solid red;
   vertical-align: top;

    background-image: url(https://creategreetingcards.eu/img/facebook.svg);
    background-repeat: no-repeat;
    background-position-x: center;
}

.gl_podziel_sie_fb { background-image: url(https://creategreetingcards.eu/img/facebook.svg); }
.gl_podziel_sie_twitter { background-image: url(https://creategreetingcards.eu/img/twitter.svg); }
.gl_podziel_sie_qrcode { background-image: url(https://creategreetingcards.eu/img/qrcode-solid.svg); }
.gl_podziel_sie_pobierz { background-image: url(https://creategreetingcards.eu/img/download-solid-roz.svg); }
.gl_podziel_sie_google_app 
 { 
   width:170px;
   border:0px solid red;
   background-image: url(https://createfreecards.com/img/google-play-download.svg); 
   background-size: 100% auto;
   background-position-y: center;

 }

@media only screen and (min-width: 0px) and (max-width: 700px)
{
 .gl_podziel_sie_fb, .gl_podziel_sie_twitter, .gl_podziel_sie_qrcode, .gl_podziel_sie_pobierz, .gl_podziel_sie_google_app
 {
  margin:10px;

 }
}

/* GOTOWE KARTKI */
#gotowe_kartki 
{
  -webkit-column-count: 4; /* Chrome, Safari, Opera */
  -moz-column-count: 4; /* Firefox */
  column-count: 4; 
  text-align: center;
  box-sizing: border-box;
  padding:10px 10px 50px 10px; 
}
#gotowe_kartki #gotowa_kartka
{
  margin: 0px 0px 30px 0px;
  display:inline-block; 
  width:100%; 
  max-width: 500px; 
/*  border:1px solid #DDDEE1; */
  text-align:center; 
  border-radius: 23px;
  box-sizing: border-box; 
}
#gotowe_kartki #gotowa_kartka a { text-decoration:none; }
#gotowe_kartki #gotowa_kartka img, #gotowe_kartki #gotowa_kartka video
{
  width:100%;
  border-radius:15px;
  border:1px solid #DDDEE1; 
}

#gotowe_kartki #gotowa_kartka .guzik
{ 
  margin:3px auto;
  display:block; 
  width:100%; 
  max-width:300px; 
  height:40px; 
  background-color:#ef4265;
  color:#fff;
  font-size:18px;
  text-decoration:none;
  box-sizing: border-box;
  padding-top:7px;
  border-radius:15px;

}

#gotowe_kartki #gotowa_kartka .guzik ico
{
    background-image: url(https://creategreetingcards.eu/img/zakl_1b_bialy.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    padding-right: 11px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

@media only screen and (min-width: 0px) and (max-width: 1400px)
{
 #gotowe_kartki 
 {   
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3; 
 }
}

@media only screen and (min-width: 0px) and (max-width: 1060px)
{
 #gotowe_kartki 
 {   
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2; 
 }
}

@media only screen and (min-width: 0px) and (max-width: 711px)
{
 #gotowe_kartki 
 {   
  -webkit-column-count: 1; /* Chrome, Safari, Opera */
  -moz-column-count: 1; /* Firefox */
  column-count: 1; 
 }

}

@media only screen and (min-width: 0px) and (max-width: 600px)
{
 #gotowe_kartki 
 {   
  -webkit-column-count: 1; /* Chrome, Safari, Opera */
  -moz-column-count: 1; /* Firefox */
  column-count: 1; 
 }

    #gotowe_kartki #gotowa_kartka .guzik {
        height: 32px;
        font-size: 12px;
    }

    #gotowe_kartki #gotowa_kartka .guzik ico {
        padding-right: 5px;
        width: 20px;
        height: 19px;
    }    
     
}

/* STOPKA  */
#stopka { min-height:200px; display:table; width:100%;     margin-bottom: 50px; }
#stopka #staty { display:table-cell; width:33.3%; padding: 40px 40px 0px 40px; box-sizing: border-box; }
#stopka #staty b { display:block; font-size:35px; margin:0px 0px 30px 0px; }
#stopka #staty i { display:block; margin:10px 0px 10px 0px; font-style: normal; font-size: 16px; }

#stopka #srodek { display:table-cell; width:33.3%; text-align:center;     vertical-align: bottom; }
#stopka #srodek a { color:#000000; text-decoration:none; padding:5px; display:inline-block; }
#stopka #srodek a:hover { font-weight:bold; }


#stopka #prawa { display:table-cell; width:33.3%; text-align:center;     vertical-align: bottom; }
#stopka #prawa napis { font-size: 20px; }
#stopka #prawa #logo_stopka 
{ 

    background-image: url(https://creategreetingcards.eu/img/logo_znak.svg);
    width: 100%;
    height: 141px;
    max-height: 141px;
    border: 0px solid red;
    background-repeat: no-repeat;
    background-position-x: center;
    margin-bottom: 23px;
}

@media only screen and (min-width: 0px) and (max-width: 700px)
{
  #stopka {  display:inline-block; }
  #stopka #staty { width:100%; display:block; text-align:center; }
  #stopka #srodek { width:100%; display:block; margin-top: 30px; }
  #stopka #prawa {  width:100%; display:block; margin-top: 33px; }
}





/* PLAY na filmikach */
    .video-container {
      position: relative;
      width: 300px;
      height: 200px;
    }

    .play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 50px;
      height: 50px;
      background: rgba(255, 255, 255, 0.8);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      transition: transform 0.2s ease;
    }
    .play-button:hover {
      transform: translate(-50%, -50%) scale(1.1);
    }
    .play-icon {
      width: 0;
      height: 0;
      border-left: 15px solid black;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
    }
    .play-button.hidden {
      display: none;
    }

/**/

.ico_sound_off
{
    cursor:pointer;
    background-image: url(https://creategreetingcards.eu/img/sound_off.svg);
    width: 70px;
    height: 70px;
    background-size: 57%;
    background-repeat: no-repeat;
    background-position: center;
    border: 0px solid;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0px;
    left:0px;
    padding: 0;
    border-radius: 35px;
}

.ico_sound_on
{
    cursor:pointer;
    background-image: url(https://creategreetingcards.eu/img/sound_on.svg);
    width: 70px;
    height: 70px;
    background-size: 57%;
    background-repeat: no-repeat;
    background-position: center;
    border: 0px solid;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0px;
    left:0px;
    padding: 0;
    border-radius: 35px;
}