<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root{
    --white: #f9f9f9;
    --black: #36383F;
    --gray: #85888C;
} /* variables*/

/* Reset */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#chat-input-btn{
margin:auto;
max-width:800px;
}
.s_w60{
width:60%;
}
@media (max-width: 830px) {
.s_w60{
width:100%;
}
}
.header_sub,.header_tiny{
  width: 100%;
  height: 10%;
border:1px solid #FFF;
background-color: #3498DB;
}

.link_w2{
float:left;
background-color:grey;
padding:5px;
}
.smiles a{

font-size:20px;
}
#roundh2{
border:2px solid black;
border-radius:10px;
}
.video_profile_style{
  width:100%;
  height:100%;
  z-index:-1;
  position:absolute;
  right:0;
  bottom:0;
  min-width:100%;
}
.pass_random{
  padding:5px;
  background-color: #FFF;
  color:#000;
  border-radius: 10px;
}
.pass_random:hover{
  background-color: #000;
  color:#FFF;
}
hr{
  border: 2px dashed green;
  border-radius: 5px;
}
button img{
  float:left;
  height:15px;
}
.letters{
height:40px;
width:40px;
line-height:40px;
background-color:#FFF;
color:black;
text-align:center;
}

.letters:hover{
background-color:yellow;
color:white;
}

#result_search_site{
position:absolute;
max-height:100px;
}
body{
    background-color: var(--white);
    font-family: "Poppins", sans-serif;
}
.login_reg_forgot{
  padding:5px;
  background-color: #334998;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
}
.login_reg_forgot:hover{
  background-color: #3498DB;
  color: #000;
  }
a{
    text-decoration: none;
}
ul{
    list-style: none;
}
#toolbar{
  z-index: 10;

}
.tsll{
  height:30px;
  width:30px;
  float:left;
  cursor:pointer;
}
.tsll:hover{
  background-color: #333;
  filter: blur(5px);

}
.points_d{
  height:30px;
  background-position: left;
  background-image:url('/i/star.png');
  background-size: cover;
  text-shadow: 1px 1px 2px white;
  color:black;
  padding: 5px;
}
.points_d_b{
  height:30px;
  background-position: left;
  background-image:url('/i/star_balance.png');
  background-size: cover;
  text-shadow: 1px 1px 2px white;
  color:black;
  padding: 5px;
}
#toolbar_div{
  background-color: #fff;
  z-index: 10;
  width: 60%;

  position: absolute;
}
#toolbar_div img{
  width:20px;
  height:20px;
 }
.img_holiday_div{
  height:30px;
  width:30px;
  float:left;
}
.img_holiday{
  height:20px;
  width:20px;
  float:left;
}
.div_nav_l{
  width:300px;float:left;overflow-y:scroll;overflow-x:none;
}

#show_cookies{
position:fixed;
background-color:#fff;
z-index:10;
bottom: 0px;
}
/* Header */
#websocketnews{
  position:fixed;
  z-index:11;
}
#websocketnews a,#bottom_right a{
  color:white;
}
iframe{
  border:0px;
}
.header{
    background-color: var(--black);
    box-shadow: 1px 1px 5px 0px var(--gray);
    position: sticky;
    top: 0;
    width: 100%;
}
/* Logo */


.deny,.accept{
  border-radius: 50%;
  padding: 20%;
}
.accept{
  background-color: green;
  color:white;
}

.deny{
  background-color: red;
  color:white;
}
#create_r_g{
cursor:pointer;
/*background-color:#FFF;
border-radius:10px;
padding:10px;
color:black;
*/
}
#create_r_g:hover{
/*
background-color:#000;
color:white;
*/
}
.logo{
    display: inline-block;
    color: var(--white);
    font-size: 60px;
    margin-left: 10px;
}
/* Nav menu */
.nav{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: var(--black);
    overflow: hidden;

}


.menu a{
    display: block;
    padding: 30px;
    color: var(--white);
}
.menu a:hover,.like:hover,.comment:hover{
    background-color: var(--gray);
}
.like:hover,.comment:hover{
color:white;
}
.front:hover,.front:hover h1,.front:hover div,.front:hover a{
  background-color:rgba(56, 49, 49, 0.952);
color:white;
}
.front:hover .ifront2{
opacity: 0.3;
}
.wiki_wss{
  float:left;
  width:100px;
}
.smiles{
  max-height:60px;
  overflow-y: auto;
  display: block;
}
.smiles a{
  font-size:20px;
  cursor:pointer;
  
}
.nav{
    max-height: 0;
    transition: max-height .5s ease-out;
}
/* Menu Icon */
.hamb{
    cursor: pointer;
    float: right;
    padding: 40px 20px;
}/* Style label tag */

.hamb-line {
    background: var(--white);
    display: block;
    height: 2px;
    position: relative;
    width: 24px;

} 

.wiki{
  float:left;
  min-width:200px;
}
.wiki2{
  float:left;
  min-width:300px;
}
.hamb-line::before,
.hamb-line::after{
    background: var(--white);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}
