@font-face{
    font-family: "AcrobatRegular"; 
    src: url("./../fonts/acrobat/WEB/Akrobat-Regular.eot"); 
    src: url("./../fonts/acrobat/WEB/Akrobat-Regular.eot?#iefix") format("embedded-opentype"),
    url("./../fonts/acrobat/WEB/Akrobat-Regular.woff") format("woff"), 
    url("./../fonts/acrobat/TTF/Akrobat-Regular.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
}
html,body{ margin: 0; padding: 0; }
h1,p{ margin: 0; }
html{
    overflow-x: auto;
}
body{
    font-family: 'AcrobatRegular',Helvetica,Arial,sans-serif;
    color: #000d1a;
    background: #99ccff;
    text-align: left;
    letter-spacing: 1px;
}
button, a{
	cursor: pointer;
}
button:focus, input:focus, select:focus, textarea:focus{
	outline: none;
}
button:hover{
    cursor: pointer;	
}
a{
    color: #fff;
    text-decoration: none;   
 }
a:hover{
    color: #fff;
}
input[disabled]{
	background: #F9F9F9;
}
input[type=text], input[type=password], input[type=file], input[type=submit], textarea{
    -webkit-appearance: none;
}
select, input, button{
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
}
input, button, textarea, select{
    border-radius: 0px;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px 20px;
    border: 1px solid #fff;
    font-family: 'AcrobatRegular',Helvetica,Arial,sans-serif;
    color: #fff;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(0,0,0,0.6);
}
textarea{
    display: block;
    height: 300px;
}
.shadow-font{
    text-shadow: 
        -1px -1px 0px rgb(206 0 0), 
        -1px 1px 0px rgb(173 0 0), 
         1px -1px 0px rgb(226 0 0), 
         1px 1px 0px rgb(202 5 5), 
        -2px -2px 3px rgb(232 0 0), 
        -2px 2px 3px rgb(185 4 4), 
         2px -2px 3px rgb(232 0 0), 
         2px 2px 3px rgb(162 15 15);
}
.off-drag{
    user-drag: none; 
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.clear{
    clear: both;
}
.hover-effect{
    -webkit-transition: all 0.5s ease-out; 
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}
.error-title{
    color: #00ff00;
    text-transform: lowercase;
}
.uppercase{
    text-transform: uppercase;
}
.pink{
    color: #fecccc;
}
.blue-dark{
    color: #526c82;
}
.bg-red{
    background-color: #c83232;
}
.yellow{
    color: #ffcc03;
}
::selection {
    color: #fff;
    background: #6b6b6b;
}
::-webkit-input-placeholder{
    color: #6b6b6b !important;
    text-shadow: none !important;
}
:-moz-placeholder{
    color: #6b6b6b !important;
    text-shadow: none !important;
}
::-moz-placeholder{
    color: #6b6b6b !important;
    text-shadow: none !important;
}
:-ms-input-placeholder{
    color: #6b6b6b !important;
    text-shadow: none !important;
}
.error{
    font-family: 'AcrobatRegular',Helvetica,Arial,sans-serif;
    padding: 20px;
    border-radius: 8px;
    background: #ff6535;
    border: solid 1px #333;
    color: #333;
    font-size: 26px;
    z-index: 1;
    min-width: 350px;
    text-align: center;
    z-index: 50;
    font-weight: bolder;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.success{
    font-family: 'AcrobatRegular',Helvetica,Arial,sans-serif;
    padding: 20px;
    border-radius: 8px;
    background: #5faa43;
    border: solid 1px #333;
    color: #333;
    font-size: 26px;
    z-index: 1;
    min-width: 350px;
    text-align: center;
    z-index: 50;
    font-weight: bolder;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
h1{
    font-family: "AcrobatRegular",Helvetica,Arial,sans-serif;
    font-size: 28px;
    color: #526c82;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin: 0px;
}
.title{
    font-size: 22px;
    text-align: center;
    margin: 0px 0px 50px 0px;
}
.red-nav{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    background-color: #99ccff;
    vertical-align: middle;
}
.wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px auto;
    padding: 10px;
    width: calc(100% - 70px);;
    align-items: center;
}
.wrapper div{
    justify-content: space-between;
}
.wrapper .logo{

}
.wrapper .sl-language{
    margin-left: auto;
    order: 2;
    position: relative;
    top: 4px;
}
.wrapper .logo .a{color: #E7484F}
.wrapper .logo .b{color: #F68B1D}
.wrapper .logo .c{color: #FCED00}
.wrapper .logo .d{color: #009E4F}
.wrapper .logo .e{color: #00AAC3}
.wrapper .logo .f{color: #732982}
.rainbow-1:hover{
    background-color: #303030;
    border-radius: 4px;  
    color: #929292;
    cursor: pointer;
    padding: 12px 22px;
    font-weight: 900;
    font-size: 20px;
    background-image: none;
}
.rainbow:hover{
    background-color: #303030;
    border-radius: 4px;  
    color: #929292;
    cursor: pointer;
    padding: 12px 22px;
    font-weight: 900;
    font-size: 20px;
    background-image: none;
}
.rainbow-1{
    background-color: #303030;
    border-radius: 4px;
    cursor: pointer;
    padding: 12px 22px;
    font-weight: 900;
    font-size: 20px;
    color: #000;
    background-image: linear-gradient(
        90deg, 
        #00C0FF 0%, 
        #FFCF00 49%, 
        #FC4F4F 80%, 
        #00C0FF 100%
    );
    animation: slidebg 20s linear infinite;
}
.rainbow{
    background-color: #303030;
    border-radius: 4px;
    cursor: pointer;
    padding: 12px 22px;
    font-weight: 900;
    font-size: 20px;
    color: #000;
    background-image: linear-gradient(
        to right, 
        #E7484F,
        #E7484F 16.65%,
        #F68B1D 16.65%,
        #F68B1D 33.3%,
        #FCED00 33.3%,
        #FCED00 49.95%,
        #009E4F 49.95%,
        #009E4F 66.6%,
        #00AAC3 66.6%,
        #00AAC3 83.25%,
        #732982 83.25%,
        #732982 100%,
        #E7484F 100%
    );
    animation: slidebg 40s linear infinite;
}
@keyframes slidebg{
    to{
        background-position:20vw;
    }
}
.main-intro{
    display: block;
    width: 100%;
    min-height: 100vh;
    max-width: 100%;
    background-color: #000;
    color: #fff;
    position: relative;
}
.main-intro .greet{
    display: block;
    margin: 0px 0px 0px 0px;
}
.main-intro .greet div{
    display: inline-block;
    vertical-align: top;
    color: #000000;
}
.main-intro .greet video{
    width: 420px;
    display: inline-block;
    margin: 30px 0px 30px 0px;
    border: solid 1px #042f57;
}
.main-intro .cheer{
    display: inline-block;
    padding: 15px;
    text-align: right;
    font-size: 60px;
    width: calc(100% - 460px);
}
.main-intro .videos{
    display: block;
    width: 700px;
    margin: 40px auto;
}
.main-intro .videos .pics{
    display: block;
    padding: 20px;
    margin: 20px 0px 20px 0px;
    text-align: center;
}
.blue-shadow{
    box-shadow: 0px 0px 25px 2px rgb(0 41 159);
}
.main-intro .videos .pics .perc100{
    width: 100%;
    vertical-align: middle;
}
.main-intro .videos .pics .perc50{
    max-width: 47%;
    vertical-align: middle;
    margin: 12px 0px;
}
.main-intro .videos .pics .perc750{
    width: 100%;
    vertical-align: middle;
    margin: 0px;
}
.buttons{
    display: block;
    padding: 20px;
    text-align: center;
    background: #99ccff;
}
.buttons.backgroud-none{
    background: none;
}
.buttons a{
    width: auto;
    display: inline-block;
    background-color: transparent;
    color: #303030;
    border: solid 3px #303030;
    padding: 6px 26px;
    font-size: 26px;
    border-radius: 8px;
}
.buttons a:hover{
    background-color: #e7474f;
    color: #303030;
    border: solid 3px #303030;
}
.foot{
    margin: 120px 0px 0px 0px;
    padding: 15px 0px;
    text-align: center;
    font-size: 20px;
    line-height: 38px;
    color: #57697b;
    background: #303030;
}
.foundation{
    color: #57697b;
}
.login-form{
    display: block;
    width: 700px;
    margin: 40px auto;
    text-align: center;
    color: #fff;
}
.login-form button{
    display: block;
    background-color: rgba(0,0,0,0.6);
    font-size: 26px;
    margin: 18px auto;
    width: 360px;
    padding: 9px 23px;
    border: none;
    color: #6b6b6b;
    border-radius: 8px;
}
.login-form button:hover{
    background-color: #303030;
}
.login-form button:focus{
    background-color: #303030;
}
.login-form input{
    display: block;
    background-color: rgba(0,0,0,0.6);
    font-size: 26px;
    margin: 0px auto;
    width: 360px;
    padding: 9px 23px;
    border: none;
    color: #6b6b6b;
    border-radius: 8px;
}
.login-form input:hover{
    background-color: #303030;
}
.login-form input:focus{
    background-color: #303030;
}
.login-form ::-webkit-input-placeholder{
    color: #6b6b6b !important;
    text-shadow: none !important;
}
.login-form :-moz-placeholder{
    color: #6b6b6b !important;
    text-shadow: none !important;
}
.login-form ::-moz-placeholder{
    color: #6b6b6b !important;
    text-shadow: none !important;
}
.login-form :-ms-input-placeholder{
    color: #6b6b6b !important;
    text-shadow: none !important;
}
.itsself{
    margin: 60px 0px 60px 0px;
    font-size: 32px;
}
.plans h1{
    color: #e61a21;
}
.plans h3{
    color: #fff;
}
.dep-address span{
    color: #e61a21;
}
.plans .item{
    display: inline-block;
    vertical-align: top;
    width: 186px;
    margin: 25px 10px 25px 10px;
    padding: 10px;
    border: solid 2px #e61a21;
    height: 260px;
    background-color: rgba(0,0,0,0.2);
}
.plans .item .name{
    font-size: 26px;
    font-weight: 900;
    color: #00ff00;
    margin: 15px 0px 15px 0px;
}
.plans .item .name{
    font-size: 26px;
    font-weight: 900;
    color: #fff;
    margin: 15px 0px 15px 0px;
}
.plans .item .price{
    font-size: 21px;
    font-weight: 900;
    color: #ffec3a;
    margin: 15px 0px 15px 0px;
}
.plans .item .info{
    margin: 15px 0px 15px 0px;
    font-size: 16px;
}
.plans .item .info div{
    color: #fff;
    margin: 4px 0px;
    text-align: left;
}
.videos{
    display: block;
    width: 700px;
    margin: 40px auto;
    text-align: center;
    color: #000;
}
.videos .core-greet{
    font-size: 18px;
    text-align: left;
    margin: 22px 0px 22px 0px;
    color: #000;
}
.videos video{
    margin: 90px auto 18px auto;
    display: block;
    width: 400px;
}
.video-download-link{
    text-align: center;
}
.video-download-link div{
    margin: 15px 0px;
    color: #303030;
}
.video-download-link a{
    width: auto;
    display: inline-block;
    background-color: #e7474f;
    color: #303030;
    border: solid 3px #303030;
    padding: 4px 22px;
    font-size: 18px;
    border-radius: 8px;
}
.video-download-link a:hover{
    color: #fff;
    border: solid 3px #042f57;
    background-color: transparent;
}
.crumbs{
    margin: 60px 0px -50px 0px;
    font-size: 18px;
    color: #000;
    font-weight: bolder;
}
.crumbs a{
    color: #732982;
    margin: 0px 4px;
}
.crumbs a.active{
    color: #000;
}
.crumbs a:hover{
    color: #000;
}
.crumbs .crumbs-title{
    font-weight: 900;
    margin: 0px 0px 16px 0px;
    font-size: 22px;
    color: #732982;
}
.description{
    padding: 20px;
    text-align: center;
    color: #ff6b00;
    font-size: 20px;
}
.description-email{
    font-weight: 900;
    margin: 8px auto;
}
.chat{
    width: 50%;
    margin: 80px auto 0px auto;
    padding: 15px;
    background-color: #303030;
}
.chat-title{
    text-align: center;
    font-size: 40px;
    color: #6b6b6b;
    font-weight: 700;
}
.chat .form{
    display: block;
    width: 400px;
    margin: 20px auto;
}
.chat .form input{
    width: 360px;
    padding: 9px 23px;
    border: none;
    color: #6b6b6b;
}
.chat .form input:hover{
    background-color: rgba(0,0,0,0.2);
}
.chat .form textarea{
    width: 360px;
    height: 100px;
    padding: 9px 23px;
    border: none;
    color: #6b6b6b;
    margin: 10px 0px;
}
.chat .form textarea:hover{
    background-color: rgba(0,0,0,0.2);
}
.chat .form button{
    width: 360px;
    padding: 9px 23px;
    border: none;
    color: #c3c3c3;
}
.chat .form button:hover{
    color: #6b6b6b;
    border: none;
    background-color: rgba(0,0,0,0.2);
}
.chat .chat-messages{
    width: 90%;
    display: block;
    margin: 20px auto;
    overflow-y: scroll;
    border-bottom: none;
    max-height: 300px;
}
.chat .error-message{
    padding: 20px;
    border-radius: 0px;
    background: none;
    margin: 15px 0px;
    color: #e61a21;
    font-size: 26px;
    min-width: 350px;
    text-align: center;
    font-weight: bolder;
    -webkit-box-shadow: inset 0px 0px 10px #e61a21;
    -moz-box-shadow: inset 0px 0px 10px #e61a21;
    box-shadow: inset 0px 0px 10px #e61a21;
}
/* width */
.chat .chat-messages::-webkit-scrollbar {
    width: 20px;
}
/* Track */
.chat .chat-messages::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #464646;
    border-radius: 10px;
}
/* Handle */
.chat .chat-messages::-webkit-scrollbar-thumb {
    background: #57697b;
    border-radius: 10px;
    height: 20%;
}
.chat .chat-messages::-webkit-scrollbar-thumb:hover {
    background: #6b6b6b;
    border-radius: 10px;
}
.chat .chat-messages::-webkit-scrollbar-corner{
    box-shadow: inset 0 0 5px #464646;
    border-radius: 10px;
}
.chat .chat-messages{
    scrollbar-color: #57697b #464646;
    scrollbar-width: thin;
}
.chat-messages .message{
    margin: 0px 0px 30px 0px;
}
.chat-messages .names{
    display: block;
    margin: 8px 0px;
    font-style: oblique;
    font-size: 16px;
    color: #72b4f7;
    font-weight: bolder;
}
.chat-messages .name-green{
    color: #4fdda6;
    font-weight: bolder;
}
.chat-messages .message-data{
    font-size: 18px;
    color: #e6e6e6;
    font-weight: 700;
}
.chat ::-webkit-input-placeholder{
    color: #6b6b6b !important;
    text-shadow: none !important;
}
.chat :-moz-placeholder{
    color: #6b6b6b !important;
    text-shadow: none !important;
}
.chat ::-moz-placeholder{
    color: #6b6b6b !important;
    text-shadow: none !important;
}
.chat :-ms-input-placeholder{
    color: #6b6b6b !important;
    text-shadow: none !important;
}
.orange-highlight{
    display: block;
    margin: 5px 0px;
    text-align: center;
    font-size: 26px;
    font-weight: 900;
    color: #000000;
}
.orange-highlight.mail{
    font-size: 32px;
    margin: 15px 0px;
}
.plans .funnels{
    color: #e61a21;
    margin: 12px auto;
    width: 400px;
    text-align: center;
    font-size: 16px;
}
.sub-menu{
    display: block;
    margin: 20px 0px;
    text-align: center;
}
.sub-menu .buttons{
    display: inline-block;
    padding: 0px;
    background: none;
}
.sub-menu .buttons a{
    background-color: transparent;
    color: #303030;
    border: solid 3px #303030;
    font-size: 18px;
    border-radius: 8px;
    padding: 8px 18px;
    margin: 0px 1px 0px 1px;
}
.sub-menu .buttons a.active{
    background-color: #e7474f;
    color: #303030;
    border: solid 3px #303030;
}
.sub-menu .buttons a:hover{
    background-color: #e7474f;
    color: #303030;
    border: solid 3px #303030;
}
.become-a-star{
    width: 50%;
    margin: 120px auto 0px auto;
    padding: 15px;
}
.become-a-star h1{
    display: block;
    margin: 5px 0px;
    text-align: center;
    font-size: 35px;
    font-weight: 900;
    color: #ff6b00;
}
.become-a-star .offer{
    margin: 20px 0px;
    font-size: 26px;
    letter-spacing: 2.2px;
    line-height: 1.8;
    color: #042f57;
}
.become-a-star .offer-img{
    text-align: center;
}
.become-a-star .offer-img img{
    display: inline-block;
    margin: 20px auto;
    width: 100px;
    height: 100px;
}
.haters{
    font-size: 18px;
    color: #06a3ce;
    font-weight: 700;
    text-align: center;
    margin: 30px 0px;
}
.haters a{
    color: #e61a21;
}
.haters a:hover{
    color: #06a3ce;
}
.videos.hate video{
    width: 100%;
    height: 480px;
}
.video-proof{
    display: block;
    width: 700px;
    margin: 40px auto;
}
.video-proof .title{
    text-align: center;
}
.video-proof .video{
    display: block;
    padding: 20px;
    margin: 20px 0px 20px 0px;
    text-align: center;
}
.video-proof .video video{
    width: 100%;
}
.job{
    width: 50%;
    margin: 25px auto 25px auto;
    padding: 15px;
}
.job h1{
    margin: 25px auto;
    color: #00ff00;
}
.job .orange-highlight{
    font-size: 18px;
    text-align: left;
}
.job .block-offer{
    margin: 15px 0px;
    color: #00ff00;
}
.work-tab{
    position: relative;
    width: 98%;
    padding: 2%;
}
.lang-change{
    width: 390px;
    font-size: 18px;
    color: #06a3ce;
    font-weight: 700;
    display: inline-block;
}
.lang-change select{
    color: #303030;
    font-size: 15px;
    border: solid 3px #303030;
    background-color: transparent;
    appearance: none;
    -moz-appearance: none;
    border-radius: 4px;
}
.lang-change button{
    width: 115px;
    display: inline-block;
    color: #303030;
    font-size: 15px;
    border: solid 3px #303030;
    background-color: transparent;
    appearance: none;
    -moz-appearance: none;
    margin: 0px 2px;
    padding: 9.5px 20px;
    vertical-align: top;
    border-radius: 4px;
}
.lang-change select:hover{
    cursor: pointer;
}
.lang-change select *{
    background-color: transparent;
    font-size: 18px;
}
.form-lang{
    display: block;
    width: center;
}
.legs{
    width: 100%;
}
.legs .line{
    display: block;
    width: 100%;
    margin: -7px;
    height: 0.1px;
    background-color: transparent;
    box-shadow: 5px 3px 11px 3px rgb(0 0 210);
    z-index: 5;
}
.legs img{
    width: 100%;
    z-index: 6;
}
.about-gore{
    display: block;
    width: 100%;
    margin: 75px auto;
    color: #ffffff;
}
.second-buttons{
    margin: 0px 0px 80px 0px;
}
.img-join-teens{
    width: 100%;
}
.img-join-teens img{
    width: 100%;
    height: auto;
}
.about-gore h1{
    color: #6b6b6b;
    text-transform: uppercase;
    font-size: 32px;
    text-align: center;
}
.about-gore .reason{
    margin: 25px 0px;
    width: 15%;
    display: inline-block;
    padding: 0% 2%;
    text-align: left;
    vertical-align: top;
}
.about-gore .reason-title{
    margin: 5px 0px;
    font-weight: bolder;
    font-size: 18px;
    color: #000;
}
.about-gore .reason-description{
    margin: 5px 0px;
    font-size: 16px;
    color: #000;
}
.check-samples{
    display: block;
    width: 90%;
    margin: 75px auto;
    color: #ffffff;
}
.check-title{
    font-size: 32px;
    font-weight: bolder;
    padding: 0px;
    text-align: center;
    color: #6b6b6b;
}
.video-preview{
    display: block;
    text-align: center;
    margin: 60px auto;
}
.video-preview video{
    width: 800px;
    display: block;
    margin: 0px auto;
}
.log-img{
    margin: 30px 18px 0px 0px;
    position: relative;
    top: 0px;
    left: 9px;
}
.reason-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.reason-wrap .reason{
    display: flex;
    flex-direction: column;
    justify-content: start;
    position: relative;
    text-align: center;
    vertical-align: top;
    padding: 15px;
}
.about-gore .reason-description{
    text-align: left;
}
.user-form{
    display: block;
    width: 100%;
    min-height: 50vh;
    text-align: center;
    padding: 50px 0px 0px 0px;
}
.user-form input, .user-form button{
    width: auto;
    display: inline-block;
    background-color: transparent;
    color: #303030;
    border: solid 3px #303030;
    padding: 10px 16px;
    font-size: 15px;
    border-radius: 8px;
    font-weight: 900;
}
.user-form input:hover, .user-form button:hover{
    background-color: #e7474f;
    color: #303030;
    border: solid 3px #303030;
}
.info-join-wr{
    width: 70%;
    margin: 0px auto;
    padding: 20px;
    border: solid 3px #000;
    border-radius: 12px;
    font-size: 18px;
    background-color: #303030;
    color: #929292;
}
.info-join-wr .info-join-item{
    margin: 8px 0px;
}
.info-join-wr .info-des{
    font-size: 22px;
    margin: 8px 0px 28px 0px;
}
.info-join-wr .info-des .foundation{
    font-weight: 900;
    color: #929292;
}
.info-join-wr .info-join-item .name{
    font-weight: bolder;
    color: #732982;
}
.info-join-wr .info-join-item .name-val{
    font-size: 22px;
}
.info-join-wr .info-join-item.enter a{
    display: inline-block;
    border: solid 2px #929292;
    border-radius: 12px;
    padding: 4px 14px;
    color: #929292;
    margin: 18px 0px 0px 0px;
}
.info-join-wr .info-join-item.enter a:hover{
    border: solid 2px #732982;
    color: #732982;
}
.create-account{
    width: 70%;
    margin: 0px auto;
    padding: 60px 20px;
    border: solid 3px #000;
    border-radius: 12px;
    font-size: 18px;
    background-color: #303030;
    color: #fd6d3c;
}
.create-account .or-exeprion{
    margin: 14px 0px;
}
.create-account input, .create-account button{
    background-color: rgba(0,0,0,0.6);
    color: #929292;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
}
.create-account input:hover, .create-account button:hover{
    background-color: rgba(0,0,0,0.6);
    color: #929292;
}
.create-account button:hover{
    color: #fff;
}
.create-account .error-join{
    margin: 0px 0px 14px 0px;
}
.bbuy-member{
    border: none;
    background-color: transparent;
    width: calc(90% - 40px);
}
.info-deposit{
    display: flex;
    flex-direction: column;
    width: calc(100% - 52px);
    padding: 8px 26px;
    font-weight: 800;
    margin: 30px 0px;
    border: solid 3px #000;
    border-radius: 12px;
    font-size: 18px;
    background-color: #303030;
    color: #929292;
}
.dep-address-buy{
    color: #7bb125;
}
.info-deposit-item{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin: 13px 0px;
}
.info-deposit-item.info-des{
    margin: 13px 0px;
    justify-content: center;
    font-size: 18px;
    font-style: italic;
    font-weight: 100;
}
.prices{
    display: flex;
    flex-direction: column;
    width: calc(100% - 52px);
    padding: 8px 26px;
    font-weight: 800;
    margin: 30px 0px;
    border: solid 3px #000;
    border-radius: 12px;
    font-size: 18px;
    background-color: #303030;
    color: #929292;
}
.prices.yellow{
    background-color: #303030;
    border: 3px solid #000000;
    color: #b12525;
    text-shadow: #000 1px 1px;
}
.info-price-item{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin: 13px 0px;
}
.info-price-item.info-des{
    margin: 13px 0px;
    justify-content: center;
    font-size: 18px;
    font-style: italic;
    font-weight: 100;
}
.info-price-item .name-val{
    width: 190px;
    text-align: center;
}
.info-price-item .name{
    width: 190px;
    text-align: center;
    font-size: 18px;
    font-style: italic;
    font-weight: 100;
    color: #fff;
}
.buy-membership-button{
    margin: 0px 0px 30px 0px;
    text-align: center;
}
.gnt-btc-add{
    display: inline-block;
    border: solid 2px #929292;
    border-radius: 12px;
    padding: 7px 21px;
    color: #929292;
    margin: 18px 0px 0px 0px;
    font-size: 24px;
    letter-spacing: 0px;
    font-weight: normal;
    background-color: rgb(48 48 48) !important;
}
.gnt-btc-add:hover{
    border: solid 2px #fff;
    color: #fff;
}
.bbuy-member .error-join{
    color: #000;
}
.ifactive{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.ifactive button{
    color: #303030;
    font-size: 15px;
    border: solid 3px #303030;
    background-color: transparent;
    appearance: none;
    -moz-appearance: none;
    border-radius: 4px;
}
.incoming-transaction{
    display: flex;
    flex-direction: column;
    width: calc(100% - 52px);
    padding: 8px 26px;
    font-weight: 800;
    margin: 30px 0px;
    border: solid 3px #000;
    border-radius: 12px;
    font-size: 18px;
    background-color: #303030;
    color: #929292;
}
.incoming-transaction-item{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin: 13px 0px;
}
.incoming-transaction-item.info-des{
    margin: 13px 0px;
    justify-content: center;
    font-size: 18px;
    font-style: italic;
    font-weight: 100;
}
.incoming-transaction-item .name-val{
    width: auto;
    word-break: break-all;
    text-align: left;
}
.incoming-transaction-item .name-val a:hover{
    color: #000;
}
.incoming-transaction-item .name{
    width: 190px;
    text-align: center;
    font-size: 18px;
    font-weight: 100;
}
.pagination-go-to{
    margin: 75px 0px -60px 0px;
}
.pagination-go-to input{
    background-color: #e7474f;
    color: #303030;
    border: solid 3px #303030;
    padding: 4px 9px;
    font-size: 14px;
    border-radius: 8px;
    font-weight: 800;
    width: 26px;
    text-align: center;
}
.pagination-go-to input:hover{
    background-color: transparent;
}
.pagination-go-to button{
    background-color: #e7474f;
    color: #303030;
    border: solid 3px #303030;
    padding: 4px 9px;
    font-size: 14px;
    border-radius: 8px;
    font-weight: 800;
    width: 26px;
    text-align: center;
}
.pagination-go-to button:hover{
    background-color: transparent;
}
.due-text{
    display: block;
    text-align: right;
    font-size: 14px;
    position: relative;
    top: 20px;
    right: 2px;
    width: 92%;
}
.rainbow-dash{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 8px 0px;
    flex-direction: row;
}
.rainbow-dash div{
    display: inline-flex;
    flex: 1;
    height: 25px;
    flex-direction: column;
    border-left: solid 3px #000;
    border-top: solid 3px #000;
    border-bottom: solid 3px #000;
}
.rainbow-dash div:nth-child(1){
    border-left: none;
}
.rainbow-dash .a{background-color: #E7484F}
.rainbow-dash .b{background-color: #F68B1D}
.rainbow-dash .c{background-color: #FCED00}
.rainbow-dash .d{background-color: #009E4F}
.rainbow-dash .e{background-color: #00AAC3}
.rainbow-dash .f{background-color: #732982}
.spinner{
    position: relative;
    margin: auto;
    box-sizing: border-box;
    background-clip: padding-box;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    border: 4px solid rgba(255, 255, 255, 0.1);
    -webkit-mask: linear-gradient(rgba(0, 0, 0, 0.1), #000000 90%);
    transform-origin: 50% 60%;
    transform: perspective(200px) rotateX(66deg);
    animation: spinner-wiggle 1.2s infinite;
}
.spinner:before,
.spinner:after{
    content: "";
    position: absolute;
    margin: -4px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: .05;
    border: inherit;
    border-color: transparent;
    animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite;
}
.spinner:before{
    border-top-color: #58c500;
}
.spinner:after{
    border-top-color: #00caf3;
    animation-delay: 0.3s;
}

@keyframes spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-fade {
  20% {
    opacity: .1;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: .1;
  }
}
select:focus > option:checked{ 
    background-color: #f78b1e !important;
}
option:hover{ 
    background-color: black;
}
@media only screen and (max-width: 1400px){

}
@media only screen and (max-width: 1300px){
    
}
@media only screen and (max-width: 1200px){
    
}
@media only screen and (max-width: 1100px){
    
}
@media only screen and (max-width: 1050px){
    
}   
@media only screen and (max-width: 1000px){
    
}
@media only screen and (max-width: 950px){
    .chat{
        width: 90%;
    }
    .wrapper img{
        width: 90%;
    }
}
@media only screen and (max-width: 890px){
    .main-intro .videos .pics .perc750{
        width: 100%;
        vertical-align: middle;
        margin: 120px 0px;
    }
}
@media only screen and (max-width: 850px){
    .video-preview video{
        width: 90%;
    }
}
@media only screen and (max-width: 800px){
    
}
@media only screen and (max-width: 726px){
    .videos{
        display: block;
        width: 90%;
    }
}
@media only screen and (max-width: 700px){
    .wrapper{
        display: block;
        width: calc(100% - 20px);
    }
}
@media only screen and (max-width: 665px){
    
}
@media only screen and (max-width: 500px){
    
}
@media only screen and (max-width: 499px){

}
@media only screen and (max-width: 301px){
    
}
/*iPhone X*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3){
    
}
/*iPhone 8*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2){
    
}
/*iPhone 8 Plus*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (-webkit-device-pixel-ratio : 3){
    
}