*{margin:0;padding:0;}
/*body,html{height:100%;}*/
html { background: #000; }
body{background:url(img/bg_v3.webp) no-repeat center top;background-size:cover;position: relative; display: inline-block;width:100%; height: 100%; min-height: 100vh;}
img{transition:all 0.25s ease-in-out;}

.position-relative { position: relative; }
.content_header { padding: 15px; text-align: center; }
.content_header img { max-width: 170px; }

.model_box{position:absolute;right:0;bottom:0;line-height:0; text-align: right;z-index:2;}
.model_box img{max-width:86%;}
.model_bg {position: absolute;right:0;bottom:0;z-index:1;mix-blend-mode:lighten;text-align: right;}
.model_bg img {max-width: 86%; }

.content_info{position:relative;max-width:60%;width:100%;float:left;padding-left:10%;padding-top:20px;z-index: 5;}
.content_info img{display:block;}
.logo_box{margin-bottom:20px;margin-left:-20px;}
.title_box{margin-bottom:20px;}
.button_btn{margin-top:20px;}
.content_top { position: relative; }
.stars_01 {position: absolute;top: -16%;left: 28%; animation: shineEffect linear 2s infinite; animation-delay: 1s;}
.stars_02 {position: absolute;bottom: 2%;left: 63%;animation: shineEffect linear 2s infinite; animation-delay: 1.5s;}
.button_box-tele img { margin: 0 auto;}
.button-wrapper { display: inline-block; }
.content_info img.title_300_box { width: 70%; }
.button-wrapper img { width: 100%; }
.button-wrapper { max-width: 450px;}
.button_box-tele img { width: 75%; }
.title_mobile { display: none !important;}

img.button_btn {
  animation-name: imgzoom;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
  animation-direction:alternate-reverse;
}
.button_btn_2 {
   animation-name: imgzoom;
  animation-duration: 0.3s;
  animation-delay: 0.3s;
  animation-iteration-count: infinite;
  animation-direction:alternate-reverse; 
}


img.title_200_box{    animation-name: imgzoom2;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-iteration-count: infinite;}
    
img.title_300_box{animation-name: imgjump;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;}

@keyframes imgzoom {
  from {transform:scale(1);}
  to {transform:scale(0.95);}
}
@keyframes shineEffect {
  0% {opacity: 1;}
  30% {opacity:0;}
  60% {opacity: 1;}
}

@keyframes imgjump {
    0%, 100%, 20%, 50%, 80% {
    transform: translateY(0);
    }
    40% {
    transform: translateY(-10px);
    }
    60% {
    transform: translateY(-20px);
    }
    
}

.telegram_box{position:fixed;bottom:20px;right:20px;z-index:9;}
.telegram_box img{animation-name: imgfloat;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction:alternate-reverse;}
@keyframes imgfloat {  
     from { transform: translateY(0px);}
  to { transform: translateY(-10px);}
}

/*******************/
.telegram_box, .button_box, .button_box-tele{cursor:pointer;}
/*******************/
  

@-ms-viewport {
	width: device-width;
}

@viewport {

	width: device-width;

}
@media screen and (min-width: 2000px) {
    .model_box img, .model_bg img { max-width: 100%; }
}
@media screen and (min-width: 2000px) and (min-height: 1200px) {
    .content_info { padding-top: 10vh;}
    .model_box img, .model_bg img { height: 90vh; max-width: unset; }
}
@media screen and (min-width: 1600px) and (min-height: 1000px) {
    .content_info { padding-top: 10vh;}
    .model_box img, .model_bg img { height: 85vh; max-width: unset; }
}
@media screen and (min-width: 1700px) {

}

@media only screen and (max-width: 1600px) {
	.content_info img.title_300_box {max-width:65%;}
	.model_box img, .model_bg img{max-width:65%;}
	.button-wrapper { max-width: 350px;}
}

@media only screen and (max-width: 1400px) {
    .content_info img.title_300_box {max-width:70%;}
    .model_box img, .model_bg img {max-width:65%;}
    
}
/* All Mobile Sizes (devices and browser) */


@media only screen 
	and (min-device-width : 1024px) 
	and (max-device-width : 1366px) 
	and (orientation : landscape) {
	    .content_info img{max-width:100%; }

}
@media only screen 
	and (min-device-width : 1024px) 
	and (max-device-width : 1366px) 
	and (orientation : portrait) {

}


@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape) {
	    	.content_info{padding-left:0;}
	.content_info img{max-width:75%;}
	.model_box img, .model_bg img{max-width:65%;}
}

@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) {

}

@media only screen and (max-width: 1023px) {
    body,html{height:inherit;}
    body { min-height: unset; }
.content_info{max-width:100%;float:none;padding-left:0;padding-top:0; text-align: center;}
.content_info img{max-width:90%; margin: 0 auto;}
.model_box img, .model_bg img{max-width:100%;}
.content_info img.logo_box {max-width:30%;}
.model_box{position:relative;margin-top:20px;}

.telegram_box{text-align:right;}
.telegram_box img{max-width:80%;}
.title_desktop {display: none !important; }
.title_mobile {display:block !important;}
.button-wrapper { max-width: 100%;margin: 0 auto; }
}

@media only screen and (max-width: 767px) {
	.button-wrapper { max-width :55%;}
	.model_box { bottom: -5px;}
}

@media screen and (max-width: 576px) {
    body, html { overflow: hidden; }
    .content_header img { max-width: 100px;}
    .content_info img.title_300_box { width: 90%; max-width: 90%;}
    .button-wrapper { width: 80%;max-width: 80%;}
}

@media only screen and (max-width: 320px) {

}