.hamb-line::before{
    top: 5px;
}
.hamb-line::after{
    top: -5px;
}
.side-menu {
    display: none;
} 
.side-menu:checked ~ nav{
    max-height: 100%;
}
.side-menu:checked ~ .hamb .hamb-line {
    background: transparent;
}
.side-menu:checked ~ .hamb .hamb-line::before {
    transform: rotate(-45deg);
    top:0;
}
.side-menu:checked ~ .hamb .hamb-line::after {
    transform: rotate(45deg);
    top:0;
}
@media (min-width: 768px) {
  .width_media_q{
    width:33%;
  }
    .nav{
        max-height: none;
        top: 0;
        position: relative;
        float: right;
        width: fit-content;
        background-color: transparent;
    }
    .menu li{
        float: left;
    }
    .menu a:hover{
        background-color: transparent;
        color: var(--gray);

    }

    .hamb{
        display: none;
    }
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.radio-toolbar {
  margin: 0px;
margin-top:5px;
margin-bottom:5px;
}
.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.radio-toolbar label {
    display: inline-block;
    background-color: #ddd;
    padding: 10px 20px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 1px solid #444;
    border-radius: 10px;
}
.radio-toolbar label:hover {
  background-color: #dfd;
}
.radio-toolbar input[type="radio"]:focus + label {
    border: 2px dashed #444;
}
.radio-toolbar input[type="radio"]:checked + label {
    background-color: #bfb;
    border-color: #4c4;
}
.round_indexed{
  background-color: #FFF;
  border-radius: 10px;
  border: 1px solid #000;
}
* {
margin:0px;
font-size: 0.88rem;
padding:0px;
}
.small, .small a{
font-size: 0.75rem;

}


.tabbed {
	overflow-x: hidden; /* so we could easily hide the radio inputs */
	border-bottom: 1px solid #ccc;
}

.tabbed [type="radio"] {
	/* hiding the inputs */
	display: none;
}

.tabs {
	display: flex;
	align-items: stretch;
	list-style: none;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
.tab &gt; label {
	display: block;
	margin-bottom: -1px;
	padding: 12px 15px;
	border: 1px solid #ccc;
	background: #eee;
	color: #666;
	font-size: 12px; 
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;	
	transition: all 0.3s;
}
.tab:hover label {
	border-top-color: #333;
	color: #333;
}

.tab-content {
	display: none;
	color: #777;
	height:200px;
overflow:auto ;
}

/* As we cannot replace the numbers with variables or calls to element properties, the number of this selector parts is our tab count limit */
.tabbed [type="radio"]:nth-of-type(1):checked ~ .tabs .tab:nth-of-type(1) label,
.tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs .tab:nth-of-type(2) label,
.tabbed [type="radio"]:nth-of-type(3):checked ~ .tabs .tab:nth-of-type(3) label,
.tabbed [type="radio"]:nth-of-type(4):checked ~ .tabs .tab:nth-of-type(4) label,
.tabbed [type="radio"]:nth-of-type(5):checked ~ .tabs .tab:nth-of-type(5) label {
	border-bottom-color: #fff;
	border-top-color: #B721FF;
	background: #fff;
	color: #222;
}

.tabbed [type="radio"]:nth-of-type(1):checked ~ .tab-content:nth-of-type(1),
.tabbed [type="radio"]:nth-of-type(2):checked ~ .tab-content:nth-of-type(2),
.tabbed [type="radio"]:nth-of-type(3):checked ~ .tab-content:nth-of-type(3),
.tabbed [type="radio"]:nth-of-type(4):checked ~ .tab-content:nth-of-type(4) {
	display: block;
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes blink {
    0% { box-shadow: 0 0 15px black; }
    50% { box-shadow: none; }
    100% { box-shadow: 0 0 15px black; }
}

@-webkit-keyframes blink {
    0% { box-shadow: 0 0 15px black; }
    50% { box-shadow: 0 0 0; }
    100% { box-shadow: 0 0 15px black; }
}
.blink {
    -webkit-animation: blink 1.0s linear infinite;
    -moz-animation: blink 1.0s linear infinite;
    -ms-animation: blink 1.0s linear infinite;
    -o-animation: blink 1.0s linear infinite;
    animation: blink 1.0s linear infinite;
}
.center {
text-align:center;
}
input[type=submit],button,.login_with_cookie_but{ 
  border:1px solid #3498DB;
  cursor:pointer; 
  background-color: #3498DB;  
  color: white;   
  border-radius: 10px;
  padding-left:15px;
padding-right:15px;
padding-bottom:10px;
padding-top:10px;
font-family:Comic;
}
input[type=submit]:hover,button:hover,.login_with_cookie_but:hover,.star:hover{background-color: white; color:black;}

#give100c{
  margin-right:10px !important;
}
.photo{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


#send_video_group,.del_close_buttn,#vis_pupup,#message_pupup,#noti_pupup,.login_with_cookie_but,#reg,#login2,#s_web,#asdasd,#r46,#mpages_,#mpages_sub_,#mpages_sub_sub_,#sub_menu_header,#accept,#decline,#dropbtn,input[type=submit],button,#dropbtn_slzii_font{

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#profile_photo_small_inner{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
height:25px;
width:25px;
}
.shadow{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.profile_photo{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border:2px solid #fff;
height:70px !important;
width:70px !important;
}
.profile_photo a{
height:70px !important;
width:70px !important;

}
.star{
  border:1px solid #3498DB;
  cursor:pointer; 
  background-color: #3498DB;  
  color: white;   
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-right: 10px;
}
#show_all_profiles{
color: black;   

}
.dropbtn,.dropbtn_top{
cursor:pointer; 
background-color: #3498DB;  
color: white;   
border-radius: 4px;
padding:7px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
    
display: inline-block;
}
.borderlightblue1px{

 border:1px solid #3498DB;
}
.lightblue{
 background-color: #3498DB;
}

.dropbtn_hover,.dropbtn_hover_top{
background-color: white !important; 
color:black !important;
cursor:pointer; 
 display: inline-block;
border-radius: 4px;padding:7px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;

}

.dropbtn_hover:after,.dropbtn_hover_top:after{
content:'';
float:right;
right:0px;
top:5px; 
 border: solid black;  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
    transition: transform .15s ease-in-out;
margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:5px;
}

.dropbtn_hover_top:after{

  transform: rotate(-135deg) !important;
  -webkit-transform: rotate(-135deg) !important;
background-color:lightblue;
margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:5px;
}
.dropbtn:after,.dropbtn_top:after{
content:'';
float:right;
right:0px;top:5px;  
border: solid white;  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
    transition: transform .15s ease-in-out;
margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:5px;
}
.dropbtn_top:after{
  transform: rotate(45deg) !important;
  -webkit-transform: rotate(45deg) !important;
}

.dropbtn:not(:hover)::after,.dropbtn_top:not(:hover)::after { 
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
    transition: transform .15s ease-in-out;
margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:5px;
} 


.dropbtn_hover .globe,.dropbtn_hover .logo_bottom{

-webkit-filter: grayscale(1) invert(0%);
filter: grayscale(1) invert(0%);
}


.dropbtn .globe,.dropbtn .logo_bottom{

-webkit-filter: grayscale(1) invert(0%);
filter: grayscale(1) invert(100%);


}


#uploadimage3:hover #uploadimage3 div label{
  color:white;
  }

  #m_show{
    display: none;
  }
#uploadimage3:hover,#uploadimage:hover{
  background-color:lightgray;
color:#000;
}
#uploadimage3:hover label,#uploadimage:hover label{
  background-color:lightgray;
color:#000;
}
#uploadimage3,#uploadimage{
  border-radius:10px;
  padding:10px;
}


