#chWrap  {background-image: url(/images/_chcat/bgbig2.webp);} 
#chtxt_br {height: 10px} 
h1 {padding: 0 !important;margin-top: 0px !important;margin-bottom: 0px !important;     font-weight: bold !important; font-size: 22px !important;}
h2 {margin-top: 37px !important;margin-bottom: -4px;    font-size: 17px !important; } 
#catSubZag {
width: 99%; 
  max-width:610px;
  height:90px; display: table-cell;vertical-align: middle; }

#theRoseL {display: block;
    position: absolute;
    width: 591px;
     height: 440px;
    transform: scale(0.25);
    z-index: 4000;  
     left: -237px;
    top: -184px;
   
    }


#theRoseR {    display: block;   
    position: absolute;
    width: 20px;
    height: 29px;
    z-index: 4000;
    right: -11px;
    top: 42px;
   }
#catzag { margin-top: 15px;  position: relative;
  width: 93%; 
  max-width:610px;
  height:90px;
  background-color: #03193e;
  color:#FFFFFF;
  background-repeat: no-repeat;
  vertical-align:middle;
  display:table;
 margin-left: auto;
  margin-right: auto;
}


 #smile_ch {  margin-top: 20px;
    background-image: url(/images/chbg2.png);
    background-repeat: no-repeat;
    background-size: 293px 282px;
    width: 100%;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    background-color: #001;
    box-shadow: 1px 1px 2px rgba(0, 0, 1, 0.6);
    background-position-x: 13px;
    background-position-y: 18px;
    height: 303px;
    position: relative;
    display: none;
}


#t_ches {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    top: 19px;
    /* height: 29px; */
    vertical-align: middle;
    background-repeat: no-repeat;
    z-index: 50;
    font-size: 1em !important;
    padding-top: 0px;
    display: table;
}


#textChWrapp {
    position: relative;
    width: 100%;
    height: 195px;
    display: table-cell;
    vertical-align: middle;
}

#ptxt 
{
 font-family: 'RalewayRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size:15px !important;
  text-align: center !important;padding-left: 20px !important;padding-right: 20px !important;margin-top:6px !important;}

.fade-in {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 2s;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


button {   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
height:unset !important;
transform-origin: unset !important;
    transform: none !important;
  background: transparent;
  box-shadow: 0px 0px 0px transparent;
  border: 0px solid transparent;
  text-shadow: 0px 0px 0px transparent;
}

button:hover {
 
 cursor:pointer;
}

button:active {
  outline: none;
  border: none;
}

button:focus {
  outline: 0;
}

.buttCat {
 font-family: 'RalewayRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.9em;
position:absolute;
    background-color: hsl(0deg 100% 50% / 90%);

    border: 1px solid #CE2029;
    background-color: #fe0000;
    opacity: 0.9;
	width:162px !important;
	cursor: pointer;
	padding-top:7px;
	padding-bottom:8px;

  padding-left: 0px;
    padding-right: 0px;
	border-radius:20px;
	color:white;
	border-radius: 8px;
	box-shadow: 1px 1px 0px 0px #3e0e0a45;
	text-align:center;
font-size: 0.9em;
} 

#againbut {  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 font-family: 'RalewayRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.9em;
position:absolute;
  background-color:#fe0000;
width: 86px !important; 
  cursor: pointer;
  padding-top:7px;
  padding-bottom:8px;
  border-radius:20px;
  color:white;
  border-radius: 8px;
      border: 1px solid #CE2029;
  box-shadow: 1px 1px 0px 0px #3e0e0a45;
  text-align:center;
font-size: 0.9em;   
    z-index: 67;
    bottom: 7px;
    right: 5px;
} 

#catbut4 {
    left: 80px;
    top: 23px;
}

#catbut3 {
    left: 80px;
    top: 77px;
}
#catbut1 {
    left: 80px;
    top: 129px;
}
#catbut2 {
    left: 80px;
    bottom: 23px;
}

    #p1wrapp { 
     display: none;
    }

