body {
    background: #120a00;
}

.total_wrapper {
    max-width: 1920px;
    min-width: 360px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
}

.inv {
    text-align: center;
    font-family:'Stolzl-Regular', Arial, sans-serif;
    color: #ffffff;
    font-size: 75px;
}


header  {
    max-width: 1420px;
    min-width: 360px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    /*border:1px solid white;*/
}



.clearfix::after {
    content: '';
    clear: both;
    overflow: hidden;
    display: table;
}

.card_image {
    width: 100%;
    height:auto;
}

/*
>>>>>>>>>>>>>>>>>>>>>>>>>>> HEADER >>>>>>>>>>>>>>>>>>>>>>>*/

.circle_father {
    position: relative;
    margin: 0 auto;
    text-align: right;

}

.circle {
    position: absolute;
    z-index: -1;
    /*margin-left: 50%;*/
    background: url("img/big_circle_original.png") no-repeat right top;
    width: 1112px;
   /* width: 904px;*/
    height: 1112px;
    /*height:900px;*/
    margin: 0 auto;
    text-align: right;
    left: 59%;
    margin-top: 0;
  /*  overflow: hidden;*/
}

nav {
    display:block;
}
.nav_top a li {
    float:right;
    font: bold 24px Stolzl-bold, Arial, sans-serif;
    display: block;
    margin-right:30px;
    margin-left:30px;
    margin-top: 120px;
    color: #ffffff;
}

.header_text_uniq {
    font: normal 24px Stolzl, Arial, sans-serif;
    color: #ffffff;
    margin-top: 100px;
}

.head_gena {
    display: block;
    position: relative;
    width: 120px;
    height:118px;
    margin-left: 30%;
}

.head_gena_img1 {
 position: absolute;
    z-index: 3;
}

.head_gena_img2 {
    position: absolute;
    z-index: 2;
}

.head_gena_img3 {
    position: absolute;
    z-index:1;
}

.main_inv_title {
    font:600 120px Stolzl-Medium, Arial, sans-serif;
    text-align: center;
    color: #ffffff;
}

.game_img_holder {
    max-width:496px;
    min-width:360px;
    margin: 0 auto;
    margin-top: -5%;
}



/*.uniq_holder {
    margin-top: 125px;
}*/

.header_text_uniq2 {
    font: normal 24px Stolzl, Arial, sans-serif;
    color: white;
    text-align: right;
    position: relative;
    top: -100px;
}

.u_img_holder {
    width: 116px;
    display: block;
    position: relative;
}

.u_img_holder img {
    width: 100%;
    height:auto;
    position: absolute;
    margin-top: -150px;
    margin-left: -35px;
}

.header_text_uniq3 {
    font: normal 24px Stolzl, Arial, sans-serif;
    color: white;
    text-align: left;
    position: relative;
    /*top: -50px;*/
    margin-left: 14%;
}

.header_h2 {
    color: #ffffff;
    font:normal 48px Stolzl, Arial, sans-serif;
    text-align: center;
    margin-top: 100px;
}

/*
>>>>>>>>>>>>>>>>>>>>> MAIN SECTION <<<<<<<<<<<<<<<<<<<<<<*/
main {
    max-width: 1420px;
    min-width: 360px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: -50px;
    /*border:1px solid white;*/
}

.arrown_animated_down {
    margin-bottom: -45px;
    text-align: center;
    margin-top: 45px;
}

.two_cards_holder {
    display: block;
    position: relative;
}

.card1 {
    position: relative;
    float:left;
    width: 528px;
}

.card1 img {
    width: 100%;
    height:auto;
}

h3 {
    font: normal 44px Stolzl-Medium, Arial, sans-serif;
    text-align: center;
    color: #ffffff;
}

.card2 {
    position: relative;
    float:right;
    width: 528px;
}

.card2 img {
    width: 100%;
    height:auto;
}

.card3 {
    position: relative;
    width: 528px;
    margin: 0 auto;
}

.card3 img {
    width: 100%;
    height:auto;
}

.u_img_holder1 {
    width: 854px;
    display: block;
    position: relative;

    margin-left: -8%;
}

.u_img_holder1 img {
    width: 100%;
    height:auto;
    position: absolute;
    margin-top: -550px;
    margin-left: -385px;
}

.u_img_holder2 {
    width: 131px;
    display: block;
    position: relative;
}