a{text-decoration:none;color:black}
input{cursor:pointer;padding:7px;border-radius:10px;border:1px solid #000;}
h1{width:100%;background: linear-gradient(0deg, rgb(131, 131, 131) 0%, rgb(255, 255, 255) 100%);  font-size:20px;box-shadow: 2px solid #fff;  font-family: COMIC;  color:  linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(109, 109, 126) 35%, rgb(255, 255, 255) 100%);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
h2{
width:100%;

  font-family: COMIC; 
  text-align: center;

}




.points_profile{
  border-radius: 10px;

  background-color: darkgoldenrod;
  font-weight: bold;
  color: black;
  border: 1px solid rgb(255, 166, 0) ;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
  text-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

   .container {
        width: 100%;
        margin: 0 auto;
        background: #f0f0f0;
        background: linear-gradient(0deg, rgb(131, 131, 131) 0%, rgb(255, 255, 255) 100%); 
		border-radius:5px;
   
 }
body{font-family:sans-serif;background-color:#f0f0f0;}
.main-menu{text-align:left;display:inline-block;
  border-radius:5px;
z-index:5;
}
.main-menu2{text-align:left;display:inline-block;background-color:#fff;
  border-radius:5px;
z-index:5;

}

.main-menu2{list-style:none;padding:0;margin:0;border-radius:5px;}
.main-menu2 li{display:block;padding:0;position:relative;vertical-align:top}
.main-menu2 &gt; li{background-color:#fff}
.main-menu2 &gt; li &gt; a{display:block;padding:.75em 1.25em;}
.main-menu2 &gt; li &gt; a{display:block;}
	.main-menu2 &gt; li &gt; a:hover{background-color:#f0f0f0;color:#039}
			.main-menu2 &gt; li.menu-item-has-children:hover a, li.selected{background-color:#666;color:#fff}
li.menu-item-has-children:hover .menu_left_inner{
-webkit-filter: grayscale(1) invert(0%);
filter: grayscale(1) invert(0%);

}
.js-item{ float:left;   list-style-type : none;}
.del{cursor:pointer;}
.main-menu a, .main-menu a:hover,.main-menu2 a, .main-menu2 a:hover{text-decoration:none;border-radius:5px;}
.main-menu{list-style:none;margin:0;border-radius:5px;}
.main-menu li{display:block;position:relative;vertical-align:top}
.main-menu &gt; li &gt; a{display:block;}
.main-menu ul.sub-menu{left:0px;position:relative;padding:0}
.main-menu ul.sub-menu li{display:block}
.main-menu ul.sub-menu a{color:#fff;padding:.75em 1.25em;display:block}
.main-menu &gt; li:hover ul.sub-menu{}
.main-menu li{display:inline-block;}
	.main-menu &gt; li &gt; a{display:block;}
	.main-menu &gt; li:hover ul.sub-menu, .main-menu &gt; li:focus ul.sub-menu{visibility: visible;opacity:1}
	.main-menu &gt; li.menu-item-has-children{border-radius:10px;padding-right:1.5em;overflow:hidden}
	.main-menu &gt; li.menu-item-has-children3{border-radius:10px;padding-right:1.5em;overflow:hidden}

	.main-menu &gt; li.menu-item-has-children2{border-radius:10px;padding-right:1.5em;overflow:hidden}

	.main-menu &gt; li.menu-item-has-children2 a{padding:1px;}

			.main-menu &gt; li.menu-item-has-children:hover a, .selected{border-radius:10px;background-color:#666;color:#fff}
			.main-menu &gt; li.menu-item-has-children2:hover a{background-color:#666;color:#fff}
			.main-menu &gt; li.menu-item-has-children3:hover a, .selected{border-radius:10px;background-color:#666;color:#fff}

	.main-menu &gt; li.menu-item-has-children:after{content:'';position:absolute;right:10px;top:5px;
  border: solid black;
  

  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);


}

.main-menu &gt; li.menu-item-has-children:not(:hover)::after { 
    transition: transform .15s ease-in-out;

}




	.main-menu &gt; li.menu-item-has-children:hover::after{
    transition: transform .15s ease-in-out;
top:10px;
  border: solid white;
  

  border-width: 0 2px 2px 0;

  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);

}
.main-menu &gt; li.menu-item-has-children2:hover,
	.main-menu &gt; li.menu-item-has-children2:focus{overflow:visible;background-color:#666}

	.main-menu &gt; li.menu-item-has-children:hover,.main-menu &gt; li.menu-item-has-children3:hover,
	.main-menu &gt; li.menu-item-has-children:focus,.main-menu &gt; li.menu-item-has-children3:focus{overflow:visible;background-color:#666}

.main-menu &gt; li.menu-item-has-children2:hover,
	.main-menu &gt; li.menu-item-has-children2:focus{overflow:visible;background-color:#666}

	.main-menu ul.sub-menu{width:12em;position:absolute;/*top:100%;*/top:0;z-index:3;padding-top:3em;}
		.main-menu ul.sub-menu li{opacity:0}
	.main-menu &gt; li.menu-item-has-children:hover ul.sub-menu,
	.main-menu &gt; li.menu-item-has-children:focus ul.sub-menu{top:100%;padding-top:0;}
	.main-menu &gt; li.menu-item-has-children:hover ul.sub-menu li,
	.main-menu &gt; li.menu-item-has-children:focus ul.sub-menu li{opacity:1}
	.main-menu &gt; li.menu-item-has-children3:hover ul.sub-menu,
	.main-menu &gt; li.menu-item-has-children3:focus ul.sub-menu{top:100%;padding-top:0;}
	.main-menu &gt; li.menu-item-has-children3:hover ul.sub-menu li,
	.main-menu &gt; li.menu-item-has-children3:focus ul.sub-menu li{opacity:1}

	.main-menu ul.sub-menu li{display:block}
	.main-menu ul.sub-menu a{display:block}
			.main-menu ul.sub-menu a:hover{background-color:#999;}
a, .sub-menu, .menu-item{
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;}
.right{float:right;}
.left{float:left;}
.marginbottom10{margin-bottom:10px;}
.marginbottom5{margin-bottom:5px;}
.margintop10{margin-top:10px;}
.marginright10{margin-right:10px;}
.padding10{padding:10px;}
.padding20{padding:20px;}
.padding5{padding:5px;}

.paddingleft5{padding-left:5px;}
.paddingright5{padding-right:5px;}
.paddingtop5{padding-top:5px;}
.paddingbottom5{padding-bottom:5px;}
.movie_img{
  height:145px;width:145px;
  float:left;
}
.boxshadow{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.backwhite{
background-color:#FFF;
}
.radius5{
border-radius:5px;  
}
.boxsizing{
box-sizing: border-box;

}
#invite,#register,.register,.info100,#profile_cover{
width:100%;
text-align:center;

}
#register{
animation: 1s ease-out 0s 1 slideInFromLeft;
}
.info,.info50,.info33{
background-color:#FFF;border-radius:5px;  
}
.info50calc{
  width: calc(50% - 10px);

}
.info50{
  width: 50%;

}


.info33calc{
  width: calc(33% - 10px);

}
.info33{
  width: 33%;

}
.del_photo img{
  width:25px;
  height:25px;
  }
.marginright2pro{
margin-right:2%;
}
.reply{width:100%;}
ul{margin:0px;padding:0px;}
li{margin:0px;padding:0px;}
.marginright20{margin-right:20px}
.cl{clear:both;}
.width25{width:25%;}
.width75{width:75%;}
.width50{width:50%;}
.width20{width:20%;}
.width20px{width:20px;}

.photo,.photo a{width:70px;height:70px; float:left}
.photo_login_with_cookie,.photo_login_with_cookie a{height:70px;}
.photo_login_with_cookie a{float:left;}
.photo_login_with_cookie_and_w{
  height:70px;
  width:70px;
}
.photo a{overflow:hidden}
.photo a.del_photo{float:left;width:30px !important;height:30px !important;}
.other{
  float: left;
  padding:10px;
  background-color: #FFF;
  border-radius: 10px;
}
.other:hover{
  
  background-color: #000;
  color: #777;
}
.minwidth{min-width:150px;}

.online{border-radius:10px;height:20px;width:20px;background-color:lightgreen;}
.offline{border-radius:10px;height:20px;width:20px;background-color:red;}


#search::before {
	content:"ðŸ”Ž";
	}
.last{}
.last ul li{overflow:hidden;white-space:nowrap;}
.add_send{  background-color:lightblue;cursor:pointer;}
.add_send:hover{background-color:blue;color:white}
.mes{ float:left;width:28px;height:28px;}
.mes a{float:left;width:28px;height:28px}
.mes_menu{float:left;width:20px;height:20px;}
.mes_menu a{float:left;width:20px;height:20px}

.red{
border-radius:5px;
background-color:red;
border:1px solid darkred;
box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
padding:5px;
color:white;
cursor:pointer;
text-align:center;
clear:both;
margin:10px;
}


.red_right{float:right;border-radius:5px;background-color:red;border:1px solid black;padding:1px;color:white;cursor:pointer;text-align:center}



.green{
border-radius:5px;
background-color:green;
border:1px solid darkgreen;
box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
padding:5px;
color:white;
cursor:pointer;
text-align:center;
margin:10px;
}


#invalid,.warning{border-radius:5px;background-color:yellow;border:1px solid black;padding:5px;color:black;cursor:pointer;}
.red a, .red_right a{color:white !important;text-decoration:none;}
 .add_send{line-height:35px;background-color:#fff;border-radius:5px;padding:10px;margin:5px;}
.pointer{
cursor:pointer;
}
.add_last {
	width:100%;

	line-height:65px;background-color:#fff;border-radius:15px;padding:25px;margin:5px;}
.face_login{
	
	background-color:#334998;border-radius:15px;padding:5px;color:white;}
.bold{font-weight:900}

.foto_small, .foto_small a{height:25px;width:25px;float:left}


.main-menu ul.sub-menu2{position:relative;padding:0;right:0px;}
.main-menu ul.sub-menu2 li{display:block}
.main-menu ul.sub-menu2 a{background-color:#666;color:#fff;padding:.75em 1.25em;display:block}
.main-menu &gt; li:hover ul.sub-menu2{}

	.main-menu &gt; li:hover ul.sub-menu2, .main-menu &gt; li:focus ul.sub-menu2{opacity:1}

	.main-menu ul.sub-menu2{width:12em;position:absolute;/*top:100%;*/top:0;z-index:3;padding-top:3em;}
		.main-menu ul.sub-menu2 li{opacity:0}
	.main-menu &gt; li.menu-item-has-children:hover ul.sub-menu2,
	.main-menu &gt; li.menu-item-has-children:focus ul.sub-menu2{top:100%;padding-top:0;}
	.main-menu &gt; li.menu-item-has-children:hover ul.sub-menu2 li,
	.main-menu &gt; li.menu-item-has-children:focus ul.sub-menu2 li{opacity:1}

	.main-menu &gt; li.menu-item-has-children3:hover ul.sub-menu2,
	.main-menu &gt; li.menu-item-has-children3:focus ul.sub-menu2{top:100%;padding-top:0;}
	.main-menu &gt; li.menu-item-has-children3:hover ul.sub-menu2 li,
	.main-menu &gt; li.menu-item-has-children3:focus ul.sub-menu2 li{opacity:1}

	.main-menu ul.sub-menu2 li{display:block}
	.main-menu ul.sub-menu2 a{display:block}
			.main-menu ul.sub-menu2 a:hover{background-color:#999;}
a, .sub-menu2, .menu-item{-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;




}

.scroll_nav_letter li{
float:left;
}
.top22{
  top: 22px;

}
.img20 img{
  width: 20px;
height: 20px;
}

.top30{
  top: 30px;

}
.top_menu_left img,.top_menu_left_settings img{
width: 20px;
height: 20px;
}
.top_menu_left{
  position: absolute;
overflow-anchor: none;
left:0px;
text-align:left;
max-height:200px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
overflow:auto;
  background-color: #f1f1f1;
  min-width: 160px;
  z-index: 4;


}
#show_hide_menu{
  cursor:pointer;
  background-color:grey;
  color:white;
  padding:5px;
  
}
.ifront{
  height:80px;width:80px;   background-size: contain;
}
.ifront2{
  height:40px;width:40px;   background-size: contain;
}
.top_menu_left_settings,.sub_menu_left_settings{
overflow-anchor: none;
right:0px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
overflow:auto;
  z-index: 1;

}
.top_menu_left_settings{
  background-color: #f1f1f1;
}


.top_menu_up{
  position: absolute;
overflow-anchor: none;
right:0px;
max-height: 300px;
max-width: 400px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
overflow-y:scroll;
  background-color: #f1f1f1;
  min-width: 160px;
  z-index: 1;

}

.top39{
  top: 29px;

}

.top_menu{
  position: absolute;
overflow-anchor: none;
right:0px;
max-height:200px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
overflow:auto;
  background-color: #f1f1f1;
  min-width: 160px;
  z-index: 1;

}

.top_menu_left a,.top_menu_left_settings a{
padding:5px;

}
#slzii_menu_font{
  right:0px;
}
#languages_menu,#slzii_menu,#slzii_menu_font {
 
  position: absolute;
  bottom: 27px;
overflow-anchor: none;
transition:all 0.3s ease-in-out;
max-height:200px;

overflow:auto;
  background-color: #f1f1f1;
  min-width: 160px;
  z-index: 1;
}

/* Links inside the dropup */
#languages_menu a,#slzii_menu a, .top_menu a, .top_menu_left a, .top_menu_up a, .top_menu_left_settings a {
  color: black;
  padding:5px;
  text-decoration: none;
  display: block;
border-radius:5px;
}

 .top_menu_left a, .top_menu_up a {
border-radius:5px;

  padding: 10px;
}


/* Change color of dropup links on hover */
#languages_menu a:hover,#slzii_menu a:hover,.top_menu a:hover,.top_menu_left a:hover,.top_menu_up a:hover ,.top_menu_left_settings a:hover
{background-color: #ddd;
}

.dropup:focus .dropup-content {

   display: none;
}
/* Show the dropup menu on hover */
.dropup:hover .dropup-content {
 display: block;
}
.relative{
position: relative;  
}
.inlineblock{
display: inline-block;
}
.video_name{
  position: absolute;
  top:0px;
  left:0px;
  
}
.dropup {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  position: relative;
  display: inline-block;
}
.submenu_header{
background-color:#3498DB;
color:#FFF;
padding:5px;
}
.center_wrapper{display: flex;justify-content: center;}
#bar{width:500px;}
.width77{width:77%;}

.width66{width:66%;}
.width33{width:33%;}
.width55{width:55%;}
.w90{width:90%;}
.textalignleft{text-align:left;}
.hyperspan
{
 
    opacity: .3;

    width:100%;
    height:100%;


}
.center_top {

text-align: center;
}
.marginleft0{
margin-left:0px;

} 
.marginright0{
margin-right:0px;

} 
.margintop0{
margin-top:0px;
}

#send_video,#send_video_group{
display:none;
  position: fixed;
width:100%;
z-index:2;
background-color:#fff;
    height: 50%;

    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.del_photo{
float:left;
}
.selectImage{
float:right;
}
.selectImage &gt; input {
visibility:hidden;
}
.is_typing,#div_is_typing{
background:white;
border:1px solid #000;
}
#div_mess_profile{
height:100px;
  overflow-y: auto; /* the auto value is similar to scroll, but it adds scrollbars only when necessary */
  word-break: keep-all; /* this is optional, so the words keep in one line */
  white-space: nowrap; /* this is optional, so the div can expands to the side */
background:#FFF;
    height: 50%;

    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
z-index:4;
}
#all_send_news2 {
  position: fixed;
  left: 20px; bottom: 50px;
  width: 200px;
  background-color:lightblue;
  padding: 5px;
}
#all_send_news {
  display:none;
  overflow:auto;
  max-height:300px;
}

.bottomright {
  position: fixed;
  right: 20px; bottom: 50px;
  width: 200px;
  max-height:400px;
  overflow:auto;
display:none;
  background-color:lightblue;
  padding: 5px;
}

#profile_cover{
width:100%;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border:2px solid #fff;

}

.profile_menu_horizontal{
  list-style-type: none;
  padding: 0;
  background-color: #FFF;

}
.overflowhidden
{
  overflow: hidden;
}

.profile_menu_horizontal li {
  float: left;
}

.profile_menu_horizontal li a {
  display: block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.profile_menu_horizontal li a:hover,  .menu_selected{
  background-color: lightgray;

}
.msbb{
  border-bottom:3px solid lightgray;
}
.msbb_empty{
  border-bottom:3px solid transparent;

}
.message_hover div:hover{
	background-color:lightgray;

}
.row{
	background-color:#FFF;
border-radius: 4px;
padding:4px;
}
.row_header{
	background-color:lightgray;
padding:4px;
border-radius: 4px;


}
.row_no_change_photo{
	background-color:lightgray;
padding:4px;
border-radius: 4px;

}

.center{
text-align:center;
}
.message_hover img ,.inline_messages img{
height:50px;

}
.inline_messages{
  z-index:10;
}
	.main-menu &gt; li.menu-item-has-children{}

#div_before_login_form{
padding:0px;
}
#menu_right,.left_menu,.menu_user{
  cursor:pointer;
border-radius:10px;
padding:0px;
}

#menu_right_big,.left_menu_big,.menu_user_big{
  cursor:pointer;
border-radius:10px;
}


#from_home_vis,#from_home_noti,#from_home,#from_home_friends,#profile_photo_small,#profile_photo_small_online,#name_menu,.menu_left_inner,#menu_bottom_inner{
cursor:pointer;
padding:5px;
border-radius:10px;
}

#from_home_vis:hover,#menu_right:hover,#from_home_noti:hover,#from_home:hover,#from_home_friends:hover,.mes_menu_selected,.choose_profile:hover {
background-color:#CCCCCC !important;


}
.subdisplay{
  display:none;
}
#left_menu{
  display: none;
}
.showme {
  display: none;
}

.showhim:hover .showme {
  display: block;
}


#mesBar {  

  z-index:500;

    position: fixed ;
    bottom: 0;
	right:0;
}
#mesBar li{  
float:left;
z-index:500;
}
@keyframes swing {
 0% {
  -webkit-transform:rotate(-3deg)
 }
 50% {
  -webkit-transform:rotate(3deg)
 }
 100% {
  -webkit-transform:rotate(-3deg)
 }
}
.swing {
 display:inline-block;
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-transform-origin:top center;
 transform-origin:top center;
 -webkit-animation-name:swing;
 animation-name:swing;
 animation-iteration-count:infinite;
 -webkit-animation-iteration-count:infinite;
 animation-timing-function:ease-out;
 -webkit-animation-timing-function:ease-out;
 animation-delay:0
}
.number,.points{
background-color:#FFF;border-radius:5px; }
#lupp{
  top:40%;
  left:40%;
  position: absolute;

  font-size:large;
  display:none;
  background-color:white;
  border-radius: 10px;
  padding:10px;
}
.width100{
width:100%;
}
#loading{
  position: absolute;
  left: 30%;
  top: 30%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: cover;
  background-image: url(/i/spin.svg);
  text-shadow: 2px 2px #000;
  color: #fff;
  width:20vh;
  height:20vh;
  display:none;
}
@media (min-width: 789px) { 

.footer_menu{
display:block;
}

.footer_menu_arrow{
display:none;
}
.moderator{
  color:gold;
  font-weight: bold;
  font-size: large;
}
#sub_menu_header_m{
  display:none;
}
.header_p{
  padding:10px;
  background-image: linear-gradient(lightblue, white);
color:#000;
}