.wrappClass1 {  position: absolute;
   display: none;
  width: 214px;
    height: 157px;
    left: 60px;
    top: 36px; }

    .wrappClass2 { position: absolute;
    display: none;
    width: 214px;
    height: 159px;
    left: 55px;
    top: 0;
    bottom: 0;
    margin: auto;

  }

    .wrappClass3 {  position: absolute;
   display: none;
  width: 214px;
    height: 143px;
    left: 54px;
 
top: 0;
    bottom: 0;
    margin: auto;
}

  

#p1 {
font-family: 'RalewayRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
   display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 0.8em;
    line-height: 1.3;
    z-index: 61;
}#t_ches {
    position: absolute;
    top: 0px;
    right: 14px;
    width: 293px;
    top: 17px;
    height: 198px;
    vertical-align: middle;
    background-repeat: no-repeat;
    z-index: 50;
    font-size: 1em !important;
    padding-top: 0px;
    display: table;
}





@media (min-width:375px) {
#catbut1 {
    left: 118px;
    top: 155px;
}
#catbut2 {
    left: 118px;
    bottom: 37px;
}
#catbut3 {
    left: 118px;
    top: 95px;
}
#catbut4 {
    left: 118px;
    top: 34px;
}
#chWrap {
      height: 281.538px;
}
.wrappClass1 {
    position: absolute;
    display: none;
    width: 214px;
    height: 157px;
    left: 86px;
    top: 38px;
}

.wrappClass3 {
    position: absolute;
    display: none;
    width: 214px;
    height: 143px;
    left: 78px;
  top: 0;
    bottom: 0;
    margin: auto;
}
#catbut4 {
    left: 118px;
    top: 36px;
}

#catbut3 {
    left: 118px;
    top: 95px;
}
#catbut1 {
    left: 118px;
    top: 153px;
}
#catbut2 {
    left: 118px;
    bottom: 36px;
}

  }

@media (min-width:393px) {




 #catbut4{    left: 118px;
    top: 42px;}

#catbut3{left: 118px;
    top: 101px;}
#catbut1{       left: 118px;
    top: 160px;}
#catbut2{ left: 118px;
    bottom: 42px; }

.wrappClass2 {
    position: absolute;
    display: none;
    width: 214px;
    height: 159px;
    left: 92px;
    top: 0;
    bottom: 0;
    margin: auto;
}


#smile_ch {
   
    background-position-x: 53px;
    background-position-y: 21px;
  

}
#t_ches {
    position: absolute;
    top: 0px;
    right: 45px;
    width: 293px;
    top: 17px;
    height: 198px;
    vertical-align: middle;
    background-repeat: no-repeat;
    z-index: 50;
    font-size: 1em !important;
    padding-top: 0px;
    display: table;
}
}


@media (min-width:412px) {
.buttCat {
 font-family: 'RalewayRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.9em;
position:absolute;
    background-color: hsl(0deg 100% 50% / 90%);

    border: 1px solid #CE2029;
    background-color: #fe0000;
    opacity: 0.9;
  width:166px !important;
  cursor: pointer;
  padding-top:7px;
  padding-bottom:8px;
  border-radius:20px;
  color:white;
  border-radius: 8px;
  box-shadow: 1px 1px 0px 0px #3e0e0a45;
  text-align:center;
font-size: 0.9em;
} 
 #smile_ch {  margin-top: 20px;
    background-image: url(/images/chbg1.webp);
    background-repeat: no-repeat;
    background-size: 367px 317px;
    width: 100%;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    background-color: #001;
   
    box-shadow: 1px 1px 2px rgba(0, 0, 1, 0.6);
    background-position-x: 23px;
    background-position-y: 26px;
    height: 343px;
    position: relative;
    display: none;
}
#t_ches {position: absolute;
    top: 0px;
    right: 32px;
    width: 341px;
    top: 25px;
    height: 207px;
    vertical-align: middle; 
    background-repeat: no-repeat;
    z-index: 50; 
    font-size: 1em !important;
    padding-top:0px;
    display: table;}


