* {
          	margin: 0;
          	padding: 0;
          }
          
         @font-face{
            font-family: "Poppins";
          	src: url(../fonts/Poppins.ttf) format("truetype");
            } 
         @font-face{
            font-family: "fuddo";
          	src: url(../fonts/fuddo.ttf) format("truetype");
            } 
         @font-face{
            font-family: "gunno";
          	src: url(../fonts/gunno.ttf) format("truetype");
            }            
         @font-face{
            font-family: "Uni1";
          	src: url(../fonts/Uni1.otf) format("truetype");
            }
         @font-face{
            font-family: "Uni2";
          	src: url(../fonts/Uni2.otf) format("truetype");
            }
        @font-face{
            font-family: "rurro";
          	src: url(../fonts/rurro.ttf) format("truetype");
            }
         @font-face{
            font-family: "engo";
          	src: url(../fonts/engo.otf) format("truetype");
            } 
         @font-face{
            font-family: "engo";
          	src: url(../fonts/engo.ttf) format("truetype");
            }             
         @font-face{
            font-family: "rommi";
          	src: url(../fonts/rommi.otf) format("truetype");
            } 
         @font-face{
            font-family: "rommi22";
          	src: url(../fonts/rommi22.otf) format("truetype");
            }            
         @font-face{
            font-family: "novva";
          	src: url(../fonts/novva.ttf) format("truetype");
            } 
        @font-face{
            font-family: "novva";
          	src: url(../fonts/novva.otf) format("truetype");
            } 
        @font-face{
            font-family: "Hippo";
          	src: url(../fonts/Hippo.otf) format("truetype");
          	}   
        @font-face{
            font-family: "hippo";
          	src: url(../fonts/hippo.ttf) format("truetype");
          	}   
        @font-face {
          	font-family: "Alberta";
          	src: url(../fonts/Alberta.otf) format("opentype");
            }
        @font-face {
          	font-family: "Open Sans";
          	font-weight: 400;
          	src: url(../fonts/OpenSans-Regular.ttf) format("truetype");
            }
        @font-face {
          	font-family: "Open Sans";
          	font-weight: 800;
          	src: url(../fonts/OpenSans-ExtraBold.ttf) format("truetype");
            }
        @font-face{
            font-family: "keepcalm";
          	src: url(../fonts/keepcalm.ttf) format("truetype");
            }  
        @font-face{
            font-family: "coco";
          	src: url(../fonts/coco.ttf) format("truetype");
            }       
        @font-face{
            font-family: "rough";
          	src: url(../fonts/rough.otf) format("truetype");
            }  
        @font-face{
            font-family: "rough";
          	src: url(../fonts/rough.ttf) format("truetype");
            }   
        @font-face{
            font-family: "Facile";
          	src: url(../fonts/Facile.otf) format("truetype");
            }
          


        html, body {
          	width: 100%;
          	height: 100%;
          	overflow: hidden;
          }
          
        body {
          	position: relative;
          	display: flex;
          	justify-content: center;
          	align-items: center;
          	background-size: cover;
          	background-repeat: no-repeat;
          	background-color: white;
          	}
          	
    @media (orientation: landscape) {
           body {
            flex-direction: row;
            }}

            
        .forbidden{
            display: flex;
            width: 82%;
            margin-left: 8%;
            height: 150px;
            align-items: center;
            justify-content: center;
            text-transform: uppercase;
            font-size: 26px;
            color: #8C4044;
            font-family: 'fuddo';
            font-weight: 900;
            margin-top: 4rem;
            margin-bottom: 3rem;
            letter-spacing: 2px;            
            }
            
        .icons_07 {
            cursor:pointer;
            top: 0;
            left: 0;
            width: 6.7rem;
	        filter: drop-shadow(-12px 9px 5px #00000073);
            } 
            
            
            
    @media (max-width: 1366px){
        .icons_07 {
            cursor: pointer;
            top: 0;
            left: 0;
            width: 6.6rem;
            filter: drop-shadow(-6px 9px 5px #00000073);
            }}
            
    @media (max-width: 1280px){
        .icons_07 {
            cursor: pointer;
            top: 0;
            left: 0;
            width: 11vh;
            filter: drop-shadow(-6px 9px 5px #00000073);
            }}            
            
    @media (max-width: 1280px){
        .icons_07 {
            cursor: pointer;
            top: 0;
            left: 0;
            width: 5.6rem;
            filter: drop-shadow(-6px 9px 5px #00000073);
            }}            
            
    @media (max-width: 1180px){
        .icons_07 {
            cursor: pointer;
            top: 0;
            left: 0;
            width: 5.8rem;
            filter: drop-shadow(-6px 9px 5px #00000073);
            }}            

    @media (max-width: 1024px){
        .icons_07 {
            cursor: pointer;
            top: 0;
            left: 0;
            width: 5.2rem;
            filter: drop-shadow(-6px 9px 5px #00000073);
            }}  

    @media (min-width: 740px) and (max-width: 998px)  {
        .icons_07 {
            width: 3.4rem;
            }}

        .icons_07:hover {
            z-index: 2;
            border-color: #495349;
            transform: translatey(-3px);
            transition-duration: 0.4s;
            }

        .disss_22 {
            font-family:'gunno';
          	font-weight: 600;
          	font-size: 15px;
          	color:  #aa8450;
          	letter-spacing: 0.5px;
          	text-align: center;
          	text-transform: uppercase;
            }
            
        .disss_33 {
            font-family:'gunno';
          	font-weight: 600;
          	font-size: 15px;
          	color:#646464;
          	letter-spacing: 0.5px;
          	text-align: center;
          	text-transform: uppercase;
          	line-height: 3px;
            }            
        .sing_me{
            font-family:'fuddo';
          	font-weight: 600;
          	font-size: 21px;
          	color:#a7a7a7;
          	letter-spacing: 3.5px;
          	text-align: center;
          	text-transform: uppercase;
          	margin-top: 2rem;
            }    
            
        .loggo{
             top: 50%;
             transform: translate(0.1vh, -48vh);
             width: 100%;
             display: flex;
             justify-content: center;
             position: absolute;
             /*bottom: 110px;*/
             /*position: absolute;*/
             /*top: -3rem;*/
             /*transform: scale(0.26);*/
             /*width: 66rem;*/
             z-index: 999;
             filter: drop-shadow(2px 16px 4px rgb(14,14,14, .6));
             opacity: 0.6;
            }
            

        .loggo_turn{
             top: 50%;
             transform: translate(0.2vh, -40vh) scale(0.26);
             display: flex;
             justify-content: center;
             position: absolute;
             bottom: 110px;
             width: 66rem;
             z-index: 999;
             opacity: 0.6;
             }
             
    @media (min-width: 430px){
        .loggo_turn{
            display: none;
            }}
            
    @media (min-width: 640px){
        .loggo_turn{
            display: none;
            }}            
            
    @media (max-width: 440px){
        .loggo_turn{
            top: 50%;
            transform: translateY(-19vh) scale(0.6);
            width: 100%;
            display: flex;
            justify-content: center;
            position: absolute;
            bottom: 110px;
            z-index: 999;
            opacity: 0.4;             
            }} 
            
            
    @media (max-width: 1336px){
        .loggo{
              top:0.6rem;  
              transform:scale(0.7);
              }}

    @media (max-width: 740px){
        .loggo{
              top:-0.5rem;
              transform:scale(0.5);
              }}
              
    @media (max-width: 430px){
        .loggo{
              top:0;
              transform:scale(0.6);            
              }}           
           
    @media (min-width: 740px) and (max-width: 998px){    
        .loggo{
              top:-0.5rem;
              transform:scale(0.5);
              }} 
              


       .upload_img{
            width: 40rem;
            position: absolute;
            opacity: .2;
            transform: translate(0rem, -4rem);
            z-index: -2;
            }

        p.copyright {
          	font-weight: 400;
          	font-size: 11px;
          	color: #6c6c6c;
          	letter-spacing: 0.5px;
          	bottom: 1em;
          	top: 50%;
          	transform: translate(-0vh, 45vh);
          	text-align: center;
          	position:fixed;
            }
            
        div.alphabet {
          	width: 60%;
          	height: 100%;
          	position: relative;
          	text-align: center;
          	display: flex;
          	flex-wrap: wrap;
          	justify-content: center;
          	align-items: center;
          	align-content: center;
          	background: transparent;
          	/*top: calc(-65px);*/
            }
            
        div.alphabet:before {
            width:10px;
            }
        span.invisible {
            display: none !important;
            }
          
        div.alphabet > span {
          	font-family: "rommi";
          	color: #342f2d;
          	font-size: 99px;
          	text-shadow: 14px 11px 14px rgba(0, 0, 0, .55);
          	display: inline-block;
          	width: 11%;
          	height: 130px;
          	line-height: 126px;
          	flex-shrink: 0;
          	transition-property: background-color, color, top, left;
          	transition-duration: .5s;
          	cursor: pointer;
          	transition: transform 2s;
          	animation-name:scale_spaned;
          	animation-duration: 0.33s;
            }
            
    @media (max-width: 430px), screen and (orientation: portrait) {
        div.alphabet {
            display: none;
            }}
            
    @media (max-width: 640px) {
        div.alphabet {
            display: none;
            }}            

    @media (max-width: 1366px){
        div.alphabet > span {
            font-family: "rommi";
          	color:  #383330;
          	font-size: 111px;
          	text-shadow: 14px 11px 14px rgba(0, 0, 0, .55);
          	display: inline-block;
          	width: 11%;
          	/*height: 14vh;*/
          	line-height: 121px;
            }}

    @media (max-width: 1336px){
        div.alphabet > span {
            font-family: "rommi";
          	color: #383330;
          	font-size: 88px;
          	text-shadow: 14px 11px 14px rgba(0, 0, 0, .55);
          	display: inline-block;
          	width: 11%;
          	height: 16vh;
          	line-height: 121px;
            }}
            
    @media (max-width: 1280px){
        div.alphabet > span {
            font-family: "rommi";
          	color:  #383330;
          	font-size: 98px;
          	text-shadow: 14px 11px 14px rgba(0, 0, 0, .55);
          	display: inline-block;
          	width: 11%;
          	height: 16vh;
          	line-height: 84px;
            }}            
            
    @media (max-width: 1180px){
        div.alphabet > span {
            font-family: "rommi";
          	color:  #383330;
          	font-size: 94px;
          	text-shadow: 14px 11px 14px rgba(0, 0, 0, .55);
          	display: inline-block;
          	width: 11%;
          	height: 16vh;
          	line-height: 121px;
            }} 
    
    @media (max-width: 1024px){
        div.alphabet > span {
            font-family: "rommi";
          	color:   #383330;
          	font-size: 88px;
          	text-shadow: 14px 11px 14px rgba(0, 0, 0, .55);
          	display: inline-block;
          	width: 11%;
          	height: 14vh;
          	line-height: 121px;
            }}    

    @keyframes scale_spaned{
        from{
            color: #292929;
            font-family:'keepcalm';
            }
        50%{
            color: #2d2d2d;
            font-family:'keepcalm';
            }
              
        to{
            color: #000000;
            font-family:'keepcalm';
            }}

        div.alphabet > span > i {
          	font-style: normal;
          	display: block; 
          	position: relative;
          	box-sizing: border-box;
          	height: 130px;
            }
            
        @keyframes delayAnimate0 {
          	0% {
          	padding-left: 0;
          	padding-top: 0;
          	}
          	30% {
          	padding-left: 40px;
          	padding-top: 10px;
          	}
          	100% {
          	padding-left: 0;
          	padding-top: 0;
          	}}
          	
        @keyframes delayAnimate1 {
          	0% {
          		padding-left: 0;
          		padding-top: 0;
          	}
          	30% {
          		padding-left: 20px;
          		padding-top: 10px;
          	}
          	100% {
          		padding-left: 0;
          		padding-top: 0;
          	}}
          	
        @keyframes delayAnimate2 {
          	0% {
          		padding-left: 0;
          	}
          	20% {
          		padding-left: 40px;
          	}
          	100% {
          		padding-left: 0;
          	}}
          	
        @keyframes delayAnimate3 {
          	0% {
          		padding-top: 0;
          	}
          	20% {
          		padding-top: 40px;
          	}
          	100% {
          		padding-top: 0;
          	 }}
          	
        @keyframes delayAnimate4 {
          	0% {
          		padding-left: 0;
          		padding-top: 0;
          	}
          	20% {
          		padding-left: 20px;
          		padding-top: 20px;
          	}
          	100% {
          		padding-left: 0;
          		padding-top: 0;
          	 }}
          	
        @keyframes delayAnimate5 {
          	0% {
          		padding-left: 0;
          		padding-top: 0;
          	}
          	20% {
          		padding-left: 20px;
          		padding-top: 40px;
          	}
          	100% {
          		padding-left: 0;
          		padding-top: 0;
          	 }}
          	
        @keyframes delayAnimate6 {
          	0% {
          		padding-left: 0;
          		padding-top: 0;
          	}
          	20% {
          		padding-left: 40px;
          		padding-top: 20px;
          	}
          	100% {
          		padding-left: 0;
          		padding-top: 0;
          	}}
          	
        @keyframes delayAnimate7 {
          	0% {
          		padding-left: 0;
          		padding-top: 0;
          	}
          	20% {
          		padding-left: 40px;
          		padding-top: 40px;
          	}
          	100% {
          		padding-left: 0;
          		padding-top: 0;
          	}}

        @keyframes delayAnimate8 {
          	0% {
          		padding-left: 0;
          		padding-top: 0;
          	}
          	20% {
          		padding-left: 40px;
          		padding-top: 40px;
          	}
          	100% {
          		padding-left: 0;
          		padding-top: 0;
          	}}
          	
        @keyframes delayAnimate9 {
          	0% {
          		padding-left: 0;
          		padding-top: 0;
          	}
          	20% {
          		padding-left: 40px;
          		padding-top: 40px;
          	}
          	100% {
          		padding-left: 0;
          		padding-top: 0;
          	}}
          	
        @keyframes delayAnimate10 {
          	0% {
          		padding-left: 0;
          		padding-top: 0;
          	}
          	20% {
          		padding-left: 40px;
          		padding-top: 40px;
          	}
          	100% {
          		padding-left: 0;
          		padding-top: 0;
          	}}
          	
        @keyframes delayAnimate11 {
          	0% {
          		padding-left: 0;
          		padding-top: 0;
          	}
          	20% {
          		padding-left: 40px;
          		padding-top: 40px;
          	}
          	100% {
          		padding-left: 0;
          		padding-top: 0;
          	 }}

        div.alphabet > span.checked {
          	  top: 0 !important;
          	  left: 0 !important;
              }
        div.alphabet > span.selected,
        div.alphabet > span.hover {
          	  color:  #fa841e;
          	  z-index: 2;
          	  transform: scale(1.23) translateY(-0.9rem);
              transition-duration: 0.5s;
              line-height: 6.5rem;
              font-size: 116px;
              }

    @media(max-width: 1024px){
        div.alphabet > span.selected,
        div.alphabet > span.hover{
              font-size: 94px;
              line-height: 5.5rem;
              }}              

        div.alphabet > span.selected > i:before,
        div.alphabet > span.hover > i:before {
          	  position: absolute;
          	  content: "";
          	  z-index: -1;
          	  display: block;
          	  width: 176%;
              height: 177%;
              top: -43%;
              left: -37%;
          	  background:#141811;
          	  box-shadow: -27.5px 27.5px 22px 2px rgba(0, 0, 0, .55);
          	  /*border-color: #373837;
          	  border-style: solid;
          	  border-width: 8px;*/
              }
              
        div.alphabet > span.selected > i:after,
        div.alphabet > span.hover > i:after {
          	  position: absolute;
          	  content: "";
          	  z-index: -1;
          	  display: block;
          	  width: 176%;
              height: 175%;
              top: -43%;
              left: -37%;
          	  /*background: url(/img/crest.png) ;*/
          	  /*background-size:cover;*/
          	  /*box-shadow: -27.5px 27.5px 22px 2px rgba(0, 0, 0, .55);*/
          	  /*border-color: #373837;
          	  border-style: solid;
          	  border-width: 8px;*/
          	  opacity:.15;
              }              
          
    @media (max-width: 1336px){
        div.alphabet > span.selected > i:before,
        div.alphabet > span.hover > i:before {
              position: absolute;
              content: "";
              z-index: -1;
              display: block;
              width: 191%;
              height: 157%;
              top: -32%;
              left: -42%;
              box-shadow: -27.5px 27.5px 22px 2px rgba(0, 0, 0, .55);      
              }}
             
    @media (max-width: 1280px){
        div.alphabet > span.selected > i:before,
        div.alphabet > span.hover > i:before {
              position: absolute;
              content: "";
              z-index: -1;
              display: block;
              width: 175%;
              height: 159%;
              top: -37%;
              left: -34%;
              box-shadow: -27.5px 27.5px 22px 2px rgba(0, 0, 0, .55);      
              }}             
             
             
    @media (max-width: 1180px){
        div.alphabet > span.selected > i:before,
        div.alphabet > span.hover > i:before {
              position: absolute;
              content: "";
              z-index: -1;
              display: block;
              width: 179%;
              height: 153%;
              top: -28%;
              left: -35%;
              box-shadow: -27.5px 27.5px 22px 2px rgba(0, 0, 0, .55);      
              }}   
             
    @media (max-width: 1024px){
        div.alphabet > span.selected > i:before,
        div.alphabet > span.hover > i:before {
              width: 167%;
              height: 142%;
              top: -31%;
              left: -31%;
              }}             

    @media (min-width: 740px) and (max-width: 998px){
        div.alphabet > span.selected > i:before,
        div.alphabet > span.hover > i:before{
              width: 181%;
              height: 205%;
              left: -38%;
              top: -45%;
              }}

    @media (max-width: 740px){
        div.alphabet > span.selected > i:before,
        div.alphabet > span.hover > i:before{
              width: 195%;
              height: 191%;
              left: -45%;
              top: -41%;
              }}              

        div.alphabet > span.selected{
              position:absolute;
              transform: scale(1.33);
              transition-duration:0.8;
              }

        ul.items {
			  display: none;
			  left: 30%;
			  grid-template-columns: repeat(8, 1fr);
			  grid-auto-rows: 6.6rem;
			  grid-column-gap: 1rem;
			  grid-row-gap: 0px;
              }
              
    @media (max-width: 1440px){
        ul.items {
              display: none;
              left: 22%;
              }}              
              
    @media (max-width: 1368px){
        ul.items {
              display: none;
              left: 23%;
              }}              

    @media (max-width: 1366px){
        ul.items {
              display: none;
              left: 23%;
              grid-template-columns: repeat(8, 1fr);
              grid-auto-rows: 10vh;
              grid-column-gap: 1vh;
              grid-row-gap: 0px;
              }}
              
    @media (max-width: 1280px){
        ul.items {
              display: none;
              left: 25%;
              grid-template-columns: repeat(8, 1fr);
              grid-auto-rows: 11vh;
              grid-column-gap: 1.4vh;
              grid-row-gap: 0px;
              }}              
              
    @media (max-width: 1180px){
        ul.items {
              display: none;
              left: 22%;
              grid-template-columns: repeat(8, 1fr);
              grid-auto-rows: 11vh;
              grid-column-gap: 1.4vh;
              grid-row-gap: 0px;
              }}    
              
    @media (max-width: 1024px){
        ul.items {
              display: none;
              left: 22%;
              grid-template-columns: repeat(8, 1fr);
              grid-auto-rows: 11vh;
              grid-column-gap: 1.4vh;
              grid-row-gap: 0px;
              }}
              
    @media (min-width: 740px) and (max-width: 998px){
        ul.items {
              display: none;
              left: 22%;
              grid-template-columns: repeat(8, 1fr);
              grid-auto-rows: 12.5vh;
              grid-column-gap: 1.5vh;
              grid-row-gap: 0px;
              }}               

    @media (max-width: 844px){
        ul.items {
              display: none;
              left: 22%;
              grid-template-columns: repeat(8, 1fr);
              grid-auto-rows: 14vh;
              grid-column-gap: 1.4vh;
              grid-row-gap: 0px;
              }} 
              
    @media (max-width: 740px){
        ul.items {
              display: none;
              left: 22%;
              grid-template-columns: repeat(8, 1fr);
              grid-auto-rows: 16vh;
              grid-column-gap: 1.4vh;
              grid-row-gap: 0px;
              }}               

        ul.items li {
              cursor: pointer;
              box-sizing: border-box; 
              z-index: 2;
              }
             
        li.selectedCustom {
              color: #74866a !important;
              }
             
        .info-heading {
          	  font-size: 35px;
          	  text-shadow: 6px 6px 4px rgba(0, 0, 0, .4);
          	  margin: 6px 0;
          	  padding: 0 20px;
          	  color: #fff;
          	  position: absolute;
              }
             
        ul.items li.disabled {
          	  color: #5a5757;
              }
             
		ul.items li.disabled::after {
              width: 30px;
              height: 30px;
              content: '';
              background-image: url(/img/icon/lock.png);
              background-size: 100% 100%;
              /*filter: drop-shadow(-1px 2px 3px black);*/
              position: fixed;
              margin-left: 4.4rem;
              margin-top:-0.5rem;
              z-index: 99999;
		      }
		     
    @media (max-width: 1024px){
        ul.items li.disabled::after{
	          width: 25px;
              height: 25px;
              margin-left: 3.4rem;
              margin-top:-0.5rem;
              }}		     
		  
    @media (min-width: 740px) and (max-width: 998px){
        ul.items li.disabled::after{
	          width: 15px;
              height: 15px;
              margin-left: 2.3rem;
              margin-top:-0.3rem;
              }}

        div.iteminner, div.information {
              display: none;
              position: absolute;
              top: 0;
              z-index: 1;
              }

        div.iteminner video {
              position: fixed;
              top: 50%;
              transform: translate(-23rem, -32.2rem);
              margin: 0 auto;
              display: block;
              box-shadow: -7.5px 7.5px 22px 12px rgb(0 0 0 / 32%), 7.5px 7.5px 22px 12px rgb(0 0 0 / 32%);
              }
              
    @media (max-width: 3024px)  {
        div.iteminner video{
              transform: translate(-22rem, -31.4rem);
              width:1780px;
              }}
    @media (max-width: 2560px)  {
        div.iteminner video{
              transform: translate(-22rem, -31.4rem);
              width:1780px;
              }}
           
    @media (max-width: 2480px)  {
        div.iteminner video{
              transform: translate(-22rem, -31.4rem);
              width:1780px;
              }}

    @media (max-width: 1920px)  {
        div.iteminner video{
              transform: translate( -18.8rem, -29.4rem);
              width:1680px;
              }}
              
    @media (max-width: 1368px)  {
        div.iteminner video{
              transform: translate( -18.8rem, -29.4rem);
              width:1610px;
              }}              
             
    @media (max-width: 1366px) {
         div.iteminner video {
              transform: translate(-21.8rem, -30.2rem);
              width: 1680px;
              }}
              
    @media (max-width: 1280px) {
         div.iteminner video {
              transform: translate(-18.4rem, -27.2rem);
              width: 1500px;
              }}              
              
    @media (max-width: 1180px) {
         div.iteminner video {
              transform: translate(-17.6rem, -25rem);
              width: 1400px;              
              }}              
              
    @media (max-width: 1024px) {
         div.iteminner video {
              transform: translate(-16.1rem, -21.5rem);
              width: 1280px;
              }} 
              
    @media (max-width: 998px)  {
        div.iteminner video{
              transform: translate(-12rem, -17.8rem);
              width: 1020px;
              }}              

    @media (max-width: 932px) {
        div.iteminner video{
              transform: translate(-11rem, -16.8rem);
              width: 954px;
              }}
              
    @media (max-width: 844px)  {
        div.iteminner video{
              transform: translate(-12rem, -15.8rem);
              width: 920px;
              }}  
              
    @media (max-width: 740px)  {
        div.iteminner video{
              transform: translate(-12rem, -14.8rem);
              width: 856px;
              }}              

        div.information {
          	  font-size: 16px;
          	  color: #fff;
          	  font-family: "Open Sans";
          	  height: 510px;
          	  overflow-y: auto;
          	  padding: 0 30px;
			  top: 65px;
              }
        div.information::-webkit-scrollbar {
              width: 15px;
              border-radius: 10px;
              }
        div.information::-webkit-scrollbar-track {
              background: #494949;
              border-radius: 10px;
              }
        div.information::-webkit-scrollbar-thumb {
              background: #363636;
              border-radius: 10px;
              }
        div.information::-webkit-scrollbar-thumb:hover {
              background: #1d1d1d;
              }
        p.info-heading {
          	  display: none;
          	  position: absolute;
              }
        div.popup {
          	  position: fixed;
          	  display: none;
          	  /*width: 100%;*/
          	  /*height: 100%;*/
          	  background: #171717;
          	  z-index: 9999;
    		  left: 60%;
    		  height: 100vh;
          	  /*justify-content: center;*/
          	  /*align-items: center;*/
    		  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    		  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    		  box-shadow: -12px 0px 8px 0px rgb(0 0 0);
              }
             
		.modal-range {
			  position: fixed;
			  left: 0;
			  z-index: 1060;
			  display: none;
			  /*width: 100%;*/
			  height: 100%;
			  overflow-x: hidden;
			  overflow-y: auto;
			  outline: 0;
			  opacity: 1 !important;
		      }
		      
		div#registration div {
			  opacity: 0;
			  visibility: hidden;
		      }
		      
		div#registration.show div {
			  opacity: 1;
			  visibility: visible;
			  text-align: center;
			  border-radius: 12px;
		      }
		      
		div#auth div {
			  opacity: 0;
			  visibility: hidden;
		      }
		      
		div#auth.show div {
			  opacity: 1;
			  visibility: visible;
			  text-align: center;
			  border-radius: 12px;
		      }
		      
        div.subscription-inner {
              width: 52rem; 
              min-height: 25em;
              height: auto;
              box-shadow: -14px 17px 19px 9px rgb(0 0 0 / 40%);
              color: #fff;
              background:#101010;
              z-index: 9999;
              position: fixed;
              top: 50%;
              left: 50%;
              transform: translate(-23%, -57%);
              font-family: 'Alberta';
              /*border: 6px solid;*/
              /*border-top: 19px solid;*/
              /*border-color: #202020;*/
              }

     @media (max-width: 1280px){
              div.subscription-inner{
              transform: translate(-28%, -57%);
              }}

     @media (max-width: 1180px){
              div.subscription-inner{
              transform: translate(-31%, -46%);
              }}             

    @media (max-width: 1024px){
              div.subscription-inner{
              transform: translate(-40%, -45%);
              }}
              

    @media (min-width: 740px) and (max-width: 998px){
        div.subscription-inner {
              width: 35rem; 
              min-height: 15em;
              height: auto;
              box-shadow: -14px 17px 19px 9px rgb(0 0 0 / 40%);
              color: #fff;
              background:#101010;
              z-index: 9999;
              position: fixed;
              top: 50%;
              /*left: 44%;*/
              transform: translate(-28%, -53%);
              }}
          
		.subscription__photo {
			  margin-bottom: 78px;
		      }
		      
		.modal-backdrop-custom.show {
			  position: fixed;
			  top: 0;
			  left: 0;
			  z-index: 1040;
			  width: 100vw;
			  height: 100vh;
			  background-color: #000;
			  opacity: 0.4;
		      }
		  
		.subscription__photo-pay {
			  margin: 0 auto;
			  display: flex;
		      }
        div.subscription-inner > p {
          	  font-size: 24px;
          	  font-weight: 800;
          	  margin-bottom: 20px;
              }
        div.subscription-inner .plans {
			  position:fixed;
			  top: 12%;
			  display: grid;
			  grid-template-columns: repeat(4, 1fr);
			  /*grid-template-rows: repeat(2, 1fr);*/
			  grid-column-gap: 5px;
			  grid-row-gap: 5px; 
			  flex-direction: column;
			  flex-wrap: wrap;
			  font-family: 'Alberta';
			  margin-top: 1em;
			  left: 3.5em;
              }
  
    @media (min-width: 740px) and (max-width: 998px) {
        div.subscription-inner .plans {
              position: absolute;
              top: 0%;
              display: grid;
              grid-template-columns: repeat(4, 1fr);
              /* grid-template-rows: repeat(2, 1fr); */
              grid-column-gap: 9px;
              grid-row-gap: 5px;
              flex-direction: column;
              flex-wrap: wrap;
              font-family: 'Alberta';
              margin-top: 2em;
              left: 1.8em;
              }}
          
		.subscription__photo-logo {
		      position: absolute;
              top: 50%;
              max-width: 255px;
              transform: translateY(-11em) translateX(18.2em);;
              display: flex;
		      }

	           
	@media (min-width: 740px) and (max-width: 998px){
		.subscription__photo-logo {
		      position: absolute;
              top: 50%;
              max-width: 157px;
              transform: translateY(-7em) translateX(11.4em);
              display: flex;
              opacity: .6;
              }}
		       
		.subscription__photo-pay {
		      position: absolute;
              top: 50%;
              max-width: 222px;
              transform: translateY(9.8em) translateX(19.4em);;
              display: flex;
		      }
		        
	@media (min-width: 740px) and (max-width: 998px) {
		.subscription__photo-pay {
		      position: absolute;
              top: 50%;
              max-width: 167px;
              transform: translateY(3.7em) translateX(7.7em);
              display: flex;
              opacity: .6;
              }}
		       
        div.subscription-inner a {
          	  text-decoration: none;
          	  color: inherit;
          	  font-family: 'rommi';
          	  margin-top: 1.4vh;
              }
              
              
              
    @media (min-width: 740px) and (max-width: 998px){
        div.subscription-inner a {
              text-decoration: none;
              color: inherit;
              font-family: 'rommi';
              margin-top: -1.2rem;
              font-size: 26px;
              }}
              
		.wrapper__text-plans p,
		.wrapper__text-plans span {
			  color:  #aeaeae;
			  font-weight: 300;
			  text-transform: uppercase;
			  font-family: "coco";
		      }

		.item__plans {
			  display: flex;
			  flex-direction: column;
			  align-items: center;
			  justify-content: center;
			  padding: 15px;
			  width:240px;
			  height:285px;
			  cursor: pointer;
              /*box-shadow: -3.5px 15.5px 20px 0px rgba(0, 0, 0, .45);*/
		     }
		     
    @media (min-width: 740px) and (max-width: 998px){
		.item__plans {
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
              /* padding: 15px; */
              max-width: 10rem;
              max-height: 11rem;
              /* box-shadow: -3.5px 15.5px 20px 0px rgba(0, 0, 0, .45); */
              }}
		     
		.item__plans:hover {
		       transform:scale3d(1.08, 1.08, 1.08);
		       transition:0.7s;
		      }

		.item__plans:nth-child(1) {
			  background: #2d2e2e;
			  cursor: pointer;
		      }
		.item__plans:nth-child(2) {
			  background: #203119;
		      }
		.item__plans:nth-child(3) {
			  background: #1d103d;
		      }
		.item__plans:nth-child(4) {
			   background: #1a1b19;
		      }
		.wrapper__middle-text {
			  max-width: 170px;
			  color:#bababa;
			  text-align: center;
			  display: flex;
			  align-items: center;
			  font-weight: 500;
			  font-family: 'gunno';
              letter-spacing: 3px;			  
		      }
		      
    @media (min-width: 740px) and (max-width: 998px){
		.wrapper__middle-text {
		      max-width: 168px;
              color: #81897c;
              text-align: center;
              display: flex;
              align-items: center;
              font-size: 11px;
              }}

		.wrapper__text-price {
			  display: flex;
			  align-items: center;
		      }
        div.subscription-inner .plans p {
          	  font-size: 40px;
          	  text-shadow: 7px 5px 7px rgba(0,0,0,.5);
			  margin-bottom: 0;
              }
              
	@media (min-width: 740px) and (max-width: 998px) {
	   div.subscription-inner .plans p{
	          font-size: 28px;
	          }}
              
		#messenger {
			  position: absolute;
			  top: 20vh;
			  left: 50%;
			  transform: translate(-50%, -50%);
			  font-family: 'rommi22';
			  font-size: 1.45rem;
			  white-space: nowrap;
			  /*text-shadow: 0 2px 2px rgba(0, 0, 0, 0.9);*/
			  color: #a0a0a096 ;
			  letter-spacing:4px;
		      }
		      
	@media (max-width: 1336px) {
		  #messenger{
		      top:18vh;
		      font-size: 18px;
		      }}		      
		      
    @media (max-width: 844px) {
         #messenger {
             display: none;
             }}	
             
    @media (max-width: 640px) {
         #messenger {
             display: none;
             }}	
             
    @media (max-width: 430px), screen and (orientation: portrait) {
         #messenger {
             display: none;
             }}		     
		     
	@media (min-width: 740px) and (max-width: 998px) {
		  #messenger{
		      top:23vh;
		      font-size: 14px;
		      }}
		      
	/*@media (max-width: 740px) and (max-height: 300px) {*/
	/*	 #messenger{*/
	/*	      display:none;*/
	/*	      }}		      */
		      
		.wrapper__group {
			  display:flex;
		      }
		.wrapper__text-plans span {
			  font-size: 20px;
			  text-shadow: 8px 3px 5px rgb(0 0 0 / 50%);
		      }
		      
    @media (min-width: 740px) and (max-width: 998px){
		.wrapper__text-plans span {
			  font-size: 16px;
			  text-shadow: 8px 3px 5px rgb(0 0 0 / 50%);    
		      }}          
		      
		.span.unlimited{
			  line-height: 1.1;
		      }
		      
        div.subscription-inner .plans > div > div {/*ch*/
              padding: 7px 10px;
			  text-align: center;
              }
              
        div.subscription-inner .plans > div > div > div > span:first-child {
          	  font-size: 40px;
          	  text-shadow: 6px 5px 7px rgba(0,0,0,.5);
			  color: #d4515d;
			  font-weight: 600;
			  font-family: 'rommi';
			  margin-top: 2vh;
			  display: flex;
              }
              
    @media (min-width: 740px) and (max-width: 998px){          
        div.subscription-inner .plans > div > div > div > span:first-child {
              font-size: 27px;
              text-shadow: 6px 5px 7px rgba(0,0,0,.5);
              color: #d4515d;
              font-weight: 600;
              font-family: 'rommi';
              margin-top: -10px;
              display: flex;
              }}

        div.subscription-inner .plans > div > div.wrapper__group > span {
          	  /*display: block;*/
          	  /*text-align: center;*/
          	  color:  #6f825a;
          	  font-size: 38px;
          	  text-shadow: 8px 4px 3px rgba(0,0,0,.5);
			  font-weight: 300;
			  font-family: 'Alberta';
			  text-transform: uppercase;
			  padding: 0 10px;
			  display: flex;
			  align-items: center;
			  margin-top: 6px;
			  z-index: 9999;
             }

        div.subscription-inner .plans span {
          	    font-family: "poppins";
          	    color: #c9a767;
                }
                
        .btn {
          	    color: inherit;
          	    text-decoration: none;
          	    display: inline-block;
          	    padding: 16px 30px;
          	    border-radius: 40px;
          	    font-weight: 800;
          	    background: #29b000;
          	    box-shadow: -10px 10px 60px 0px rgba(0, 0, 0, .4);
                }
        .btn.btn--gray {
          	    background: #494949;
                }
          
    @media (max-height: 580px) {
        div.alphabet > span {
          		height: 78px;
          		line-height: 130px;
          	    }
          	    
        div.alphabet > span > i {
          		height: 130px;
          	    }
          	    
        p.copyright {
          		bottom: -2%;
          	    }
          	    
          	body {
          		align-items: flex-start;
          	    }
          	    
        .alphabet {
          		margin-top: 5px;
          	    }}
          	
    @media (min-width: 1366px) {
        div.alphabet {
          		width: 1080px;
          	    }
          	    
        div.alphabet > span {
          		width: 110px;
          	    }}
          	

                


    @media (max-width: 1280px) {
        div.alphabet {
          		width: 72%;
          	    }}

    @media (max-width: 1024px) {
         div.alphabet {
          		width: 82%;
          	    }
          	    
        ul.items {
          		font-size: 30px;
          		/*top: 17.2rem;*/
          		left: 22%;
          		width: 70%;
          		margin-bottom: -3.3rem;
          	    }}
          	    
    @media (min-width: 740px)and (max-width: 998px) {
        div.alphabet {
          		width: 62%;
          	    }}

    @media (min-width: 740px) and (max-width: 998px)  {
        div.alphabet > span {
          		font-size: 60px;
          		height: 70px;
          		line-height: 40px;
          	    }

        div.alphabet > span > i {
          		height: 58px;
          		padding-top: 4%;
          		width: 92%;
          	    }
          	    
        ul.items li {
          		margin: 2px 0;
          	    }
          	    
        ul.items {
          	    font-size: 19px;
          	    top: 31%;
          	    left: 30%;
          	    }
          	    
        p.copyright {
          		font-size: 7px;
          		margin-right: 0.3rem;
          	    }

        div.alphabet > span.selected, div.alphabet > span.hover {
                line-height: 2.9rem;
                font-size: 66px;
                }
                
        .loggo{
                transform: scale(0.5);
                top: -2%;
                }
                
        .icons_07 {
                filter: drop-shadow(-4px 6px 3px #00000073);  
                }

        .warning-popup p:first-child {
               font-weight: 900;
               color: #712c2c;
               font-family: 'rurro';
               font-size: xx-large;
               letter-spacing: 5px;
               text-align: center;
               margin-bottom: 1rem;
               }
            
        .warning-popup p:nth-child(2) {
                font-size: 14px;
                line-height: 1.2;
                text-align: center;
                margin-bottom: 1rem;
                font-family: 'Uni2';
               } 
            
        .warning-popup {
                position: absolute;
                z-index: 9999;
                top: 50%;
                transform: translate(0rem, -11.8rem);
                width: 42rem;
                padding: 20px 30px;
                max-height:20rem;
               }}
               
    @media (max-width: 740px) {
        div.alphabet > span {
          		font-size: 50px;
          		height: 62px;
          		line-height: 40px;
          	    }
        div.alphabet > span.selected, div.alphabet > span.hover {
                line-height: 2.9rem;
                font-size: 58px;
                }        
        ul.items {
          	    font-size: 19px;
          	    top: 29%;
          	    left: 19%;
          	    }}

    @media (max-width: 870px) {
        div.subscription-inner {
          		padding-left: 20px;
          		padding-right: 20px;
          	    }
        .btn {
          		padding: 11px 30px;
          	    }}

    /*@media (max-height: 550px), (max-width: 550px) and (orientation: portrait) {*/
    /*    div.subscription-inner .plans > div {*/
    /*      		padding: 2px 0 3%;*/
    /*      	    }*/
    /*    div.subscription-inner .plans p {*/
    /*      		font-size: 26px;*/
    /*      	    }*/
    /*    div.subscription-inner .plans > div > div > span:first-child {*/
    /*      		font-size: 16px;*/
    /*      	    }*/
          	/*div.subscription-inner .plans > div > div > span:last-child {*/
          		/*font-size: 44px;*/
          	/*}*/
    /*    div.subscription-inner .plans > div > span {*/
    /*      		font-size: 20px;*/
    /*      	    }}*/
          	    
    /*@media (max-width: 870px) {*/
    /*    div.alphabet {*/
    /*           display:none;*/
    /*      	    }}*/
          	    
          
    /*@media (max-height: 470px), (max-width: 470px) and (orientation: portrait) {*/
    /*    div.subscription-inner {*/
    /*      		padding: 20px 20px;*/
    /*      	    }*/
    /*    div.subscription-inner .plans > div {*/
    /*      		width: 160px;*/
    /*      		height: 270px;*/
    /*      	    }*/
    /*    div.subscription-inner .plans p {*/
    /*      		font-size: 18px;*/
    /*      	    }*/
    /*    div.subscription-inner .plans > div > div > span:first-child {*/
    /*      		font-size: 14px;*/
    /*      	    }*/
          	/*div.subscription-inner .plans > div > div > span:last-child {*/
          		/*font-size: 36px;*/
          	/*}*/
    /*    div.subscription-inner .plans > div > span {*/
    /*      		font-size: 18px;*/
    /*      	    }}*/
          	
    /*@media (max-height: 370px), (max-width: 370px) and (orientation: portrait) {*/
    /*    div.subscription-inner .plans > div {*/
    /*      		width: 125px;*/
    /*      		height: 215px;*/
    /*      	    }*/
    /*    div.subscription-inner .plans p {*/
    /*      		font-size: 14px;*/
    /*      	    }*/
    /*    div.subscription-inner .plans > div > div > span:first-child {*/
    /*      		font-size: 11px;*/
    /*      	    }*/
          	/*div.subscription-inner .plans > div > div > span:last-child {*/
          		/*font-size: 28px;*/
          		/*margin-top: 10px;*/
          	/*}*/
    /*    div.subscription-inner .plans > div > span {*/
    /*      		font-size: 14px;*/
    /*      	    }}*/
          	
    /*@media (max-height: 270px), (max-width: 270px) and (orientation: portrait) {*/
    /*    div.subscription-inner {*/
    /*      		overflow: auto;*/
    /*      	    }}*/
          	
    /*@media (max-width: 680px) {*/
    /*    div.alphabet > span {*/
    /*      		font-size: 60px;*/
    /*      		height: 100px;*/
    /*      		line-height: 100px;*/
    /*      	    }*/
    /*    div.alphabet > span > i {*/
    /*      		height: 100px;*/
    /*      	    }}*/
          	
    /*@media (max-width: 640px) {*/
    /*    ul.items {*/
    /*      	    font-size: 28px;*/
    /*      	    top: 20px;*/
    /*      	    left: 14%;*/
    /*      	    }*/
    /*    div.subscription-inner {*/
    /*      		padding: 20px;*/
    /*      	    }*/
    /*    ul.items {*/
    /*      	    width: 82%;*/
    /*      	    }}*/
          	
    /*@media (max-width: 560px) {*/
    /*    ul.items {*/
    /*      	    font-size: 25px;*/
    /*      	    width: 90%;*/
    /*      	    }*/
    /*    div.alphabet {*/
    /*      	    width: 70%;*/
    /*      	    }}*/
          	
    /*@media (max-width: 510px) {*/
    /*    div.alphabet > span {*/
    /*      		font-size: 48px;*/
    /*      		height: 80px;*/
    /*      		line-height: 80px;*/
    /*      	    }*/
    /*    div.alphabet > span > i {*/
    /*      		height: 80px;*/
    /*      	    }*/
    /*    ul.items {*/
    /*      	    font-size: 23px;*/
    /*      	    width: 85%;*/
    /*      	    top: 15px;*/
    /*      	    left: 12%;*/
    /*      	    }*/
    /*    .btn {*/
    /*      		margin-top: 10px;*/
    /*      	    }}*/
          	
    /*@media (max-width: 470px) {*/
    /*    div.alphabet {*/
    /*      	    width: 80%;*/
    /*      		top: calc(-60px);*/
    /*      	    }}*/
          	
    /*@media (max-width: 440px) {*/
    /*    div.alphabet > span {*/
    /*      		font-size: 41px;*/
    /*      		height: 65px;*/
    /*      		line-height: 65px;*/
    /*      	    }*/
    /*    div.alphabet > span > i {*/
    /*      		height: 65px;*/
    /*      		display:none;*/
    /*      	    }*/
    /*      	ul.items {*/
    /*      	    font-size: 20px;*/
    /*      	    }}*/
          	
    /*@media (max-width: 420px) {*/
    /*    div.alphabet {*/
    /*      	    width: 90%;*/
    /*      		top: calc(-60px);*/
    /*      	    }}*/
          	
    /*@media (max-width: 390px) {*/
    /*    div.alphabet > span {*/
    /*      		font-size: 34px;*/
    /*      		height: 55px;*/
    /*      		line-height: 55px;*/
    /*      	    }*/
    /*      	div.alphabet > span > i {*/
    /*      		height: 55px;*/
    /*      	    }*/
    /*      	ul.items {*/
    /*      		font-size: 18px;*/
    /*      	    }}*/
          	
    /*@media (max-height: 400px) {*/
    /*    div.alphabet > span {*/
    /*      		height: 100px;*/
    /*      		line-height: 100px;*/
    /*      		font-size: 75px;*/
    /*      	    }}*/
        /*div.alphabet > span > i {*/
        /*  		height: 100px;*/
        /*  	    }}*/
          	
    /*@media (max-height: 325px) {*/
    /*    div.alphabet > span {*/
    /*      		height: 80px;*/
    /*      		line-height: 80px;*/
    /*      		font-size: 65px;*/
    /*      	    }*/
    /*    div.alphabet > span > i {*/
    /*      		height: 80px;*/
    /*      	    }}*/
          	
    /*@media (max-height: 400px) and (max-width: 690px) {*/
    /*    div.alphabet > span {*/
    /*      		height: 60px;*/
    /*      		line-height: 60px;*/
    /*      		font-size: 50px;*/
    /*      	    }*/
    /*    div.alphabet > span > i {*/
    /*      		height: 60px;*/
    /*      	    }}*/
          	
    @media only screen and (orientation:portrait) {
        html {
          		display: flex;
          		justify-content: center;
          		align-items: center;
          	    }
        body {
          		#height: 100vw;
          		#width: 100vh;
          		#transform: rotate(90deg);
          		flex-shrink: 0;
          	    }
        p.copyright {
          		font-size: 11px;
          	    }
        div.iteminner, div.information {
          		width: 60vh;
          	    }
        div.iteminner video {
          		height: 34vh;
          		max-height: 70vw;
          	    }}

        .background-fixed {
            	content: "";
            	position: fixed;
            	z-index: -1;
            	width: 100%;
            	height: 100%;
                }
                
        .background-fixed:before {
            	content: "";
            	position: fixed;
            	width: 100%;
            	height: 3822px;
            	background-color: rgb(0 0 0/ 0.24 );
               }
               
        .background-video {
            	content: "";
            	position: absolute;
            	z-index: -1;
            	width: 100%;
            	height: 100%;
               }
          
        .background__video:before {
        	   content: "";
        	   display: block;
        	   position: fixed;
        	   width: 100%;
        	   height: 100%;
        	   top: 0;
        	   right:0vh;
        	   background-image: url(/img/back222.jpg);
        	   background-size: cover;
        	   z-index: -1;
               filter: brightness(0.9);
               opacity: .84;
               }
        
        .background__video {
        	  display: block;
        	  position: fixed;
        	  width:92%;
              }

        .out_but> span.nothover >i >img{
              position: relative;
              top: -125px;
              left: -55px;
              }
        .information__content {
        	  position: absolute;
        	  visibility: hidden;
              }
        .information__list {
        	  display: flex;
        	  list-style: none;
        	  justify-content: flex-start;
        	  align-items: center;
              }
        .information__list li {
        	  margin: 15px;
              }
        
        .wrapper__button {
              top: 50%;
              transform: translate(-1.6vh, 30vh);
        	  width: 100%;
        	  display: flex;
        	  justify-content: center;
        	  position: fixed;
        	  bottom: 110px;
              }
             
    @media (max-width: 430px){
        .wrapper__button {
            display: none;
            }
        .item__img {
            display: none;
            }}
            
    @media (max-width: 640px){
        .wrapper__button {
            display: none;
            }
        .item__img {
            display: none;
            }}            
             
             
    @media (min-width: 740px) and (max-width: 998px){  
        .wrapper__button {
             top: 50%;
             transform: translate(-2.6vh, 30vh);
            }}
        
        .item__img {
        	  max-width: 2.6rem;
        	  cursor: pointer;
        	  filter: drop-shadow(4px 3px 3px black);
        	  position: absolute;
             }
             
    @media (min-width: 740px) and (max-width: 998px){
        .item__img  {
              max-width: 1.6rem;
              margin-left: -6px;
             }}

        .item__info {
              margin: 0 1.7rem;
              }
              
    @media (max-width: 430px), screen and (orientation: portrait) {
        .item__info {
              display: none;
              }}
              
    @media (max-width: 640px) {
        .item__info {
              display: none;
              }} 
        
       .item__img-info {
        	  width: 3.2rem;
        	  cursor: pointer;
        	  filter: drop-shadow(4px 6px 7px black);
        	  opacity:0.7;
              animation: moveit 8.5s infinite;
              } 

            @keyframes moveit{
              from { opacity:0.2; }
              25%  { opacity:1; }
              50%  { opacity:1; }
              75%  { opacity:1; }
              to   { opacity:0.2; }
            }              
              
              
    @media (max-width: 1366px){
        .item__img-info{
             position: absolute;
             transform: translate(-1.4rem, -1rem);
             cursor: pointer;
             filter: drop-shadow(4px 6px 7px black);
             }}
             
    @media (max-width: 1280px) {
        .item__img-info {
                max-width: 3.1rem;
                cursor: pointer;
                filter: drop-shadow(4px 6px 7px black);
                opacity: 0.7;
                left: 2rem;
                transform: translate(-7vh, -2vh);
                }}                
                
    @media (max-width: 1180px) {
        .item__img-info {
                width: 3.1rem;
                cursor: pointer;
                filter: drop-shadow(4px 6px 7px black);
                opacity: 0.7;
                left: 2rem;
                transform: translate(-11vh, -2vh);
                }}    
          
    @media (max-width: 1024px) {
        .item__img-info {
                width: 3.1rem;
                cursor: pointer;
                filter: drop-shadow(4px 6px 7px black);
                opacity: 0.7;
                left: 2rem;
                transform: translate(-13vh, -4vh);
                }}              
             
             
    @media (max-width: 998px){
        .item__img-info{
             position: absolute;
             transform: translate(-48vh, 33vh);
             width: 1.8rem;
             cursor: pointer;
             filter: drop-shadow(4px 6px 7px black);
             }}
          
    @media (max-width: 932px) {
        .item__img-info{
             position: absolute;
             transform: translate(-14.6rem, 9rem);
             width: 1.8rem;
             cursor: pointer;
             filter: drop-shadow(4px 6px 7px black);
             }}
                
     @media (max-width: 915px){
        .item__img-info{
             position: absolute;
             transform: translate(-15rem, 8.6rem);
             width: 1.8rem;
             cursor: pointer;
             filter: drop-shadow(4px 6px 7px black);
             }}               
                
    @media (max-width: 844px){
        .item__img-info{
             position: absolute;
             transform: translate(-66vh, 30vh);
             width: 1.8rem;
             cursor: pointer;
             filter: drop-shadow(4px 6px 7px black);
             }} 
             
    @media (max-width: 740px) and (min-height: 300px){
        .item__img-info{
             position: absolute;
             transform: translate(-83vh, 27vh);
             width: 1.8rem;
             cursor: pointer;
             filter: drop-shadow(4px 6px 7px black);
             }}             
             
             

    @media (min-width: 740px) and (max-width: 998px) {
        .item__info {
             margin: 0% 2.3%;
             }}
             
    @media (max-width: 740px) {
        .item__info {
             margin: 0% 2.3%;
             }}
             

		.header__logo {
		      top:2rem;
			  position: absolute;
			  font-family:'Alberta';
			  transform: translate(-50%, 0%);
			  left: 50%;
			  z-index:999;
		     }
		  
	@media (min-width: 740px) and (max-width: 998px){
		.header__logo{
		      top:1px;
		     }}

		.item__logo {
			  width: 244px;
			  left: -6px;
			  position: relative;
		     }

		.header__title {
		      margin-top: -4%;
			  text-align: center;
			  font-family:'Uni1';
			  font-size: 1rem;
			  letter-spacing: 2px;
			  color: #6c757d;
		     }
		  
	@media (min-width: 740px) and (max-width: 998px){
		.header__title{
		      margin-top: 5%;
		      font-size:7px;
		      }}

		.custom__letter.hover {
			  color: white !important;
			  transform: none !important;
		      }
		      
		.title-letter {
			  line-height: normal;
			  height: auto;
			  font-size: 14px;
			  font-family: var(--bs-font-sans-serif);
			  text-shadow: none;
			  white-space: nowrap;
			  margin-top: 17px;
			  margin-bottom: 3px;
			  color: #8b8d8c;
			  font-weight: 300;
			  position: relative;
		     }

		.custom__letter {
			  /*width: max-content !important;*/
			  z-index: 999;
			  pointer-events: none;
		      }

		.custom__img img {
			  width: 75px;
			  margin: 0px;
		      }
		      
		.custom__letter > div:nth-child(2) {
			  margin-bottom: 3px;
		     }

		.custom__img {
			  line-height: 1px;
		      }

		.icon__mail {
			  width: 24px;
			  margin-left: 11px;
			  cursor: pointer;
			  margin-bottom: 5px;
		      }
		      
		.icon__about {
			  width: 24px;
			  margin-left: 7px;
			  cursor: pointer;
			  margin-bottom: 5px;
		      }		      
    @media (max-width: 440px){
        .icon__about {
              display: none;
              }}	
              
 	@media (max-height: 580px){
          .icon__about {
             display: none;
             }}            
              
	@media (max-height: 580px){
          .icon__mail {
             display: none;
             }}

		.icon__war {
			  width: 24px;
			  margin-left: 5px;
			  cursor: pointer;
			  margin-bottom: 5px;
		      }
		      
	@media (max-height: 580px){
        .icon__war {
              display: none;
              }}
              
    @media (max-width: 440px){
        .icon__war {
              display: none;
              }}

		.u-container-style.u-group.u-white.u-group-2 {
			  width: 582px;
			  min-height: 526px;
			  height: auto;
			  box-shadow: -14px 17px 19px 9px rgb(0 0 0 / 40%);
			  color: #fff;
			  background-color: #121212;
			  /*background: linear-gradient(1deg, #1d2319, #191919);*/
			  z-index: 9999;
			  position: fixed;
			  top: 50%;
			  left: 50%;
			  transform: translate(-50%, -50%);
			  font-family:'Alberta';
			  border: 6px solid;
              border-color: #212121;
		     }
		  
		.u-container-style.u-group.u-white.u-group-3 {
			  width: 31rem;
			  min-height: 34rem;
			  height: auto;
			  box-shadow: -14px 17px 19px 9px rgb(0 0 0 / 40%);
			  color: #fff;
			  background-color: #121212;
			  /*background: linear-gradient(1deg, #1d2319, #191919);*/
			  z-index: 9999;
			  position: fixed;
			  top: 50%;
			  left: 50%;
			  transform: translate(-50%, -50%);
			  font-family:'Alberta';
			  border: 6px solid;
              border-color: #212121;
		    }
		    
    @media (max-width: 440px){
		.u-container-style.u-group.u-white.u-group-3 {
			  width: 23rem;    
		      }}
		    

		.u-container-layout.u-valign-middle.u-container-layout-2 {
			  position: relative;
			  flex: 1;
			  max-width: 100%;
			  display: flex;
			  flex-direction: column;
			  justify-content: center;
			  padding: 30px;
		      }
		      


	    h6.u-text.u-text-default.u-text-2 {
			  font-weight: 700;
			  font-size:20px;
			  font-family: 'keepcalm';
			  color: #989898;
			  text-transform: uppercase;
			  margin: 28px auto;
			  letter-spacing: .3vh;
		      }

		.u-section-2 .u-form-1 {
			  margin: 20px 0 0;
		      }

		.u-form-vertical {
			  display: flex;
			  flex-wrap: wrap;
			  align-items: flex-end;
		      }

		.u-form-vertical.u-form-spacing-10 {
			  margin-left: -10px;
			  width: calc(100% + 10px);
		      }

		.u-form-vertical.u-form-spacing-10 .u-form-group {
			  margin-bottom: 10px;
			  padding-left: 10px;
			  width: 100%;
		      }

		.u-form-control-hidden {
			  display: none !important;
		      }

		.u-label {
			  font-weight: normal;
		      }

		.u-input {
			  display: block;
			  width: 100%;
			  padding: 10px 12px;
			  background-image: none;
			  background-clip: padding-box;
			  border: none;
			  border-radius: 3px;
			  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
			  background-color: transparent;
			  color: inherit;
			  text-align: inherit;
			  height: auto;
		      }

		.u-input-rectangle {
			  border-radius: 0;
		      }

		  [class*="u-border-"], .u-link[class*="u-border-"] {
			  border-style: solid;
		      }
		.u-border-2, .u-separator-2:after, .u-text.u-border-2, a.u-button-style.u-border-2 {
			  border-width: 2px;
		      }

		.u-border-grey-30, .u-separator-grey-30:after {
			  border-color: #27342b;
			  stroke: #b3b3b3;
		      } 

		  [class*="u-border-"].u-border-no-top {
			  border-top-width: 0;
			  border-top-style: none;
		      }
		  [class*="u-border-"].u-border-no-right {
			  border-right-width: 0;
			  border-right-style: none;
		      }

		  [class*="u-border-"].u-border-no-left {
			  border-left-width: 0;
			  border-left-style: none;
		      }

		  [class*="u-border-"]:not(.u-shape-svg) {
			  stroke: none;
		      }

		.u-align-center {
			  text-align: center;
		      }

		.u-form-vertical .u-form-group {
			  width: 100%;
		      }
		.u-form-vertical .u-form-submit {
			  margin-bottom: 0 !important;
		      }

		.u-form-vertical.u-form-spacing-10 .u-form-group {
			  margin-bottom: 10px;
			  padding-left: 10px;
		      }

		.u-form div.u-form-send-error, .u-form div.u-form-send-success {
			  display: none;
			  position: absolute;
			  bottom: 0px;
			  left: 0px;
			  width: 100%;
			  text-align: center;
			  color: #fff;
			  padding: 20px 0px 20px 0px;
			  border: none;
			  font-family:"gunno";
			  font-weight:600;
		      }

		.u-form-vertical {
			  display: flex;
			  flex-wrap: wrap;
			  align-items: flex-end;
		      }
		.u-form-vertical.u-form-spacing-10 {
			  margin-left: -10px;
			  width: calc(100% + 10px);
		      }

		.u-section-2 .u-form-1 {
			  margin: 20px 0 0;
		      }
		.u-btn {
			  display: inline-block;
			  display: table;
			  cursor: pointer;
			  color: inherit;
			  font-size: 22px;
			  font-family: "fuddo";
			  line-height: inherit;
			  letter-spacing: 5px;
			  text-transform: inherit;
			  font-style: inherit;
			  font-weight: inherit;
			  text-decoration: none;
			  border: 0 none transparent;
			  outline-width: 0;
			  background-color: transparent;
			  margin: 0;
			  -webkit-text-decoration-skip: objects;
			  font-style: initial;
			  white-space: nowrap;
			  -webkit-user-select: none;
			  -ms-user-select: none;
			  user-select: none;
			  vertical-align: middle;
			  text-align: center;
			  padding: 10px 20px;
			  border-radius: 8px;
			  color: #ffc107a3 !important;
			  background-color: #3d482c !important;
			  margin: 0 auto;
		     }

		#emailForm {
			  display: none;
		      }

		.wrapper__title div {
			  color: white;
		      }

		.main__range {
			  display: flex;
			  flex-wrap: wrap;
			  gap: 2.2em;
			  padding: 1em 0;
			  width: 500px;
			  justify-content: center;
		      }

        button.rui-IconButton-icon {
              width: 16px;
              height: 16px;
              background: transparent;
              border: none;
              margin: 18px;
              }

		.background-fixed {
			  background-position-x: center !important;
			  background-position-y: center !important;
			  background-size: cover;
		      }

          /** URL Universal "back to list" START **/
        .back-to-list {
               visibility: hidden;
               position: absolute;
               top: 50%;
               transform: translate(-69.2rem, 4.3rem);
               /*left: -1.2vh;*/
               z-index: 2;
               border: none;
               color:  #605e5ed9;
               background-color: transparent;
               text-align: center;
               vertical-align:middle;
               font-size: 19px;
               width: 8em;
               cursor: pointer;
               margin: 10px;
               /*letter-spacing:1px;*/
              }
          
    @media (max-width: 1336px) {
        .back-to-list {
               visibility: hidden;
               position: absolute;
               top: 50%;
               transform: translate(-108vh, 8vh);
               /*left: -1.2vh;*/
               z-index: 2;
               border: none;
               color: #53535399;
               background-color: transparent;
               text-align: center;
               vertical-align:middle;
               font-size: 17px;
               width: 8em;
               cursor: pointer;
               margin: 10px;
               }}
               
    @media (max-width: 1280px) {
        .back-to-list {
               visibility: hidden;
               position: absolute;
               top: 50%;
               transform: translate(-111vh, 7vh);
               }}

    @media (max-width: 1180px) {
        .back-to-list {
               visibility: hidden;
               position: absolute;
               top: 50%;
               transform: translate(-107vh, 8vh);
               z-index: 2;
               border: none;
               color: #53535399;
               background-color: transparent;
               text-align: center;
               vertical-align:middle;
               font-size: 17px;
               width: 8em;
               cursor: pointer;
               margin: 10px;
               }}       
        
    @media (max-width: 1024px) {
        .back-to-list {
               visibility: hidden;
               position: absolute;
               top: 50%;
               transform: translate(-113vh, 12vh);
               z-index: 2;
               border: none;
               color: #53535399;
               background-color: transparent;
               text-align: center;
               vertical-align:middle;
               font-size: 17px;
               width: 8em;
               cursor: pointer;
               margin: 10px;
               }}   
               
               
    @media (max-width: 998px){
        .back-to-list span::after{
               font-size: 11px;
               top: -0.18rem;
               }
        .back-to-list {
               visibility: hidden;
               position: absolute;
               top: 50%;
               transform: translate(-142vh, 10vh);
               z-index: 2;
               border: none;
               color: #53535399;
               background-color: transparent;
               text-align: center;
               vertical-align:middle;
               font-size: 10px;
               width: 8em;
               cursor: pointer;
               margin: 10px;
               }}               
               
           
    @media (max-width: 932px) {
        .back-to-list span::after{
               font-size: 11px;
               top: -0.18rem;
               }
               
        .back-to-list {
               visibility: hidden;
               position: absolute;
               top: 50%;
               transform: translate(-139vh, 9vh);
               z-index: 2;
               border: none;
               color: #53535399;
               background-color: transparent;
               text-align: center;
               vertical-align:middle;
               font-size: 10px;
               width: 8em;
               cursor: pointer;
               margin: 10px;
              }}
              
    @media (max-width: 915px) {
        .back-to-list {
                transform: translate(-149vh, 10vh);
                font-size: 10px;
                width: 13em;
                }}  
                
    @media (max-width: 896px) {
        .back-to-list {
                transform: translate(-145vh, 10vh);
                font-size: 10px;
                width: 13em;
                }}  
                
    @media (max-width: 844px) {
        .back-to-list {
                visibility: hidden;
                position: absolute;
                top: 50%;
                transform: translate(-146vh, 11vh);
                z-index: 2;
                border: none;
                color: #53535399;
                background-color: transparent;
                text-align: center;
                vertical-align: middle;
                font-size: 10px;
                width: 8rem;
                cursor: pointer;
                margin: 10px;
                }}
                
    @media (max-width: 844px) and (min-height: 280px){
        .back-to-list {
                visibility: hidden;
                position: absolute;
                top: 50%;
                transform: translate(-145.6vh, 12vh);
                z-index: 2;                
                }}
                
    @media (max-width: 740px) and (min-height: 280px) {
        .back-to-list {
                visibility: hidden;
                position: absolute;
                top: 50%;
                transform: translate(-151vh, 15vh);
                z-index: 2;
                border: none;
                color: #53535399;
                background-color: transparent;
                text-align: center;
                vertical-align: middle;
                font-size: 10px;
                width: 8rem;
                cursor: pointer;
                margin: 10px;
                }}                
                

        .back_button span {
               padding-top: 10px;
               }
        .back-to-list span::after {
               content: '\00bb';
               font-size: 30px;
               position: absolute;
               opacity: 0;
               top: -0.72rem;
               right: -33px;
               transition: 0.4s;
               }
               
    @media (max-width: 1366px){
        .back-to-list span::after {
               display: none;
               }}

    @media (max-width: 1336px){
        .back-to-list span::after {
               display: none;
               }}  
        
    @media (max-width: 1180px){
        .back-to-list span::after {
               display: none;
               }}    
        
    @media (max-width: 1024px){
        .back-to-list span::after {
               display: none;
               }}        

    @media (min-width: 740px) and (max-width: 998px){
        .back-to-list span::after {
               display: none;
               }}        
        
    @media (max-width: 844px){
        .back-to-list span::after {
               display: none;
               }}        
        

        .back-to-list:hover span::after {
               opacity: 1;
               right: -1rem;
               }
        .back-to-list.active {
               visibility: visible;
               z-index: 3;
               }
          /** URL Universal "back to list" FINISH **/

          /** Numbers for KIDS / SCHOOL / ITEMS START **/
        .hide {
               display: none;
               }
        ul.items li {
               display: inherit;
               width: 70%;
               }
        ul.items li.selected {
               visibility:hidden;
               }
        ul.items li sup {
               font-size: 16px !important;
               font-weight: 200;
			   line-height:1.2em !important;
               right: calc(100% - 94px);
               font-family: 'fuddo';
               color:#858585;
               z-index:999999;
               cursor:pointer;
			   width:26px;
			   position:absolute !important;
			   top:-10px;
			   overflow:hidden;
			   height:20px;
               }
			   @media (min-width: 740px) and (max-width: 998px) {
				   ul.items li sup {
					   right: calc(100% - 60px);
				   }
			   }
			   ul.items li sup > .odometer-inside {
					display:flex;
					width:26px;
					justify-content:right;
					position:absolute;
					right:0px;
				}
				ul.items li sup > .odometer-inside > .odometer-digit {
					width:13px;
				}
				ul.items li sup .odometer-value {
					font-size:16px !important;
					font-family: 'fuddo' !important;
					line-height:1.2em;
				}
          
    @media (max-width: 1336px){
        ul.items li sup {
                font-size: 14px !important;
                font-weight: 200;
                }
				ul.items li sup {right:calc(100% - 100px) !important;}
				ul.items li sup .odometer-value {font-size:14px !important;}
				}
	@media (max-width: 1281px){
				ul.items li sup {right:calc(100% - 85px) !important;}
				ul.items li sup .odometer-value {font-size:14px !important;}
				}
                    
    @media (max-width: 1000px){
        ul.items li sup {
               font-size: 12px !important;
               font-weight: 200;
               }
			   ul.items li sup {right:calc(100% - 54px) !important;}
			   ul.items li sup .odometer-value {font-size:12px !important;}
			   }
	@media (max-width: 740px){
		ul.items li sup {right:calc(100% - 80px) !important;}
	}

        ul.items li sup.count-white::after {
               ##content: 'просмотров';
               font-family: system-ui;
               font-size: 16px;
               position: absolute;
               opacity: 0;
               top: -1.44rem;
               right: -36px;
               transition: 0.4s;
               }
          
        ul.items li sup.count-white:hover::after {
               opacity: 1;
               right: 0.2rem;
               }
          
         ul.items li sup.count-green::after {
               content: 'просмотров';
               font-family: system-ui;
               font-size: 16px;
               position: absolute;
               opacity: 0;
               top: -1.44rem;
               right: -36px;
               transition: 0.4s;
               }
        
          
        ul.items li sup.count-green:hover::after {
               opacity: 1;
               right: 0.2rem;
               }

        ul.items li sup.count-orange::after {
               content: 'просмотров';
               font-family: system-ui;
               font-size: 16px;
               position: absolute;
               opacity: 0;
               top: -1.44rem;
               right: -36px;
               transition: 0.4s;
               }
          
        ul.items li sup.count-orange:hover::after {
               opacity: 1;
               right: 0.2rem;
               }
          
          
        ul.items li sup.count-red::after {
               content: 'просмотров';
               font-family: system-ui;
               font-size: 16px;
               position: absolute;
               opacity: 0;
               top: -1.44rem;
               right: -6px;
               transition: 0.4s;
               }
          
        ul.items li sup.count-red:hover::after {
              opacity: 1;
              right: 0.1rem;
              }

            /* @keyframes countnum {
          0% {
              opacity: 0;
              /*transform: scale(.3);*/
              transform: translatey(-1.9rem);
            }
          50% {
              opacity: .5;
              /*transform: scale(1.1);*/
              transform: translatey(.0rem);
           }
           
          80% { 
              transform: translatey(-.14rem); }
          /*100% { transform: translatey(0.1rem); }*/
            }    */

    @media (min-width: 740px) and (max-width: 998px){
        ul.items li sup{
              font-size: 8px;
              top: -3rem;
              left: 1rem;
              }}

        ul.items li:nth-child(17) sup,
        ul.items li:nth-child(18) sup,
        ul.items li:nth-child(19) sup,
        ul.items li:nth-child(20) sup {
               /*top: -3.6em;*/
              }
        ul.items li sup.count-white .odometer-value {
              color: #858585;
              }
        ul.items li sup.count-green .odometer-value {
              color: #669359;
              }
        ul.items li sup.count-orange .odometer-value {
              color: #a87e31;
              }
        ul.items li sup.count-red .odometer-value {
              color: #b74550;
              }
          
          .wrapper__button2{
              position: absolute;
              transform: translate(27.4rem, 7.8rem);
              z-index:3;
              cursor:pointer;
              }
          
         /*.wrapper__button2:hover{*/
         /*    transform: translate(27.1rem, 7.3rem) scale(1.04);*/
         /*    transition: 0.7s;  */
         /*    }*/
             
        .strong {
             font-family:"poppins3";
             font-size:22px;
             text-transform:uppercase;
             }
         
        .modal-dialog.dark .modal-content {
            width: 344px;
            min-height: 526px;
            height: auto;
            box-shadow: -14px 17px 19px 9px rgb(0 0 0 / 40%);
            color: #fff;
            background-color: #222423;
            z-index: 9999;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-51%, -51%);
            /*border: 6px solid;*/
            /*border-color: #252525;*/
            }
     
     
        #warning-popup {
            position: absolute;
            z-index: 9999;
            top: 50%;
            transform: translate(0rem, -9.8rem);
            width: 37rem;
            padding: 20px 30px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            /*background: #10130e;*/
            /*background: linear-gradient(1deg, #1d2319, #191919);*/
            background: linear-gradient(179deg, #111311 33%, #151b14);
            color: #54697f;
            border-radius: 12px;
            box-shadow: -14px 17px 19px 9px rgb(0 0 0 / 40%);
            animation-name: slowpop;
            animation-duration: 2.3s;
            }
            
    /*@media (max-width: 430px), screen and (orientation: portrait) {*/
    /*    #warning-popup {*/
    /*        display:none;*/
    /*        }}*/

            
    @media(min-width: 740px) and (max-width: 998px){
        #warning-popup {
            position: absolute;
            z-index: 9999;
            top: 50%;
            transform: translate(0rem, -9.8rem);
            width: 40rem;
            }}
            
            @keyframes slowpop{
                 from{
                    opacity:0;
                }
                25%{
                    opacity:0;
                }
                35%{
                    opacity:0;
                }
                
                50%{
                    opacity:0;
                }
                85%{
                    opacity:0;
                }
                to{
                    opacity:1;
                }}
            
        #warning-popup p:first-child {
            font-weight: 900;
            color: #712c2c;
            font-family: 'rurro';
            font-size: xx-large;
            letter-spacing: 5px;
            text-align: center;
            margin-bottom: 2rem;
            }
            
        #warning-popup p:nth-child(2) {
            font-size: 20px;
            line-height: 1.2;
            text-align: center;
            margin-bottom: 2rem;
            font-family: 'fuddo';
            max-width: 21rem;
            transform: translateX(5.6rem);
            }
            
    @media(max-width: 440px) {
        #warning-popup p:nth-child(2) {
            transform: translateX(0.4rem);
            }}
            
    @media(min-width: 740px) and (max-width: 998px){
        #warning-popup p:nth-child(2) {
            font-size: 20px;
            line-height: 1.2;
            text-align: center;
            margin-bottom: 1rem;
            font-family: 'fuddo';
            max-width: 21rem;
            margin-left: 1.4rem;
            }}
            
        #warning-popup .link {
            color: #00adef;
            text-decoration: none;
            }
            
        #warning-popup button {
            width: 65%;
            font-size: 22px;
            font-weight: 600;
            font-family: 'uni2';
            padding: 10px 0;
            color:  #b5810d;
            background-color:  #22271d;
            border:none;
            letter-spacing: 2px;
            margin-top:1rem;
            transform: translateX(5.1rem);
            }
            
    @media (max-width: 440px){
        #warning-popup button {
            transform: translateX(4.1rem);
            }}        
            
        #warning-popup button:hover {
            background-color: #241b4a;
            color: #b53581;
            }
            
    @media only screen and (max-width: 450px) {
        #warning-popup {
            max-width: 95%;
            right: 0;
            /*bottom: 2px;*/
            left: 0;
            margin: 0 auto;
            }}

        .modal-agreement {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 1500;
            overflow-y: visible;
            }
        
        .modal-agreement__container {
            background: linear-gradient(179deg, #111311 33%, #151b14);
            display: flex;
            margin-top: 22vh;
            flex-direction: column;
            align-items: center;
            width: 72%;
            max-width: 1200px;
            min-height: 100%;
            padding: 72px 30px;
            box-shadow: -12px 0px 8px 0px rgb(0 0 0 / 34%), 12px 0px 8px 0px rgb(0 0 0 / 32%);
            border-radius:22px;
            }
        
        .modal-agreement__heading {
            text-align: center;
            margin-top: 30px;
            font-size: 18px;
            color:#62809c;
            font-family:"fuddo";
            text-transform: uppercase;
            }
        
        .modal-agreement__heading:first-child {
            margin-top: 0px;
            }
        
        .modal-agreement__text {
            text-align: center;
            color: #a5a5a5;
            font-size: 14px;
            }
        
        .modal-agreement .simplebar-content {
            display: flex;
            justify-content: center;
            }
        
        .modal-agreement .simplebar-scrollbar::before {
            background-color: #EEEF01;
            margin: 10px 0;
            }
    
    
/*BRITS*/
        
        .user_theme_brits .alphabet span.hover, .user_theme_brits .alphabet span.selected {
            font-family: "engo" !important;
            color: #C00000 !important;
            background-color: #11111a !important;
            font-size: 120px !important;
            line-height: 7.7rem ;
            }
            
        .user_theme_brits div.alphabet > span.selected > i:before, .user_theme_brits div.alphabet > span.hover > i:before {
            background: #11111a !important;
            }
            
    @media (max-width: 1180px) {        
        .user_theme_brits div.alphabet > span.selected > i:before, .user_theme_brits div.alphabet > span.hover > i:before {
            width: 181%;
            height: 156%;
            left: -38%;
            top: -35%;
            }} 
            
    @media (max-width: 1024px) {        
        .user_theme_brits div.alphabet > span.selected > i:before, .user_theme_brits div.alphabet > span.hover > i:before {
            width: 181%;
            height: 145%;
            left: -38%;
            top: -35%;
            }}            
            
    @media (max-width: 998px) {        
        .user_theme_brits div.alphabet > span.selected > i:before, .user_theme_brits div.alphabet > span.hover > i:before {
            width: 181%;
            height: 202%;
            left: -38%;
            top: -40%;
            }}
            
    @media (max-width: 740px) {        
        .user_theme_brits div.alphabet > span.selected > i:before, .user_theme_brits div.alphabet > span.hover > i:before {
            width: 181%;
            height: 190%;
            left: -38%;
            top: -40%;
            }}   
            
    @media (max-width: 844px) {        
        .user_theme_brits div.alphabet > span.selected > i:before, .user_theme_brits div.alphabet > span.hover > i:before {
            top: -47%;
            }}            

        .user_theme_brits div.alphabet > span.selected > i:after, .user_theme_brits div.alphabet > span.hover > i:after {
            /*background: #11111a !important;*/
            background: url(/img/crest.png);
            background-position: center;
            background-size: 92%;
            background-repeat: no-repeat;
            opacity:.15;
            } 
            
    @media(max-width: 998px) {       
        .user_theme_brits div.alphabet > span.selected > i:after, .user_theme_brits div.alphabet > span.hover > i:after {
            top:-32%;
            }}            
            
    @media(max-width: 844px) {       
        .user_theme_brits div.alphabet > span.selected > i:after, .user_theme_brits div.alphabet > span.hover > i:after {
            top:-43%;
            }}             
            
        .user_theme_brits .alphabet span {
            font-family: "engo" !important;
            color: #2d2c40;
            font-size: 104px !important;
            line-height: 8rem;
            }
            
        .user_theme_brits .itc-slider__wrapper {
            background: #101116;
            background-size: 100%;
            width: 44rem;
            height: 24rem;
            border-radius: 12px;
            border-color: #171717; 
            }

    @media (max-width: 1366px){
        .user_theme_brits .alphabet span {
            font-size: 105px !important;
            line-height: 9rem;
            }}

    @media (max-width: 1336px) {
        .user_theme_brits .alphabet span {
            font-family: "engo" !important;
            font-size: 88px !important;
            line-height: 121px !important; 
            height: 16vh !important;
            }
            
        .user_theme_brits .alphabet span.hover, .user_theme_brits .alphabet span.selected {
            font-family: "engo" !important;
            color: #C00000 !important;
            background-color: #11111a !important;
            font-size: 99px !important;
            line-height: 7.5rem;
            }}   
            
    @media (max-width: 1280px) {
        .user_theme_brits .alphabet span {
            font-family: "engo" !important;
            font-size: 94px !important;
            line-height: 18vh; 
            height: 14vh !important;
            }
        
        .user_theme_brits .alphabet span.hover, .user_theme_brits .alphabet span.selected {
            font-family: "engo" !important;
            color: #C00000 !important;
            background-color: #11111a !important;
            font-size: 99px !important;
            line-height: 11.5rem;
            }}        
        
            
    @media (max-width: 1024px) {
        .user_theme_brits .alphabet span {
            font-family: "engo" !important;
            font-size: 88px !important;
            line-height: 18vh !important; 
            height: 14vh !important;
            }}            

    @media (max-width: 1024px) {
        .user_theme_brits .alphabet span.hover, .user_theme_brits .alphabet span.selected {
            font-size: 94px !important;
            line-height: 14vh !important;
            }}
            
    @media (max-width: 998px) {        
        .user_theme_brits .back-to-list {
            transform: translate(-147vh, 9vh);
            font-size: 10px;
            width: 13em;
            }}
            
    @media (max-width: 932px) {
        .user_theme_brits .back-to-list {
            transform: translate(-145vh, 9vh);
            font-size: 10px;
            width: 13em;
            }}
         
    @media (min-width: 740px) and (max-width: 998px) {
        .user_theme_brits .alphabet span {
            font-family: "engo" !important;
            /* color: #3d4e4e; */
            font-size: 60px !important;
            line-height: 14vh !important; 
            height: 17vh !important;
            }
            
        #messenger {
            font-size: 0.75rem;  
            top: 18vh;
            } 
            
        .user_theme_brits .item__info {
            margin: 0% 2.5%;
            }
            
        .user_theme_brits .item__img {
            max-width: 1.7rem;
            margin-left: -6px;
            }
            
        .user_theme_brits .alphabet span.hover, .user_theme_brits .alphabet span.selected {
            font-size: 60px !important;
            line-height: 15vh !important;
            }
            
        .user_theme_brits .itc-slider__wrapper {
            width: 40rem;
            height: 22rem;
            /*border: 4px solid; */
            border-radius: 12px;            
            }}
            
    @media (max-width: 740px)  {
        .user_theme_brits .alphabet span {
            font-family: "engo" !important;
            font-size: 52px !important;
            line-height: 15vh !important; 
            height: 17vh !important;
            }
        .user_theme_brits .alphabet span.hover, .user_theme_brits .alphabet span.selected {
            font-size: 58px !important;
            line-height: 18vh !important;
            }}            
            
    @media (max-width: 915px) {
        .user_theme_brits .back-to-list {
            transform: translate(-149vh, 9vh);
            font-size: 10px;
            width: 13em;
            }}
            
    @media (max-width: 896px) {
        .user_theme_brits .back-to-list {
                transform: translate(-146vh, 10vh);
                font-size: 10px;
                width: 13em;
                }} 
                
    @media (max-width: 844px) {
        .user_theme_brits .back-to-list {
            transform: translate(-146vh, 12vh);
            font-size: 10px;
            width: 13em;
            }} 
            
    @media (max-width: 844px) and (min-height: 280px){
        .user_theme_brits .back-to-list {
            position: absolute;
            top: 50%;
            transform: translate(-146vh, 12vh);
            z-index: 2;                
            }}             
             
    @media (max-width: 740px) and (min-height: 300px) {
        .user_theme_brits .back-to-list {
            transform: translate(-151vh, 15vh);
            font-size: 10px;
            width: 13em;
            }}            
            
            
            