#noti_pupup,#vis_pupup,#message_pupup{width:600px;max-height:70%;overflow-y: auto;}

 .width1{
  width:25%;
  }
  .width2{
  width:75%;
  }

 }


@media (max-width: 789px) { 
  .radio-toolbar{
    display: inline-block
    }
  .radio-toolbar label{

    font-size: 9px !important;
      }
  .width_media_q{
    width:100%;
  }
  #sub_menu_header_m1{
    display:none;
  
  }
  .movie_img{
    height:35px;width:35px;
    float:left;
  }
.footer_menu{
display:none;
}
.footer_menu_arrow{
  float:right;
display:block;
width:45%;
}
#dropbtn_slzii,#dropbtn_slzii_font{
  width:100%;
}
#font_menu_slzii,#lang_menu_slzii{
  width:100%;

}
#search{
width:100px;
display:none;
}
#sub_menu_header{
  display:none;

}
.info{width:100%;}
.info50{width:100%;}
.info50calc{width:100%;}
.info33{width:100%;}
.info33calc{width:100%;}

#noti_pupup,#vis_pupup,#message_pupup{width:100%;display:none;}


 .width1{
  width:40%;
  }
  .width2{
  width:60%;
  }


 }
  .width75{
  width:75%;
  }
#install_pwa{display:none;}
#footer{
position:fixed;
bottom:0px;
left:0px;
width:100%;
}