#textChWrapp {
position:relative;width:341px;height:215px;display:table-cell;vertical-align:middle;
} 

#ptxt {text-align: center !important;padding-left: 20px !important;padding-right: 20px !important;font-size:15px !important;margin-top:6px !important;}

 .wrappClass1 { 
   position: absolute;
   display: none;
   width: 258px;
   height: 207px;
   left: 85px;
    top: 40px; 
  }

   .wrappClass2 { 
   position: absolute;
   display: none;
   width: 258px;
   height: 207px;
  left: 80px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
 .wrappClass3 { 
   position: absolute;
   display: none;
   width: 258px;
   height: 207px;
   left: 76px;
    top: 0;
    bottom: 0;
    margin: auto;
  }

#p1 {

    display: table-cell;
    vertical-align: middle;
  text-align: center;
   
    font-size: 0.9em;
    line-height: 1.5; 
    z-index: 61;
}


 #catbut4{    left: 129px;
    top: 46px;}

#catbut3{left: 129px;
    top: 109px;}
#catbut1{       left: 129px;
    top: 170px;}
#catbut2{ left: 129px;
    bottom: 46px; }

#againbut {
bottom: 15px;
    right: 15px; }



}
@media (min-width:568px) { 

.buttCat {
  width:162px !important; 
} 


  #smile_ch {
background-image:url(/cz.png);background-repeat:no-repeat;background-size:contain;
width:100%;
height:422px;
margin-left:auto;
margin-right:auto;background-color: #001;
    border-radius: 20px;background-position-y: 50%;box-shadow: 1px 1px 2px rgba(0, 0, 1, 0.6);
    background-position-x: -18px;height:272px;position:relative;display:none; 
  }

#t_ches {position: absolute;
    top: 0px;
    right: 18px;
    width: 329px;
    top: 28px;
    height: 215px;
    vertical-align: middle;
    background-repeat: no-repeat;
    z-index: 50;
    font-size: 1em !important;
    padding-top: 0px;
    display: table;}


#textChWrapp {
position:relative;width:341px;height:215px;display:table-cell;vertical-align:middle;
} 

#ptxt {text-align: center !important;padding-left: 20px !important;padding-right: 20px !important;margin-top:6px !important;}

#p1 {

    display: table-cell;
    vertical-align: middle;
  text-align: center;
   
    font-size: 1em;
    line-height: 1.6; 
    z-index: 61;
}
  .wrappClass1 { 
   position: absolute;
   display: none;
  width: 348px;
    height: 258px;
    left: 115px;
    top: 63px;
  }

   .wrappClass2 { 
   position: absolute;
   display: none;
      width: 323px;
    height: 293px;
    left: 129px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
 .wrappClass3 { 
   position: absolute;
   display: none;
      width: 348px;
    height: 307px;
    left: 113px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
 




#catbut4{    left: 206px;z-index: 55;
    top: 104px;} 

#catbut3{left: 206px;z-index: 55;
    top: 166px;}
#catbut1{      left: 206px;z-index: 55;
    top: 228px;}
#catbut2{ left: 206px;z-index: 55;
    bottom: 104px;}



#againbut {
bottom: 22px;
    right: 22px; }


}   

@media (min-width:600px) {

 #p1 {

    font-size: 1em;
  
}
  #smile_ch {
background-image:url(/cz.png);background-repeat:no-repeat;background-size:contain;width:650px;height:422px;margin-left:auto;margin-right:auto;background-color: #001;
    border-radius: 20px;background-position-y: 50%;box-shadow: 1px 1px 2px rgba(0, 0, 1, 0.6);
    background-position-x: -18px;height:272px;position:relative;display:none; }

#t_ches {position: absolute;
    top: 0px;
    right: 32px;
    width: 341px;
    top: 28px;
    height: 215px;
    vertical-align: middle; 
    background-repeat: no-repeat;
    z-index: 50; 
    font-size: 1em !important;
    padding-top:0px;
    display: table;}