/*GOOGLE*/
        
        .user_theme_greeny .alphabet span.hove.user_theme_greeny .alphabet span.selected {
            font-family: "rommi" !important;
            /*color: #FF66FF !important;*/
            background-color: #10150f !important;
            font-size: 111px !important;
            line-height: 104px !important;
            }
            
        .user_theme_greeny div.alphabet > span.selected > i:before, .user_theme_greeny div.alphabet > span.hover > i:before {
            background: #121212 !important;
            }         

            
    @media (max-width: 1180px) {        
        .user_theme_greeny div.alphabet > span.selected > i:before, .user_theme_greeny div.alphabet > span.hover > i:before {
            width: 181%;
            height: 156%;
            left: -38%;
            top: -35%;
            background-color: #121212;
            }} 
            
    @media (max-width: 1024px) {        
        .user_theme_greeny div.alphabet > span.selected > i:before, .user_theme_greeny div.alphabet > span.hover > i:before {
            width: 181%;
            height: 145%;
            left: -38%;
            top: -35%;
            background-color: #121212;
            }}             
            
    @media (max-width: 998px) {        
        .user_theme_greeny div.alphabet > span.selected > i:before, .user_theme_greeny div.alphabet > span.hover > i:before {
            width: 181%;
            height: 202%;
            left: -38%;
            top: -40%;
            background-color: #121212;
            }}   
            
    @media (max-width: 844px) {        
        .user_theme_greeny div.alphabet > span.selected > i:before, .user_theme_greeny div.alphabet > span.hover > i:before {
            top: -47%;
            background-color: #121212;
            }}   
            
    @media (max-width: 740px) {        
        .user_theme_greeny div.alphabet > span.selected > i:before, .user_theme_greeny div.alphabet > span.hover > i:before {
            width: 188%;
            height: 193%;
            left: -38%;
            top: -49%;
            }}
            
        .user_theme_greeny div.alphabet > span.selected > i:after, 
        .user_theme_greeny div.alphabet > span.hover > i:after {
            /*background: #11111a !important;*/
            background: url(/img/strips.png);
            background-position: center;
            background-size: 98%;
            background-repeat: no-repeat;
            opacity:.2;
            }    
            
    @media (max-width: 998px) {
        .user_theme_greeny div.alphabet > span.selected > i:after, 
        .user_theme_greeny div.alphabet > span.hover > i:after {
            top: -3.6vh;
            }}
            
    @media (max-width: 844px) {
        .user_theme_greeny div.alphabet > span.selected > i:after, 
        .user_theme_greeny div.alphabet > span.hover > i:after {
            top: -4.5vh;
            background-size: 104%;
            }} 
            
    @media (max-width: 740px) {
        .user_theme_greeny div.alphabet > span.selected > i:after, 
        .user_theme_greeny div.alphabet > span.hover > i:after {
            top: -8.5vh;
            background-size: 104%;
            }}
            
        .user_theme_greeny .alphabet span {
            font-family: "rommi" !important;
            /*color: #3d4e4e   ;*/
            font-size: 98px ;
            /*line-height: 103px !important;*/
            }

        .user_theme_greeny div.alphabet > span.A-letter{
            color:#6a2a30;
            }
        .user_theme_greeny div.alphabet > span.K-letter{
            color:#6a2a30;
            }
        .user_theme_greeny div.alphabet > span.U-letter{
            color:#6a2a30;
            }

        .user_theme_greeny div.alphabet > span.B-letter{
            color:#334c2b;
            }
        .user_theme_greeny div.alphabet > span.L-letter{
            color:#334c2b;
            }
        .user_theme_greeny div.alphabet > span.V-letter{
            color:#334c2b;
            }
        
        
        .user_theme_greeny div.alphabet > span.C-letter{
            color:#8f623c;
            }
        .user_theme_greeny div.alphabet > span.M-letter{
            color:#8f623c;
            }
        .user_theme_greeny div.alphabet > span.W-letter{
            color:#8f623c;
            }

        .user_theme_greeny div.alphabet > span.D-letter{
            color:#39809f;
            }
        .user_theme_greeny div.alphabet > span.N-letter{
            color:#39809f;
            }
        .user_theme_greeny div.alphabet > span.X-letter{
            color:#39809f;
            }

        .user_theme_greeny div.alphabet > span.E-letter{
            color:#5d3287;
            }
        .user_theme_greeny div.alphabet > span.O-letter{
            color:#5d3287;
            }
        .user_theme_greeny div.alphabet > span.Y-letter{
            color:#5d3287;
            }

        .user_theme_greeny div.alphabet > span.F-letter{
            color:#ab414c;
            }
        .user_theme_greeny div.alphabet > span.P-letter{
            color:#ab414c;
            }
        .user_theme_greeny div.alphabet > span.Z-letter{
            color:#ab414c;
            }

        .user_theme_greeny div.alphabet > span.G-letter{
            color:#334c2b;
            }
        .user_theme_greeny div.alphabet > span.Q-letter{
            color:#334c2b;
            }

        .user_theme_greeny div.alphabet > span.H-letter{
            color:#8f623c;
            }
        .user_theme_greeny div.alphabet > span.R-letter{
            color:#8f623c;
            }

        .user_theme_greeny div.alphabet > span.I-letter{
            color:#39809f;
            }
        .user_theme_greeny div.alphabet > span.J-letter{
            color:#39809f;
            }
        .user_theme_greeny div.alphabet > span.T-letter{
            color:#39809f;
            }
        .user_theme_greeny div.alphabet > span.S-letter{
            color:#5d3287;
            }

        .user_theme_greeny .itc-slider__wrapper {
            background: #131413;
            background-size: 100%;
            width: 44rem;
            height: 24rem;
            border-radius: 12px;
            border-color: #171717; 
            }
            
    @media (max-width: 1366px){
        .user_theme_greeny .alphabet span {
            font-size: 110px !important;
            }}
            
    @media (max-width: 1336px) {
        .user_theme_greeny .alphabet span {
            font-family: "rommi" !important;
            font-size: 88px !important;
            line-height: 121px !important; 
            height: 16vh !important;
            }
        .user_theme_greeny .alphabet span.hover, .user_theme_greeny .alphabet span.selected {
            font-family: "rommi" !important;
            /* color: #FF66FF !important; */
            background-color: #10150f !important;
            font-size: 99px !important;
            line-height: 104px !important;
            }} 
            
    @media (max-width: 1280px) {
        .user_theme_greeny .alphabet span {
            font-family: "rommi" !important;
            font-size: 94px !important;
            line-height: 121px !important; 
            height: 14vh !important;
            }}  
            
    @media (max-width: 1024px) {
        .user_theme_greeny .alphabet span {
            font-family: "rommi" !important;
            font-size: 86px !important;
            line-height: 121px !important;
            height: 14vh !important;
            }}            
            

    @media (max-width: 1024px) {
        .user_theme_greeny .alphabet span.hover, .user_theme_greeny .alphabet span.selected {
            font-size: 94px !important;
            line-height: 88px !important;
            }}
            
    @media (max-width: 998px) {        
        .user_theme_greeny .back-to-list {
            transform: translate(-147vh, 9vh);
            font-size: 10px;
            width: 13em;
            }} 

    @media (max-width: 932px) {
        .user_theme_greeny .back-to-list {
            transform: translate(-145vh, 9vh);
            font-size: 10px;
            width: 13em;
            }}    

                
    @media (min-width: 740px) and (max-width: 998px) {
        .user_theme_greeny .alphabet span {
            font-family: "rommi" !important;
            font-size: 58px !important;
            line-height: 44px !important;
            height: 17vh !important;
            }
            
         #messenger{
            font-size: 0.75rem;    
            } 
            
        .user_theme_greeny .item__info {
            margin: 0% 2.5%;
            }
            
        .user_theme_greeny .item__img {
            max-width: 1.7rem;
            margin-left: -6px;
            }
            
        .user_theme_greeny .alphabet span.hover, .user_theme_greeny .alphabet span.selected {
            font-size: 60px !important;
            line-height: 58px !important;
            }

        .user_theme_greeny .itc-slider__wrapper {
            width: 40rem;
            height: 22rem;
            /* border: 8px solid; */
            border-radius: 12px;            
            }}  
            
    @media (max-width: 740px)  {
        .user_theme_greeny .alphabet span {
            font-family: "rommi" !important;
            font-size: 50px !important;
            line-height: 44px !important;
            height: 17vh !important;
            }
        .user_theme_greeny .alphabet span.hover, .user_theme_greeny .alphabet span.selected {
            font-size: 52px !important;
            line-height: 38px !important;
            }        
    }            
            
    @media (max-width: 915px) {
        .user_theme_greeny .back-to-list {
            transform: translate(-149vh, 11vh);
            font-size: 10px;
            width: 13em;
            }}            
            
    @media (max-width: 896px) {
        .user_theme_greeny .back-to-list {
            transform: translate(-146vh, 11vh);
            font-size: 10px;
            width: 13em;
            }}            
            
    @media (max-width: 844px) {
        .user_theme_greeny .back-to-list {
            transform: translate(-146vh, 12vh);
            font-size: 10px;
            width: 13em;
            }}  
            
    @media (max-width: 844px) and (min-height: 280px){
        .user_theme_greeny .back-to-list {
            position: absolute;
            top: 50%;
            transform: translate(-146vh, 12.6vh);
            z-index: 2;                
            }}            
            
    @media (max-width: 740px) and (min-height: 300px) {
        .user_theme_greeny .back-to-list {
            transform: translate(-151vh, 15vh);
            font-size: 10px;
            width: 13em;
            }}      
            
            