#noti_pupup,#vis_pupup,#message_pupup{
border:1px solid #000;top:35px;z-index:3;
position:absolute;background-color:#fff;
display:none;
right:0px;

}
.message{
width:75%;
max-width: 75%;

word-wrap: break-word;  
overflow-wrap: break-word;
display: inline-block;

}
.text_right{
text-align:right;
}

.text_left{
text-align:left;
}
.padding_arrow{
padding-right:20px;
padding-left:10px;
padding-bottom:5px;
padding-top:5px;
}

.no_highlights{ 
-webkit-tap-highlight-color: transparent; 
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
}
.buttn_video_m_profile{
  padding:5px;
  cursor:pointer;
  border-radius:5px;

}
.emailLinks {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.emailLinks li {
  display: inline-block;
  margin: 0 10px 10px;
}
.emailLinks li a:before{
  position: absolute;
  content: "";
  display: block;
}

.emailLinks li.gmail:before {
  background: url(/i/mail/gmail.svg) 50% 50%/contain no-repeat;
  content:url('/i/mail/gmail.svg') ; /* with class ModalCarrot ??*/
  position:relative; /*or absolute*/
  z-index:100000; /*a number that's more than the modal box*/
  left:-50px;
  top:10px;
}
.emailLinks li.outlook:before {
  background: url(/i/mail/microsoft.svg) 50% 50%/contain no-repeat;
  content:url('/i/mail/microsoft.svg'); /* with class ModalCarrot ??*/
  position:relative; /*or absolute*/
  z-index:100000; /*a number that's more than the modal box*/
  left:-50px;
  top:10px;
}

.emailLinks li.yahoo:before {
  background: url(/i/mail/yahoo.svg) 50% 50%/contain no-repeat;
  content:url('/i/mail/yahoo.svg'); /* with class ModalCarrot ??*/
  position:relative; /*or absolute*/
  z-index:100000; /*a number that's more than the modal box*/
  left:-50px;
  top:10px;
}

.emailLinks li a{
  position: relative;
}
.emailLinks li a {
  background: #fff;
  border-radius: 5px;
  font-weight: 600;
  padding: 15px 25px 15px 55px;
  color: #5e6c77;
  text-decoration: none;
  border: 1px solid rgba(94,108,119,.5);
  display: inline-flex;
  text-align: left;
}
.emailLinks {
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.del_close_buttn:hover,.buttn_video_m_profile:hover,.button_cookie:hover,.btn_gender:hover,.btn_lang:hover{
  background-color:darkgrey;
  color:#fff;
  
}

#hangup{
  height: auto;
  width: auto;
  border-radius: 10px;
  background-color: red;
  color: #FFF;
  font-weight: 700;
  border: 1px solid #000;
}
.del_close_buttn,.button_cookie,.btn_gender{
  padding:10px;
  cursor:pointer;
  background-color:grey;

  border-radius:5px;

}

.better_experience_android{
padding:10px;
border-radius:10px;
background-color:#fff;
color:#000;
border:1px solid grey;
}
.close_android{
border:1px solid #000;
float:right;
padding:10px;
border-radius:10px;
background-color:#fff;
color:#000;
}

.btn_lang{
  padding:5px;
  cursor:pointer;
  background-color:#fff;

  border-radius:5px;

}
.arrow {

  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}

.arrow_right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.arrow_left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.arrow_up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.arrow_down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.nohover{ pointer-events: none; }

.height20{
  height:20px;
  } 
.height10{
height:10px;
} 
.width10{
width:10px;
}
.zindex100{
z-index:100;
}
.zindex4{
z-index:4;

}
#shpass{
  background-image: url(data:image/png;base64,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);
  display:none;

}
#shpassl{
    background-image: url(data:image/png;base64,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);
    background-size: contain;
}