#textChWrapp {
position:relative;width:341px;height:215px;display:table-cell;vertical-align:middle;
} 

#ptxt {text-align: center !important;padding-left: 20px !important;padding-right: 20px !important;margin-top:6px !important;}
  .wrappClass1 { 
   position: absolute;
   display: none;
  width: 348px;
    height: 207px;
    left: 159px;
    top: 123px;
  }

   .wrappClass2 { 
   position: absolute;
   display: none;
 width: 328px;
    height: 357px;
    left: 168px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
 .wrappClass3 { 
   position: absolute;
   display: none;
 width: 348px;
    height: 388px;
    left: 153px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
#catbut4{    left: 252px;z-index: 55;
    top: 130px;}

#catbut3{left: 252px;z-index: 55;
    top: 197px;}
#catbut1{      left: 252px;z-index: 55;
    top: 262px;}
#catbut2{ left: 252px;z-index: 55;
    bottom: 130px;}

#againbut {
bottom: 22px;
    right: 22px; }


}   

@media (min-width:800px) { 

.buttCat {
  width:162px !important; 
} 

}
@media (min-width:1040px) { 



h1{font-size: 28px !important;}
#theRoseL {
    width: 592px;
     height: 440px;
     transform: scale(0.25);
    z-index: 4000;
  
        left: -238px;
    top: -184px;
   }
#theRoseR { 
    width: 96px;
    height: 124px;
    transform: scale(0.25);
    z-index: 4000;
    left: 533px;
    top: 1px;
  }
  #p1 {
    line-height: 1.8;
    font-size: 15px;
  
}

  #smile_ch {
background-image:url(/cz.png);background-repeat:no-repeat;background-size:contain;width:580px;height:422px;margin-left:auto;margin-right:auto;background-color: #001;
    border-radius: 20px;background-position-y: 50%;box-shadow: 1px 1px 2px rgba(0, 0, 1, 0.6);
    background-position-x: -18px;height:272px;position:relative;display:none; }

#t_ches {position: absolute;
    top: 0px;
    right: 17px;
    width: 341px;
    top: 28px;
    height: 215px;
    vertical-align: middle; 
    background-repeat: no-repeat;
    z-index: 50; 
   font-size:1em !important;
    padding-top:0px;
    display: table;}


#textChWrapp {
position:relative;width:341px;height:215px;display:table-cell;vertical-align:middle;
} 

#ptxt {text-align: center !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-size:14px !important;
  margin-top:6px !important;    
  line-height: 1.7em !important;}

 h1 {padding: 0 !important;margin-top: 0px !important;margin-bottom: 0px !important;}
h2 {margin-top: 35px !important;margin-bottom: -4px;} 
#catSubZag {width:610px;
  height:90px; display: table-cell;vertical-align: middle; }
#catzag {width:580px;
  height:90px;
  background-color:#03193e; 
  color:#FFFFFF;
  background-repeat: no-repeat;
  vertical-align:middle;
  display:table;
 margin-left: auto;
  margin-right: auto;}

	.wrappClass1 { 
   position: absolute;
   display: none;
  width: 348px;
    height: 207px;
    left: 159px;
    top: 123px;
  }

   .wrappClass2 { 
   position: absolute;
   display: none;
   width: 348px;
    height: 207px;
    left: 162px;
   top: 0;
    bottom: 0;
    margin: auto;
  }
 .wrappClass3 { 
   position: absolute;
   display: none; 
  width: 348px;
    height: 207px;
    left: 156px;
    top: 0;
    bottom: 0;
    margin: auto;
  }

.buttCat {

  width:170px !important;
 
} 


#catbut4{    left: 250px;z-index: 55;
    top: 130px;
  } 
 
#catbut3{left: 250px;z-index: 55;
    top: 197px;}
#catbut1{      left: 250px;z-index: 55;
    top: 262px;}

#catbut2{ left: 250px;z-index: 55;
    bottom: 130px;}

#againbut {
bottom: 23px;
    right: 23px; }
}