/*DECO*/
        
        .user_theme_brown .alphabet span.hover, .user_theme_brown .alphabet span.selected {
            font-family: "HIPPO" !important;
            color: #FFFF00 !important;
            background-color: #15130D !important;
            font-size: 111px !important;
            line-height: 131px !important;
            }
            
        .user_theme_brown div.alphabet > span.selected > i:before, .user_theme_brown div.alphabet > span.hover > i:before {
            background: #15130D !important;
            /*border:solid 0.6rem;*/
            border-color: #1b1810;
            }

    @media (max-width: 1180px) {        
        .user_theme_brown div.alphabet > span.selected > i:before, .user_theme_brown div.alphabet > span.hover > i:before {
            width: 181%;
            height: 156%;
            left: -38%;
            top: -35%;
            }} 
            
    @media (max-width: 1024px) {        
        .user_theme_brown div.alphabet > span.selected > i:before, .user_theme_brown div.alphabet > span.hover > i:before {
            width: 181%;
            height: 145%;
            left: -38%;
            top: -35%;
            }}            
            
    @media (max-width: 998px) {        
        .user_theme_brown div.alphabet > span.selected > i:before, .user_theme_brown div.alphabet > span.hover > i:before {
            width: 181%;
            height: 197%;
            left: -38%;
            top: -40%;
            }} 
            
    @media (max-width: 740px) {        
        .user_theme_brown div.alphabet > span.selected > i:before, .user_theme_brown div.alphabet > span.hover > i:before {
            width: 181%;
            height: 190%;
            left: -38%;
            top: -40%;
            }}             
            
    @media (max-width: 844px) {        
        .user_theme_brown div.alphabet > span.selected > i:before, .user_theme_brown div.alphabet > span.hover > i:before {
            top: -47%;
            }}             
            
        .user_theme_brown div.alphabet > span.selected > i:after, 
        .user_theme_brown div.alphabet > span.hover > i:after {
            /*background: #11111a !important;*/
            background: url(/img/decco.png);
            background-position: center;
            background-size: 98%;
            background-repeat: no-repeat;
            opacity:.22;
            transform: scale(0.85);
            }  
            
    @media (max-width: 1024px) {        
        .user_theme_brown div.alphabet > span.selected > i:after, 
        .user_theme_brown div.alphabet > span.hover > i:after { 
            top:-52%;
        }}     
        
    @media (min-width: 740px) and (max-width: 998px) {        
        .user_theme_brown div.alphabet > span.selected > i:after, 
        .user_theme_brown div.alphabet > span.hover > i:after { 
            top:-44%;
        }}        
        
        .user_theme_brown .alphabet span {
            font-family: "HIPPO" !important;
            color: #342b24;
            font-size: 102px !important;
            line-height: 9.5rem;
        
            }
        .user_theme_brown .itc-slider__wrapper {
            background: #141311;
            background-size: 100%;
            width: 44rem;
            height: 24rem;
            /*border: 6px solid; */
            border-radius: 12px;
            border-color: #171717; 
            }
            
    @media (max-width: 1366px){
        .user_theme_brown .alphabet span {
            font-size: 106px !important;
            }}    
            
    @media (max-width: 1336px) {
        .user_theme_brown .alphabet span {
            font-family: "HIPPO" !important;
            /* color: #3d4e4e; */
            font-size: 94px !important;
            line-height: 151px !important; 
            height: 16vh !important;
            }
            
        .user_theme_brown div.alphabet > span.selected > i:before, .user_theme_brown div.alphabet > span.hover > i:before {
            background: #15130D !important;
            /*border: solid 1.4vh;*/
            border-color: #1b1810;
            }}      
            
    @media (max-width: 1180px) {
        .user_theme_brown .alphabet span {
            font-family: "HIPPO" !important;
            font-size: 94px !important;
            line-height: 121px !important; 
            height: 14vh !important;
            }
            
        .user_theme_brown div.alphabet > span.selected > i:before, .user_theme_brown div.alphabet > span.hover > i:before {
            background: #15130D !important;
            /*border: solid 1.2vh;*/
            border-color: #1b1810;
            }}  
            
            
            
    @media (max-width: 1280px) {
        .user_theme_brown .alphabet span {
            font-family: "HIPPO" !important;
            font-size: 96px !important;
            line-height: 121px !important;
            height: 14vh !important;
            }}

    @media (max-width: 1024px) {
        .user_theme_brown .alphabet span.hover, .user_theme_brown .alphabet span.selected {
            font-size: 94px !important;
            line-height: 15vh !important;
            }} 
            
    @media (max-width: 998px) {        
        .user_theme_brown .back-to-list {
            transform: translate(-142vh, 10vh);
            font-size: 10px;
            width: 13em;
            }} 
            
    @media (max-width: 998px) {        
        .user_theme_brown .back-to-list {
            transform: translate(-148vh, 9vh);
            font-size: 10px;
            width: 13em;
            }}
            
    @media (max-width: 932px) {
        .user_theme_brown .back-to-list {
            transform: translate(-145vh, 9vh);
            font-size: 10px;
            width: 13em;
            }}            

    @media (min-width: 740px) and (max-width: 998px) {
        .user_theme_brown .alphabet span {
            font-family: "HIPPO" !important;
            /* color: #3d4e4e; */
            font-size: 60px !important;
            line-height: 60px !important;
            height: 17vh !important;
            }
            
        #messenger{
            font-size: 0.55rem;    
            } 
            
        .user_theme_brown .item__info {
            margin: 0% 2.5%;
            }
            
        .user_theme_brown .item__img {
            max-width: 1.7rem;
            margin-left: -6px;
            }
            
        .user_theme_brown .alphabet span.hover, .user_theme_brown .alphabet span.selected {
            font-size: 60px !important;
            line-height: 58px !important;
            }

        .user_theme_brown .itc-slider__wrapper {
            width: 40rem;
            height: 22rem;
            /*border: 4px solid; */
            border-radius: 12px;            
            }}
            
    @media (max-width: 740px) {
        .user_theme_brown .alphabet span {
            font-family: "HIPPO" !important;
            /* color: #3d4e4e; */
            font-size: 52px !important;
            line-height: 60px !important;
            height: 17vh !important;
            }
        .user_theme_brown .alphabet span.hover, .user_theme_brown .alphabet span.selected {
            font-size: 54px !important;
            line-height: 58px !important;
            }}            
            

    @media (max-width: 915px) {
        .user_theme_brown .back-to-list {
            transform: translate(-149vh, 10vh);
            font-size: 10px;
            width: 13em;
            }} 
            
    @media (max-width: 896px) {
        .user_theme_brown .back-to-list {
            transform: translate(-146vh, 10vh);
            font-size: 10px;
            width: 13em;
            }}             
            
    @media (max-width: 844px) {
        .user_theme_brown .back-to-list {
            transform: translate(-146vh, 12vh);
            font-size: 10px;
            width: 13em;
            }}
            
    @media (max-width: 844px) and (min-height: 280px){
        .user_theme_brown .back-to-list {
            position: absolute;
            top: 50%;
            transform: translate(-146vh, 12vh);
            z-index: 2;                
            }}     
                
    @media (max-width: 740px) {
        .user_theme_brown .back-to-list {
            transform: translate(-151vh, 15vh);
            font-size: 10px;
            width: 13em;
            }}


        .change_lang {
        	display:flex;
        	align-items:center;
        	justify-content:center;
            }
        .change_lang > button {
        	width:1.6rem;
        	height:1.6rem;
        	display:inline-block;
        	margin-left:20px;
        	background:rgba(0,0,0, 0);
        	border:0;
        	opacity:.6;
            }
        .change_lang > button:first-child {
        	margin-left:0px;
            }
        .change_lang > button.en::after {
        	width:100%;
        	height:100%;
        	background:url(../img/lang/en.png);
        	background-size:100% 100%;
        	content:"";
        	display:block;
            }
        .change_lang > button.ru::after {
        	display:block;
        	width:100%;
        	height:100%;
        	background:url(../img/lang/ru.png);
        	background-size:100% 100%;
        	content:"";
            }