#shpassl{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAYCAYAAACBbx+6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABfpJREFUeNq8V11IVVkUXv5kWmqGYWXmoKBR2QyV+dC9+CANyUwlaBr4EARBTZFD0MyT5H3wYcRKB6khiAIfRhgM/BlsSlPKaxYZ5WRBGYXRryWZWpplZ75vMftwrn91m5oF+5579tl7rW+vv71WwNWrV6W/v186Ojpk5cqVUl9fL+/evZPXr1/LvXv3ZNasWRIWFiY3btyQoKAgWbhwoURERMj9+/c5HxATE/PV0NDQ1729vS6siVmzZk003qMEFB4e3n/58uW+5cuX92JdG97/xrqe4eFhKz4+XgYHB+Xx48cyNjYmWCOYV7kJCQkqNzg4WDZu3CjEmJqaKlFRURIsflBAQICCfvv2bdLz589zAGwDDvrNyMhIuFlz4cKFCfuuXbumz9DQ0KHZs2d3AvifOPhJ8OomT3/oowAHBgYaoO6urq69APvdmzdvQinMsqyPFsaDYbj6+vpcT548KYqOjm6AtcqgSS9l/GfARqMwVerDhw89MGHm+/fvgwxIPp2g586dK8uWLZP58+fr+9OnT+XmzZvy4sULm5/ZxwPDHbIBPCsyMvIvuIEHsjo+pPEpARMoNkfeunWrEL78I7QbYr7Rh3NyctTUHPTHffv2yebNm9XHnUQfra6ulgMHDqjfU5Nr166VO3fu6IEAPggx9P3p06e/Behf4+LiiiF7YEprj5/g6WfOnCkDAwPuK1eutN2+ffsnAxb+JwUFBdLZ2SknTpzQsW3bNrl48aLs2bNnAlgS5/gNvCQrK0tgIQXd3Nysh4Q/6zrKoCzKpGximMzdgnbu3EnfkkePHsmiRYv02djYWAAQlXCBWLMwNzdXNZWfn6+mJy1YsEBBUOMkBKGcOXNGqqqq5Ny5c/oeGxsrISEhGvV5eXmCGBBoU92jvLxctmzZolag65DgKjE9PT35kD2YkpJyKTExUb+TD4JWNGW0tLRIWVmZNDQ0BGZmZlZQ0WDI41k4hAWg1lQEjemzrq7OAnPd4xxJSUkWDmGvh88ypek3ZBh7njIoyymbWIiJ2IiRWPWntbVVKioqwuBbvzuFrVu3znrw4IE1HRnAR44csffB5DrMOzRsnTp1yt5z+PBhnYd1fXhRFmU6MRATsRGjAkZQSVtbW0haWlq1c+Hu3but0dFRH4ZM+DixdffuXRuokxBYEzRstLV06VILvqnrYGILbmQtXrzYevXqlQ8PyqRsJw9iI0ZilcrKSsGpjjsXFBcXT9Agqbu7W7+np6fbczRrSUmJhRtSgWzdunUCaDPoNoZcLpfOkedksohhnLWPE6usWrWq2Pnh0KFD9mZc0T6nP3v2rK7Jzs625/bv32/vRcRbCEQfd3BqmWsNIYh1rqmpyUcGZRrg8F0fPsTq19Vs0gxz9GSXDLMCxxelT3EJt9ttz9XU1NhaNJr8oi7hT9AxQBgoDBj6K4mBxIBymv6LBp2/aY2piN+YmgwxczB1GYAmrRmwnzWt+XtxMCtwnsmfl4AhXg68JP6Xi4MvpaWler8XFhYycxQg4oedghnVKFiUuTEZswWKb1soblNNbx6PRwf/c84Q13KPcTkSeZqM4cg2w8RALMREbAZwwPiOA4GhlT7M48ad/9vLly9TTICyUNmxY4cWPLt27ZLz589rLXHs2DGZN2/etMGNGlq2b98utbW1gjwuuBm1eDp69KhPZpkzZ07X+vXrf0DV5mXns2nTJp+OI3Cy9IQCRFCjelevXu1KTk4unTFjxqgpbg4ePCgZGRmsrrTqIgCsYwxokTKeOMdvXMO13MO95EFeBixlUBZlUjYxTFYbT5mH2WcxCSxZsuRnMPrD6/V6EOWZTMPPnj0T9GbKkIN1LsvOoqKiDxbwzOXt7e36/98uY4wFPFKlB3MdPABlf1LHQebcjDq4AwGxAUDc8Mm9aHG0RXJeJiQCQ/qZlp/RGjLHiLNFYqOLFPfBluujbjoW3QQOs3lXrFjhxTPp+vXr2oRCiE8TOh05m1DwOQnX6EbrpV06ZXy2JnS8xlGMdyPIfkHiL/nUNh+H1sbBnyaW9I8AAwD52nQQnVM2MAAAAABJRU5ErkJggg==);
  background-size: cover;
  min-height: 20px;
  display: block;
  height:20px;width:40px;clear:both;
  cursor: pointer;
}
.width60{width:60%;}

