Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #home {
- /*background-image: url(../images/background-header.jpg);
- background-repeat: no-repeat;
- background-size: cover;
- background-position: center center;*/
- position: relative;
- height: 100vh;
- }
- .menu-trigger.second{
- transition: all 0.5s 0s;
- .line{
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- height: 2px;
- background: #fff;
- transition: 0.3s;
- &.line-1{
- transition: all 0.3s 0.3s, transform 0.3s 0s;
- }
- &.line-2{
- top: 50%;
- margin-top: -1px;
- left: 0;
- transition: all 0.3s 0.3s;
- }
- &.line-3{
- bottom: 0;
- top: auto;
- left: 0;
- transition: all 0.3s 0.3s, transform 0.3s 0s;
- }
- }
- &.active{
- transform: rotate(135deg);
- transition: all 0.5s 0.3s;
- .line{
- background: #000;
- }
- .line-1{
- top: 50%;
- margin-top: -1px;
- transform: rotate(90deg);
- transition: all 0.3s, transform 0.3s 0.3s;
- }
- .line-2{
- opacity: 0;
- transition: all 0.3s, opacity 0.3s 0s;
- }
- .line-3{
- bottom: 50%;
- margin-bottom: -1px;
- transform: rotate(0deg);
- transition: all 0.3s, transform 0.3s 0.3s;
- }
- }
- }
- .menu-trigger {
- width: 25px;
- height: 20px;
- }
- .menu-trigger .line {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- height: 2px;
- background: #fff
- }
- .menu-trigger.first .line {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- height: 2px;
- background: #fff;
- transition: 0.3s
- }
- .menu-trigger.first .line.line-1 {
- transition: all 0.3s 0.3s, transform 0.3s 0s
- }
- .menu-trigger.first .line.line-2 {
- top: 50%;
- margin-top: -1px;
- left: 0;
- transition: all 0.3s 0.3s
- }
- .menu-trigger.first .line.line-3 {
- bottom: 0;
- top: auto;
- left: 0;
- transition: all 0.3s 0.3s, transform 0.3s 0s
- }
- .menu-trigger.first.active .line {
- background: #000
- }
- .menu-trigger.first.active .line-1 {
- top: 50%;
- margin-top: -1px;
- transform: rotate(45deg);
- transition: all 0.3s, transform 0.3s 0.3s
- }
- .menu-trigger.first.active .line-2 {
- opacity: 0;
- transition: all 0.3s, opacity 0.3s 0s
- }
- .menu-trigger.first.active .line-3 {
- bottom: 50%;
- margin-bottom: -1px;
- transform: rotate(-45deg);
- transition: all 0.3s, transform 0.3s 0.3s
- }
- .menu-trigger.second {
- position: relative;
- transition: all 0.5s 0s;
- margin: 0 auto;
- margin-top: 20px;
- }
- .menu-trigger.second .line {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- height: 3px;
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #39DF7B), color-stop(0.5, #33D8CC), color-stop(1, #449DD3));
- background-image: gradient( linear, left top, right top, color-stop(0, #39DF7B), color-stop(0.5, #33D8CC), color-stop(1, #449DD3));
- transition: 0.3s
- }
- .menu-trigger.second .line.line-1 {
- transition: all 0.3s 0.3s, transform 0.3s 0s
- }
- .menu-trigger.second .line.line-2 {
- top: 50%;
- margin-top: -1px;
- left: 0;
- transition: all 0.3s 0.3s
- }
- .menu-trigger.second .line.line-3 {
- bottom: 0;
- top: auto;
- left: 0;
- transition: all 0.3s 0.3s, transform 0.3s 0s
- }
- .menu-trigger.second.active {
- transform: rotate(135deg);
- transition: all 0.5s 0.3s;
- }
- .menu-trigger.second.active .line {
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #39DF7B), color-stop(0.5, #33D8CC), color-stop(1, #449DD3));
- background-image: gradient( linear, left top, right top, color-stop(0, #39DF7B), color-stop(0.5, #33D8CC), color-stop(1, #449DD3));
- }
- .menu-trigger.second.active .line-1 {
- top: 50%;
- margin-top: -1px;
- transform: rotate(90deg);
- transition: all 0.3s, transform 0.3s 0.3s
- }
- .menu-trigger.second.active .line-2 {
- opacity: 0;
- transition: all 0.3s, opacity 0.3s 0s
- }
- .menu-trigger.second.active .line-3 {
- bottom: 50%;
- margin-bottom: -1px;
- transform: rotate(0deg);
- transition: all 0.3s, transform 0.3s 0.3s
- }
- .telegram-chat {
- cursor: pointer;
- position: fixed;
- bottom: 2em;
- right: 2em;
- background: #fff;
- padding: 10px 12px 12px 8px;
- border-radius: 20px;
- box-shadow: 1px 1px 65px rgba(0,0,0, 0.2);
- z-index: 1000;
- }
- .text-decentralize {
- animation-duration: 3s;
- display: inline-block;
- letter-spacing: 2px;
- font-size: 2.0em !important;
- font-family: Brandon_bld;
- margin-top: -20px;
- color: #282a8f !important;
- }
- .whitepaper-main-section {
- padding: 14em 0;
- }
- .pulse-button {
- cursor: pointer;
- position: fixed;
- top: -90px;
- width: 214px;
- height: 149px;
- background: #fff;
- right: 0;
- left: 0;
- margin-right: auto;
- margin-left: auto;
- z-index: 9999;
- border-radius: 50%;
- box-shadow: 0px 0px 65px rgba(0, 0, 0, 0.2);
- }
- .pulse-active {
- top: -125px;
- -webkit-perspective: 1000;
- -webkit-backface-visibility: hidden;
- -webkit-animation: pulse 2.5s infinite;
- transition: 1s;
- }
- .pulse-active:hover {
- top: -90px;
- transition: 1s;
- }
- .text-pulse-button {
- position:absolute;
- bottom: 5px;
- display: inline-block;
- right: 0;
- left: 0px;
- margin-right: auto;
- margin-left: auto;
- }
- .pulse-button:hover {
- -webkit-animation: none;
- }
- @-webkit-keyframes pulse {
- 0% {
- -webkit-transform: scale(0.9);
- -ms-transform: scale(0.9);
- transform: scale(0.9);
- }
- 70% {
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- box-shadow: 1px 1px 65px rgba(0,0,0, 0.2);
- }
- 100% {
- -webkit-transform: scale(0.9);
- -ms-transform: scale(0.9);
- transform: scale(0.9);
- box-shadow: 1px 1px 65px rgba(0,0,0, 0.2);
- }
- }
- .gradient-color {
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgba(213,68,194,1)));
- background-image: gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgba(213,68,194,1)));
- color: transparent !important;
- -webkit-background-clip: text;
- background-clip: text;
- text-decoration: none;
- }
- .gradient-color-green {
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgb(125,250,187)), color-stop(1, rgb(73,218,244)));
- background-image: gradient( linear, left top, right top, color-stop(0, rgb(125,250,187)), color-stop(1, rgb(73,218,244)));
- color: transparent !important;
- -webkit-background-clip: text;
- background-clip: text;
- text-decoration: none;
- }
- .app-landing-title {
- letter-spacing: 5px;
- font-size: 2.0em;
- font-family: Brandon_bld;
- }
- .slick-dotted.slick-slider {
- margin-bottom: 0px;
- }
- .app-landing-subtitle {
- color: rgb(40, 42, 143);
- font-size: 1.3em;
- margin-top: 25px;
- font-family: Brandon_reg;
- line-height: 1.4;
- }
- .presale-container {
- margin-top: 2em;
- }
- .presale-description {
- font-family: Brandon_light;
- }
- .btn-gradient-large a {
- font-size: 1.1em;
- letter-spacing: 2px;
- font-family: Brandon_bld;
- }
- .btn-gradient-large .btn-gradient-container {
- padding: 6px 20px;
- }
- .btn-gradient-large {
- display: inline-block;
- width: auto !important;
- }
- .whitepaper-download {
- border: 2px solid #32dccc;
- border-radius: 30px;
- background: none;
- color: #32dccc;
- padding: 10px 40px;
- font-family: Brandon_bld;
- font-size: 0.9em;
- letter-spacing:2px;
- }
- .whitepaper-download:hover {
- color: #282a8f;
- background: #32dccc;
- }
- .border-gradient-light {
- background: none !important;
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(255, 230, 250, 1)), color-stop(1, rgba(227,252,245, 1))) !important;
- background-image: gradient( linear, left top, right top, color-stop(0, rgba(255, 230, 250, 1)), color-stop(1, rgba(227,252,245, 1))) !important;
- }
- .border-gradient-green {
- background: none !important;
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgb(125,250,187)), color-stop(1, rgb(73,218,244))) !important;
- background-image: gradient( linear, left top, right top, color-stop(0, rgb(125,250,187)), color-stop(1, rgb(73,218,244))) !important;
- }
- .slick-list {
- margin: 0;
- }
- .slick-dots {
- display: none !important;
- }
- .comment-wrap {
- padding: 1px;
- width: 650px !important;
- max-width: 95vw;
- }
- .line-grey {
- height: 3px;
- background: rgb(220,220,220);
- }
- .line-color {
- height: 3px;
- background: #32dccc;
- width:0%;
- position:absolute;
- top: 0;
- }
- .first-number-line-container {
- position:absolute;
- cursor: pointer;
- top: -4px;
- left: 2%;
- }
- .second-number-line-container {
- position:absolute;
- cursor: pointer;
- top: -6px;
- left: 30%;
- }
- .third-number-line-container {
- position:absolute;
- cursor: pointer;
- top: -9px;
- left:60%;
- }
- .four-number-line-container {
- position:absolute;
- cursor: pointer;
- top: -11px;
- left:95%;
- }
- .first-circle-line {
- width:10px;
- height:10px;
- border-radius: 50%;
- background: #32dccc;
- }
- .second-circle-line {
- width:14px;
- height:14px;
- border-radius: 50%;
- background: rgb(220,220,220);
- }
- .third-circle-line {
- width:18px;
- height:18px;
- border-radius: 50%;
- background: rgb(220,220,220);
- }
- .four-circle-line {
- width:22px;
- height:22px;
- border-radius: 50%;
- background: rgb(220,220,220);
- }
- .text-line {
- color: rgb(220,220,220);
- margin-top: 1em;
- margin-bottom: 0px;
- font-size: 1.25em;
- font-family: Brandon_bld;
- }
- .text-line-color {
- color: #32dccc;
- }
- p {
- font-family: Brandon_reg;
- color: rgb(109,109,102);
- line-height: 1.4;
- font-size: 1.2em;
- }
- h2 {
- font-size: 2.0em !important;
- font-family: Brandon_bld;
- color: #32dccc !important;
- letter-spacing: 5px;
- margin-bottom: 0px;
- }
- h3 {
- color: rgb(40, 42, 143) !important;
- font-size: 1.5em !important;
- letter-spacing: 4px;
- font-weight: bold;
- font-family: Brandon_bld;
- }
- .logo-container .img-fluid {
- height: 8vh !important;
- }
- .slider-title {
- /*font-size: 0.9vw;*/
- margin-left: -40px;
- }
- .fullscreen-bg {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- overflow: hidden;
- z-index: -100;
- }
- .fullscreen-bg__video {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- @media (min-aspect-ratio: 19/9) {
- .fullscreen-bg__video {
- height: 300%;
- top: -100%;
- }
- }
- @media (max-aspect-ratio: 19/9) {
- .fullscreen-bg__video {
- width: 300%;
- left: -100%;
- }
- }
- @media (max-width: 767px) {
- .fullscreen-bg {
- background: url('../images/mobile-header-bg.jpg') center center / cover no-repeat;
- }
- .fullscreen-bg__video {
- display: none;
- }
- }
- #white-paper {
- background-image: url(../images/nuvoledex.png), url(../images/nuvolesx.png), -webkit-gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgba(213,68,194,1)));
- background-image: url(../images/nuvoledex.png), url(../images/nuvolesx.png), gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgba(213,68,194,1)));
- background-repeat: no-repeat;
- background-position: right center, left center, center;
- height: 65vh;
- }
- .owl-carousel .owl-item img {
- box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
- }
- .screen-set {
- width: 200px;
- height: auto;
- margin: 20px 0 0;
- }
- .phone-wrap-fix {
- max-width: 100%;
- }
- .dark-theme .nav-menu {
- background: none !important;
- border: none !important;
- }
- .container {
- width: 100% !important;
- max-width: 98% !important;
- }
- .navbar {
- padding: 0px !important;
- }
- .dark-theme .navbar-light .navbar-nav .nav-link {
- color: #fff!important;
- font-family: Raleway-Bold;
- letter-spacing: 1px;
- }
- .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open > .nav-link,
- .modal-menu h2:hover, .modal-menu h1:hover , .navbar-light .navbar-nav .nav-link:hover{
- /*
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #39DF7B), color-stop(0.5, #33D8CC), color-stop(1, #449DD3));
- background-image: gradient( linear, left top, right top, color-stop(0, #39DF7B), color-stop(0.5, #33D8CC), color-stop(1, #449DD3));
- color: transparent !important;
- -webkit-background-clip: text;
- background-clip: text;*/
- border: none !important;
- color: #39DF7B !important;
- }
- .navbar {
- font-size: 0.8vw;
- margin-top: 1.5vh;
- }
- .nav-primary .nav-item:first-child {
- padding: 0 0 0 2em !important;
- }
- .nav-secondary .nav-item, .nav-primary .nav-item{
- padding: 0 0 0 5em !important;
- }
- .countdown {
- max-width: 100%;
- }
- .navbar-expand-lg .navbar-nav {
- float: right !important;
- }
- .dark-theme .navbar-light .nav-secondary .nav-link {
- color: #fff;
- font-family: Raleway-Regular !important;
- }
- .btn-menu {
- margin-right: 1em;
- margin-top: 1em;
- font-size: 2em;
- background: none;
- color: #000;
- }
- .btn-menu.focus, .btn-menu:focus {
- box-shadow: none;
- }
- .nav-menu.sticky-top {
- background: none !important;
- z-index: 9999;
- }
- .btn-header {
- border-radius: 30px;
- position: relative;
- overflow: hidden;
- padding: 3px 0;
- }
- .btn-header:after {
- content: "";
- position: absolute;
- width: calc(100% - 4px);
- height: calc(100% - 4px);
- top: 0px;
- right: 0px;
- bottom: 0px;
- left: 0px;
- margin: auto;
- border-radius: inherit;
- box-shadow: -180px 0px 1px 10px rgb(40,42,206),
- -140px 0px 0px 10px rgb(65,51,205),
- -100px 0px 1px 10px rgb(116,69,203),
- -60px 0px 1px 10px rgb(158,84,201),
- 20px 0px 1px 10px rgba(213,68,194,1);
- }
- .btn-header p {
- line-height: 40px;
- }
- .btn-header:hover {
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgba(213,68,194,1)));
- background-image: gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgba(213,68,194,1)));
- }
- .btn-header:hover p {
- color: #fff !important;
- }
- .container-social-link {
- width: 40px;
- height: 40px;
- margin: 0 auto;
- border-radius: 50%;
- border: 2px solid rgb(40, 42, 143);
- }
- .container-social-link i {
- color: rgb(40, 42, 143);
- line-height: 36px;
- }
- .container-social-link:hover {
- background: rgb(40, 42, 143);
- border: none;
- }
- .container-social-link:hover i {
- color: #fff;
- line-height: 40px;
- }
- .btn-header:hover:after {
- box-shadow: none;
- }
- .title-header {
- margin-bottom: 0px !important;
- }
- .app-landing {
- background: #fff !important;
- }
- .sticky-top .container{
- display: none;
- }
- .container-mobile {
- display: none;
- }
- .sticky-top .container-mobile {
- display: block;
- position: fixed;
- cursor: pointer;
- top: 30px;
- right: 30px;
- border-radius: 50%;
- width: 60px;
- height: 60px;
- background: #fff;
- box-shadow: 1px 1px 65px rgba(0,0,0, 0.2);
- }
- .sticky-top .container-mobile.active {
- right: 47px;
- }
- #name_user_gallery {
- color: #32dccc;
- font-size: 2em;
- font-family: KGManhattan;
- text-align: center;
- margin-bottom: 0px;
- letter-spacing: 2px;
- }
- .cd-fixed-background .cd-content::after {
- content: '';
- display: block;
- width: 100%;
- padding: 60% 0;
- margin: 2em auto 0;
- }
- .cd-fixed-background {
- height: 100vh;
- background-repeat: no-repeat;
- background-size: auto;
- background-position: center center;
- background-attachment: fixed;
- }
- .cd-fixed-background.img-1 {
- background-image: url("../images/iphone_1.png");
- }
- .cd-fixed-background.img-2 {
- background-image: url("../images/iphone_2.png");
- }
- .cd-fixed-background.img-3 {
- background-image: url("../images/iphone_3.png");
- }
- .cd-fixed-background.img-4 {
- background-image: url("../images/iphone_4.png");
- }
- .cd-fixed-background.img-5 {
- background-image: url("../images/iphone_5.png");
- }
- .modal-menu h2 {
- font-family: Brandon_med;
- font-size: 1.2em !important;
- letter-spacing: 4px;
- color: #808080 !important;
- text-align: center;
- display: inline-block;
- cursor: pointer;
- }
- .modal-menu h1 {
- font-family: Brandon_bld;
- font-size: 2.2em;
- letter-spacing: 4px;
- color: #333;
- text-align: center;
- display: inline-block;
- cursor: pointer;
- }
- .secondary-menu-modal {
- height: 10vh;
- }
- .secondary-menu-modal > div {
- padding-top: 7em;
- }
- .main-menu-modal {
- height: 90vh;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -ms-flex-align: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- align-items: center;
- }
- .main-menu-modal-content {
- margin: 0 auto;
- }
- .main-menu-modal-content div:not(:first-child) {
- margin-top: 4em;
- }
- @import url(https://fonts.googleapis.com/css?family=Righteous|Sigmar+One);
- $color_coin: #FEF236;
- $color_outline: rgb(208, 111, 185);
- $time: 3s;
- body {
- background-color: #353535;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- }
- h1 {
- font-family: 'Righteous';
- color: white;
- position: relative;
- top: 10px;
- }
- .container_coin {
- height: 216px;
- width: 216px;
- margin: 0 auto;
- }
- .coin {
- height: 216px;
- width: 216px;
- -webkit-transform-style: preserve-3d;
- -webkit-transform-origin: 50%;
- -webkit-transition: all 1.5s cubic-bezier(0.25, 0.1, 0.25, 1);
- -webkit-transform: rotateY(0deg);
- }
- .container_coin:hover .coin {
- //-webkit-animation: spin $time;
- //-webkit-animation-timing-function: linear;
- //transition-timing-function: ease-out;
- -webkit-transform: rotateY(540deg);
- }
- .coin .front,
- .coin .back {
- position: absolute;
- height: 216px;
- width: 216px;
- border-radius: 50%;
- background-size: cover;
- text-align: center;
- }
- .container-coins img, .subsection-team img {
- max-width: 100%;
- }
- .container_coin img {
- height: 100%;
- }
- .coin .front {
- -webkit-transform: translateZ(8px);
- }
- .coin .back {
- -webkit-transform: translateZ(-8px) rotateY(180deg);
- }
- .coin .side {
- -webkit-transform: translateX(100px);
- -webkit-transform-style: preserve-3d;
- -webkit-backface-visibility: hidden;
- }
- .coin .side .circle {
- height: 216px;
- width: 16px;
- position: absolute;
- -webkit-transform-style: preserve-3d;
- -webkit-backface-visibility: hidden;
- }
- .coin .side .circle:before,
- .coin .side .circle:after {
- content: '';
- display: block;
- height: 23.682742452729697px;
- width: 16px;
- position: absolute;
- -webkit-transform: rotateX(84.375deg);
- background: rgb(208, 111, 185);;
- }
- .coin .side .circle:before {
- -webkit-transform-origin: top center;
- }
- .coin .side .circle:after {
- bottom: 0;
- -webkit-transform-origin: center bottom;
- }
- .coin .side .circle:nth-child(16) {
- -webkit-transform: rotateY(90deg) rotateX(180deg);
- }
- .coin .side .circle:nth-child(15) {
- -webkit-transform: rotateY(90deg) rotateX(168.75deg);
- }
- .coin .side .circle:nth-child(14) {
- -webkit-transform: rotateY(90deg) rotateX(157.5deg);
- }
- .coin .side .circle:nth-child(13) {
- -webkit-transform: rotateY(90deg) rotateX(146.25deg);
- }
- .coin .side .circle:nth-child(12) {
- -webkit-transform: rotateY(90deg) rotateX(135deg);
- }
- .coin .side .circle:nth-child(11) {
- -webkit-transform: rotateY(90deg) rotateX(123.75deg);
- }
- .coin .side .circle:nth-child(10) {
- -webkit-transform: rotateY(90deg) rotateX(112.5deg);
- }
- .coin .side .circle:nth-child(9) {
- -webkit-transform: rotateY(90deg) rotateX(101.25deg);
- }
- .coin .side .circle:nth-child(8) {
- -webkit-transform: rotateY(90deg) rotateX(90deg);
- }
- .coin .side .circle:nth-child(7) {
- -webkit-transform: rotateY(90deg) rotateX(78.75deg);
- }
- .coin .side .circle:nth-child(6) {
- -webkit-transform: rotateY(90deg) rotateX(67.5deg);
- }
- .coin .side .circle:nth-child(5) {
- -webkit-transform: rotateY(90deg) rotateX(56.25deg);
- }
- .coin .side .circle:nth-child(4) {
- -webkit-transform: rotateY(90deg) rotateX(45deg);
- }
- .coin .side .circle:nth-child(3) {
- -webkit-transform: rotateY(90deg) rotateX(33.75deg);
- }
- .coin .side .circle:nth-child(2) {
- -webkit-transform: rotateY(90deg) rotateX(22.5deg);
- }
- .coin .side .circle:nth-child(1) {
- -webkit-transform: rotateY(90deg) rotateX(11.25deg);
- }
- .btn-gradient-main {
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgba(213,68,194,1)));
- background-image: gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgba(213,68,194,1)));
- width: 145px;
- padding:3px;
- }
- .btn-gradient-container {
- background: #fff;
- padding: 10px;
- font-family: Raleway-Bold;
- }
- .btn-gradient-container a {
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgba(213,68,194,1)));
- background-image: gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgba(213,68,194,1)));
- color: transparent !important;
- -webkit-background-clip: text;
- background-clip: text;
- text-decoration: none;
- }
- .btn-gradient-main:hover .btn-gradient-container {
- background: none;
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgba(213,68,194,1)));
- background-image: gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgba(213,68,194,1)));
- }
- .btn-gradient-main:hover .btn-gradient-container a {
- background-image: none !important;
- color: #fff !important;
- }
- .text-white-paper, .text-white-paper:hover {
- color: #282A8F;
- font-family: Brandon_bld;
- font-size: 1.2em;
- padding: 10px 55px;
- letter-spacing: 2px;
- background: #e9f8fa;
- border-radius: 30px;
- background: -webkit-gradient(linear, left top, right top, from(rgba(125,250,187, 0.7)), to(rgba(73,218,244, 0.3)));background: -webkit-linear-gradient(left, rgba(125,250,187, 0.7) 0%, rgba(73,218,244, 0.3) 100%);
- background: -o-linear-gradient(left, rgba(125,250,187, 0.7) 0%, rgba(73,218,244, 0.3) 100%);
- background: linear-gradient(to right, rgba(125,250,187, 0.7) 0%, rgba(73,218,244, 0.3) 100%);
- }
- @-webkit-keyframes spin {
- //from {
- // -webkit-transform: rotateY(0deg);
- //}
- //to {
- -webkit-transform: rotateY(1960deg);
- //}
- }
- .container-vision {
- margin-top: 3em !important;
- }
- .main-container-centered {
- width: 1200px !important;
- margin: 0 auto;
- }
- .row {
- width: 100%;
- margin: 0;
- }
- .container {
- margin: 0 auto;
- }
- .text-vision {
- animation-duration: 1.0s;
- color: #6d6d6d;
- letter-spacing: 2px;
- font-family: Brandon_light;
- text-align: left;
- line-height: 1.6;
- }
- .container-video {
- height: 100vh;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -ms-flex-align: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- align-items: center;
- margin-top: 4em;
- }
- .container-token-clients {
- margin-top: 10em;
- }
- .element-list-token-users {
- margin-top: 1.8em;
- margin-left:0px;
- }
- .element-list-token-users img {
- width: 55px;
- height: 55px;
- }
- .container-text-element-list-token {
- margin: 0px 0 8px 5%;
- text-align: left;
- }
- .container-text-element-list-token h3 {
- margin-bottom:2px !important;
- font-size: 1.2em !important;
- letter-spacing: 4px;
- font-family: Brandon_bld;
- }
- .container-text-element-list-token p {
- font-size: 1.4em !important;
- }
- .main-section-title {
- letter-spacing: 8px;
- font-family: Brandon_reg;
- font-size: 5.5em !important;
- margin-bottom: 36px;
- }
- .text-color {
- color: #269e8d;
- border: none !important;
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #56e8a7), color-stop(0.5, #33d8cc), color-stop(1, #56c0e3));
- background-image: gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgba(213,68,194,1)));
- color: transparent !important;
- -webkit-background-clip: text;
- background-clip: text;
- }
- .main-section-subtitle {
- color: rgb(160, 160, 160);
- max-width: 70%;
- margin: 0 auto;
- }
- .container-avatar-gallery {
- position: absolute;
- top: 0px;
- width: 50px;
- margin: auto;
- left: 0;
- right: 243px;
- border-radius: 50%;
- box-shadow: 0px 0px 20px #252525;
- }
- .container-name-gallery {
- position: absolute;
- bottom: 0px;
- width: 245px;
- right: 0;
- left: 0;
- margin: auto;
- }
- .counter {
- font-family: Brandon_bld;
- display: inline-block;;
- font-size: 2.7em;
- margin-top: 10px;
- letter-spacing: 2px;
- margin-bottom: 5px;
- }
- .counter-name {
- font-family: Brandon_reg;
- letter-spacing: 2px;
- font-size: 1em;
- }
- .container-clients {
- margin:4em 0 2em 0;
- background-image: url(../images/loghi_clienti.png);
- background-repeat: no-repeat;
- background-size: cover;
- }
- .counter-num-clients {
- font-size: 2.0em;
- margin-top: 20px;
- }
- .container-clients-mobile {
- display: none;
- }
- .container-numbers {
- margin: 7em 0 8em 0;
- }
- .main-container-coin {
- margin-top: 2em;
- width: 25%;
- float: left;
- }
- .main-container-coin {
- display: block;
- }
- .main-container-coin-mobile {
- display: none;
- }
- .ico-team-name {
- font-family: Brandon_bld !important;
- letter-spacing: 2px;
- font-size: 1.2em;
- margin: 15px 0 5px 0;
- text-transform: uppercase;
- color: rgb(40, 42, 143);
- }
- .ico-team-role {
- font-family: Brandon_med !important;
- font-size: 0.8em;
- color: rgb(40, 42, 143);
- letter-spacing: 1px;
- text-transform: uppercase;
- }
- .container-single-team-description {
- display : flex;
- align-items : center;
- justify-content: center;
- }
- .container-single-team-description p {
- margin: 0;
- padding-right: 10px;
- }
- .btn-presale {
- margin-top: -1em;
- }
- .main-container-countdown {
- position: relative;
- }
- .container-line-eth {
- width: 900px;
- max-width: 90%;
- margin: 0 auto;
- }
- .main-container-astronauta {
- margin-top:6em !important;
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(40, 42, 143, 0.25)), color-stop(1, rgba(193,97,200, 0.25)));
- background-image: gradient( linear, left top, right top, color-stop(0, rgba(40, 42, 143, 0.25)), color-stop(1, rgba(193,97,200, 0.25)));
- height:30px;
- border-radius: 30px;
- position: relative;
- }
- .bonus-dot {
- position:absolute;
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(125,250,187, 1)), color-stop(1, rgba(73,218,244, 1)));
- background-image: gradient( linear, left top, right top, color-stop(0, rgba(125,250,187, 1)), color-stop(1, rgba(73,218,244, 1)));
- border-radius:50%;
- }
- .bonus-name {
- font-family: Brandon_med;
- font-size: 1.9em;
- color: #32dccc;
- margin-bottom: 5px;
- }
- .bonus-percentage {
- font-family: Brandon_blk;
- font-size: 1.5em;
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgb(196,98,200)));
- background-image: gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgb(196,98,200)));
- color: transparent !important;
- -webkit-background-clip: text;
- background-clip: text;
- text-decoration: none;
- display: inline-block;
- }
- .center-absolute {
- left: 0;
- right: 0;
- margin: auto;
- }
- .container-bonus-scale {
- height: 400px;
- position:relative;
- margin: 0 0 16em 0;
- }
- .main-container-whitepaper-book {
- margin-top: 35vh;
- height: 550px;
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgb(127,55,221)), color-stop(0.25, rgb(73,57,255)), color-stop(0.5, rgb(59,51,208)), color-stop(0.75, rgb(40,42,143)));
- background-image: gradient( linear, left top, right top, color-stop(0, rgb(127,55,221)), color-stop(0.25, rgb(73,57,255)), color-stop(0.5, rgb(59,51,208)), color-stop(0.75, rgb(40,42,143)));
- }
- .container-whitepaper-book {
- margin:0 auto;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -ms-flex-align: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- align-items: center;
- height: 550px;
- }
- .image-whitepaper {
- margin-top: -329px;
- box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
- }
- .container-block-vision {
- background:#fff;
- margin: 3px;
- padding: 70px 10px;
- height:350px;
- }
- .container-business-model-block {
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -ms-flex-align: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- align-items: center;
- }
- .bm-video-margin {
- margin-left: -40px;
- }
- .title-bm-block {
- font-family: Brandon_med;
- font-size: 1.3em;
- color: #32dccc;
- margin-top: 1em;
- margin-bottom: 25px;
- letter-spacing:2px;
- }
- .subtitle-bm-block {
- font-family: Brandon_light;
- +font-size: 17px;
- color: #6d6d6d;
- margin-bottom: 0.2em;
- text-align: justify;
- text-align-last: left;
- }
- .friendz-app {
- margin-top:10em;
- }
- .single-friendz-team {
- margin-top: 2em;
- }
- .container-btn-header-internal, .container-social-ico, .container-btn-footer-internal {
- max-width: 520px !important;
- margin: 0 auto;
- }
- .container-box-loghi {
- padding: 155px 0;
- width: 76%;
- margin: 0 auto;
- }
- .container-iphone-block {
- height:100vh;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -ms-flex-align: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- align-items: center;
- background-image: url(../images/background_block_2.png);
- background-repeat: no-repeat;
- background-position: center center;
- background-size: 100%;
- }
- .footer {
- background-image: url(../images/footer.png);
- background-repeat: no-repeat;
- background-size:contain;
- background-position: center bottom;
- padding-top: 16em;
- }
- .footer-container {
- padding-bottom: 3em;
- }
- .footer-last {
- background: #f2f2f2;
- padding: 1em 0;
- text-align: center;
- }
- .footer-last p {
- margin: 0;
- font-family: Raleway-Regular;
- color: #5b5b5b;
- font-size: 0.8em;
- letter-spacing: 1px;
- }
- .subsection-team {
- margin-top: 10em;
- }
- .subsection-team h2 {
- font-size: 1.5em !important;
- }
- #team {
- margin-top: 10em;
- }
- .subtitle-vision {
- font-family: Brandon_med;
- font-size: 1.3em;
- color: #32dccc;
- margin-top: 1em;
- margin-bottom: 25px;
- letter-spacing:2px;
- }
- .desc-sub-vision {
- font-family: Brandon_light;
- font-size: 18px;
- color: #6d6d6d;
- margin-bottom: 0.2em;
- text-align: justify;
- }
- .main-container-bar-vision {
- max-width: 80%;
- margin: 0 auto;
- }
- .container-arrow-vision-mobile {
- display: none;
- width: 300px;
- margin:0 auto;
- max-width: 100%;
- }
- .arrow-vision {
- font-size: 1.5em;
- color: #32dccc;
- }
- .bm_video_show {
- display: block;
- }
- .bm_mobile_image {
- display: none;
- }
- @media only screen and (max-width: 1200px) {
- .show_mobile {
- display: none;
- margin-top: 3em;
- }
- .container-logo img {
- width: 300px !important;
- }
- .footer .text-decentralize {
- font-size: 1.5em !important;
- }
- .footer .whitepaper-download {
- width: 85% !important;
- font-size: 0.7em;
- margin: 0 auto;
- }
- .footer-container {
- padding-bottom: 2em;
- }
- .main-container-bonus-scale {
- overflow-x: auto;
- overflow-y: hidden;
- }
- .container-bonus-scale {
- margin: 6em 0 16em 5em !important;
- }
- .main-container-astronauta {
- width: 80%;
- margin: 0 auto;
- }
- .main-container-coin {
- width: 33.33%;
- }
- .main-section-title {
- font-size: 4.0em !important;
- }
- .main-container-centered {
- width: 100% !important;
- }
- .container-token-users {
- padding-bottom: 4em !important;
- margin-top: 5em !important;
- }
- .main-section {
- padding: 200px 0 0 0;
- }
- }
- @media only screen and (max-width: 1000px) {
- .container-mobile {
- display: block;
- position: fixed;
- cursor: pointer;
- top: 30px;
- right: 30px;
- border-radius: 50%;
- width: 60px;
- height: 60px;
- background: #fff;
- box-shadow: 1px 1px 65px rgba(0,0,0, 0.2);
- }
- .container-mobile.active {
- right: 47px !important;
- }
- .nav-menu {
- z-index: 9999 !important;
- }
- .main-menu-modal {
- font-size: 1.5vw;
- }
- .btn-presale {
- margin-top: 1em;
- }
- }
- @media (min-width: 1600px) {
- .footer-container {
- padding-bottom: 5em;
- }
- .show_mobile {
- display: none;
- margin-top: 3em;
- }
- }
- /*xs resolution*/
- @media (max-width: 768px) {
- .bm_video_show {
- display: none;
- }
- .bm_mobile_image {
- display: block;
- }
- .show_mobile {
- display: block;
- margin-top: 3em;
- }
- .hide_mobile {
- display: none;
- }
- .container-country {
- margin-top: 2em;
- }
- .telegram-chat {
- bottom: 10px;
- right: 10px;
- }
- .telegram-chat img {
- width: 20px;
- }
- .counter-num-clients {
- margin-top: 10px;
- }
- .container-box-loghi > div {
- box-shadow: none !important;
- padding: 0 1em !important;
- }
- .last-clients-icon {
- margin-top: 0px !important;
- }
- .container-box-loghi img {
- width: 120px;
- }
- .container-video {
- height: auto !important;
- margin: 4em 0 !important;
- }
- .container-video > div {
- margin: 3em 0 !important;
- }
- #white-paper {
- background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgba(213,68,194,1)));
- background-image: gradient( linear, left top, right top, color-stop(0, rgba(25,0,200,1)), color-stop(1, rgba(213,68,194,1)));
- }
- .container-arrow-vision-mobile {
- display: block;
- }
- .main-container-bar-vision {
- display: none;
- }
- .desc-sub-vision {
- font-size: 15px;
- }
- .whitepaper-main-section {
- padding: 0 !important;
- }
- #team {
- margin-top: 4em;
- }
- .subsection-team {
- margin-top: 4em;
- }
- .subsection-team h2 {
- font-size: 0.9em !important;
- }
- .footer {
- background: #282A8F !important;
- padding: 2em 0;
- }
- .container-box-loghi {
- padding: 5px 0;
- width: 100% !important;
- }
- .footer .text-decentralize {
- font-size: 1.0em !important;
- }
- .app-landing-subtitle {
- font-size: 1.2em !important;
- }
- .container-iphone-block img {
- height: 400px !important;
- }
- .container-iphone-block {
- margin-top: 3em;
- }
- .container-clients {
- background-image: none !important;
- }
- .container-clients-mobile {
- display: block;
- }
- .btn-header p {
- line-height: 30px !important;
- font-size: 0.7em !important;
- }
- .container-mobile {
- top: 20px !important;
- right: 20px !important;
- width: 50px !important;
- height: 50px !important;
- }
- .menu-trigger.second {
- margin-top: 15px !important;
- }
- .menu-trigger {
- width: 23px !important;
- }
- .container-mobile.active {
- right: 37px !important;
- }
- .container-btn-header, .container-btn-footer {
- margin-top: 5em !important;
- }
- .container-btn-footer {
- margin-top: 2em !important;
- }
- .container-social-ico > div:nth-child(3), .container-social-ico > div:nth-child(4) {
- margin-top: 10px;
- }
- .container-btn-header-internal, .container-social-ico {
- max-width: 200px !important;
- }
- .container-btn-footer-internal {
- max-width: 250px !important
- }
- .slider-title {
- margin-left: 0px;
- }
- .text-decentralize {
- color: #fff !important;
- }
- .btn-token-page {
- margin-top: 2em;
- }
- .slider-bg {
- padding-top: 10vh;
- }
- .container-business-model-block {
- margin-top: 1em !important;
- }
- .counter {
- font-size: 1.5em !important;
- }
- .counter-name {
- font-size: 0.6em !important;
- }
- .friendz-app {
- margin-top:3em !important;
- }
- .bm-video-margin {
- margin-left: 0px;
- }
- .comment-img {
- position: relative;
- top: auto;
- left: auto;
- transform: none;
- max-width: 80%;
- }
- .subtitle-vision {
- margin-bottom: 10px;
- }
- .container-video-bm-block {
- text-align: center !important;
- }
- .container-block-vision {
- padding: 20px 0px;
- height: auto !important;
- }
- .presale-container {
- margin-bottom: 10em;
- }
- .main-container-whitepaper-book {
- margin-top: 0px !important;
- }
- .col-download-whitepaper {
- text-align: center;
- padding-bottom: 3em;
- }
- .col-download-whitepaper h2 {
- margin-bottom: 15px;
- }
- .main-container-whitepaper-book, .container-whitepaper-book {
- height: auto !important;
- }
- .image-whitepaper {
- margin-top: 20px !important;
- height: 45vh !important;
- margin-bottom: 2em;
- }
- .nuvola-image {
- display: none;
- }
- .countdown {
- width: 65% !important;
- }
- .main-container-countdown {
- height: 200px;
- }
- .main-container-coin {
- width: 50%;
- }
- .container-numbers {
- margin: 7em 0 3em 0;
- }
- .screen-carousel-1 {
- margin: 0px !important;
- }
- .container-vision, .container-image-vision {
- margin-top: 1.5em !important;
- }
- .app-landing {
- padding: 50px 0 0;
- }
- h1 {
- font-size: 1.5em !important;
- }
- .main-section {
- padding: 120px 0 0 0;
- }
- .main-section-title {
- font-size: 2.5em !important;
- }
- .text-vision, .container-image-vision {
- text-align: center !important;
- }
- h2, p, .container-image-token-clients {
- text-align: center !important;
- }
- .container-vision img, .container-video img, .container-token-clients img {
- max-width: 90% !important;
- }
- .container-token-clients, .container-token-users {
- margin-top: 5em;
- }
- .container-token-users {
- }
- .container-image-token-clients {
- margin-top: 2em;
- }
- .container-text-element-list-token {
- width: 100%;
- margin: 0;
- text-align: center;
- }
- .container-img-element-list-token {
- width: 100%;
- text-align: center;
- margin-bottom: 10px;
- }
- .element-list-token-users {
- margin-top: 2.5em;
- }
- .container-image-token-users img {
- max-width: 65% !important;
- }
- .container-image-token-users {
- margin-top: 4em;
- }
- .main-section-subtitle {
- max-width: 90% !important;
- }
- }
- /*md resolution*/
- @media (min-width: 768px) {
- .show_mobile {
- display: none;
- margin-top: 3em;
- }
- .container-token-clients {
- margin-top: 7em !important;
- }
- .container-token-users {
- margin-top: 3em !important;
- }
- .main-section-subtitle {
- max-width: 90% !important;
- }
- }
- /*lg resolution*/
- @media (min-width: 992px) {
- h2 {
- font-size: 2.0em !important;
- margin-bottom: 40px;
- }
- .container-token-users {
- padding-bottom: 0px !important;
- margin-top: 1em !important;
- }
- .featured1-wrap {
- padding: 124px 0 !important;
- }
- }
- @media only screen and (max-width: 480px) {
- .container_coin {
- height: 168px;
- width: 168px;
- }
- .main-container-coin {
- display: none;
- }
- .main-container-coin-mobile {
- display: block;
- }
- .coin {
- height: 168px;
- width: 168px;
- }
- .coin .front,
- .coin .back {
- height: 168px;
- width: 168px;
- }
- .container_coin img {
- height: 100%;
- }
- .coin .side {
- -webkit-transform: translateX(80px);
- }
- .coin .side .circle {
- height: 168px;
- }
- .coin .side .circle:before,
- .coin .side .circle:after {
- height: 15.682742452729697px;
- width: 16px;
- }
- .ico-team-name {
- font-size: 0.8em;
- }
- .ico-team-role {
- font-size: 0.6em;
- }
- .title-header {
- font-size: 2.5em !important;
- }
- .btn-gradient-large a {
- font-size: 0.8em !important;
- }
- .main-menu-modal {
- font-size: 2.5vw !important;
- }
- .secondary-menu-modal > div:nth-child(3), .secondary-menu-modal > div:nth-child(4) {
- /*padding-top:1em !important;*/
- }
- .slider-title {
- margin-left: 0px;
- }
- .slider-bg .container {
- padding: 0;
- }
- .text-decentralize {
- font-size: 1.0em !important;
- }
- .white-paper-top {
- display: none;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement