@font-face {
        font-family: 'Stick';
        font-style: normal;
        font-weight: 400;
        src: local('Stick-Regular'),
            url('./font/Stick-Regular.ttf') format('truetype');
    }





*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:focus, :active {
    outline: none;
}

a:focus, a:active {
    outline: none;
}

a {
    color: white;
}


nav, footer, header, aside {
    display: block;
}

body {
	overflow-x: hidden;
    height: 100%;
    width: 100%;
    line-height: 1;
    font-size: 16px;
    color:#fff;
background: #30363C;
    background-image: url(./images/bgtop.svg);
    background-size: cover;


}

input, button, textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a, a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}


h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
}


html,
body {
    font-family: "Euclid Circular A", sans-serif;
    font-size: 16px;
}





.logo{
width: 10%;	
display: inline-block;
}
.logo img{
position: absolute;
top: 10px;
}

.butk{
width: 10%;
    display: inline-flex;
    padding: 20px 70px;
    justify-content: center;
    align-items: center;
    color: #ED716B;
    border-radius: 20px;
    border: 1px solid #ED716B;
}

.menu{ 
width: 75%;
display: inline-flex;
}

.menu ul { 
  margin:auto; 
  padding: 0; 
  list-style: none; 
  display: table;
  text-align: center;
}
.menu li { 
  display: table-cell; 
  position: relative; 
  padding: 15px 0;
}
.menu a {
	font-family:'Stick';
	letter-spacing: -1px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  padding: 15px 20px;
  position: relative;
}
.menu a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #ED716B;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.menu a:hover:after { 
  width: 100%; 
  left: 0; 
}





.mobile-links__store {
    display: inline-block;
    vertical-align: top;
    margin: 10px 7px 0;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 15px;
       background-color: #000 !important;
}

.mobile-links__store-google {
    background: url(./images/rustore.png) no-repeat;
    background-position: 0 0;
    background-size: cover;
    width: 220px;
    height: 70px;
}


.mobile-links__store-apple {
    background-color: #000;
    background: url(./images/sprite-c611a40a.svg) no-repeat;
    background-position: 0 24.378109452736318%;
    background-size: 400px;
    width: 220px;
    height: 70px;
}


.tcenter{
text-align: center;
}


.mayam{
width: 80%; 
margin:auto; 
}
.mayam img{
width: 100%;
}


.tree{
display: flex;
    width: 80%;
	margin: auto;
}



.t1{
width: 25%;
}

.t2{
width: 500px;
}



.telega{ margin: 0 auto;text-align: center;display: block;}
.telega img{ display: flex;    margin: 0 auto;}