.border1pxsolidblack{
border:1px solid black;
}
.globe2{

  -webkit-filter: grayscale(1) invert(100%); /* Safari/Chrome */
  filter: grayscale(1) invert(100%);
  margin-right:10px;
height:20px;
width:20px;
background-size:cover;
}
.globe{

    -webkit-filter: grayscale(1) invert(100%); /* Safari/Chrome */
    filter: grayscale(1) invert(100%);

height:inherit;
width:inherit;
background-size:cover;

}

.logo_bottom{
background-image:url(/i/ic_launcher_foreground.png);
    -webkit-filter: grayscale(1) invert(100%); /* Safari/Chrome */
    filter: grayscale(1) invert(100%);

height:10px;
width:10px;
background-size:cover;

}

 
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner{
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #000;
z-index:100;
  animation: spinner .6s linear infinite;
}
.margin5{
margin:5px;
}
.margin10{
margin:10px;
}
.margintop10{
margin-top:10px;
}
.margintop5{
margin-top:5px;
}
.marginleft10{
margin-left:10px;
}
.paddingtop5{
padding-top:5px;
}
.paddingbottom5{
padding-bottom:5px;
}
#install_pwa{
padding:5px;
}
@font-face {
    font-family: COMIC;
    src: url(/font/comic.ttf);
}
.logo_stroke{
line-height:10px;
font-size:26px;
    font-family: COMIC; color: #02385c;
}

.logo_stroke_sub, .logo_stroke_sub_small{
  font-family: COMIC; 
  color: #02385c;
}
.logo_stroke_sub{
font-size:20px;

}
.logo_stroke_sub_small{
font-size:17px;

}
.colorwhite{
color:white;
}
#s_result{
position:absolute;
background-color:#fff;
top:30px;
left:0px;
}

.add-to-cart-button {
  background: #e6a247;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 13px -2px rgba(0, 0, 0, .15);
  box-shadow: 0 3px 13px -2px rgba(0, 0, 0, .15);
  color: #fff;
  display: flex;
  font-family: 'Ubuntu', sans-serif;
  justify-content: space-around;
 

  overflow: hidden;
  outline: none;
  padding: 0.7rem;
  position: relative;
  text-transform: uppercase;
  transition: 0.4s ease;
  width: auto;
}
.add-to-cart-button:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(252, 186, 3, .45);
  box-shadow: 0 0 0 0.2rem rgba(252, 186, 3, .45);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}