.u_img_holder2 img {
    width: 100%;
    height:auto;
    position: absolute;
    margin-top: -350px;
    margin-left: 60%;
/*    margin-top: -550px;
    margin-left: -385px;*/
}

.u_img_holder3 {
   /* width: 206px;*/
    display: block;
    position: relative;
    text-align: right;
}

.u_img_holder3 img {
    float: right;
    width: 206px;
    height:auto;
    position: absolute;
    margin-top: -150px;
    right: -6%;
}

.h3_left {
    text-align: left;
}

.aps {
    width: 40%;
    text-align: center;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    flex-direction:row;
    position: relative;
    z-index:2;
}

.app {
    /*width: 40%;*/
    order:1;
}

.star_spin img {
    float:right;
    margin-right: 30%;
    margin-top: -145px;
}


.three_holder {
    display: block;
    min-width: 360px;
/*    margin-top: -10%;*/

}

.three_holder img {
    margin-top: -8%;
}

.three_d_cards_holder {
    display: flex;
    display: none;
}

/*//////////////// 3d objects ////////////////*/

.three_d_cards_holder {
    margin-top: 350px;
}

.three_d_element {
    order:1;
}

.three_d_text {
    font: normal 36px Stolzl, Arial, sans-serif;
    color: #ffffff;
}

/*
.three_d_one_arrow img {
    width: 100%;
}*/
.three_d_two {
    margin-top: -250px;
}

.three_d_three {
    margin-top: -350px;
    margin-left:-50px;
}

/*
//////////////// FIRST END OF MAIN >>>>>>>>>>>>>*/

.triangle_father {
    position: relative;
    margin: 0 auto;
    text-align: right;
    margin-right: 150px;
}

.triangle {
    position: absolute;
    z-index: -1;
    /*margin-left: 50%;*/
    background: url("img/triangle_big.png") no-repeat right top;
    /*width: 1117px;*/
    width: 457px;
    /*height: 1112px;*/
    height:509px;
    margin: 0 auto;
    text-align: right;
    left: 79%;
    bottom:-205px;
    /*  overflow: hidden;*/
}


/*
///// MAIN 2 //////*/



.main_2 {
    margin-top: 0;
    margin-bottom: -0px;
}

.title_main_2 {
    font:normal 48px Stolzl-Regular, Arial, sans-serif;
    color: #ffffff;
    margin-top: 0;
}

.story_txt {
    font: normal 24px Stolzl-book, Arial, sans-serif;
    text-align: left;
    color: #ffffff;
}

.story1_part1 {
    display: flex;
    margin-top: -100px;
}

.mobile_content {
    display: none;
    margin: 0;
}

.s1p1el {
    width: 50%;
    margin-top: -50px;
}

.s1p1el_with_arrow {
    margin-bottom: 50px;
}

.s1p1el img {
    /*margin-top: 23%;*/
    vertical-align: bottom;
    position: relative;
    top: 55%;
}

.stoty1part2 {
    margin-top: -15px;
}

.story_three_lines {
    text-align: center;
    margin-top: -10%;
}

.story1part3 {
    margin-top: -25px;
}

.story1part3col2 {
    width: 50%;
}

.story1part3col2 img {
    display: block;
}
.story1part3col2 img:nth-child(2) {
    float:right;

}

.story1part3col2 img:nth-child(3) {
  /*  text-align: left;*/

    margin: 0 auto;
    margin-top: 15%;
}

.story1part3col2 img:nth-child(4) {
    float:right;
    position: relative;
    top: 2%;
    width: 61px;
}

.plank_two_triangles {
    margin-top: -50px;
    margin-right: -25px;
    display: block;
}

.like_worm_red {
    display: block;
    margin-left: 50px;
    position: relative;
    left: -25%;
}


.story1part4 {
    display: flex;
    margin-top: -55px;
}
.story1part4_col2 {
    margin-top: -25px;
}

.sp4 {
    width: 50%;
}

.big_arrow_ {
    float:right;
    display: block;
    margin-left: 15px;
    position: relative;
    right: 15px;
}

.want_to_be_inventor {
    float: left;
    font:normal 48px Stolzl, Arial, sans-serif;
    color: #ffffff;
/*    margin-top: -15px;
    padding-bottom: 15px;*/
}

.gclc {
    float:right;
    display: block;
    position: relative;
    top: 50%;
    right: 15%;
}

/*.circle_father {
    position: relative;
    margin: 0 auto;
    text-align: right;

}*/