.iphone {width: 100%;position: relative;margin-top: -50%;text-align: center;}
.iphone span{
    bottom: 50px;
    width: 100%;
    left: 0;
    height: 500px;
    position: absolute;
    background: linear-gradient(180deg, rgba(65, 65, 65, 0.00) 47.21%, #414141 80.49%, #414141 90.62%, #414141 99.96%);
    filter: blur(45.95000076293945px);
}

.iphone a{
position: relative;
    border-radius: 20px;
    background: #F2655E;
    box-shadow: 0px 0px 12px 0px rgba(29, 30, 31, 0.25);
    display: inline-flex;
    padding: 32px 48px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #F9F7EF;
    width: 100%;
    font-weight: 700;
    text-decoration-line: underline;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: -100px;
}



.ttext{
color: #F9F7EF;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 10px;
    width: 100%;
}


.begun{
height: 30px;
    width: 100%;
    background-image: url(./images/begun.svg);
    margin-top: 50px;
}


.about{width: 100%;position: relative;margin-top:150px;text-align: center;}
.about .text{width: 60%;line-height: 35px;
    margin: auto;
    margin-top: -100px;
    font-size: 28px;}

   .about img{ width: 50vw;margin-bottom: -4%;}


.mir{
width: 100%;position: relative;margin-top:50px;text-align: center;
color: #F3D158;font-size: 50px;
font-style: normal;
font-weight: 700;
	
}


.mir span{color:#30363C;}


.mir img{margin-left: -150px;}


.block1{
position: relative;
    border-radius: 40px;
    border: 8px solid #E3F1F9;
    width: 100%;
    background: #FCFBF8;
    color: #30363C;
    font-size: 25px;
    box-shadow: -10.43px 9.271px 57.943px 0px rgba(0, 0, 0, 0.25);
    padding: 60px 50px;
    margin: 100px 0;	
	    background-image: url(./images/block1.png);
    background-size: cover;
}
.block1 .b1{width: 50%;}
.block1 .b1 span{font-family:'Stick';color:#FF5C00;font-size: 30px;}
.block1 img{
    position: absolute;
    top: -120px;
    right: -20px;
    width: 50%;
}



.block2{
position: relative;
    border-radius: 40px;
    border: 8px solid #E3F1F9;
    width: 100%;
    background: #FCFBF8;
    color: #30363C;
    font-size: 25px;
    box-shadow: -10.43px 9.271px 57.943px 0px rgba(0, 0, 0, 0.25);
    padding: 60px 50px;
    margin: 100px 0;	
	    background-image: url(./images/block2.png);
    background-size: cover;
}
.block2 .b1{width: 60%;margin-left:40%}
.block2 .b1 span{font-family:'Stick';color:#FF5C00;font-size: 30px;}
.block2 img{
position: absolute;
    top: -100px;
    left: -150px;
    width: 60%;
}

h2{
font-size: 30px;
font-weight: 700;
}



.u{
margin: 0 auto;
    height: 250px;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    width: max-content;
}

.u img{margin: auto;width: auto !important;}

.ubg{
	margin-top: 50px;
    position: absolute;
    display: block;
    left: -50%;
    width: 200%;
    height: 100px;
    background: rgba(136, 169, 173, 0.20);
}


.u1,.u3{
text-align:center;
background: url(./images/1.svg) no-repeat;
width: 255px;
color: #30363C;
font-size: 20px;
font-weight: 700;
padding-right: 20px;
z-index: 1;
}

.u2,.u4{
text-align:center;
background: url(./images/2.svg) no-repeat;
width: 255px;
color: #30363C;
font-size: 20px;
font-weight: 700;
z-index: 1;
}




.block3{
background: #F9F7EF;
width: 100%;
}

.block3 h3{font-family:'Stick';color:#FF5C00;font-size: 27px;}
.block3 h2{font-family:'Stick';color:#FF5C00;font-size: 50px;}


.block3 .b1{margin:auto;text-align: center;padding:100px 0;    max-width: 80vw;}

.block3 .g{margin-top:50px;display: flex;flex-wrap: wrap;gap: 10px;}




.block3 .g1{
	font-size: 18px;
	line-height: normal;
display: flex;
width: max-content;
height: 230px;
padding: 16px 24px;
flex-direction: column;
align-items: flex-start;
flex-shrink: 0;
text-align: left;
border-radius: 21.193px;
border: 7.064px solid #DDECE9;
color:#30363C;
box-shadow: -9.21px 8.186px 17.661px 0px rgba(37, 42, 52, 0.10);
}






.block3 .g1 h4{
color: #30363C;
font-size: 24px;
font-weight: 700;
}


.hfix1{height:18vh !important;}

.nowrap{white-space: nowrap;}

.ml{    margin-left: 12vw !important;}
.ml2{    margin-left: 4vw !important;}
.ml3{    margin-left: 16vw !important;}

.g01{
background: url(./images/bg1.svg) no-repeat #FFF;
        background-position: 60px -400px;
    background-size: 1400px 1400px;
}


.g02{
background: url(./images/bg1.svg) no-repeat #FFF;
background-size: 1400px 1400px;
background-position: -350px -290px;
}


.g03{
background: url(./images/bg1.svg) no-repeat #FFF;
background-size: 1400px 1400px;
background-position: -750px -320px;
}


.g04{
background: url(./images/bg1.svg) no-repeat #FFF;
background-size: 1400px 1400px;
background-position: -290px -750px;
}


.g05{
background: url(./images/bg1.svg) no-repeat #FFF;
background-size: 1400px 1400px;
background-position: -750px -820px;
}


.g06{
background: url(./images/bg1.svg) no-repeat #FFF;
background-size: 1400px 1400px;
background-position: 10px -980px;
}

.g07{
background: url(./images/bg1.svg) no-repeat #FFF;
background-size: 1400px 1400px;
background-position: -650px -970px;
}


.g08{
background: url(./images/bg1.svg) no-repeat #FFF;
background-size: 1400px 1400px;
background-position: -1020px -990px;
}





.block4{
position: relative;
text-align:center;
width: 100%;
padding:100px 0;
}


.block4 h3{
font-family:'Stick';
color: #fff;
font-size: 50px;
font-weight: 700;
}

.block4 b{
color: #F3D158;
font-size: 40px;
font-style: normal;
font-weight: 700;
}

.block4 img{
margin-top:50px;
width: 100%;
}



.block4 a{
position: relative;
    border-radius: 20px;
    background: #F2655E;
    box-shadow: 0px 0px 12px 0px rgba(29, 30, 31, 0.25);
    display: inline-flex;
    padding: 32px 48px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #F9F7EF;
    width: 100%;
    font-weight: 700;
    text-decoration-line: underline;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: -100px;
	width: 450px;
	margin-top:100px;
}









.block5{
background: #F9F7EF;
width: 100%;
}

.block5 h3{font-family:'Stick';color:#6BAEED;font-size: 27px;}
.block5 h2{font-family:'Stick';color:#6BAEED;font-size: 50px;}


.block5 .b1{margin:auto;text-align: center;padding:100px 0;    max-width: 82vw;}

.block5 .g{margin-top:50px;display: flex;flex-wrap: wrap;gap: 10px;}




.block5 .g1{
	line-height: normal;
	font-size: 18px;
display: flex;
width: max-content;
height: 230px;
padding: 16px 24px;
flex-direction: column;
align-items: flex-start;
flex-shrink: 0;
text-align: left;
border-radius: 21.193px;
border: 7.064px solid #DDECE9;
color:#30363C;
box-shadow: -9.21px 8.186px 17.661px 0px rgba(37, 42, 52, 0.10);
}






.block5 .g1 h4{
color: #30363C;
font-size: 24px;
font-weight: 700;
}




.b01{
background: url(./images/bg2.png) no-repeat #FFF;
        background-position: 60px -400px;
    background-size: 1400px 1400px;
}


.b02{
background: url(./images/bg2.png) no-repeat #FFF;
background-size: 1400px 1400px;
background-position: -350px -290px;
}


.b03{
background: url(./images/bg2.png) no-repeat #FFF;
background-size: 1400px 1400px;
background-position: -750px -320px;
}


.b04{
background: url(./images/bg2.png) no-repeat #FFF;
background-size: 1400px 1400px;
background-position: -290px -750px;
}


.b05{
background: url(./images/bg2.png) no-repeat #FFF;
background-size: 1400px 1400px;
background-position: -750px -820px;
}


.b06{
background: url(./images/bg2.png) no-repeat #FFF;
background-size: 1400px 1400px;
background-position: 10px -980px;
}

.b07{
background: url(./images/bg2.png) no-repeat #FFF;
background-size: 1400px 1400px;
background-position: -650px -970px;
}


.b08{
background: url(./images/bg2.png) no-repeat #FFF;
background-size: 1400px 1400px;
background-position: -1020px -990px;
}



.block6{
background: url(./images/bg3.png) no-repeat #30363C;
    background-size: 80%;
    background-position: center top;
width: 100%;
    padding-top: 200px;
font-size: 24px;
color: rgba(252, 251, 248, 0.50);
}

.block6 h2{
color: #FFF;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.block6 input{
width: 100%;
text-align:left;
display: flex;
height: 60px;
padding: 10px 16px;
color: #fff;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 20px;
border: 1px solid #F5B13D;
background: rgba(252, 251, 248, 0.10);
margin-top:12px;
}


.block6 .a:hover,.block6 .a:focus,.block6 .a:active {background: #F2655E;color: #fff;}
.block6 .a:disabled{background:#4A5158;color: rgba(249, 247, 239, 0.50);}

.block6 .a{
position: relative;
    border-radius: 20px;
   background: #F2655E;color: #fff;
    box-shadow: 0px 0px 12px 0px rgba(29, 30, 31, 0.25);
    display: inline-flex;
    padding: 32px 48px;
    justify-content: center;
    align-items: center;
    gap: 10px;;
    width: 100%;
    font-weight: 700;
    font-size: 20px;
    margin-top: -100px;
	width: 100%;
	margin-top:50px;
	cursor: pointer;
	text-transform: uppercase;
	    text-align: center;
}


.block6 .b{
display: block;
padding:300px 0; 
color: #FFF;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}


.block6 .c{
	margin-top:100px;
font-family:'Stick';
display: block;
color: #FFF;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
right:100px;
position:absolute;
}



.block7{
display: block;
    color: #fff;
    font-family: 'Stick';
    width: 200px;
    margin: 300px auto 0;
    font-size: 24px;
    text-align: center;
}





.block6 .Checkbox {
    display: none;
}
.block6 .Checkbox + label {
margin-top: 19px;
    position: relative;
    padding-left: 30px;
    height: 1.5em;
    display: inline-block;
    align-items: center;
    cursor: pointer;
    user-select: none;
    width: 100%;
    font-size: 18px;
}
.block6 .Checkbox + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.block6 .Checkbox:checked + label::before {
    border-color: #00b50e;
    background-image: url('./images/checkbox.png');
    background-size: contain;
}
.block6 .Checkbox:not(:disabled):not(:checked) + label:hover::before {
    border-color: #00b50e;
}
.block6 .Checkbox:focus + label::before {
    box-shadow: 0 0 3px 3px rgba(0, 215, 6, 0.4);
}
.block6 .Checkbox:not(:disabled) + label:active::before {
    box-shadow: 0 0 3px 3px rgba(0, 215, 6, 0.4);
}
.block6 .Checkbox:disabled + label {
    color: #aaa;
    cursor: not-allowed;
}
.block6 .Checkbox:disabled + label::before {
    border-color: #ccc;
}
.block6 .Checkbox:disabled:checked + label::before {
    background-image: url('./images/checkbox2.png');
}





@media screen and (max-height: 900px) and (orientation: landscape){
.block3 .g1 h4,.block5 .g1 h4{font-size: 20px;}
.block3 .g1,.block5 .g1{font-size: 14px;}
.block5 .b1{max-width: 80vw;margin-left: 10vw;}
.g01 {background-position: -40px -400px;}
.g06 {background-position: -140px -900px;}
.g08 { background-position: -970px -990px;}
}






@media screen and (max-height: 768px) and (orientation: landscape){
.mir img {margin-left: -140px;}
.block3 .g1 h4,.block4 .g1 h4{font-size: 20px;}
.block3 .g1,.block5 .g1{font-size: 14px;}
.block3 .b1{max-width: 80vw;margin-left: 10vw;}
.block5 .b1{max-width: 90vw;margin-left: 8vw;}
.g01 {background-position: -40px -400px;}
.g06 {background-position: -140px -900px;}
.g08 { background-position: -970px -990px;}
}



.container {
    max-width: 1500px;
    padding: 0 60px;
    margin: 0 auto;
}


.hamb,.nav,.side-menu{display:none;}

header {
	background: #30363C;
}



.fright {
top: 100px;
    left: 70vw;
    position: absolute;
    display: flex;
    z-index: 1;
}

.link {
    display: flex;
    width: 26px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
color:#fff;
}



.active {
    color: #0962E8;
    background: #FFF;
    margin-right: 10px;
}


/* Main---------------------------------------------------------*/

.main {
    flex: 1 1 auto;
}

/*-------------------*/
.info {
overflow-x: hidden;
    height: 100%;
    padding-top: 122px;
}


.shapka {
width: 60%;
}


.block6 .flex{width: 100%;display:flex;gap:10%;}
.block6 .l{width: 40%;font-style: normal;line-height: normal;}
.block6 .l a,.block6 .r a{color:#5997D9;}
.block6 .r{width: 40%;color:#fff;margin-top:20px;font-style: normal;line-height: normal;}







@media screen and (max-width: 1440px){
.block3 .b1 {
    max-width: 80vw;
}

.block3 .g1{
height: 210px;
}
.block5 .g1{
height: 180px;
}



.hfix1 {
    height: 25vh !important;
}


}



@media screen and (max-width: 1280px){
	
.hfix1 {
    height: 25vh !important;
}
	
.block3 .g1{
height: 210px;
}
.block5 .g1{
height: 180px;
}

	
.block3 .b1 {
    max-width: 90vw;
    margin-left: 6vw;
}

.block5 .b1 {
    max-width: 90vw;
    margin-left: 5vw;
}


}





@media screen and (max-width: 768px) and (orientation: portrait),screen and (orientation: portrait){
	
/* Nav menu */

:root{
    --white: #f9f9f9;
    --black: #36383F;
    --grey: #85888C;
}


.nav{
	    margin-top: 70px;
    z-index: 11;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: var(--black);
    overflow: hidden;
    
}

.menum a{
	font-family: 'Stick';
    display: block;
    padding: 30px;
    color: var(--white);

}

.menum a:hover{
    background-color: var(--grey);
}

.nav{
    max-height: 0;
    transition: max-height .5s ease-out;
}

/* Menu Icon */

.hamb{
    cursor: pointer;
    float: right;
}


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

.hamb-line::before,
.hamb-line::after{
    background: var(--white);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.hamb-line::before{
    top: 5px;
}

.hamb-line::after{
    top: -5px;
}


.side-menu {
    display: none;
}

/* Toggle menu icon */

.side-menu:checked ~ nav{
    max-height: 100%;
}

.side-menu:checked ~ .hamb .hamb-line {
    background: transparent;
}

.side-menu:checked ~ .hamb .hamb-line::before {
    transform: rotate(-45deg);
    top:0;

}

.side-menu:checked ~ .hamb .hamb-line::after {
    transform: rotate(45deg);
    top:0;
}


/* Responsiveness */	
	
	
	
	
	
	.telega { margin: 0 auto 15px;}
	
	
.container {max-width: 100%;padding: 0 10px;}
.logo {padding: 0;}
.menu,.butk{display:none;}

.tree {display: inline-block;width: 100%;}


.t2,.t1 { width: 100%;}

.iphone {margin-top: 0;}

.iphone img{width: 90vw;margin-top: -2px;}

.iphone a{padding: 22px 28px;font-size: 14px;}


.about {margin-top: 50px;}
.about img{width: 100vw;margin-top: -30px;}
.about .text {width: 90%;  }
	
.block1,.block2,.block3,.block4,.block5 {padding: 30px 10px;}
	
	.mobile-links__store {
    margin: 0 10px 15px;
	}
	
	
.block1 .b1 { width: 100%;}
.block1 img {
    position: relative;
    top: 0;
    right: 30px;
    width: 100vw;
}



.block2 .b1 {
    width: 100%;
    margin-left: 0;
}
.block2 img {
    position: relative;
    top: 0;
    left: -180px;
    width: 200%;
}
	
.hfix1 {height: auto !important;}
	
.ml,.ml2,.ml3 {margin-left: 0 !important;}	
.block3 .b1,.block5 .b1 {max-width: 100%;}
.block3 h2,.block5 h2 {font-size: 36px;}
.block3 .g1,.block5 .g1 {width: 95%; height: auto;}
	
	
.block4 a {width: 100%;font-size: 16px;}
	
	
.block6 {padding-top: 50px;}	
.block6 input {width: 95vw;height: 60px;font-size: 16px;}
.block6 .b {text-align: center;padding: 90px 0;}
	
.block6 .c {
    right: 0;
    position: relative;
    text-align: center;
}

.block7{margin: 100px auto 0;}
	
.hamb{position: absolute;
    display: block;
    top: 20px;
    right: 10px;
}
	
.nav {display: block;}
	
.mir { font-size: 50px;}
 
.block4 h3 {letter-spacing: -11px;}
.block5 h2 {letter-spacing: -6px;}
	
.block6 .a {width: 100%;font-size: 16px;}
	
	
.ubg{display:none;}
.u{height: 100%;display: block;}
.u1,.u2,.u3,.u4{height: 250px;}
	
.block6 .flex {display: block;}	
.block6 .l,.block6 .r{width: 100%;margin-top:20px;}	
	
	
	
}