.add-to-cart-button:hover {
  cursor: pointer;
}
.add-to-cart-button:hover, .add-to-cart-button:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(252, 186, 3, .45);
  box-shadow: 0 0 0 0.2rem rgba(252, 186, 3, .45);
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
.add-to-cart-button.added {
  background: #2fbf30;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(11, 252, 3, 0.45);
  box-shadow: 0 0 0 0.2rem rgba(11, 252, 3, 0.45);
}
.add-to-cart-button.added .add-to-cart {
  display: none;
}
.add-to-cart-button.added .added-to-cart {
  display: block;
}
.add-to-cart-button.added .cart-icon {
  animation: drop 0.3s forwards;
  -webkit-animation: drop 0.3s forwards;
  animation-delay: 0.18s;
}
.add-to-cart-button.added .box-1, .add-to-cart-button.added .box-2 {
  top: 18px;
}
.add-to-cart-button.added .tick {
  animation: grow 0.6s forwards;
  -webkit-animation: grow 0.6s forwards;
  animation-delay: 0.7s;
}
.add-to-cart, .added-to-cart {
  margin-left: 36px;
}
.added-to-cart {
  display: none;
  position: relative;
}
.add-to-cart-box {
  height: 5px;
  position: absolute;
  top: 0;
  width: 5px;
}
.box-1, .box-2 {
  transition: 0.4s ease;
  top: -8px;
}
.box-1 {
  left: 23px;
  transform: rotate(45deg);
}
.box-2 {
  left: 32px;
  transform: rotate(63deg);
}
.cart-icon {
  left: 15px;
  position: absolute;
  top: 8px;
}
.tick {
  background: #146230;
  border-radius: 50%;
  position: absolute;
  left: 28px;
  transform: scale(0);
  top: 5px;
  z-index: 2;
}
@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(0);
 }
  50% {
    -webkit-transform: scale(1.2);
 }
  100% {
    -webkit-transform: scale(1);
 }
}
@keyframes grow {
  0% {
    transform: scale(0);
 }
  50% {
    transform: scale(1.2);
 }
  100% {
    transform: scale(1);
 }
}
@-webkit-keyframes drop {
  0% {
    -webkit-transform: translateY(0px);
 }
  100% {
    -webkit-transform: translateY(1px);
 }
}
@keyframes drop {
  0% {
    transform: translateY(0px);
 }
  100% {
    transform: translateY(1px);
 }
}

.add-to-cart-button {
  background: #e6a247;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 13px -2px rgba(0, 0, 0, .15);
  box-shadow: 0 3px 13px -2px rgba(0, 0, 0, .15);
  color: #fff;
  display: flex;
  font-family: 'Ubuntu', sans-serif;
  justify-content: space-around;

  overflow: hidden;
  outline: none;
  padding: 0.7rem;
  position: relative;
  text-transform: uppercase;
  transition: 0.4s ease;
  width: auto;
}
.add-to-cart-button:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(252, 186, 3, .45);
  box-shadow: 0 0 0 0.2rem rgba(252, 186, 3, .45);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}
.add-to-cart-button:hover {
  cursor: pointer;
}
.add-to-cart-button:hover, .add-to-cart-button:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(252, 186, 3, .45);
  box-shadow: 0 0 0 0.2rem rgba(252, 186, 3, .45);
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
.add-to-cart-button.added {
  background: #2fbf30;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(11, 252, 3, 0.45);
  box-shadow: 0 0 0 0.2rem rgba(11, 252, 3, 0.45);
}
.add-to-cart-button.added .add-to-cart {
  display: none;
}
.add-to-cart-button.added .added-to-cart {
  display: block;
}
.add-to-cart-button.added .cart-icon {
  animation: drop 0.3s forwards;
  -webkit-animation: drop 0.3s forwards;
  animation-delay: 0.18s;
}
.add-to-cart-button.added .box-1, .add-to-cart-button.added .box-2 {
  top: 18px;
}
.add-to-cart-button.added .tick {
  animation: grow 0.6s forwards;
  -webkit-animation: grow 0.6s forwards;
  animation-delay: 0.7s;
}
.add-to-cart-box {
  height: 5px;
  position: absolute;
  top: 0;
  width: 5px;
}
.box-1, .box-2 {
  transition: 0.4s ease;
  top: -8px;
}
.box-1 {
  left: 23px;
  transform: rotate(45deg);
}
.box-2 {
  left: 32px;
  transform: rotate(63deg);
}
.cart-icon {
  left: 15px;
  position: absolute;
  top: 8px;
}
.tick {
  background: #146230;
  border-radius: 50%;
  position: absolute;
  left: 28px;
  transform: scale(0);
  top: 5px;
  z-index: 2;
}
@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(0);
 }
  50% {
    -webkit-transform: scale(1.2);
 }
  100% {
    -webkit-transform: scale(1);
 }
}
@keyframes grow {
  0% {
    transform: scale(0);
 }
  50% {
    transform: scale(1.2);
 }
  100% {
    transform: scale(1);
 }
}
@-webkit-keyframes drop {
  0% {
    -webkit-transform: translateY(0px);
 }
  100% {
    -webkit-transform: translateY(1px);
 }
}
@keyframes drop {
  0% {
    transform: translateY(0px);
 }
  100% {
    transform: translateY(1px);
 }
}

.cat {
  padding: 5px;
  background-color: seagreen;
  color: #FFF;
}

.product{
background-size: cover;
width:100px;
height:100px;
}
    .parent
    {
        text-align:center;
        display: block;
        margin-left:auto;
        margin-right:auto;

    }



    .childwithoutborder
    {
        display: inline-block;
        width: auto;
    }


    .child
    {
        display: inline-block;
        border: 1px solid black;
        width: auto;
    }
    .child2
    {
        display: inline-block;
    }



@media (max-width: 789px) { 

    .child
    {
width:100%;
float:left;
clear:both;
}

    .child2
    {
width:100%;
float:left;
clear:both;
}


}

ul.mymenu  {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
max-height:50vh;
overflow-y:scroll;
position:absolute;
z-index:100;
}

.mymenu li {
width:100%;   
}

.mymenu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
width:100%;   

}

.mymenu li a:hover:not(.active) {
  background-color: #111;
}

.mymenu .active {
  background-color: #4CAF50;
}
</pre></body></html>