/*.circle {
    position: absolute;
    z-index: -1;
    !*margin-left: 50%;*!
    background: url("img/big_circle_original.png") no-repeat right top;
    width: 1112px;
    !* width: 904px;*!
    height: 1112px;
    !*height:900px;*!
    margin: 0 auto;
    text-align: right;
    left: 59%;
    margin-top: -2%;
    !*  overflow: hidden;*!
} */
.special_father {
    position: relative;
    margin: 0 auto;
    text-align: right;
    margin-top: -85px;
    /*    margin-right: -1685px;*/
}

.special_circle {
    width: 800px;
    height: 798px;
    position: absolute;
    z-index: -1;
    text-align: right;
    margin-left: 65%;
    background: url("img/big_circle_2.png") no-repeat right top;
}



 /*FOOOOOOOOOOOOOOOOOOOOTEEEEEEEEEEEEEEEEEEEERRRRRRRRRRRRRRR*/
footer  {
    max-width: 1420px;
    min-width: 360px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    /*border:1px solid greenyellow;*/
    margin-top: 75px;
}

.last_flex_container {
    display: flex;
}

.flex1, .flex2 {
    width: 50%;
}

.check_it_out {
    color: #ffffff;
    font:normal 48px Stolzl, Arial, sans-serif;
}

.big_head {
    color: #ffffff;
    display: block;
    font:normal 24px Stolzl-Medium, Arila, sans-serif;
}

.text_pre_last {
    color: #ffffff;
    font:normal 24px Stolzl-book, Arial, sans-serif;
    width: 90%;
}

.water_lemon_half {
    margin-left: 59%;
}

.f_img1 {
    margin-left: 13%;
    position: relative;
    z-index: -1;
}

.f_img2 {
    margin-left: 14%;
}

.f_img3, .f_img4 {
    display: block;
}

.f_img3 {
    margin-top: 20%;
    margin-left: 52%;
}

.f_img4 {
    margin-top: 18%;
    margin-left: 15%;
}

.last_words {
    margin-top: -75px;
    width: 95%;
}

.lw {
    color: #ffffff;
    font:normal 48px Stolzl, Arial, sans-serif;
   /* margin-bottom: -10px;*/
    margin-top: 75px;
    margin-bottom: 25px;
}

.casual_lw {
    color: #ffffff;
    font:normal 24px Stolzl-book, Arial, sans-serf;
}

.line_with_circle {
    position: relative;
    display: block;
    left: 100%;
    margin-top: -2%;
}

.aps2_bot {
    margin-top: -50px;
    display: flex;
    justify-content: space-between;
}

.conclusion {
    margin-top: 200px;
}

.st30  {
    color: #ffffff;
    font: normal 30px Stolzl, Arial, sans-serif;
    text-decoration: none;
}

.st30:hover {
    text-decoration: underline;
}

.st24 {
    color: #ffffff;
    font:normal 24px Stolzl, Arial, sans-serif;
}

.special_stuff {
    position: relative;
}

.special_stuff img {
    float:right;
    position: absolute;
}

.fi1 {
    left: 58%;
    margin-top: -5%;
    z-index: 3;
}

.fi2 {
    width: 50%;
    left: 45%;
    margin-top: -6%;
    z-index: -1;
}

.fi3 {
    right: 50%;
    margin-top: 15%;
}

li:hover {
    text-decoration: underline;
}



.video_little {
    display: none;
}

body {
    margin: 0;
    padding: 0;
}

.total_bg_order {
    display: none;
    width: 100%;
    height:100%;
    background: rgba(255,255,255, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 900;
}

.total_order_form {
    display: none;
    max-width: 500px;
    background: #000;
    position: fixed;
    left: 40%;
    top: 25%;
    z-index: 901;
    margin:0 auto;
}
.go_h4 {
    font-size: 35px;
    font-family:'Stolzl', sans-serif;
    color: #ffffff;
    text-align:center;
}
.cross_cancle {
    color: #ffffff;
    font-size:35px;
    display: block;
    float: right;
    padding: 15px;
    cursor: pointer;
}

.special_input {
    background: #000;
    border:2px solid #ffffff;
    font-size:35px;
    margin: 20px;
    padding: 10px;
    color: #ffffff;
}

.submit_button {
    background: #000;
    border:2px solid #ffffff;
    font-size:35px;
    color: #ffffff;
    margin: 20px;
    cursor: pointer;
}

::placeholder {
    color: #ffffff;
}