html, body {
    overflow-x: hidden !important;
    height: auto !important;
    -webkit-overflow-scrolling: touch;
}
.gridline {width: 1px; height: 100%; position: fixed; left: 900px; top: 0px; z-index: 100; background-color: red; opacity: 1; display: none;}
.gridline.l {left: 200px;}
.gridline.r { left: auto; right: 200px;}
.gridline.ml {left: 270px;}
.gridline.mr {left: 1018px;}
::-moz-selection {color: #ffffff; background: #00edff;}

::selection {color: #ffffff; background: #00edff;}
:focus {outline: none;}
::-webkit-input-placeholder {font-family: 'Exo 2', sans-serif; font-style: normal; color:  #ffffff; font-weight: 700; text-transform: capitalize; font-size: 15px; opacity: 0.35;
  letter-spacing: 0.5px; max-width: 95%;}

:-moz-placeholder {font-family: 'Exo 2', sans-serif; font-style: normal; color:  #ffffff;  font-weight: 700; text-transform: capitalize; font-size: 15px; opacity: 0.35; letter-spacing: 0.5px;
    max-width: 95%;}

::-moz-placeholder {
  font-family: 'Exo 2', sans-serif;
  font-style: normal;
  color:  #ffffff; ;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 15px;
  opacity: 0.35;
letter-spacing: 0.5px;
    max-width: 95%;
}

:-ms-input-placeholder {
  font-family: 'Exo 2', sans-serif;  
  font-style: normal;
  color:  #ffffff; ;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 15px;
  opacity: 0.35;
    letter-spacing: 0.5px;
    max-width: 95%;
}
/**************new fontstart*************/
.common_text_row h1 {
  font-family: "Exo 2", sans-serif;
  font-size: 58px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 1px;
  color: #fcfffe;
}
@media only screen and (max-width: 550px) {
  .common_text_row h1 {
    font-size: 37px;
    line-height: 1.3;
    letter-spacing: 0.5px;
  }
}

.doc_testnet_flex h1, .app_info h1, .common_text_row p, .announce_flex h1 {
  font-family: "Exo 2", sans-serif;
  font-size: 23px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.61;
  letter-spacing: 0.5px;
  color: #ffffff;
}
@media only screen and (max-width: 550px) {
  .doc_testnet_flex h1, .app_info h1, .common_text_row p {
    font-size: 18px;
    line-height: 1.67;
    letter-spacing: 0.4px;
  }
}

.full_row2 button, .app_info_button button, .container_for_form .form-container form button, .common_text_row button, #net_row_layout button {
  /* for all button **/
  font-family: "Exo 2", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 2.5px;
  /*  text-align: center;*/
  color: #000000;
}
@media only screen and (max-width: 768px) {
  .full_row2 button, .app_info_button button, .container_for_form .form-container form button, .common_text_row button {
    font-size: 13px;
  }
}
@media only screen and (max-width: 550px) {
  .full_row2 button, .app_info_button button, .container_for_form .form-container form button, .common_text_row button {
    font-size: 11px;
    line-height: 1.82;
    letter-spacing: 1.8px;
  }
}

.doc_testnet_flex h2 span, .read_more_first h1, .read_more_first h2, .read_more_second h1, .read_more_second h2, .read_more_third h1, .read_more_third h2 {
  /**same for READ MORE button except lineheight=1.4**/
  font-family: "Exo 2", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: 2px;
  color: #00edff;
  text-transform: uppercase;
}

.read_more_parent_mob .read_more_first h1, .read_more_parent_mob .read_more_first h2, .read_more_parent_mob .read_more_second h1, .read_more_parent_mob .read_more_second h2, .read_more_parent_mob .read_more_third h1, .read_more_parent_mob .read_more_third h2, .read_more_parent_mob .read_more_four h1, .read_more_parent_mob .read_more_four h2, .read_more_parent_mob .read_more_five h1, .read_more_parent_mob .read_more_five h2, .read_more_parent_mob .read_more_six h1, .read_more_parent_mob .read_more_six h2, .read_more_parent_mob .read_more_seven h1, .read_more_parent_mob .read_more_seven h2, .read_more_parent_mob .read_more_eight h1, .read_more_parent_mob .read_more_eight h2, .read_more_parent_mob .read_more_nine h1, .read_more_parent_mob .read_more_nine h2 {
  /**same for READ MORE button except lineheight=1.4**/
  font-family: "Exo 2", sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.77;
  letter-spacing: 1.7px;
  color: #00edff;
  text-transform: uppercase;
}

.read_more_first h3, .read_more_first h4, .read_more_first h5, .read_more_second h3, .read_more_second h4, .read_more_second h5, .read_more_third h3, .read_more_third h4, .read_more_third h5, .read_more_first p, .read_more_second p, .read_more_third p {
  /**same forTeam name & date **/
  font-family: "Exo 2", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #ffffff;
}

.read_more_parent_mob .read_more_first h3, .read_more_parent_mob .read_more_first h4, .read_more_parent_mob .read_more_first h5, .read_more_parent_mob .read_more_second h3, .read_more_parent_mob .read_more_second h4, .read_more_parent_mob .read_more_second h5, .read_more_parent_mob .read_more_third h3, .read_more_parent_mob .read_more_third h4, .read_more_parent_mob .read_more_third h5, .read_more_parent_mob .read_more_four h3, .read_more_parent_mob .read_more_four h4, .read_more_parent_mob .read_more_four h5, .read_more_parent_mob .read_more_five h3, .read_more_parent_mob .read_more_five h4, .read_more_parent_mob .read_more_five h5, .read_more_parent_mob .read_more_six h3, .read_more_parent_mob .read_more_six h4, .read_more_parent_mob .read_more_six h5, .read_more_parent_mob .read_more_seven h3, .read_more_parent_mob .read_more_seven h4, .read_more_parent_mob .read_more_seven h5, .read_more_parent_mob .read_more_eight h3, .read_more_parent_mob .read_more_eight h4, .read_more_parent_mob .read_more_eight h5, .read_more_parent_mob .read_more_nine h3, .read_more_parent_mob .read_more_nine h4, .read_more_parent_mob .read_more_nine h5, .read_more_parent_mob .read_more_first p, .read_more_parent_mob .read_more_second p, .read_more_parent_mob .read_more_third p, .read_more_parent_mob .read_more_four p, .read_more_parent_mob .read_more_five p, .read_more_parent_mob .read_more_six p, .read_more_parent_mob .read_more_seven p, .read_more_parent_mob .read_more_eight p, .read_more_parent_mob .read_more_nine p {
  /**same forTeam name & date **/
  font-family: "Exo 2", sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.77;
  letter-spacing: normal;
  color: #ffffff;
}

.full_row1 h1, .full_row2 h1, .full_row3 h1 {
  font-family: "Exo 2", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: 2px;
  color: #000000;
}
@media only screen and (max-width: 768px) {
  .full_row1 h1, .full_row2 h1, .full_row3 h1 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 550px) {
  .full_row1 h1, .full_row2 h1, .full_row3 h1 {font-size: 11px;
    line-height: 1.55;
    letter-spacing: 1.5px;
  }
}

.full_row1 p, .full_row2 p, .full_row3 p {
  font-family: "Exo 2", sans-serif;
  font-size: 44px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.18;
  letter-spacing: 1px;
  color: #000000;
}
@media only screen and (max-width: 768px) {
  .full_row1 p, .full_row2 p, .full_row3 p {
    font-size: 35px;
  }
}
@media only screen and (max-width: 550px) {
  .full_row1 p, .full_row2 p, .full_row3 p {
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: normal;
  }
}

.doc_testnet_flex h2, .announce_flex p{
  font-family: "Exo 2", sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.61;
  letter-spacing: normal;
  color: #ffffff;
}
@media only screen and (max-width: 550px) {
  .doc_testnet_flex h2 {
    font-size: 15px;
    line-height: 1.73;
  }
}

.read_more_title h1, .announce_text p{
  font-family: "Exo 2", sans-serif;
  font-size: 40px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: 0.5px;
  color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .read_more_title h1 {font-size: 30px; line-height: 1.33; letter-spacing: normal;
  }
}

/**************new font end*************/

#mce-success-response{
    opacity: 0;
}
#mc-embedded-subscribeSpan{
    top: 60px;
}
#backPageSpan{
    display: none;
    width: 80%;
    padding: 6px !important;
    margin-top: 50px;
}
#backPageSpan button{
    width: 100% !important;
}
.foot-col3-data .team_member{display:block;  max-width: 100%; margin: 0 auto;}

.newsletter_form{ position: absolute; top: 10%; left: 0; bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 1082px;
    background-image: url(../img/newsletter_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height:500px;
    background-position: center;
    height: 500px;
    text-align: center;
    padding-top: 125px;
}
.newsletter_form h1 {
  font-family: 'Exo 2', sans-serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform:capitalize;
}
.newsletter_form h2 {
  font-family: 'Exo 2', sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 2px;
  color: #ffffff;
  text-transform:uppercase;
}
.newsletter_form h2::after, .newsletter_form h2::before {
    content: "";
    width: 2%;
    border-bottom: 2px solid #ffffff;
    height: 0px;
    padding-right: 20px;
    margin: 0px 30px;
    display: inline-block;
    border-bottom-style: dashed;
    vertical-align: super;
}
.newsletter_form form {
    border: 1px solid rgba(0,0,0, 1);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    padding: 6px;
    padding-left: 6px;
    padding-right: 6px;
    max-width: 445px;
    margin: 0 auto;
}
.newsletter_form #mc_embed_signup div.mce_inline_error {
    background-color: #ff2e2e !important;
    font-weight: normal !important;
    z-index: 1;
    color: #fff;
    margin: 17px 0 0em -14px !important;
    display: inline-block;
    background: white;
    position: absolute;
}
.newsletter_form .search {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.2px;
    background-color: #000000;
    width: 100%;
    padding: 17px;
    height: 53px;
    color: #505050;
    text-align: -webkit-left;
    position: relative;
}
.newsletter_form button {
    line-height: 1.33;
    background-color: #00edff;
    border: none;
    text-align: center;
    color: #000000;
    width: 75%;
    font-size: 15px;
    height: 45px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    letter-spacing: 2.5px;
    padding: 11px;
    text-transform: uppercase;
}
.newsletter_form span {
    outline: 0;
    border: 1px solid rgba(0,255,173, 0.4);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 19px;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: 35px;
    position: relative;

}
.container_for_form #mc_embed_signup div.mce_inline_error {

    background-color: #ff2e2e !important;
    font-weight: normal !important;
    z-index: 1;
    color: #fff;
    margin: 0 0 0em 8px !important;
    display: inline-block;
    background: white;
        background-color: white;
    position: relative;
    top: -22px;

}
.newsletter_form span button:hover {
    background: black;
    color: #00edff;
    border: 1px solid;
    cursor: pointer;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#mc_embed_signup.signup1 div.mce_inline_error{
	margin-top: 15px !important;
    margin-left: -17px !important;
    width: 75%;
}
#mc_embed_signup.signup1 #mce-responses{
	margin-top: 15px;
    margin-left: -30%;
}
#mc_embed_signup.signup2 #mce-responses{
	margin-top: 15px;
    margin-left: 0;
}

input.EmailAddress1 {
	color:#ffffff;
	width:80%;
}
input.EmailAddress2 {
	color:#000000;
	width:80%;
}
.newsletter_form input.EmailAddress2 {
	color:#ffffff;
	width:80%;
}

.signup2 #mce-EMAIL::-webkit-input-placeholder{
    color:  #000;
}
.signup2 #mce-EMAIL:-moz-placeholder{
    color:  #000;
}
.signup2 #mce-EMAIL:-ms-input-placeholder{
    color:  #000;
}
.signup2 #mce-EMAIL::-moz-placeholder{
    color:  #000;
}
.bold{
    font-weight: 700;
}
.and{
    font-family: Exo;
}

/***********************************menu start***********************/
#logo1{
    display: block;
}
#logo2, #logo3{
    opacity: 0;
}
#logo1, #logo2, #logo3{
    position:absolute;
}

#logo1, #logo2{
    width: 108px;
}
#logo3{
     width: 110px;
    top: 13px;
}
#logos{
    display: none;
}
.hamburger .line {
    width: 28px;
    height: 3px;
    background-color: #000000;
    display: block;
     margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;	
}

.hamburger{
    margin-top: -7px;
}
.hamburger:hover {	
  cursor: pointer;
}
header .menu:hover .hamburger .line {
  background-color: #00edff;
}

#hamburger.is-active {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

#hamburger.is-active .line:nth-child(2) {
  width: 0px;
}
header .menu:hover #hamburger.is-active .line:nth-child(1),
header .menu:hover #hamburger.is-active .line:nth-child(3){
	background-color: #00edff;
}

#hamburger.is-active .line:nth-child(1) {
  -webkit-transform:translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform:translateY(13px) rotate(45deg);
     transform: translateY(13px) rotate(45deg);
  background-color: #000000;
	
}

#hamburger.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-8.9px) rotate(130deg);
  -ms-transform: translateY(-8.9px) rotate(130deg);
  -o-transform:translateY(-8.9px) rotate(130deg);
  transform: translateY(-8.9px) rotate(130deg);
  background-color: #000000;
}
.overlay_cover {   
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at bottom, #222226 0%, #222226 100%);
    z-index: 100;
}



header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
    z-index: 10;
    background-color: #ffffff;	
}

  header .logo {
       position: relative;
        left: 31px;
        top: 10px;
/*        width: 108px;*/
        margin-top: 3px;      
        z-index: 300;/************* add new********************/
      
    }
    .join_discord {
        right: 123px;
        top: 0px;
        position: absolute;
        width: 278PX;
        height: 82PX;
        cursor: pointer;
        font-family: 'Exo';
        font-weight: 700;
        font-size: 14px;
        color: #000000;
        line-height: 1.33;
        letter-spacing: 4px;
        background-color: #00edff;
        border: none;
    }
   .join_discord:hover {
        color: #00edff;
        background-color: #000000;
        border: 1px solid #00edff;
        transition: all 0.3s linear;
    }
  header .menu {
        background-color: #ffffff;
        width: 81px;
        height: 81px;
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0px;
         padding: 16px 0;
/*        padding: 26px 0;*/
        cursor: pointer;
  }
header .menu:hover{
      background-color: #000000;
      border: 1px solid #00edff; 
     transition: all 0.3s ease-in-out;
}
  
header .overlay2 {
    height: 100%;
    width: 31.5%;
    position: fixed;
    z-index: 1;
    top: 0;
    right: -100%;
    background-color: #000000;
    overflow: hidden;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    -webkit-transition: 0.7s;
    transition: 0.7s;
    background-image: url(../img/nav_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
header .overlay2.active {
    right: 68.9%;
    transition-delay: 0.2s;
}
header .overlay_cover .overlay2 .overlay_logo {
/*
    width: 122px;
    position: fixed;
    left: 28px;
    margin-top: 13px;
*/
 
    width: 122px;
    position: fixed;
    left: 24px;
    margin-top: 7px;
    z-index: -500;
    
    
    
}

header .overlay {
    height: 100%;
   width: 42.4%;
    position: fixed;
    z-index: 1;
    top: 0;
    right: -100%;
    background-color: #000000;
    overflow: hidden;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}
header .overlay.active {
    right: 26.5%;
    transition-delay: 0.2s;
}

header .overlay .overlay-content {
    position: relative;
    left: 30%;   
}


header .overlay1 {
    height: 100%;
    width: 26.5%;
    position: fixed;
    z-index: 1;
    top: 0;
    right: -60%;
   overflow: hidden;
    display: block;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    -webkit-transition: 0.7s;
    transition: 0.7s;
    background-color: #000000;
}

header .overlay1.active {
    right: 0%;
}

.overlay1-col-1, .overlay1-col-2, .overlay1-col-3{
    width: 100%;
    margin-left: 0;
    background-color: #202020;
}
.overlay1-col-3{
    height: 100%;
}
.overlay1-col-2, .overlay1-col-3, .overlay1-col-1 {
    margin-top: 5px;
    padding-bottom: 53px;
}
.overlay1-col-1 {    
   margin-top: 0;
}
.overlay1-col2-data, .overlay1-col3-data, .overlay1-col1-data{
   padding-left: 62px;
   padding-top: 30px;  
}
.overlay1-col1-data {  
    padding-top: 65px;
}
.overlay1 h1{
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 23px;
    color: #ffffff;
    line-height: 1.61;
    letter-spacing: 0.5px;  
}
.overlay1 p {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    max-width: 250px;
    line-height: 1.61;
    padding-top: 0px;
    margin-bottom: 50px;
    font-size: 18px;
    color: #ffffff;
}
.overlay1-col2-data p {
   max-width: 360px; 
}
/*
.overlay1-col1-data form {
    border: 1px solid rgb(255,255,255,0.4);
    -webkit-background-clip: padding-box;
    outline: 0;
    padding: 7px;
    height: 66px;
    width: 90%;
    margin-top: -9px;
    margin-left: -8px;
    padding-left: 7px;
    padding-right: 7px;
}

.overlay1-col1-data form .search {
   font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.2px;
    background-color: #ffffff;
    width: 100%;
    padding: 17px;
    height: 51px;
    color: #505050;
    text-align: -webkit-left;
    position: relative;
}


.overlay1-col1-data form .search button {
     -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
     transform: rotate(-90deg);
    border: none;
    background-color: transparent;
    position: absolute;
    right: 25px;
    top: -1px;
}
*/
.overlay1-col1-data form .search button .icon-New-Arrow2 {  
    font-size: 57px;
}

.overlay1 a, .foot-col2-data a {
    outline: 0;
    border: 1px solid rgba(0,255,173, 0.4);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 18px;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: -6px;
}
.foot-col2-data a {      
    -webkit-background-clip: padding-box;
    border: 1px solid rgba(0,0,0, 0.4);
    
}
.overlay1 button, .foot-col2-data button{
   line-height: 1.33;
    background-color: #00edff;
    border: none;
    text-align: center;
    color: #000000;
    width: 75%;
    font-size: 15px;
    height: 45px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    letter-spacing: 2.5px;
    padding: 11px;
}
.foot-col2-data button{
    background-color: #000000;
    color: #fff;
    cursor: pointer;
}
.overlay1 a button:hover {
    background: black;
    color: #00edff;
    border: 1px solid;
    cursor: pointer;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.overlay1-col2-data h5 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.43;
    padding-top: 4px;
    font-size: 14px;
    letter-spacing: 4px;
        margin-top: 49px;
}
.overlay1-col2-data h5:last-child {
     margin-top: 20px;
}

.overlay1-col2-data .icon-New-Arrow2{
      margin-left: 39px;
    font-size: 57px;
    letter-spacing: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);	
    transform: rotate(-90deg);
    position: absolute;
    margin-top: -19px;  
}

.icon_bg .icon-New-Arrow2 .path2:before, .icon_bg .icon-New-Arrow2 .path3:before, .icon_bg .icon-New-Arrow2 .path4:before, .icon_bg .icon-New-Arrow2 .path5:before, .icon_bg .icon-New-Arrow2 .path6:before, .icon_bg .icon-New-Arrow2 .path7:before { 
    color: #000000;
}



.overlay .overlay-content .explore_solana{
     position: relative;
    -webkit-transform: translateX(-42px);
    -moz-transform: translateX(-42px);
    -ms-transform: translateX(-42px);
    -o-transform: translateX(-42px);
    transform: translateX(-42px);
    margin-bottom: 43px;
    margin-top: 114px;
   
}

.overlay .overlay-content .explore_solana h3{
     width: 121px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: -100px;
    top: 64px;
    line-height: 1.4;
    font-family: 'Exo 2', sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
    color: #00ffbb;
    font-weight: 700;
    position: absolute; 
}

.overlay .overlay-content .explore_solana img{
    width: 150px;
    right: -14px;
    position: relative;
}
header .overlay .col_5_icon{
   position: relative;
    right: 104px;
    margin-top: 14px;
    width: 48px;
    height: 104.8PX;
}

header .overlay ul {
    position: relative;
    margin: 0 auto;
    list-style: none;
/*    margin-bottom: 89px;*/
   margin-top: -126px;
  margin-left: -25px;
}
header .overlay ul a {
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}


header .overlay ul a:hover {
    color: #00edff;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
header .overlay ul a li {
    font-size: 18px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    line-height: 2.8;
    letter-spacing: .1em;
}

header .overlay .foot-col-5 {
    font-size: 31px;
    display: -webkit-inline-box; 
    margin-left: -25px;
}
header .overlay .foot-col-5 .social {
    width: 62px;
    margin-top: 20px;
    cursor: pointer;
}
header .overlay .foot-col-5 .social a {
    text-decoration: none;
}

 header .overlay .overlay-content-mob{
   display: none;
}

header .overlay .overlay-content{
   display: block;
}

/************************************menu end***********************/


/****************team bio start*******************/

.cd-member-bio-close{
    position: absolute; 
    right: 0px;
    top: 0px;
    width: 56.7px;
    height: 56.4px;
    background-color: #ffffff;
    cursor: pointer;
    padding: 16px 0;
    border: none;
}
.cd-member-bio-close:hover{
    border: 1px solid #00edff;
    background-color: #000000;
-webkit-transition: all 0.4s linear;
 -moz-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.cd-member-bio-close:hover .line:nth-child(1){
       background-color: #00edff;
-webkit-transition: all 0.4s linear;
 -moz-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.cd-member-bio-close:hover .line:nth-child(2){
       background-color: #00edff;
-webkit-transition: all 0.4s linear;
 -moz-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.cd-member-bio-close .line:nth-child(1) {
    -webkit-transform: translateY(-7px) rotate(45deg);
    -ms-transform: translateY(-7px) rotate(45deg);
    -o-transform: translateY(-7px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg);
    background-color: #000000;
    width: 25px;
    height: 2px;
    margin: 6.5px auto;
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
}
.cd-member-bio-close .line:nth-child(2) {
  -webkit-transform: translateY(-7px) rotate(133deg);
    -ms-transform: translateY(-7px) rotate(133deg);
    -o-transform: translateY(-7px) rotate(133deg);
    transform: translateY(-7px) rotate(133deg);
    background-color: #000000;
    position: absolute;
    width: 25px;
    height: 2px;
    margin: 6.5px auto;
    top: 26px;
    left: 0;
    right: 0;
}

 .whole_team .bio{
	position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background-color: rgb(49,47,55,0.5);
    visibility: hidden;
    opacity: 0;	
    transition: visibility 0s,opacity 0.5s linear;
}
.whole_team .btngroup, .read_more_btngroup{
    position: relative;
    top: 80%;
    left: 0;
    z-index: 3;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    cursor: pointer;       
}
#nextbio:hover, #read_nextbio:hover{
 background-color: #00edff;
-webkit-transition: all 0.4s linear;
 -moz-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
#prevbio:hover, #read_prevbio:hover{
 background-color: #00edff;
-webkit-transition: all 0.4s linear;
 -moz-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
#prevbio:hover .icon-New-Arrow3 .path2:before, #prevbio:hover .icon-New-Arrow3 .path3:before, #prevbio:hover .icon-New-Arrow3 .path4:before, #prevbio:hover .icon-New-Arrow3 .path5:before, #prevbio:hover .icon-New-Arrow3 .path6:before, #prevbio:hover .icon-New-Arrow3 .path7:before, #prevbio ._arrow2:hover .icon-New-Arrow3 .path8:before {
    color: #000000;
    -webkit-transition: color 0.3;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
#nextbio:hover .icon-New-Arrow3 .path2:before, #nextbio:hover .icon-New-Arrow3 .path3:before, #nextbio:hover .icon-New-Arrow3 .path4:before, #nextbio:hover .icon-New-Arrow3 .path5:before, #nextbio:hover .icon-New-Arrow3 .path6:before, #nextbio:hover .icon-New-Arrow3 .path7:before, #nextbio ._arrow2:hover .icon-New-Arrow3 .path8:before {
    color: #000000;
    -webkit-transition: color 0.3;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
#read_prevbio:hover .icon-New-Arrow3 .path2:before, #read_prevbio:hover .icon-New-Arrow3 .path3:before, #read_prevbio:hover .icon-New-Arrow3 .path4:before, #read_prevbio:hover .icon-New-Arrow3 .path5:before, #read_prevbio:hover .icon-New-Arrow3 .path6:before, #read_prevbio:hover .icon-New-Arrow3 .path7:before, #read_prevbio ._arrow2:hover .icon-New-Arrow3 .path8:before {
  color: #000000;
  -webkit-transition: color 0.3;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

#read_nextbio:hover .icon-New-Arrow3 .path2:before, #read_nextbio:hover .icon-New-Arrow3 .path3:before, #read_nextbio:hover .icon-New-Arrow3 .path4:before, #read_nextbio:hover .icon-New-Arrow3 .path5:before, #read_nextbio:hover .icon-New-Arrow3 .path6:before, #read_nextbio:hover .icon-New-Arrow3 .path7:before, #read_nextbio ._arrow2:hover .icon-New-Arrow3 .path8:before {
  color: #000000;
  -webkit-transition: color 0.3;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

#nextbio, #prevbio, #read_prevbio, #read_nextbio{
    width: 175px;
    height: 65px;
    background-color: #313131;
    border: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
#nextbio, #read_nextbio{
    border-left: 2px solid #000000;
}
#prevbio a, #read_prevbio a{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 70px;
    left: 45%;
    position: relative;
}
#nextbio a, #read_nextbio a{
    -webkit-transform: rotate(-90deg);       
    -moz-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 70px;
    left: 35%;
    position: relative;
}
.read_more_btngroup {
  max-width: 310px;
    display: none;
}
.whole_team .bio.slide-in{
	visibility:visible;
	opacity:1;
}
.whole_team .cd-member-bio {
    position: absolute;
    top: 15%;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;    
    max-width: 600px;
    height: 714px;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    background: #000000;
    z-index: 2;
	visibility: hidden;
	opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.8s ease-in-out;
    -moz-transition: visibility 0s, opacity 0.8s ease-in-out;
    -o-transition: visibility 0s, opacity 0.8s ease-in-out;
    transition: visibility 0s, opacity 0.8s ease-in-out;
}
.whole_team .cd-member-bio.slide-in {
    visibility: visible;
    opacity: 1;
}

.whole_team .cd-member-bio .cd-bio-content {
    padding: 1em;
    color: #fff;
}
.whole_team.cd-member-bio .cd-bio-content .strategic_head {
    margin-top: 50px;
}

.whole_team .cd-member-bio .cd-bio-content h1 {
    top: 8px;
    padding-top: 73px;
    text-transform: capitalize;
    text-align: center;
    color: #ffffff;
    font-size: 29px;
    font-weight: 700;
    font-family: "Exo 2", sans-serif;
    line-height: 1.61;
    letter-spacing: 0.5px;
}

.whole_team .cd-member-bio .cd-bio-content h3 {
	 font-family: "Exo 2", sans-serif;
     font-size: 29px;
    text-align: center;
    line-height: 1.61;
    color: #00edff;
    font-weight: 400;
    margin-bottom: 35px;
    letter-spacing: 0.5px;
}

.whole_team .cd-member-bio .cd-bio-content p {
	 font-family: "Exo 2", sans-serif;
    font-size: 17px;
    text-align: center;
    line-height: 1.73;
    font-weight: 400;
    max-width: 90%;
    margin: 0 auto;
	color:#ffffff;
}

/*****************team bio end******************/

/************************************Team start***********************/
 .content-overlay {
    background: rgba(0,0,0,0.7);
    position: absolute;
    height: 0;
    width: 100%;
     max-width: 223px;
     margin: auto;
    left: 0px;
    top: auto;
    bottom: 14px;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.team_member .content-overlay{
    filter: none;
    -webkit-filter: grayscale(0);
}

.txt_hover:hover .content-overlay{
  opacity: 1;
  z-index: 1; 
  height: 32%;
}
.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: auto;
  bottom: -20%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
    z-index: 1;    
}
.content-details h3{
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.4;
    text-transform: uppercase;
}
.txt_hover:hover .content-details{
  opacity: 1;
  z-index: 1;
  bottom: 8%;
}

.fadeIn-bottom{
    top:80%;
}

.team_member{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content:space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    max-width: 1400px;
    margin: 80px auto;
    margin-bottom: 100px;
    margin-top: 26px;
}
.member1, .member2, .member3, .member4{
    position: relative;
}
.member1_square, .member2_square, .member3_square, .member4_square{
    background: url(../img/team_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 15px;
    position: relative;
    margin-bottom: 44px;
    cursor: pointer;
}
.team_member img{
    width: 223px;
    vertical-align: middle;
    
}
.txt_hover img{
     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Chrome 19+, Safari 6+, Safari 6+ iOS */  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.txt_hover:hover img{
  filter: none;
  -webkit-filter: grayscale(0);
}

.team_member h2{
    font-family: "Exo 2", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.94;
    letter-spacing: 0.5px;
    color: #ffffff;
    text-align: center;
}
.team_member h3{
    font-family: "Exo 2", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.94;
    letter-spacing: 0.5px;
    color: #00edff; 
    text-align: center;
}

.team_title, .read_more_title{
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    max-width: 280px;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
    transform: translateX(200px);
    margin-bottom: 0;
    top: -53px;
    position: relative;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
/*    margin-left: -49px;*/
    margin-top: 90px;
}

.team_title h1{
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #ffffff;
    margin-left: 20px;
}
.team_title img{
    width: 75px;
    height: 110px;
}
.team_btn{
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;   
    margin-bottom: 186px;    
    position: relative;

}
.btn_2{
    margin-left: 72px;
}
.team_btn a{
      outline: 0;
    padding: 6px;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid rgba(0,255,173, 0.4);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.team_btn button{
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: 2.5px;
    background-color: #00edff;
    border: none;
    width: 285px;
    padding: 10px;
    height: 45px;
    text-align: center;
    color: #000000;
}
.team_btn button:hover {
    background: black;
    color: #00edff;
    border: 1px solid;
    cursor: pointer;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}


/************************************Team end***********************/


/*
form.signup1.icon_bg {
    border: 1px solid #ffffff;
}
*/

.text{
 display:block;
}
 .dots{
 display:none;
}

.row {
    max-width: 500px;
    position: relative;
    left: 15.3%;
    top: 50px;
}
.row h1 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 42px;
    margin-bottom: 40px;
    letter-spacing: 2px;
    line-height: 1.14;
    color: #fcfffe;
}
.row p {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 23px;
    max-width: 449px;
    line-height: 1.61;
    letter-spacing: 0.5px;
    margin-bottom: 60px;
    color: #ffffff;
}
.row a {
    outline: 0;
    padding: 19px;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid rgba(0,237,255, 0.4);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.row button {
        font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #000000;
    line-height: 1.33;
    letter-spacing: 2.5px;
    background-color: #00edff;
    border: navajowhite;
    width: 290px;
    height: 45px;
    margin-bottom: 40px;
    padding: 11px;
}
.row button:hover {
    background: black;
    color: #00edff;
    border: 1px solid;
    cursor: pointer;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
/* .row a:last-child {
    padding: 0;
    border: none;
    text-decoration: none;
    font-size: 72px;
    cursor: pointer;
   
} */

.row a:last-child {
    /* padding: 0;
    border: none;
    text-decoration: none;
    font-size: 72px;
    cursor: pointer; */
   
}

.row a:last-child .icon-New-Arrow3{
    top: 0;
    position: relative;
    -webkit-transition: top 0.3s linear;
    -moz-transition: top 0.3s linear;
    -o-transition: top 0.3s linear;
    transition: top 0.3s linear;
}
.row a:last-child .icon-New-Arrow3:hover{
    position: relative;
    top: 10px;    
}


.row a:last-child .icon-New-Arrow3:hover .path2:before, .row a:last-child .icon-New-Arrow3:hover .path3:before, .row a:last-child .icon-New-Arrow3:hover .path4:before, .row a:last-child .icon-New-Arrow3:hover .path5:before, .row a:last-child .icon-New-Arrow3:hover .path6:before, .row a:last-child .icon-New-Arrow3:hover .path7:before {
    color: #00edff;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}

.link_arrow {
    margin-top: 10px;
}
.link_arrow img {
    width: 15px;
}
.link_arrow {
    top: 30px;
    position: relative;
}
.hero_illustration {
    position: relative;
    right: -44%;
    top: -655px;
    max-width: 1100px;
    z-index: -1;
    margin-bottom: 30%;
}
.hero_illustration object {
    position: absolute;
}
.full_row {
/*background-image: url(../img/speed_secuirity.svg);*/
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 375px;
    background-position: center;
    margin-bottom: 150px;
}
.full_row h1 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 2px;
    color: #000000;
    text-align: center;
    padding-top: 169px;
    text-transform: uppercase;
    line-height: 1.4;
    padding-left: 13px;
}
.full_row h1::after, .full_row h1::before {
    content: "";
    width: 2%;
    border-bottom: 2px solid #000;
    height: 0px;
    padding-right: 20px;
    margin: 0px 30px;
    display: inline-block;
    border-bottom-style: dashed;
    vertical-align: super;
}
.full_row p {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 44px;
    letter-spacing: 1px;
    color: #000000;
    text-align: center;
    padding-top: 10px;
    max-width: 675px;
    margin: 0 auto;
    line-height: 1.18;
    padding-left: 20px;
}
.block_row {
    width: 101%;
    left: 50%;
    position: relative;
    min-width: 1400px;
    -webkit-transform: translate(-50%);
     -moz-transform:    translate(-50%);
     -ms-transform:    translate(-50%);
     -o-transform:      translate(-50%);
     transform: translate(-50%);
     margin-top: 105px;
    display: block;
}
.block_row object:last-child{
    display: none;
}
.block1_row {
      width: 100%;
      min-width: 1400px;
      margin-top: 24px;
     -webkit-transform: translate(0px, -47px);
    -moz-transform: translate(0px, -47px);
    -ms-transform: translate(0px, -47px);
    -o-transform: translate(0px, -47px);
    transform: translate(0px, -47px); 
    display: block;
}
.block2_row {
    width: 17%;
    min-width: 762px;
    -webkit-transform: translate(0%, -82px);
    -moz-transform: translate(0%, -82px);
    -ms-transform: translate(0%, -82px);
    -o-transform: translate(0%, -82px);
    transform: translate(0%, -82px);
    display: block;
}

.full_row_img{
    display: none;
}
.row_layout {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    max-width: 1400px;
    margin: 80px auto;
    text-align: left;
    margin-bottom: 13%;
    margin-top: 20px;
}
.row_layout h1 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: 0.5px;
    color: #ffffff;
    max-width: 330px;
    line-height: 1.3;
}
.row_layout p {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    line-height: 1.6;
}
.row_layout .column-1, .row_layout .column-2, .row_layout .column-3, .row_layout .column-4, .row_layout .column-5, .row_layout .column-6, .row_layout .column-7, .row_layout .column-8 {
    width: 50%;
}
.row_layout .col_15_icon {
    position: relative;
    right: 65px;
    margin-top: 40px;
    height: 81px;
}
.row_layout .col_48_icon {
    position: relative;
    right: -66px;
    margin-top: 40px;
    width: 38px;
    height: 81px;
}
.roadmapx {
    background: url("../img/roadmapx_bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    text-align: center;
}
.roadmapx .parent {
    margin: 0 auto;
    max-width: 719PX;
}
.roadmapx .title {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    max-width: 250px;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
    transform: translateX(200px);
    margin-bottom: 0;
    top: -53px;
    position: relative;
}
.roadmapx .title h1 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #ffffff;
    margin-left: 20px;
}
.roadmapx .title img {
    width: 75px;
    height: 110px;
}
.roadmapx .parent .child1, .roadmapx .parent .child2 {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.roadmapx .parent .child2 {
    -webkit-transform: translateX(350px);
    -moz-transform: translateX(350px);
    -ms-transform: translateX(350px);
    -o-transform: translateX(350px);
    transform: translateX(350px);
}
.roadmapx .child1 .container {
    text-align: center;
    margin-right: 155px;
    width: 195px;
}
.roadmapx .child2 .container {
    text-align: center;
    margin-right: 0;
    margin-left: 68px;
    width: 340px;
}
.roadmapx .parent .square_bg {
    background: url(../img/square_big.svg);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: center;
    padding: 25px;
    position: relative;
/*    background-color: #000000;*/
}
#whitepaper {
    width: 35px;
}
#dignaol, #square_dignoal {
    width: 50px;
}
#arrow_circle, #circle_dignoal {
    width: 50px;
    vertical-align: middle;
    padding: 5px;
}
#flag {
    width: 40px;
    vertical-align: middle;
    padding: 5px;
}
#gear {
    width: 35px;
    vertical-align: middle;
    padding: 5px;
}
#wallet {
    width: 42px;
    vertical-align: middle;
    padding: 5px;
}
#num_dignoal {
    width: 50px;
    vertical-align: middle;
    padding: 5px;
}
.roadmapx .parent .square_sm object {
    width: 50px;
}
.roadmapx .parent .square_sm {
    background: url(../img/square_small.svg);
    background-repeat: no-repeat;
    background-size: 75px;
    background-position: top;
    padding: 13px;
    position: relative;
    margin-top: 15px;
    margin-left: -20px;
/*    background-color: #000000;*/
    z-index: 1;
}
.roadmapx .parent .child1 .square_sm::before {
    content: "";
    position: absolute;
    -webkit-transform: translateX(-180px);
    -moz-transform: translateX(-180px);
    -ms-transform: translateX(-180px);
    -o-transform: translateX(-180px);
    transform: translateX(-183px);
    margin-top: 15px;
    width: 160px;
    height: 2px;
    border-top: solid 1.5px #fff;
    border-top-style: dashed;
}
.roadmapx .parent .square_sm::after {
    content: "";
    position: absolute;
    height: 88px;
    width: 1.5px;
    background: #ffffff;
    left: 50%;
    top: 83px;
}
.roadmapx .parent .child2:last-child .square_sm::after {
	 content: none;
}
.roadmapx .parent .child1:last-child .square_sm::after {
    content: none;
}
.roadmapx .parent .child2 .square_bg::before {
    content: "";
    position: absolute;
    width: 160px;
    height: 2px;
    border-top: solid 1.5px #fff;
    border-top-style: dashed;
     -webkit-transform: translateX(-196px);
    -moz-transform: translateX(-196px);
    -ms-transform: translateX(-196px);
    -o-transform: translateX(-196px);
    transform: translateX(-196px);
    margin-top: 25px;
  
}
.roadmapx .parent h1 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 2px;
    color: #00edff;
    line-height: 1.5;
    text-align: center;
    margin: 18px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.roadmapx .parent p {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 23px;
    letter-spacing: 0.5px;
    color: #ffffff;
    line-height: 1.61;
    text-align: center;
    max-width: 194px;
    text-transform: capitalize;
    margin: 0 auto;
    height: 22px;
}
.roadmapx .parent .complete p {
    opacity: 1;
}
.roadmapx .parent .upcoming p {    
    color: #505050;
}
.roadmapx .parent .current p {
    opacity: 1;
}
.upcoming .square_sm object, .current .square_sm object {
    visibility: hidden;
}
.upcoming .square_bg object {
    opacity: 0.4;
}
.roadmapx a {
    border: 1px solid #00edff;
    outline: 0;
    padding: 20px;
    padding-left: 5px;
    padding-right: 5px;
    visibility: hidden;
}
.roadmapx button {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #000000;
    text-transform: uppercase;
    line-height: 1.33;
    letter-spacing: 2.5px;
    background-color: #00edff;
    border: none;
    width: 290px;
    height: 45px;
    margin-top: 9%;
}
.roadmapx button:hover {
    background: black;
    color: #00edff;
    border: 1px solid;
    cursor: pointer;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.wrapper_slider {
    max-width: 1400px;
    margin: 0 auto;
    display: block;
}
.wrapper_slider .slider_parent {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.wrapper_slider .slider_parent .column {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -moz-flex-basis:100%;
    -ms-flex-preferred-size: 100%;
     -webkit-flex-basis: 100%; 
    flex-basis: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.wrapper_slider .slider_parent .column:first-child {
    background-color: #202020;
    max-width: 584px;
    min-height: 726px;
}
.slider_parent .header {
    position: relative;
    text-align: center;
    border-bottom: 2px solid #000000;
}
.slider_parent .title {
    color: #00edff;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.slider_parent .subtitle {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 40px;
    line-height: 1.5;
    text-align: center;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 50px;
    margin-top: -40px;
    letter-spacing: 0.5px;
}
.slider_parent .subtitle:before {
    content: "";
    position: absolute;
    background-image: url(../img/app_icon.svg);
    background-repeat: no-repeat;
    background-position: top 18px center;
    width: 75px;
    height: 83px;
    margin-left: -98px;
}
.slider_parent .title span {
    position: absolute;
    -webkit-transform: rotate(-90deg) translate(-130px, -70px);
    -moz-transform: rotate(-90deg) translate(-130px, -70px);
    -ms-transform: rotate(-90deg) translate(-130px, -70px);
    -o-transform: rotate(-90deg) translate(-130px, -70px);
    transform: rotate(-90deg) translate(-130px, -70px);
}

#digit1, #digit2, #digit4{
	display: none;
}

#digit1.title:after {
    content: "01";
    position: relative;
    color: #000000;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 175px;
}
#digit2.title:after {
    content: "02";
    position: relative;
    color: #000000;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 175px;
}
#digit3.title:after {
    content: "03";
    position: relative;
    color: #000000;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 175px;
}
#digit4.title:after {
    content: "04";
    position: relative;
    color: #000000;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 175px;
}
ol {
    list-style-type: none;
    counter-reset: li;
}
.slider_parent li div {
    padding-left: 25px;
    opacity: 0.6;
}
.slider_parent li.active div{
    opacity: 1;
}
.slider_parent li {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 1.4px;
    line-height: 1.39;   
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 356px;
    height: 82px;
    padding-left: 10%;
}
.slider_parent li:nth-child(1) {
    visibility: hidden;
}
.slider_parent li:nth-child(2) div {
    margin-top: 10px;
}
.slider_parent li:before {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #00edff;
    letter-spacing: 2.4px;
    line-height: 1.17;
    counter-increment: li;
    content: counter(li, decimal-leading-zero);
    padding: 11px;
    padding-bottom: 0;
    height: 38px;
}
.slider_parent li.active:before {
    background-color: #000000;
}
.wrapper_slider .slider_parent .column:nth-child(2) {
    margin-left: 18%;
    margin-top: 39px;
}
.slider_parent .column object {
    width: 267px;
}
.slider_parent .column .timer {
    position: relative;
}
.slider_parent .column .mtimer {
    visibility: hidden;
    position: absolute;
}
.slider_parent .column .timer object {
    width: 27px;
    bottom: 30px;
    right: 30px;
    position: absolute;
    display: none;

}
.slider_parent .column:nth-child(2) h1 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 1.3;
    letter-spacing: 0.9px;
    color: #00edff;
    max-width: 403px;
}
.slider_parent .column:nth-child(2) p {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.61;
    color: #ffffff;
    max-width: 550px;
}
.slider_parent .column:nth-child(2) a {
    display: none;
}
#box_three {
    display:block;
}
#box_four, #box_two, #box_one {
    display:none;
}
#box_four, #box_two, #box_one, #box_three {
    z-index: -1;
}

.collection-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -12px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.collection-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.collection-cell._arrow2, .collection-cell._arrow1 {
    -webkit-flex-basis: 100%;
    -moz-flex-preferred-size: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 84px;
    text-align: center;
}
.collection-cell._arrow1 .icon-New-Arrow3, .collection-cell._arrow2 .icon-New-Arrow3 {
    font-size: 72px;
}
.collection-cell ._arrow1 #prev {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    position: relative;
    top: 70px;
}
.collection-cell ._arrow1:hover {
    cursor: pointer;
    background-color: #00edff;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}
.collection-cell ._arrow2:hover {
    cursor: pointer;
    background-color: #00edff;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}
.collection-cell ._arrow1:hover .icon-New-Arrow3 .path2:before, .collection-cell ._arrow1:hover .icon-New-Arrow3 .path3:before, .collection-cell ._arrow1:hover .icon-New-Arrow3 .path4:before, .collection-cell ._arrow1:hover .icon-New-Arrow3 .path5:before, .collection-cell ._arrow1:hover .icon-New-Arrow3 .path6:before, .collection-cell ._arrow1:hover .icon-New-Arrow3 .path7:before, .collection-cell ._arrow1:hover .icon-New-Arrow3 .path8:before {
    color: #000000;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.collection-cell ._arrow1:hover #prev {
    top: 45px;
    -webkit-transition: top 0.3s linear;
    -moz-transition: top 0.3s linear;
    -o-transition: top 0.3s linear;
    transition: top 0.3s linear;
}
.collection-cell ._arrow2:hover .icon-New-Arrow3 .path2:before, .collection-cell ._arrow2:hover .icon-New-Arrow3 .path3:before, .collection-cell ._arrow2:hover .icon-New-Arrow3 .path4:before, .collection-cell ._arrow2:hover .icon-New-Arrow3 .path5:before, .collection-cell ._arrow2:hover .icon-New-Arrow3 .path6:before, .collection-cell ._arrow2:hover .icon-New-Arrow3 .path7:before, .collection-cell ._arrow2:hover .icon-New-Arrow3 .path8:before {
    color: #000000;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.collection-cell ._arrow2:hover #next {
    top: 60px;
    -webkit-transition: top 0.3s linear;
    -moz-transition: top 0.3s linear;
    -o-transition: top 0.3s linear;
    transition: top 0.3s linear;
}
.collection-cell ._arrow2 #next {
    position: relative;
    top: 40px;
}
.collection-cell._arrow2 {
    border-top: 2px solid #000000;
}
.collection-cell._arrow {
    background-color: #313131;
    padding-right: 12px;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
}
.collection-cell._list {
    -webkit-flex: 10;
    -ms-flex: 10;
    -moz-flex: 10;
    flex: 10;
    border-left: 2px solid #000000;
}
.error {
    color: #f32d49;
}
.success {
    color: #18d1a8;
}
.footer {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.foot-col-1 {width: 240px; left: -38px;  position: relative;}
.foot-col-2 {background-color: #202020; width: 35%; margin-left: -1%;}
.foot-col2-data {padding-left: 17.5%; padding-bottom: 7%;}
.foot-col2-data img {width: 140px; padding-top: 20px; margin-left: 0px;}
.foot-col2-data h1 {font-family: 'Exo 2', sans-serif;font-weight: 700;font-size: 23px; color: #fff; padding-top: 45px; line-height: 1.61; letter-spacing: 0.5px; margin-left: -4px;}
.foot-col2-data p {font-family: 'Exo 2', sans-serif; font-weight: 400; font-size: 18px; color: #fff; padding-top: 2px; max-width: 253px; line-height: 1.61; margin-bottom: 55px; margin-left: -4px;}
.foot-col2-data form {
    border: 1px solid rgba(0,0,0, 0.4);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    padding: 6px;
    padding-left: 6px;
    padding-right: 6px;
    width: 365px;
    height: 66px;
    margin-left: -12px;
}
.foot-col2-data form .search {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.2px;
    background-color: #000000;
    width: 100%;
    padding: 17px;
    height: 53px;
    color: #505050;
    text-align: -webkit-left;
    position: relative;
}
input {border: none; background: none;}
.foot-col2-data form .search button {
    position: absolute;
    right: 29px;
    top: -1px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border: none;
    background-color: #000000;
}
.foot-col2-data form .search button .icon-New-Arrow2 {
    font-size: 57px;
}
.icon-New-Arrow2 {
    cursor: pointer;
}

.icon-New-Arrow2:hover .path2:before, .icon-New-Arrow2:hover .path3:before, .icon-New-Arrow2:hover .path4:before, .icon-New-Arrow2:hover .path5:before, .icon-New-Arrow2:hover .path6:before, .icon-New-Arrow2:hover .path7:before {
    color: #00edff;
    transition: color 0.3s linear;
}
.search input, .search button {
    outline: none;
}
.foot-col2-data h4 {
     font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
   margin-top: 134px;
   margin-left: -5px;
}
.foot-col2-data a{text-decoration: none;}
.foot-col2-data button {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: 2.5px;
    background-color: #00edff;
    border: none;
    width: 285px;
    padding: 11px;
    height: 45px;
    text-align: center;
    color: #000000;
	margin-bottom:30px;
}
.foot-col2-data button:hover {
    background: black;
    color: #00edff;
    border: 1px solid;
    cursor: pointer;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.foot-col-3 {
    background-color: #00edff;
    width: 60%;
}
.foot-col3-data {
    padding-top: 110px;
    padding-left: 16%;
    padding-bottom: 5%;
}
.foot-col3-data h1 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 23px;
    color: #000;
    line-height: 1.61;
    letter-spacing: 0.5px;
    margin-left: 1%;
}
.foot-col3-data p {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    padding-top: 5px;
    max-width: 360px;
    line-height: 1.61;
    margin-bottom: 46px;   
    margin-left: 1%;
}
.foot-col3-data .all_button_border{
    outline: 0;
    padding: 19px;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid rgba(0,237,255, 0.4);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.input-group .all_button_border  {
    outline: 0;
    padding: 6px;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid rgba(0,0,0, 1);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 82%;
}
.foot-col3-data a{text-decoration: none;}
.foot-col3-data button {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: 2.5px;
    background-color: #00edff;
    border: none;
    width: 285px;
    padding: 11px;
    height: 45px;
    text-align: center;
    color: #000000;
}
.foot-col3-data button:hover {
    background: black;
    color: #00edff;
    border: 1px solid;
    cursor: pointer;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.foot-col3-data h5 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    color: #000;
    line-height: 1.43;
    padding-top: 4px;
    font-size: 14px;
    letter-spacing: 4px;
    margin-top: 30px;
    margin-left: 6px;
}
.foot-col3-data .team_member1 h5 {margin-top: 20px;}
.foot-col3-data .team_member1 .icon-New-Arrow2{ margin-left: 32px;}
#commonfoot .whole_team .cd-member-bio .cd-bio-content p {font-family: "Exo 2", sans-serif; font-size: 14px; text-align: left; line-height: 1.73; font-weight: 400; max-width: 70%; margin: 0 auto; color: #ffffff;}
#commonfoot .whole_team .cd-member-bio{max-width: 1050px; height: 70%;}
#commonfoot .strategic_head{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content:flex-start; -ms-justify-content: flex-start; justify-content: flex-start; margin: 0 auto; max-width: 874px; margin-bottom: 40px;}
#commonfoot .strategic_head img{width: 80px; position: relative; top: 35px; left: -25px;}
#commonfoot .strategic_head h1{padding-top: 53px;}
.foot-col3-data .icon-New-Arrow2 { margin-left: 39px; font-size: 57px; letter-spacing: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg); transform: rotate(-90deg);  position: absolute; margin-top: -19px;}
.foot-col3-data h4 {font-family: 'Exo 2', sans-serif; font-weight: 400; font-size: 12px; color: #505050; margin-top: 38px; padding-left: 42%;}
.foot-col3-data h4 a{font-family: 'Exo 2', sans-serif; font-weight: 400; font-size: 12px; color: #505050; text-decoration: none; padding: 0; border: none;}
.foot-col-4 {flex-basis: 6.0%; text-align: left;	font-size: 31px; margin-top: 0%; padding-left:20px; background:  #202020;}
.foot-col-4 .social {margin-top: 20px;}
.foot-col-4 .social a{text-decoration: none;}
.social {cursor: pointer;}
.social:hover .icon-solana-social-discord .path1:before {
    color: #000000;
    cursor: pointer;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.social:hover .icon-solana-social-discord .path2:before {
    color: #00edff;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}

.social:hover .icon-solana-social-telegram .path1:before {
    color: #000000;
    cursor: pointer;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.social:hover .icon-solana-social-telegram .path3:before, .social:hover .icon-solana-social-telegram .path2:before {
    color: #00edff;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.social:hover .icon-solana-social-reddit .path1:before {
    color: #000000;
    cursor: pointer;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.social:hover .icon-solana-social-reddit .path2:before {
    color: #00edff;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.social:hover .icon-solana-social-Twitter .path1:before {
    color: #000000;
    cursor: pointer;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.social:hover .icon-solana-social-Twitter .path2:before {
    color: #00edff;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.social:hover .icon-solana-social-medium .path1:before {
    color: #000000;
    cursor: pointer;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.social:hover .icon-solana-social-medium .path2:before {
    color: #00edff;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.social:hover .icon-solana-social-github .path1:before {
    color: #000000;
    cursor: pointer;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.social:hover .icon-solana-social-github .path2:before {
    color: #00edff;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.social:hover .icon-solana-social-youtube .path1:before {
    color: #000000;
    cursor: pointer;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.social:hover .icon-solana-social-youtube .path2:before {
    color: #00edff;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.foot-col4-data {display: none;}
.mob-block {display: none;}
.foot-col3-data h4 span a:hover {
    color: #00edff;
    -webkit-transition: color 0.5s linear;
    -moz-transition: color 0.5s linear;
    -o-transition: color 0.5s linear;
    transition: color 0.5s linear;
    cursor: pointer;
}
.time-data, .sharding {
    position: relative;
    -webkit-transform: translateX(76px);
    -moz-transform: translateX(76px);
    -ms-transform: translateX(76px);
    -o-transform: translateX(76px);
    transform: translateX(76px);
    max-width: 1400px;
    margin: 0 auto;
}
.time-data h3, .sharding h3 {
    width: 122px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: -90px;
    top: 75px;
    line-height: 1.4;
    font-family: 'Exo 2', sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
    color: #00ffbb;
    font-weight: 700;
    position: absolute;
}
.time-data img, .sharding img {width: 150px;}
.scalable-finality, .smart-contract {
    position: relative;
    -webkit-transform: translateX(59%);
    -moz-transform: translateX(59%);
    -ms-transform: translateX(59%);
    -o-transform: translateX(59%);
    transform: translateX(59%);
    max-width: 1400px;
    margin: 0 auto;
}
.scalable-finality h3, .smart-contract h3 {
    width: 121px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: -100px;
    top: 64px;
    line-height: 1.4;
    font-family: 'Exo 2', sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
    color: #00ffbb;
    font-weight: 700;
    position: absolute;
}
.scalable-finality img, .smart-contract img {width: 150px;}
.row_layout .column-1 {max-width: 537px; margin-left: 0px;}
.row_layout .column-1 h1 {max-width: 330px;}
.row_layout .column-2 {max-width: 555px;}
.row_layout .column-2 object {width: 100%;}
.row_layout .column-3 {max-width: 625px; margin-left: -30px;}
.row_layout .column-4, .row_layout .column-8 {max-width: 530px;}
.row_layout .column-4 h1 {max-width: 400px;}
.row_layout .column-5 {max-width: 550px; margin-left: -155px;}
.row_layout .col_5_icon {position: relative; right: 55px; margin-top: 40px; height: 81px;}
.row_layout .column-6 {max-width: 570px; margin-top: -25px;}
.row_layout .col_3_icon {position: relative; right: -56px; margin-top: 40px; width: 38px; height: 81px;}
.row_layout .column-6 object { width: 100%;}
.row_layout .column-7 {max-width: 603px; margin-left: -35px;}
.row_layout .column-7 object {width: 100%;}
.row_layout .column-8 h1 {max-width: 512px;}
/****************** Developer page start*********************/
.common_row_flex {margin-top: 150px;}
.common_hero_illustration {
  position: relative;
  max-width: 935px;
  z-index: -1;
  left: 36%;
  -webkit-transform: translateX(-70%);
  -moz-transform: translateX(-70%);
  -ms-transform: translateX(-70%);
  -o-transform: translateX(-70%);
  transform: translate(-70%);
  top: -490px;
}
.common_text_row {max-width: 550px; position: relative; right: -56%; top: 21px;}
.common_text_row h1 {max-width: 558px; margin-left: 2px;}
.common_text_row p {margin-left: 5px; margin-bottom: 60px;}
.common_text_row a, #net_row_layout a {
  outline: 0;
  padding: 19px;
/*  padding-bottom: 20px;*/
  padding-left: 6px;
  padding-right: 6px;
  border: 1px solid rgba(0, 255, 173, 0.4);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.common_text_row button, #net_row_layout button{
  background-color: #00edff;
  border: navajowhite;
  width: 290px;
  height: 45px;
  margin-bottom: 30px;
  padding: 11px;
}

.common_text_row a button:hover, #net_row_layout a button:hover {
  background: black;
  color: #00edff;
  border: 1px solid;
  cursor: pointer;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.common_text_row .link_arrow a {
  padding: 0;
  border: none;
  text-decoration: none;
  font-size: 72px;
  cursor: pointer;
  outline: 0;
  background-clip: padding-box;
}

.common_text_row .link_arrow a .icon-New-Arrow3 {
  top: 0;
  position: relative;
  -webkit-transition: top 0.3s linear;
  -moz-transition: top 0.3s linear;
  -o-transition: top 0.3s linear;
  transition: top 0.3s linear;
}

.common_text_row .link_arrow a .icon-New-Arrow3:hover {position: relative; top: 10px;}
.link_arrow a .icon-New-Arrow3:hover .path2:before,
.link_arrow a .icon-New-Arrow3:hover .path3:before,
.link_arrow a .icon-New-Arrow3:hover .path4:before,
.link_arrow a .icon-New-Arrow3:hover .path5:before,
.link_arrow a .icon-New-Arrow3:hover .path6:before,
.link_arrow a .icon-New-Arrow3:hover .path7:before {
  color: #00edff;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

.page_name {
  position: absolute;
  right: -54px;
 -webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg); 
  transform: rotate(-90deg);
  margin-top: -108px;
}

.page_name h2 {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.67;
  letter-spacing: 5px;
  color: #00edff;
}

.page_name h2::after {
  content: "";
  border-bottom: 2px solid #00edff;
  height: 0px;
  padding-right: 43px;
  margin: 0px 12px;
  display: inline-block;
  border-bottom-style: dashed;
  vertical-align: super;
}

.container_for_form {
  width: 100%;
  margin: 11rem 0;
  padding: 1rem;
  box-sizing: border-box;
  margin-top: 1em;
}

.container_for_form .form-container {
  width: 100%;
  max-width: 1205px;
  background-color: #242424;
  box-sizing: border-box;
  margin: 0 auto;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: -webkit-transform 800ms cubic-bezier(0.45, -0.46, 0.31, 1);
  transition: transform 800ms cubic-bezier(0.45, -0.46, 0.31, 1);
  transition: transform 800ms cubic-bezier(0.45, -0.46, 0.31, 1), -webkit-transform 800ms cubic-bezier(0.45, -0.46, 0.31, 1);
}

.container_for_form .form-container form {
  width: 100%;
  position: relative;
  padding: 7rem;
  box-sizing: border-box;
  text-align: center;
  padding-bottom: 70px;
}

.container_for_form .form-container form .form-group {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 1rem 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  flex-wrap: no-wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  text-align: left;
  margin-bottom: 45px;
  margin-left: 45px;
}
.container_for_form .form-container form .form-group:first-child {
  margin-top: -50px;
  margin-bottom: -20px;
}
.container_for_form .form-container form .form-group .input-group {
  -moz-flex-basis: 45%;
  -ms-flex-preferred-size: 45%;
  -webkit-flex-basis: 45%;
  flex-basis: 45%;
  width: 100%;
  box-sizing: border-box;
}
.container_for_form .form-container form .form-group .input-group:first-child {
  padding-right: 1rem;
}
.container_for_form .form-container form .form-group .input-group:last-child {
  padding-left: 1rem;
}
.container_for_form .form-container form .form-group .input-group label {
  width: 100%;
  margin-bottom: 1rem;
  display: inline-block;
  position: relative;
  color: #ffffff;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.61;
}
.container_for_form .form-container form .form-group .input-group label span {
  color: #ffffff;
  margin-left: 8px;
}
.container_for_form .form-container form .form-group .input-group a {
  border: 1px solid rgba(0, 0, 0, 0.4);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
  padding: 19px;
  padding-left: 6px;
  padding-right: 6px;
  height: 53px;
  margin-left: -12px;
  padding-bottom: 22px;
}
.container_for_form .form-container form .form-group .input-group input {
  border: none;
  background: none;
  background-color: #000000;
  height: 50px;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 0.7rem 1rem;
  color: #ffffff;
  font-weight: bolder;
  font-size: 16px;
  border: 2px #000000 solid;
  transition: border 200ms linear;
}

.button_outline {
  outline: 0;
  padding: 19px;
/*  padding-bottom: 19px;*/
  padding-left: 6px;
  padding-right: 6px;
  border: 1px solid rgba(0, 255, 173, 0.4);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.container_for_form .form-container form button {
  background-color: #00edff;
  border: none;
  width: 288px;
  padding: 11px;
  height: 45px;
  color: #000000;
  text-transform: uppercase;
  margin-top: 20px;
}
.container_for_form .form-container form button:hover {
  background: black;
  color: #00edff;
  border: 1px solid;
  cursor: pointer;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.full_row2 {
  background-image: url(../img/any_langauge_bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 447px;
  background-position: center;
  margin-bottom: 25px;
  margin-top: -187px;
}

.full_row1 {
  background-image: url(../img/sdk_bg1.svg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
  background-position: center;
  margin-top: 215px;
}

.full_row1 h1, .full_row2 h1, .full_row3 h1 {
  text-align: center;
  padding-top: 123px;
  text-transform: uppercase;
  padding-left: 13px;
}

.full_row2 h1 {
  padding-top: 129px;
}

.full_row2 h1, .full_row2 p, .full_row3 h1, .full_row3 p {
  color: #ffffff;
}

.full_row1 h1::after, .full_row1 h1::before, .full_row2 h1::after, .full_row2 h1::before, .full_row3 h1::before, .full_row3 h1::after {
  content: "";
  width: 2%;
  border-bottom: 2px solid #000;
  height: 0px;
  padding-right: 20px;
  margin: 0px 30px;
  display: inline-block;
  border-bottom-style: dashed;
  vertical-align: super;
}

.full_row2 h1::after, .full_row2 h1::before, .full_row3 h1::after, .full_row3 h1::before{
  border-bottom: 2px solid #ffffff;
  border-bottom-style: dashed;
  margin: 0px 23px;
}

.full_row1 p, .full_row2 p, .full_row3 p {
  text-align: center;
  max-width: 675px;
  margin: 0 auto;
  padding-left: 20px;
}

.full_row2 a, .app_info_button {
  outline: 0;
  padding: 19px;
  padding-left: 6px;
  padding-right: 6px;
  border: 1px solid rgba(0, 255, 173, 0.4);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.row2_button {
  text-align: center;
  padding-left: 13px;
  margin-top: 73px;
}

.full_row2 button, .app_info_button button {
  border: none;
  width: 365px;
  padding: 11px;
  height: 45px;
  text-align: center;
  background-color: #00edff;
}
.full_row2 button:hover, .app_info_button button:hover {
  background: black;
  color: #00edff;
  border: 1px solid;
  cursor: pointer;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.app_info_button {
  padding: 6px;
  margin-top: 53px;
}

.app_info_button button {
  width: 290px;
}

.app_info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 67%;
  margin: 0 auto;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: nowrap;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  margin-bottom: 239px;
  margin-top: 237px;
}

.app_info h1 {
  margin-top: 34px;
  margin-bottom: 4px;
}

.app_info h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.61;
  letter-spacing: normal;
  text-align: center;
  color: #00edff;
}

.tic_tac_toe object {
  width: 127px;
}

.web_wallet object {
  width: 127px;
}

.sdk object {
  width: 127px;
}

.tic_tac_toe, .web_wallet, .sdk {
  text-align: center;
  left: 0px;
  position: relative;
}

.sdk {
  left: 0px;
}

.read_more_title img {
  width: 75px;
  height: 110px;
}

.read_more_title {
  max-width: 301px;
}

.read_more_slider {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 1200px;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.read_more_slider a{
    text-decoration: none;
    color: #00edff;
}
.read_more_parent_mob {
  display: none;
}

.read_more_parent {
  border: 1px solid #979797;
  min-height: 626px;
  width: 332px;
  max-width: 80%;
  position: relative;
  overflow: hidden;
}

.read_more_parent_mob {
  min-height: 531px;
  width: 290px;
}
span[class*="text"]{
    display: none;
}
.read_more_first, .read_more_second, .read_more_third {
  width: 100%;
  height: 100%;
  position: absolute;
  max-width: 95%;
  left: 2.5%;
}
.read_more_first img, .read_more_second img, .read_more_third img {
  width: 308px;
  height: 229px;
  padding: 3px;
  padding-top: 11px;
}
.read_more_child h2{
    cursor: pointer;
}
.read_more_first h2, .read_more_second h2, .read_more_third h2 {
  line-height: 1.4;
  margin-top: 40px;
  margin-bottom: 15px;
}
.read_more_first hr, .read_more_second hr, .read_more_third hr {
  border: 1px solid #979797;
  margin-bottom: 27px;
}
.read_more_first .read_more_child, .read_more_second .read_more_child, .read_more_third .read_more_child {
  margin-left: 29px;
  margin-right: 20px;
  margin-top: 30px;
}
.read_more_first h3, .read_more_first h4, .read_more_first h5, .read_more_second h3, .read_more_second h4, .read_more_second h5, .read_more_third h3, .read_more_third h4, .read_more_third h5, .read_more_four h3, .read_more_four h4, .read_more_four h5, .read_more_five h3, .read_more_five h4, .read_more_five h5, .read_more_six h3, .read_more_six h4, .read_more_six h5, .read_more_seven h3, .read_more_seven h4, .read_more_seven h5, .read_more_eight h3, .read_more_eight h4, .read_more_eight h5, .read_more_nine h3, .read_more_nine h4, .read_more_nine h5 {
  margin-top: 10px;
}
.read_more_first h5, .read_more_second h5, .read_more_third h5, .read_more_four h5,  .read_more_five h5, .read_more_six h5, .read_more_seven h5, .read_more_eight h5, .read_more_nine h5{
  float: right;
  margin-top: -10%;
}
.read_more_parent_mob .read_more_first, .read_more_parent_mob .read_more_second, .read_more_parent_mob .read_more_third, .read_more_parent_mob .read_more_four, .read_more_parent_mob .read_more_five, .read_more_parent_mob .read_more_six, .read_more_parent_mob .read_more_seven, .read_more_parent_mob .read_more_eight, .read_more_parent_mob .read_more_nine {
  width: 100%;
  height: 100%;
  position: relative;
  max-width: 95%;
/*  left: 2.5%;*/
}
.read_more_parent_mob .read_more_first{
    left: 2.8%;
}
.read_more_parent_mob .read_more_second{
    left: 7.8%;
}
.read_more_parent_mob .read_more_third{
    left: 12.8%;
}
.read_more_parent_mob .read_more_four{
    left: 17.8%;
}
.read_more_parent_mob .read_more_five{
    left:22.8%;
}
.read_more_parent_mob .read_more_six{
    left: 27.8%;
}
.read_more_parent_mob .read_more_seven{
    left: 32.8%;
}
.read_more_parent_mob .read_more_eight{
    left: 37.8%;
}
.read_more_parent_mob .read_more_nine{
    left: 42.8%;
}


.read_more_parent_mob .read_more_first img, .read_more_parent_mob .read_more_second img, .read_more_parent_mob .read_more_third img, .read_more_parent_mob .read_more_four img, .read_more_parent_mob .read_more_five img, .read_more_parent_mob .read_more_six img, .read_more_parent_mob .read_more_seven img, .read_more_parent_mob .read_more_eight img, .read_more_parent_mob .read_more_nine img {
  width: 268px;
  height: 200px;
  padding: 4px;
  padding-top: 10px;
}
.read_more_parent_mob .read_more_first h2, .read_more_parent_mob .read_more_second h2, .read_more_parent_mob .read_more_third h2, .read_more_parent_mob .read_more_four h2, .read_more_parent_mob .read_more_five h2, .read_more_parent_mob .read_more_six h2, .read_more_parent_mob .read_more_seven h2, .read_more_parent_mob .read_more_eight h2, .read_more_parent_mob .read_more_nine h2 {
  line-height: 1.4;
  margin-top: 19px;
  margin-bottom: 15px;
}
.read_more_parent_mob .read_more_first hr, .read_more_parent_mob .read_more_second hr, .read_more_parent_mob .read_more_third hr, .read_more_parent_mob .read_more_four hr, .read_more_parent_mob .read_more_five hr, .read_more_parent_mob .read_more_six hr, .read_more_parent_mob .read_more_seven hr, .read_more_parent_mob .read_more_eight hr, .read_more_parent_mob .read_more_nine hr {
  border: 1px solid #979797;
}
.read_more_parent_mob .read_more_first .read_more_child, .read_more_parent_mob .read_more_second .read_more_child, .read_more_parent_mob .read_more_third .read_more_child, .read_more_parent_mob .read_more_four .read_more_child, .read_more_parent_mob .read_more_five .read_more_child, .read_more_parent_mob .read_more_six .read_more_child, .read_more_parent_mob .read_more_seven .read_more_child, .read_more_parent_mob .read_more_eight .read_more_child, .read_more_parent_mob .read_more_nine .read_more_child {
  margin-left: 13px;
  margin-right: 20px;
  margin-top: 21px;
  margin-bottom: 20px;
}

.read_more_parent_mob .read_more_first h5, .read_more_parent_mob .read_more_second h5, .read_more_parent_mob .read_more_third h5, .read_more_parent_mob .read_more_four h5, .read_more_parent_mob .read_more_five h5, .read_more_parent_mob .read_more_six h5, .read_more_parent_mob .read_more_seven h5, .read_more_parent_mob .read_more_eight h5, .read_more_parent_mob .read_more_nine h5 {
  float: right;
  margin-top: -10%;
}

/*
.read_more_second, .read_more_third, .read_more_four, .read_more_five, .read_more_six, .read_more_seven, .read_more_eight, .read_more_nine {
  opacity: 0;
}
*/

.squere_button, .squere_button_mob {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 200px;
  margin: 0 auto;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin-top: 65px;
  margin-bottom: 25px;
}
.squere_button_mob {max-width: 215px; margin-top: 35px;}
.squere_button_mob .sq_div {width: 224px;}
.sq_div {
  width: 50px;
  height: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-around;
  -webkit-align-content: center;
  align-content: center;    
}
.sq_div span {width: 10px; height: 10px; background: #242424; position: relative; cursor: pointer;}
.sq_div.active span {background-color: #00edff;}
.squere_button_mob span.active {background-color: #00edff;}
.read_more_mob_slider {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin-top: -44px;
}

.squere_button_mob {display: none;}

.doc_testnet_flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  max-width: 1400px;
  margin: 0 auto;
}
.doc_testnet_flex h1 {
  color: #00edff;
  border-bottom: 1px solid rgba(151, 151, 151, 0.5);
  padding-bottom: 22px;
  margin-left: 1.3%;
  max-width: 313px;
  top: 20px;
  position: relative;
}
.doc_testnet_flex h2 {
  padding-bottom: 22px;
}
.doc_testnet_flex h2 span {
  line-height: 1.4;
}
.doc_testnet_flex img {
  width: 15px;
  position: relative;
  top: 36px;
  right: 24px;
}
.doc_testnet_flex a {
  font-size: 57px;
  letter-spacing: 0;
 -webkit-transform:rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg); 
  transform: rotate(-90deg);
  right: 21px;
  position: relative;
  top: -15px;
  text-decoration: none;
}

.outer_ml {
  margin-left: 90px;
  padding-bottom: 65px;
}

.documentation_div, .testnet_div {background-color: #000; width: 50%;}
.testnet_div {margin-left: 10px;}
.testnet_div .img_text_flex {margin-top: 0;}
.testnet_div .img_text_flex:nth-child(3) {margin-top: 9px;}
.testnet_div .doc_testnet_flex h2 {padding-bottom: 2px;}
.testnet_div .img_top {top: 27px; position: relative;}
.img_text_flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  max-width: 312px;
  margin: 0 auto;
  border-bottom: 1px solid rgba(151, 151, 151, 0.5);
  margin-left: 7px;
  margin-top: 10px;
}
.img_text_flex:last-child {border: none;}
.img_text_flex .arrow_ml {right: 15px; position: relative;}
.flex_ml {margin: 0 auto; max-width: 6%; margin-top: 55px;}
.flex_ml:nth-child(3) {margin-top: -22px;}
.dev_block_row{min-width: 105%; margin-left: -10px; margin-top: 10px;}
.swiper-container{display: none;}

footer .whole_team .cd-member-bio.slide-in {visibility: visible; opacity: 1;}
footer .whole_team .bio1.slide-in {visibility: visible; opacity: 1;}
footer .whole_team .bio1 {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background-color: rgb(49,47,55,0.5);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s,opacity 0.5s linear;
}
.bg-sucessfrm{margin-top: -50px; opacity: 1 !important;}
/****************** Developer page end*********************/


/****************** Network page Start*********************/
#network_row{margin-bottom: -235px;}
#net_pg_name{right: -122px; margin-top: -48px;}
#storage_mining{max-width: 1390px;}
#storage_mining img, #staking_validation img{width: 102px;}
#staking_validation{max-width: 1470px;}
#net_row_layout p{margin-bottom: 70px; max-width: 510px;}
#net_row_layout button{width: 230px;}
#net_column_2 object{max-width: 300px; margin-left: 23%; margin-top: -115px;}
#row_button_mob{display: none;}
#net_column_3 object{max-width: 350px; margin-top: -110px; margin-left: 135px;}
#net_column_6 object{
    max-width: 335px;
    margin-top: -126px;
    margin-left: 23%;   
}
#net_row_layout #row_button{
  margin-left: -5px;  
}
.stmt{
    margin-top: 50px;
}
#net_row_layout{
  margin-bottom: 9%;  
}
/****************** Network page end*********************/

/****************** Announcement page Start*********************/
#announce_pg_name{
    right: -80px;
    margin-top: -85px;
}
#announcement_row {
    margin: 0 auto;
    max-width: 1250px;
    margin-bottom: -388px;
}
#announcement_row h1{
   max-width: 349px;
   margin-bottom: 20px;
}
#announcement_row p{
   margin-bottom: 50px; 
}
#announcement_row .common_hero_illustration{
      max-width: 600px;
      top: -415px;
}
#announcement_row .common_text_row{     
      top: 70px;
}
.announce_text p{
    line-height: 1.45;
    margin: 0 auto;
    max-width: 1228px;
    margin-bottom: 80px;
}
.announce_flex{
   display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
     justify-content: space-around;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    max-width: 1400px;
    margin: 80px auto;
    text-align: left;
    margin-bottom: 3%;
}
.announce_row{
   max-width: 37.5%;
}
.announce_flex h1{
      letter-spacing: normal;
      font-weight: bold;
}
#tour_flex{
    margin-bottom: 160px;
}
#tour_flex .announce_row a{
	color:#00edff;
	cursor:pointer;
	text-decoration:none;
}
/******************Announcement page end*********************/

/******************Partnership page Start*********************/
#part_pg_name{right: -63px;}
#partnership_row .common_text_row{max-width: 586px;}
#partnership_row  h1{max-width: 395px;}
.full_row3 {
    background-image: url(../img/features_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 307px;
    background-position: center;
    margin-bottom: 25px;
}
#part_row_layout h1{max-width: 455px;}
#part_row_layout .column-2{width: 490px; margin-top: -115px;}
#part_row_layout img{right: 77px;}
#part_row_layout .column-1{max-width: 557px; margin-left: -208px;}
#part_row_layout{margin-top: -20px;}
#part_doc_test_flex object{width: 40px;}
#part_doc_test_flex .outer_ml{margin-left: 0; margin-top: 80px;}
#part_doc_test_flex .flex_ml{max-width: 70%; margin-top: 0; border-bottom: 1.5px dashed rgba(151, 151, 151, 0.5);}
#part_doc_test_flex  .img_text_flex{
    max-width: 434px;
    border-bottom:none;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin-left: 7px;
    margin-top: 30px;
    margin-bottom: 5px;
}
#part_doc_test_flex h2{padding-left: 30px; padding-bottom: 0;}
#part_doc_test_flex #img_text_flex{max-width: 424px;}
#part_doc_test_flex #img_text_flex_pos{max-width: 292px;}
#part_doc_test_flex .flex_ml:last-child {border: none;}
#part_doc_test_flex .testnet_div:nth-child(2) .img_text_flex{max-width: 440px;}
#part_doc_test_flex .img_text_flex div object{top: 8px; position: relative;}
#part_doc_test_flex #img_text_flex div object, #part_doc_test_flex #img_text_flex_pos div object{top: 0; position: relative;}
#part_squere_button{margin-bottom: 190px;}
#part_doc_test_flex .part_obj{width: 33px; margin-left: 6px;}
/******************Partnershippage end*********************/

@media screen and (min-width:769px) and (max-width:1350px) {
.row_layout {
    -webkit-transform: scale(0.9) translatex(65px);
    -moz-transform: scale(0.9) translatex(65px);
    -ms-transform: scale(0.9) translatex(65px);
    -o-transform: scale(0.9) translatex(65px);
    transform: scale(0.9) translatex(65px);
}
.row_trans {
    -webkit-transform: scale(0.9) translatex(-9px);
    -moz-transform: scale(0.9) translatex(-9px);
    -ms-transform: scale(0.9) translatex(-9px);
    -o-transform: scale(0.9) translatex(-9px);
    transform: scale(0.9) translatex(-9px);
}
.row_layout .col_15_icon {
    right: 148px;
}
.row_layout .column-5 {
    margin-left: -70px;
}
.row_layout .col_5_icon {
    position: relative;
    right: 95px;
}
.row_layout .column-4, .row_layout .column-8 {
    margin-left: 69px;
}
.row_layout .col_3_icon {
    position: relative;
    right: -35px;
}
.row_layout .col_48_icon {
    position: relative;
    right: -55px;
}
.scalable-finality, .smart-contract {
    -webkit-transform: translateX(54%);
    -moz-transform: translateX(54%);
    -ms-transform: translateX(54%);
    -o-transform: translateX(54%);
    transform: translateX(54%);
}
/***************menu start***************/
.overlay1 .overlay1-col-2 .overlay1-col2-data, .overlay1-col3-data{
    padding-left: 35px;
    padding-top: 30px;  
}   
 .overlay1 .overlay1-col-1 .overlay1-col1-data {
    padding-left: 35px;
} 
/*******************menu end***********/
/*******************developer  start***********/
  .common_text_row {
    right: -54%;
  }

  .common_text_row h1 {
    font-size: 50px;
  }

  .common_text_row p {
    font-size: 20px;
  }

  .common_text_row button {
    font-size: 13px;
  }

  /*******************developer end***********/
    
/*******************Network Start***********/
    
 #net_row_layout .col_15_icon {
    right: 120px;
    position: relative;
} 
#net_row_layout #net_column_1 {    
    margin-left: -190px;
}
#storage_mining {
    max-width: 1140px;
}
#net_row_layout #net_column_5 {
    margin-left: -160px;
}
/*******************Network end***********/   
/******************Announcement page Start*********************/
.announce_text p{
    max-width: 80%;
    font-size: 35px;
}   
#announcement_row {   
    margin-left: 9%;
}    
#announcement_row .common_hero_illustration {
    max-width: 540px;
    top: -420px;
}    
/******************Announcement page end*********************/
    
/******************Partnership page Start*********************/  
#partnership_row .common_text_row {
    max-width: 42%;
}
#partnership_row h1 {
    max-width: 345px;
}
#part_row_layout img {
    right: 148px;
}
#part_row_layout .column-2 {
    width: 410px;
}
/******************Partnership page end*********************/    
    

}

@media screen and (min-width:769px) and (max-width:1250px) {
   
.foot-col-1 {width: 227px; left: -7%;}
.foot-col-2 {width: 34%; margin-left: -6.5%;}
.foot-col2-data {padding-left: 6%;}
.foot-col2-data img {width: 107px; padding-top: 26px; }
.foot-col2-data h1 {padding-top: 60px;}
.foot-col2-data p {font-size: 16px; margin-bottom: 37px;}
.foot-col2-data button {font-size: 13px;}
.foot-col2-data h4 {font-size: 11px; margin-left: -9px; min-width: 101%; margin-top: 159px;}
.foot-col-3 {width: 32%;}
.foot-col3-data {padding-top: 197px; padding-left: 7.5%; padding-bottom: 7%;}
.foot-col3-data p {font-size: 15px; max-width: 300px;}
.foot-col3-data button {height: 143px; font-size: 13px; width: 77%;}
.foot-col-4 { margin-top: 10%;}
.foot-col2-data form {
    width: 95%;
    margin-left: -2.5%;
}
.foot-col3-data h4 {
    padding-top: 14px;
    font-size: 11px;
    margin-left: 11%;
}

/***************menu start***************/

 .overlay1-col1-data {
    padding-top: 110px;
}
.overlay1 p {
        font-size: 16px;
   }
.overlay1 h1{
       font-size: 20px; 
 }
.overlay1 button{
       font-size: 12px; 
}
.overlay1-col2-data h5{
    font-size: 12px;
} 
.overlay1-col2-data .icon-New-Arrow2{
    margin-left: 11px;
    font-size: 45px;  
    margin-top: -15px;   
}    
header .overlay .foot-col-5 .social {
    width: 46px;
}
/*******************menu end***********/
/**************team start***************/
    
.team_member{
   max-width: 98%; 
}
.team_member img {
    width: 173px;
}   
.content-overlay {
     max-width: 173px;
}
/***************team end*****************/
 /****************Developer Start*************/
  .common_text_row h1 {
    font-size: 45px;
  }

  .common_text_row p {
    font-size: 18px;
  }

  .common_text_row {
    right: -53%;
  }

  .container_for_form .form-container form {
    padding: 3rem;
    padding-bottom: 70px;
  }

  .container_for_form .form-container form .form-group:first-child {
    margin-top: 10px;
  }

  .app_info {
    max-width: 82%;
  }

  .read_more_slider {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }

  .read_more_parent {
    width: 315px;
  }

  .read_more_first img, .read_more_second img, .read_more_third img {
    padding: 0;
    padding-top: 10px;
  }

  /****************Developer End**************/

    
/****************Network Start**************/
 
#network_row .common_text_row{max-width: 480px;}
#net_column_3 object{margin-left: 0;}
#net_row_layout #net_column_1 {max-width: 537px; margin-left: -115px;} 
#storage_mining {max-width: 1090px;}
#net_row_layout #net_column_5 {margin-left: -80px;}
/****************Network End**************/       
}

@media screen and (min-width:769px) and (max-width:1024px) {
#mc_embed_signup.signup1 #mce-responses{margin-top: 15px;
    margin-left: 0%;
}
    
.roadmapx .parent {
    margin: 0 auto;
    max-width: 769PX;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.roadmapx .title {
    -webkit-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -ms-transform: translateX(60px);
    -o-transform: translateX(60px);
    transform: translateX(60px);
    margin-bottom: -55px;
}
.wrapper_slider .slider_parent {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}
.wrapper_slider .slider_parent .column:nth-child(2) {
    margin-left: 5%;
}
.slider_parent .subtitle:before {
    width: 60px;
    margin-left: -80px;
}
.row_layout h1 {
    font-size: 32px;
}
.row_layout p {
    font-size: 15px;
    line-height: 1.8;
}
    
.block1_row {
    margin-top: 33px;
     -webkit-transform: translate(80px, -43px);
    -moz-transform: translate(80px, -43px);
    -ms-transform: translate(80px, -43px);
    -o-transform: translate(80px, -43px);
    transform: translate(80px, -43px);
    width: 122%;
}
 .block2_row {
    width: 68%;
     -webkit-transform: translate(48%, -59px);
    -moz-transform: translate(48%, -59px);
    -ms-transform: translate(48%, -59px);
    -o-transform: translate(48%, -59px);
    transform: translate(48%, -59px);
}
 .row_layout .column-6 {
    margin-top: -40px;
} 
/***************menu start******************/


.overlay .overlay-content .explore_solana h3{
    font-size: 13px;
    margin-left: -95px;
}   
    
.overlay .overlay-content .explore_solana img{
   width: 142px;
   right: -1px;
}    

header .overlay .col_5_icon{    
    right: 94px;
    margin-top: 14px;
    width: 40px;   
}
header .overlay ul{
   margin-top: -116px;
   margin-left: -41px;  
} 
header .overlay ul a li{
   font-size: 15px;  
}
header .overlay .foot-col-5{
    font-size: 28px;
    margin-left: -41px; 
}    
header .overlay .foot-col-5 .social{
    width: 40px;  
}
    
.overlay1 .overlay1-col-1 .overlay1-col1-data{
      padding-left: 23px;  
}    
.overlay1 h1{
       font-size: 17px; 
}
    
.overlay1 p{
       font-size: 14px; 
}    
    
.overlay1-col-2 .overlay1-col2-data p, .overlay1-col3-data p{
       max-width: 177px; 
}    
.overlay1-col1-data form{
     width: 96%;  
}    
.overlay1 button{
     font-size: 11px; 
     width: 87%;
    padding: 3px;
}   
.overlay1-col2-data h5 {
    font-size: 11px;
    letter-spacing: 2px;
}    
.overlay1-col2-data .icon-New-Arrow2 {
    margin-left: 9px;
    font-size: 39px;
    margin-top: -12px;
} 
.overlay1 .overlay1-col-2 .overlay1-col2-data, .overlay1-col3-data{
    padding-left: 22px;
}
.foot-col3-data h5 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.43;
    padding-top: 4px;
    font-size: 11px;
    letter-spacing: 3px;
    margin-left: 6px;
}
.foot-col3-data .icon-New-Arrow2 {
    margin-left: 14px;
    font-size: 57px;
    letter-spacing: 0;
    transform: rotate(-90deg);
    position: absolute;
    margin-top: -19px;
}
.foot-col3-data team_member1 .icon-New-Arrow2 {
    margin-left: 13px;
}

/*****************menu end************/  
 
/********************** team start *****************/ 
    
.member1_square, .member2_square, .member3_square, .member4_square{
       padding: 16px; 
}  
.content-overlay {
width: 89%;
}    
.team_member img {
    width: 145px;
} 
.content-overlay {
     max-width: 145px;
}
 .team_member{
   max-width: 98%; 
}   
 /********************** team end *****************/     
 /**********************DEVELOPER start**********/
  .common_text_row {
    right: -53%;
    top: 21px;
  }

  .common_text_row h1 {
    font-size: 37px;
    max-width: 439px;
  }

  .common_text_row p {
    font-size: 20px;
    letter-spacing: 0;
    max-width: 50%;
  }

  .common_text_row button {
    font-size: 12px;
    width: 252px;
    letter-spacing: 2px;
  }

  .common_hero_illustration {
    top: -460px;
  }

  .container_for_form .form-container form {
    padding: 1rem;
    padding-bottom: 70px;
  }

  .container_for_form .form-container form .form-group:first-child {
    margin-top: 40px;
  }

  .tic_tac_toe, .web_wallet, .sdk {
    left: -45px;
  }

  .app_info h3 {
    font-size: 15px;
  }

  .app_info h1 {
    font-size: 20px;
  }

  .app_info_button button {
    width: 205px;
    font-size: 12px;
  }

  .tic_tac_toe object {
    width: 117px;
  }

  .web_wallet object {
    width: 118px;
  }

  .read_more_parent {
    width: 290px;
  }

  .outer_ml {
    margin-left: 50px;
  }

  .flex_ml {
    max-width: 94%;
  }

  /**********************Developer end***********/
 /****************Network Start**************/
 
#network_row .common_text_row{
    max-width: 410px; 
}
#network_row .common_text_row p{
    max-width: 86%; 
} 
/****************Network End**************/
    
/****************Annoucement Start**************/

.announce_text p {
    max-width: 83%;
    font-size: 27px;
}    
#announcement_row {  
    transform: scale(0.9);
} 
#announcement_row  p {   
    max-width: 60%;
}
/****************Annoucement  End**************/  
 
/***************Partnership  Start**************/  
#partnership_row .common_text_row {
    max-width: 90%;
} 
#partnership_row h1 {
    max-width: 275px;
}
#part_row_layout img {
    right: 15%;
}
#part_row_layout .column-2 {
    width: 330px;
    margin-top: -55px;
}
#part_doc_test_flex .flex_ml {
    max-width: 83%;
    margin-top: 0;
    border-bottom: 1.5px dashed rgba(151, 151, 151, 0.5);
}
.doc_testnet_flex object {
    width: 35px;
}
#part_doc_test_flex h2{
    font-size: 16px;
}
/***************Partnership  End**************/      
    
}


@media screen and (max-width: 915px) and (min-width: 769px) {
  .read_more_parent {
    width: 245px;
  }

  .read_more_first h1, .read_more_first h2, .read_more_second h1, .read_more_second h2, .read_more_third h1, .read_more_third h2 {
    font-size: 13px;
  }

  .read_more_first h3, .read_more_first h4, .read_more_first h5, .read_more_second h3, .read_more_second h4, .read_more_second h5, .read_more_third h3, .read_more_third h4, .read_more_third h5, .read_more_first p, .read_more_second p, .read_more_third p {
    font-size: 13px;
  }
#net_column_2 object {
    margin-left: 16%;
    margin-top: -140px;
}   
#net_column_6 object {  
    margin-left: 5%;
}    
#net_pg_name {
    right: -142px;
}
#announcement_row {
    transform: scale(0.8);
}    
    
.announce_text p {
    max-width: 88%;
    font-size: 25px;
}
#announcement_row .common_hero_illustration{
    left: 31%;
}
#announcement_row .common_text_row {
    top: 30px;
}
#part_row_layout .column-1 {
    max-width: 387px;
    margin-left: -168px;
}    
#part_row_layout img {
    right: 17%;
}    
    
}


@media screen and (max-width: 768px) {
	
header .join_discord {
    right: 73px;
    width: 117PX;
    height: 56PX;
    font-size: 11px;
    line-height: normal;
    letter-spacing: 1.8px;
}	
/*******************mobile menu start************/

header .menu{
   width: 56.7px;
    height: 56.4px;
}
.hamburger {
    margin-top: -13px;
} 
.hamburger .line {
    width: 19.6px;
    height: 2px;
    margin: 6.5px auto;    
}
    
header .overlay.active {
    right: 0%;
    transition-delay: 0s;
}
 header .overlay1 {
    position: absolute;
} 
    
 header .overlay2 {
    position: absolute;
}   
  header .overlay .overlay-content{
   display: none;
}
    
    
 header .overlay .overlay-content-mob{
    display: block;
    margin-top: 139px;
}    
header .overlay{
    width: 100%;
}  
header .overlay .overlay-content-mob .foot-col-5{
    display: block;
}
    
header .overlay .overlay-content-mob ul{
   margin-top: -383px;
    margin-left: 86px;
/*    margin-bottom: 59px;*/
    
}    
header .overlay .overlay-content-mob ul a li{
    font-size: 18px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    line-height: 2.1;
    letter-spacing: 0.3px; 
    color: #ffffff;
}
    
header .logo{
   top: 6px;
    width: 85px;
    z-index: 100;
    left: 20px;
}   
/*
.overlay-content-mob img{
    width: 85px;
    position: relative;
    top: -242px;
    margin-left: -80px;
}    
*/
    
#hamburger.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-10px) rotate(133deg); 
    -ms-transform: translateY(-10px) rotate(133deg); 
    -o-transform: translateY(-10px) rotate(133deg); 
    transform: translateY(-10px) rotate(133deg);   
}
    
 #hamburger.is-active .line:nth-child(1) {
    -webkit-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    -o-transform:translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
} 
    
    
.mob_two_col{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    height: 82px;
    justify-content: space-between; 
        margin-top: 130px;
}
    
.overlay-content-mob .mob_two_col .col_1, .overlay-content-mob .mob_two_col .col_2, .mob_two_col .col_3{
    background-color: #242424;
    width: 33%; 
}
.mob_two_col .col_1 h3, .mob_two_col .col_2 h3, .mob_two_col .col_3 h3{
    font-family: 'Exo 2', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: 1.5px;
    color: #ffffff;
    text-align: center;
       padding: 21px 30%; 
}  
.mob_two_col .col_2 h3{
    padding: 21px 36%;   
}
.mob_two_col .col_3 h3{
    padding: 21px 38%;   
}  
.overlay-content-mob .mob_content_col{
    margin-left: 124px;  
}
.overlay-content-mob .color_div{
    height: 140px;
    background: #00edff;
    width: 100%;  
}   
    
    
 /***************** mobile menu end*****************/	
  
 /**************team start***************/
    
.team_title{
    margin-left: -177px; 
}   
.team_title img{
    display: none;
}
.team_member{
    -webkit-flex-flow:wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    max-width: 85%;
    margin-bottom: 22px;
}
.team_member img{
    width: 180px;
} 
.content-overlay {
     max-width: 180px;
}
.member1, .member2, .member3, .member4{
   margin-bottom: 45px; 
    text-align: center;
    width: 45%;
}
.content-overlay {
    width: 89%;
}      
.member1_square, .member2_square, .member3_square, .member4_square{
     background-size: contain;
     background-position: center; 
}
.team_btn {
    -webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;	
	flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 82px;
}   
.btn_2 {
    margin-left: 0;
    margin-top: 30px;
}

.whole_team .cd-member-bio{
   max-width: 95%;
   height: 60%;
}  
.whole_team .btngroup {
    top: 80%;
    max-width: 280px;
}
#nextbio, #prevbio {
    width: 175px;
    height: 48px;
}
#prevbio a, #nextbio a {
    font-size: 54px;
}
.whole_team .cd-member-bio .cd-bio-content h1 {
    top: 0;
    padding-top: 45px;
    text-transform: capitalize;
    text-align: left;
    color: #ffffff;
    font-size: 23px;
    font-weight: 700;
    font-family: "Exo 2", sans-serif;
    line-height: 1.51;
    letter-spacing: 0.5px;
}   
.whole_team .cd-member-bio .cd-bio-content h3 {
    font-family: "Exo 2", sans-serif;
    font-size: 23px;
    text-align: left;
    line-height: 1.61;
    color: #00edff;
    font-weight: 400;
    margin-bottom: 25px;
    letter-spacing: 0.5px;
}   
.whole_team .cd-member-bio .cd-bio-content p {
    font-family: "Exo 2", sans-serif;
    font-size: 15px;
    text-align: left;
    line-height: 1.73;
    font-weight: 400;
    max-width: 100%;
    margin: 0 auto;
    color: #ffffff;
}
    
/***************team end*****************/
   
    
.text {
    display: none;
}
.dots {
    display: block;
}
.row {
    max-width: 388px;
    position: relative;
    left: 3.3%;
}
.row h1 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: 1px;
    color: #ffffff;
}
.row p {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 20px;
    max-width: 348px;
    line-height: 1.5;
    letter-spacing: 0.8px;
}
.row a {
    padding: 18px;
    padding-left: 5px;
    padding-right: 5px;
}
.row button {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1.2px;
    width: 239px;
    padding: 10px;
    height: 42px;
    margin-bottom: 40px;
}
.hero_illustration {
    right: -43.3%;
    top: -434px;
    width: 699px;
}
.full_row {
    min-height: 370px;
    margin-bottom: 0px;
}
.full_row h1::after, .full_row h1::before {
    width: 6%;
    margin: 0 26px;
}
.full_row h1 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding-top: 120px;
}
.full_row p {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 35px;
    padding-top: 10px;
    max-width: 474px;
}
.block_row {
    width: 100%;
    left: 50%;
    position: relative;
    min-width: 103%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    margin-top: 0;
}
 .block1_row {
    width: 100%;
    min-width: 1400px;
    margin-top: 50px;
    -webkit-transform: translate(70px, -47px);
    -moz-transform: translate(70px, -47px);
    -ms-transform: translate(70px, -47px);
    -o-transform: translate(70px, -47px);
    transform: translate(70px, -47px);
}   
.block_row object:first-child{
    display: none;
}     
.block_row object:last-child{
    display: block;
}    
.block2_row {
    width: 17%;
    min-width: 719px;
    margin-top: 30px;
     -webkit-transform: translate(4%, -82px);
    -moz-transform: translate(4%, -82px);
    -ms-transform: translate(4%, -82px);
    -o-transform: translate(4%, -82px);
    transform: translate(4%, -82px);    
}
.full_row_img{
    width: 100%;
    display: block;
    left: 0;
    position: relative;
    margin-top: -10px;
    margin-bottom: 150px;
}
.row_layout {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin: 7px 35px;
}
.row_layout .column-1, .row_layout .column-4, .row_layout .column-5, .row_layout .column-8 {
    width: 80%;
    margin-bottom: 53px;
    margin-left: 0;
}
.row_layout .column-1 h1 {
    max-width: 330px;
}
.row_layout .column-1 h1, .row_layout .column-4 h1, .row_layout .column-5 h1, .row_layout .column-8 h1 {
    font-size: 35px;
}
.row_layout .column-1 p, .row_layout .column-4 p, .row_layout .column-5 p, .row_layout .column-8 p {
    font-size: 16px;
}
.row_layout .column-2, .row_layout .column-3, .row_layout .column-6, .row_layout .column-7 {
    width: 87%;
    margin-bottom: 82px;
    margin-top: 0;
}
.row_layout .column-2 object, .row_layout .column-6 object {
    width: 97%;
}
.row_layout .column-7 object, row_layout .column-3 object {
    width: 100%;
}
.row_layout .column-3 {
   -webkit-box-ordinal-group: 4;  
  -moz-box-ordinal-group: 4;     
  -ms-flex-order: 4;     
  -webkit-order: 4;  
    order: 4;
    margin-left: 0;
}
.row_layout .column-4, .row_layout .column-8 {
    padding-left: 0;
}
.row_layout .column-4 p {
    max-width: 542px;
}
.row_layout .column-5 p {
    max-width: 99%;
}
.row_layout .column-6 object {
    width: 100%;
    padding-left: 0;
}
.row_layout .column-7 {
   -webkit-box-ordinal-group: 8;  
  -moz-box-ordinal-group: 8;     
  -ms-flex-order: 8;     
  -webkit-order: 8;  
    order: 8;
    margin-left: 0;
}
.row_layout .column-7 object {
    width: 100%;
}
.row_layout .column-8 h1 {
    max-width: 452px;
}
.row_layout .column-8 p {
    max-width: 99%;
}
.row_layout .col_15_icon, .row_layout .col_48_icon, .row_layout .col_5_icon, .row_layout .col_3_icon {
    display: none;
}
.time-data, .sharding {
    -webkit-transform: translateX(51px);
    -moz-transform: translateX(51px);
    -ms-transform: translateX(51px);
    -o-transform: translateX(51px);
    transform: translateX(51px);
}
.scalable-finality, .smart-contract {
    -webkit-transform: translateX(71px);
    -moz-transform: translateX(71px);
    -ms-transform: translateX(71px);
    -o-transform: translateX(71px);
    transform: translateX(71px);
}
.time-data h3, .sharding h3 {
    font-size: 13px;
    margin-left: -77px;
    top: 45px;
}
.time-data img, .sharding img, .scalable-finality img, .smart-contract img {
    width: 119px;
}
.scalable-finality h3, .smart-contract h3 {
    top: 37px;
    font-size: 13px;
    margin-left: -90px;
}
.wrapper_slider {
    max-width: 1400px;
    margin: 0 auto;
    margin-top: 100px;
}
.footer {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}
.desk-block {
    display: none;
}
.mob-block {
    display: block;
}
.foot-col-1 {
    min-width: 102%;
    margin-left: 0;
    left: -5px;
    margin-bottom: 10px;
}
.foot-col-2, .foot-col-3 {
     width: 100%;
    margin-left: 0;
    padding-bottom: 50px;
}
    
.foot-col-3 {width: 100%; margin-left: 0; padding-bottom: 50px;}    
.foot-col2-data {padding-left: 16%;}
.foot-col2-data img {padding-top: 28px; }
.foot-col2-data h1 {margin-top: 4px;}
.foot-col2-data p {max-width: 250px; line-height: 1.61; padding-top: 9px; padding-bottom: 0;}
.foot-col2-data h4, .foot-col3-data h4 {display: none;}
.foot-col3-data {padding-top: 146px; padding-left: 16%;}
.foot-col3-data p {max-width: 360px;padding-top: 9px;}
.foot-col3-data button {width: 303px;}
.foot-col3-data h5{
    margin-top: 45px;
}
.foot-col-4 {
    font-size: 29px;
    display: -webkit-inline-box;
    padding-left: 12%;
    background-color: #202020;
    padding-top: 0;
    margin-top: -70px;
}
.foot-col-4 .social {
    width: 62px;
}
.foot-col4-data {
    display: block;
    background-color: #202020;
    padding-left: 16.4%;
}
.foot-col4-data h4 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #505050;
    padding-top: 7%;
}
.foot-col4-data h3 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #505050;
    padding-top: 7%;
    padding-bottom: 10%;
}
.foot-col4-data h3 a{
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #505050;  
    text-decoration: none;
}
.foot-col4-data h3 span a:hover {
    color: #00edff;
    transition: color 0.5s linear;
    cursor: pointer;
}
#commonfoot .strategic_head, #commonfoot .whole_team .cd-member-bio .cd-bio-content p{
   max-width: 90%;
   font-size: 13px;
}
#commonfoot .whole_team .cd-member-bio {
    max-width: 95%;
    height: 70%;
    overflow-y: scroll;
}
#commonfoot .strategic_head{
   margin-bottom: 20px;
}
#commonfoot .strategic_head img{
    display: none;
}
#commonfoot .strategic_head h1 {
    padding-top: 30px;
}
.slider_parent .subtitle {
    display: none;
}
.collection-cell._list {
    display: none;
}
.wrapper_slider .slider_parent .column:first-child {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 100%;
    max-width: 100%;
}
.wrapper_slider .slider_parent {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    margin: 0 auto;
}
.slider_parent .header {
    position: relative;
    text-align: center;
    border-right: 2px solid #000000;
    border-bottom: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.slider_parent .column .mtimer {
    position: relative;
    visibility: visible;
}
.slider_parent .column .mtimer object {
    width: 27px;
    top: 10px;
    right: 10px;
    position: absolute;
    display: none;
}
.slider_parent .column .timer object {
    visibility: hidden;
}
.slider_parent .column:nth-child(2) a {
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    border: 1px solid rgba(0,255,173, 0.4);
     -webkit-background-clip: padding-box;
    outline: 0;
    width: 215px;   
    margin-top: 40px;
    visibility: visible;
   
}
#box_four, #box_two, #box_one, #box_three {
    z-index: 1;
}    
.slider_parent .column:nth-child(2) button {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #000000;
    line-height: 1.33;
    letter-spacing: 2.5px;
    background-color: #00edff;
    width: 203px;
    height: 40px;
    border: none;
    
}
.slider_parent .column:nth-child(2) button:hover {
    background: black;
    color: #00edff;
    border: 1px solid;
    cursor: pointer;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}    
    
    
.collection-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0.7;
    -webkit-flex: 0.7;
    -ms-flex: 0.7;
    flex: 0.7;
}
.collection-grid .collection-grid {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-flex: 1;
    flex: 1;
}
.collection-cell._arrow {
    background-color: #313131;
    padding: 0;
}
.collection-cell._arrow2, .collection-cell._arrow1 {
    padding: 0;
}
.collection-cell ._arrow1 #prev {
    left: 37%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: relative;
    top: 30px;
    width: 79px;
}
.collection-cell ._arrow1:hover #prev {
    left: 40%;
    top: 30px;
    -webkit-transition: left 0.5s linear;
    -moz-transition: left 0.5s linear;
    -o-transition: left 0.5s linear;
    transition: left 0.5s linear;
}
.collection-cell ._arrow2 #next {
    position: relative;
    top: 25px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 79px;
    left: 37%;
}
.collection-cell ._arrow2:hover #next {
    left: 32%;
    top: 25px;
    -webkit-transition: left 0.5s linear;
    -moz-transition: left 0.5s linear;
    -o-transition: left 0.5s linear;
    transition: left 0.5s linear;
}
.wrapper_slider .slider_parent .column:nth-child(2) {
    margin-left: 5%;
    margin-top: 80px;
    margin-bottom: 80px;
}

.box_four, .box_three, .box_two, .box_one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
#box_four object {
    width: 160px;
}
.slider_parent .column:nth-child(2) p {
    max-width: 382px;
    margin-top: 50px;
}
.slider_parent .column:nth-child(2) h1 {
    max-width: 265px;
    margin-left: 20px;
}
.slider_parent .title span {
    position: absolute;
    -webkit-transform: rotate(-90deg) translate(-125px, -50px);
    -moz-transform: rotate(-90deg) translate(-125px, -50px);
    -ms-transform: rotate(-90deg) translate(-125px, -50px);
    -o-transform: rotate(-90deg) translate(-125px, -50px);
    transform: rotate(-90deg) translate(-125px, -50px);
}
#digit1.title:after {
    content: "01";
    position: relative;
    color: #000000;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 175px;
}
#digit2.title:after {
    content: "02";
    position: relative;
    color: #000000;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 175px;
}
#digit3.title:after {
    content: "03";
    position: relative;
    color: #000000;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 175px;
}
#digit4.title:after {
    content: "04";
    position: relative;
    color: #000000;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 175px;
}	
	
.roadmapx .title img {
    display: none;
}
.roadmapx .title {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    margin-bottom: 5px;
}
.roadmapx .parent {
    margin: 0 auto;
    max-width: 900px;
}
.roadmapx .child1 .container {
    text-align: center;
    margin-right: 140px;
    width: 580px;
}
.roadmapx .child2 .container {
    text-align: center;
    margin-right: 0;
    margin-left: -48px;
    width: 330px;
}
.roadmapx .parent .child2 {
    -webkit-transform: translateX(240px);
    -moz-transform: translateX(240px);
    -ms-transform: translateX(240px);
    -o-transform: translateX(240px);
    transform: translateX(240px);
}
.roadmapx .parent .child1 .square_sm::before {
    content: "";
    position: absolute;
    -webkit-transform: translateX(-71px);
    -moz-transform: translateX(-71px);
    -ms-transform: translateX(-71px);
    -o-transform: translateX(-71px);
    transform: translateX(-71px);
    margin-top: 23px;
    width: 150px;
    height: 52px;
    border-top: solid 1.5px #fff;
    border-top-style: dashed;    
}
.roadmapx button {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 11px;
    color: #000000;
    text-transform: uppercase;
    line-height: 1.33;
    letter-spacing: 2.5px;
    background-color: #00edff;
    border: none;
    width: 250px;
    height: 45px;
    margin-top: 120px;
}
.roadmapx .parent .child2 .square_bg::before {
    content: "";
    position: absolute;
    width: 47px;
    height: 2px;
    border-top: solid 1.5px #fff;
    border-top-style: dashed;
    -webkit-transform: translateX(-79px);
    -moz-transform: translateX(-79px);
    -ms-transform: translateX(-79px);
    -o-transform: translateX(-79px);
    transform: translateX(-79px);
    margin-top: 1125px;
}
/****************** Developer page start*********************/
  .common_row_flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-top: 24px;
  }

  .common_hero_illustration {
    top: 0;
    left: 65%;
  }

  .common_text_row {
    max-width: 630px;
    position: relative;
    right: -16px;
  }

  .common_text_row h1 {
    font-size: 37px;
    line-height: 1.3;
    letter-spacing: 0.5px;
    max-width: 400px;
    margin-left: 5px;
    margin-bottom: 22px;
  }

  .common_text_row p {
    font-size: 18px;
    line-height: 1.67;
    left: 0.4px;
    max-width: 325px;
    margin-bottom: 51px;
  }

  .common_text_row a, #net_row_layout a {
    padding-top: 17px;
/*    padding-bottom: 20px;*/
  }

  .common_text_row button, #net_row_layout button {
    font-size: 11px;
    text-align: center;
    line-height: 1.82;
    letter-spacing: 1.8px;
    width: 239px;
    padding: 10px;
    height: 42px;
  }

  .developer_row {
    margin-top: -65px;
  }

  .link_arrow {
    visibility: hidden;
  }

  .container_for_form .form-container form .form-group {
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-bottom: 50px;
  }

  .container_for_form .form-container form .form-group .input-group:first-child {
    padding-right: 0;
    margin-bottom: 15px;
  }

  .container_for_form .form-container form .form-group .input-group:last-child {
    padding-left: 0;
  }

  .container_for_form {
    padding: 0;
    margin: 5em 0;
    margin-top: 1em;
  }

  .container_for_form .form-container form .form-group .input-group label {
    font-size: 15px;
    line-height: 1.73;
  }

  .container_for_form .form-container form {
    padding: 1rem;
    padding-bottom: 82px;
  }

  .container_for_form .form-container form .form-group:first-child {
    margin-top: 25px;
  }

  .button_outline, .full_row2 a {
    padding: 15px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .full_row2 button, .container_for_form .form-container form button {
    width: 230px;
    height: 38px;
    padding: 10px;
  }

  .container_for_form .form-container form .form-group {
    margin-left: 16px;
  }

/*
  .container_for_form .form-container form .form-group .input-group input {
    width: 90%;
  }
*/

.full_row1 h1::after, .full_row1 h1::before, .full_row3 h1::after, .full_row3 h1::before {
    width: 5%;
  }

.full_row1 {
    margin-top: 123px;
  }
.full_row3 {
    background-image: url(../img/features_bg_mb.svg);
}
.full_row2 {
    background-image: url(../img/any_langauge_bg_mb.svg);
}
.full_row1 {
    background-image: url(../img/sdk_bg1_mb.svg);
    }
.full_row2 h1::after, .full_row2 h1::before {
    width: 7%;
  }
.app_info {
    max-width: 50%;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-top: 100px;
    margin-bottom: -83px;
  }
.tic_tac_toe, .web_wallet, .sdk {
    left: 0;
    margin-bottom: 100px;
  }
  .app_info_button button {
    width: 100%;
  }
  .full_row2, .full_row3 {
    margin-top: 90px;
    margin-bottom: 10px;
  }
  .read_more_parent_mob {
    display: block;
  }
  .read_more_parent, .squere_button, .read_more_btngroup {
    display: none;
  }
  .read_more_parent {margin-bottom: 50px; }
  .read_more_first h5, .read_more_second h5, .read_more_third h5 { margin-top: -13%; }
  .squere_button_mob {display: block;}
.doc_testnet_flex {-webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column;}
.documentation_div, .testnet_div {width: 100%;}
.testnet_div {margin-left: 0; margin-top: 10px;}
.outer_ml {margin-left: 0; padding-bottom: 0;}
.flex_ml { max-width: 52%; margin-top: -8px; }
.doc_testnet_flex h1 {font-size: 20px; padding-left: 18px; max-width: 100%; padding-bottom: 25px; }
.doc_testnet_flex img {right: -25px; width: 11px; top: 33px; }
.img_text_flex { max-width: 100%; margin-left: 7px;}
.doc_testnet_flex h2 { padding-left: 33px; }
.testnet_div .img_text_flex:nth-child(3) {/*    margin-top: 15px;*/ }
.img_text_flex .arrow_ml {right: 15px; position: relative; top: -18px;}
.read_more_title {margin-left: -175px;}
.read_more_title img {display: none;}
.page_name{display: none;}     
.swiper-container {width: 290px; height: 100%; margin-left: auto; margin-right: auto; border: 1px solid #ffffff; height: 56%;}
.swiper-slide {
  width: 100%;    
  text-align: center;
  font-size: 18px;
  flex-direction: column;    

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  left: 15.8%;    
}
.swiper-container{
    display: block;
}
.read_more_parent_mob h1, .read_more_parent_mob p, .read_more_parent_mob h3, .read_more_parent_mob h2, .read_more_parent_mob h4{
    text-align: left;
}

  /****************** Developer page end*********************/

/****************** network page Start*********************/
#net_column_2{
    margin-top: -75px;
    margin-bottom:50px; 
}
 #net_column_3{
   margin-bottom:55px;       
}
 #net_column_1, #net_column_4, #net_column_5 {
    width: 96%;
    text-align: left;
}   
#net_column_2 object {
    max-width: 220px;
    margin-left: 0;
    margin-top: 0;
}   
#storage_mining, #staking_validation{
    -webkit-transform: translateX(38px);
    -moz-transform: translateX(38px);
    -ms-transform: translateX(38px);
    -o-transform: translateX(38px);
    transform: translateX(38px);
}
#storage_mining img, #staking_validation img {
    width: 72px;
}
#row_button{
    display: none;
}
#row_button_mob{
    display: block;
}
#net_row_layout {
    width: 93%;
    text-align: center; 
}
#network_row {
    margin-bottom: 10%;
}
#net_column_3 object {
    max-width: 255px;
    margin-bottom:55px; 
    margin-left: 0;
    margin-top: -75px;
}
#net_column_6 object {
    max-width: 255px;
    margin-top: -75px;
     margin-left: 0; 
     margin-bottom:55px; 
}
#staking_validation{
    margin-top: 70px;
}
#net_column_6{
    margin-bottom: 25px;
}
/****************** network page end*********************/    
 /****************Annoucement Start**************/
.announce_text p{
    font-size: 25px;
    line-height: 1.44;
    letter-spacing: normal;
    width: 90%;
    margin-bottom: -30px;
}  
#announcement_row .common_hero_illustration {
    width: 104%;
    top: 65px;
    left: 70.6%;
}
#announcement_row{
    margin-bottom: 100px;
    margin-top: -110px;
}
#announcement_row h1 img{
  width: 217px;
}
#announcement_row h1 {
    text-align: center;
    margin-bottom: 10px;
}
#announcement_row .common_text_row {
    top: 50px;
    right: 0;
}
#announcement_row .common_text_row  p{
    margin-bottom: 35px;
}
#announcement_row .common_button{
    text-align: center;
}
#announcement_row .common_button button{
    width:265px; 
}
.announce_flex{
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-bottom: -76px;
}
.announce_row {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 25px;
}
#tour_flex {
    margin-bottom: 75px;
}
/****************Annoucement Start**************/    

/***************Partnership  Start**************/  
#partnership_row .common_text_row {
    max-width: 96%;
} 
#partnership_row h1 {
    max-width: 255px;
}
#part_row_layout .column-2 {
    width: 270px;
     margin-top: 0; 
    margin: 0 auto;
}
#part_row_layout .column-1 {
   width: 93%;
     margin-left: 0; 
}
#part_row_layout h1 {
    max-width: 255px;
}
.doc_testnet_flex object {
    width: 35px;
}
#part_doc_test_flex .flex_ml{
        max-width: 92%;
}
#part_doc_test_flex .img_text_flex{   
    margin-left: 0;
}
#part_doc_test_flex .outer_ml, #part_doc_test_flex .testnet_div{
      margin-top: 0;    
} 
#part_doc_test_flex  .flex_ml:last-child {
    border-bottom: 1.5px dashed rgba(151, 151, 151, 0.5);
}
#part_doc_test_flex  .testnet_div .flex_ml:last-child {
   border: none;
}
#part_doc_test_flex h2 {
    padding-left: 25px;
}
#part_squere_button {
    margin-bottom: 103px;
}
#part_row_layout {
    margin-top: 30px;
}
/***************Partnership  End**************/      
 
}

@media screen and (max-width: 550px) {
    
 #mc_embed_signup.signup1 #mce-responses{
	margin-top: 15px;
    margin-left: 0%;
}
/****************************team  start*****************/ 
.whole_team .btngroup {   
    top: 89%;
    max-width: 280px;
}    
.whole_team .cd-member-bio {
    max-width: 95%;
    height: 100%;
    top: 20%;
}
.whole_team .cd-member-bio .cd-bio-content p{
    line-height: 1.3;
}    
.whole_team .cd-member-bio .cd-bio-content h1 {
    top: 0;
    padding-top: 20px;
}
.whole_team .cd-member-bio .cd-bio-content h3{
        margin-bottom: 15px;
}
.cd-member-bio-close{
    width: 45px;
    height: 45px;
}    
.team_title h1{
    margin-left: 0; 
    font-size: 30px;
}    
.team_member{
       max-width: 95%;
      margin-top: -25px;
     -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
     -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    
    
}
.member1_square, .member2_square, .member3_square, .member4_square{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px; 
    background-size: contain;
    background-position: center
}
.team_member img {
    width: 123px;
}
.content-overlay {
     max-width: 123px;
}
.team_member h2, .team_member h3{
    font-size: 15px;
    line-height: 2;
} 
.member1, .member2, .member3, .member4 {
    margin-bottom: 45px;
    text-align: center;
    width: 50%;
}
.team_btn button{
    width: 235px; 
    font-size: 11px;
    line-height: 1.82;
    letter-spacing: 1.8px;
}

    
/****************************Team End*****************/ 
    
 /****************************mobile menu start*****************/   
    
.overlay-content-mob .mob_content_col {
     margin-left: 75px;
}
header .overlay .overlay-content-mob ul a li {
    font-size: 15px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    line-height: 2.6;
    letter-spacing: 0.3px;
    color: #ffffff;
} 
 header .overlay .overlay-content-mob .mob_content_col ul a li:hover {
    color: #00edff;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}   
    
.mob_two_col  h3 {
    font-size: 11px;
    line-height: 1.58;
    letter-spacing: 1.7px;
    padding: 21px 23%;
}
.mob_two_col .col_2 h3, .mob_two_col .col_3 h3 {
    padding: 21px 26%;
}  
.foot-col3-data h5 {
    font-size: 12px;
}
.foot-col3-data .team_member1 h5 {
    margin-top: -10px;
}
 /****************************mobile menu end*****************/     
 
.text{
  display:none;
}
 .dots{
 display:block;
}
.collection-cell._arrow1 .icon-New-Arrow3, .collection-cell._arrow2 .icon-New-Arrow3 {
    font-size: 65px;
} 
.collection-cell ._arrow2 #next{
  left: 20%;  
}
.collection-cell ._arrow1 #prev{
       left: 25%; 
} 

.wrapper_slider .slider_parent .column:nth-child(2){
     margin-top: 53px;
     margin-left: 3%;
     margin-bottom: 90px;
}  
.slider_parent .column .mtimer object {
    width: 20px;
    display: none;
}
    
    

    
.row {
    max-width: 368px;
    left: 3%;
    top: -15px;
}
.row h1 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 40px;
    max-width: 307px;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
}
.row p {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 18px;
    max-width: 425px;
    line-height: 1.5;
    letter-spacing: 0.5px;
}
.row button {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-weight: 800;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 1.2px;
    width: 236px;
    padding: 14px;
    height: 41px;
    margin-bottom: 40px;
}
.row a {
    padding: 18px;
    padding-left: 5px;
    padding-right: 5px;
}
.hero_illustration {
    right: -11.3%;
    top: -282px;
    width: 664px;
    margin-bottom: 82%;
}
.full_row {
    min-height: 346px;
}
.full_row p {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 30px;
    letter-spacing: normal;
    color: #000000;
    text-align: center;
    padding-top: 10px;
    max-width: 317px;
    margin: 0 auto;
    line-height: 1.33;
}
.full_row h1 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 2px;
    padding-top: 98px;
}
.full_row h1::after, .full_row h1::before {
    width: 5%;
}
.wrapper_slider {
    max-width: 1400px;
    margin: 0 auto;
    margin-top: -54px;
}
    
.block_row{
    width: 100%;
    min-width: 103%;
}    
    
.block1_row {
    width: 100%;
    min-width: 950px;
    margin-top: 40px;
    -webkit-transform: translate(0px, -47px);
    -moz-transform: translate(0px, -47px);
    -ms-transform: translate(0px, -47px);
    -o-transform: translate(0px, -47px);
    transform: translate(0px, -47px);
}  
 .block2_row {
    width: 100%;
    min-width: 500px;
    -webkit-transform: translate(-5%, -70px);
    -moz-transform: translate(-5%, -70px);
    -ms-transform: translate(-5%, -70px);
    -o-transform: translate(-5%, -70px);
    transform: translate(-5%, -70px);
} 

.full_row_img {
    display: block;
    width: 105%;
    left: -10px;
    position: relative;
}
.collection-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0.7;
    -webkit-flex: 0.7;
    -ms-flex: 0.7;
    flex: 0.7;
}
.slider_parent .title span {
    position: absolute;
    -webkit-transform: rotate(-90deg) translate(-66PX, -54px);
    -moz-transform: rotate(-90deg) translate(-66PX, -54px);
    -ms-transform: rotate(-90deg) translate(-66PX, -54px);
    -o-transform: rotate(-90deg) translate(-66PX, -54px);
    transform: rotate(-90deg) translate(-66PX, -54px);
}
.slider_parent .title {
    color: #00edff;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
#digit1.title:after {
    content: "01";
    position: relative;
    color: #000000;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 100px;
}
#digit2.title:after {
    content: "02";
    position: relative;
    color: #000000;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 100px;
}
#digit3.title:after {
    content: "03";
    position: relative;
    color: #000000;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 100px;
}
#digit4.title:after {
    content: "04";
    position: relative;
    color: #000000;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 100px;
}
.collection-cell ._arrow1 #prev {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position: relative;
    top: 0px;
}
.collection-cell ._arrow1:hover #prev {
    left: 20%;
    top: 0px;
    -webkit-transition: left 0.5s linear;
    -moz-transition: left 0.5s linear;
    -o-transition: left 0.5s linear;
    transition: left 0.5s linear;
}
.collection-cell ._arrow2 #next {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: relative;
    top: 0px;
}
.collection-cell ._arrow2:hover #next {
    left: 30%;
    top: 0px;
    -webkit-transition: left 0.5s linear;
    -moz-transition: left 0.5s linear;
    -o-transition: left 0.5s linear;
    transition: left 0.5s linear;
}
#box_four object, #box_three object, #box_two object, #box_one object {
    width: 136px;
    z-index: 1;
    position: relative;
    background: #000000;
}
.slider_parent .column:nth-child(2) h1 {
    max-width: 153px;
    margin-left: 15px;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: normal;
    z-index: -1;
    position: relative;
}
.slider_parent .column:nth-child(2) p {
    max-width: 305px;
    margin-top: 50px;
    font-size: 15px;
    line-height: 1.73;
    margin-left: 5px;
}
.slider_parent .column:nth-child(2) a {
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    border: 1px solid rgba(0,255,173, 0.4);
    -webkit-background-clip: padding-box;
    outline: 0;
    width: 217px;
    margin-top: 40px;
    visibility: visible;
}
.slider_parent .column:nth-child(2) button {
       font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 11px;
    color: #000000;
    line-height: 1.82;
    letter-spacing: 1.8px;
    background-color: #00edff;
    width: 204px;
    height: 40px;
    border: none;
}
.slider_parent .column:nth-child(2) button:hover {
    background: black;
    color: #00edff;
    border: 1px solid;
    cursor: pointer;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.roadmapx{
margin-bottom: -100px;
}    
.roadmapx .parent {
    margin: 0 auto;
    max-width: 320px;
}
.roadmapx .parent .child1, .roadmapx .parent .child2 {
    margin-bottom: 38px;
}
.roadmapx .child1 .container {
    text-align: center;
    margin-right: 30px;
    width: 40%;
}
.roadmapx .parent .square_bg {
    background: url(../img/square_big.svg);
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: center;
    padding: 25px;
    position: relative;
    margin-top: -5px;
    background-color: #000000;
}
.roadmapx .parent .square_sm object {
    width: 30px;
}
.roadmapx button {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 11px;
    color: #000000;
    text-transform: uppercase;
    line-height: 1.33;
    letter-spacing: 2.5px;
    background-color: #00edff;
    border: none;
    width: 250px;
    height: 45px;
    margin-top: 80px;
}    
.roadmapx a {
    border: 1px solid #00edff;
    outline: 0;
    padding: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 16px;
}    
    
.roadmapx .parent .square_sm {
    background: url(../img/square_small.svg);
    background-repeat: no-repeat;
    background-size: 45px;
    height: 45px;
    background-position: top;
    padding: 8px;
    position: relative;
    margin-top: 15px;
    margin-left: -20px;
   
    z-index: 1;
}
.roadmapx .parent .child2 .square_bg::before {
    content: "";
    position: absolute;
    -webkit-transform: translateX(-51px);
    -moz-transform: translateX(-51px);
    -ms-transform: translateX(-51px);
    -o-transform: translateX(-51px);
    transform: translateX(-51px);
    margin-top: 16px;
    width: 29px;
    height: 2px;
    border-top: solid 1.5px #fff;
    border-top-style: dashed;
}
.roadmapx .parent .child1 .square_sm::before {
    content: "";
    position: absolute;
    -webkit-transform: translateX(-42px);
    -moz-transform: translateX(-42px);
    -ms-transform: translateX(-42px);
    -o-transform: translateX(-42px);
    transform: translateX(-42px);
    margin-top: 16px;
    width: 29px;
    height: 2px;
    border-top: solid 1.5px #fff;
    border-top-style: dashed;
}
.roadmapx .parent .square_sm::after {
    content: "";
    position: absolute;
    height: 110px;
    width: 1.5px;
    background: #ffffff;
    left: 50%;
    top: 50px;
}
.roadmapx .child2 .container {
    text-align: center;
    margin-right: 0;
    margin-left: -35px;
    width: 222px;
}
.roadmapx .parent .child2 {
    -webkit-transform: translateX(158px);
    -moz-transform: translateX(158px);
    -ms-transform: translateX(158px);
    -o-transform: translateX(158px);
    transform: translateX(158px);
}
.roadmapx .title h1 {
    font-size: 30px;
    margin-left: -2px;
}
.roadmapx .parent h1 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 2px;
    color: #00edff;
    line-height: 1.5;
    text-align: center;
    margin: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.roadmapx .parent p {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.5px;
    color: #ffffff;
    line-height: 1.61;
    text-align: center;
    max-width: 120px;
    text-transform: capitalize;
    margin: 0 auto;
    height: 24px;
}
#whitepaper {
    width: 20px;
}
#dignaol, #square_dignoal {
    width: 35px;
}
#num_dignoal {
    width: 30px;
    vertical-align: middle;
    padding: 5px;
}
#wallet {
    width: 30px;
    vertical-align: middle;
    padding: 5px;
}
#gear {
    width: 25px;
    vertical-align: middle;
    padding: 5px;
}
#flag {
    width: 30px;
    vertical-align: middle;
    padding: 5px;
}
#arrow_circle, #circle_dignoal {
    width: 30px;
    vertical-align: middle;
    padding: 5px;
}
.foot-col-2, .foot-col-3 {
    width: 100%;
    margin-left: 0;
    padding-bottom: 90px;
}
.foot-col2-data, .foot-col3-data {
    padding-left: 27px;
    padding-bottom: 0;
}
.foot-col2-data img {
    width: 96px;
   padding-top: 56px;
    margin-top: -20px;
    margin-left: -7px;
}
.foot-col2-data h1 {
    margin-top: 7px;
    margin-left: 0;
}
.foot-col2-data p {
     font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    max-width: 250px;
    line-height: 1.7;
       padding-top: 0px;
    padding-bottom: 10px;
    font-size: 15px;
    margin-left: 0;
}
.foot-col2-data a {
    padding: 18px;
    padding-left: 5px;
    padding-right: 5px;
}
.foot-col2-data button{
    font-size: 11px;
    padding: 17px;
}
.foot-col3-data {
     margin-top: -34px;
}
.foot-col3-data h1{
   margin-top: 0;
  margin-left: 0;
}
.foot-col3-data p {
     max-width: 300px;
    line-height: 1.7;
    padding-top: 7px;
    font-size: 15px;
    margin-bottom: 45px;
    margin-left: 0;
}
.foot-col3-data button {
   width: 69%;
    font-size: 11px;
    height: 45px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    letter-spacing: 1.8px;
    padding: 17px;
}
.foot-col3-data a {
   padding: 19px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: -6px;
}
.foot-col-4 {
    text-align: left;
    padding-left: 27px;
    padding-top: 0px;
}
.foot-col-4 .social {
    width: 14%;
}
.foot-col4-data h4 {
    padding-top: 10%;
}
.foot-col4-data h3 {
    padding-bottom: 50px;
    padding-top: 9%;
}
.foot-col4-data {
    padding-left: 6.4%;
}
.row_layout {
    margin: 10px 18px;
    width: 90%;
}
.row_layout .column-1, .row_layout .column-4, .row_layout .column-5, .row_layout .column-8 {
    width: 93%;
    margin-bottom: 55px;
}
.row_layout .column-1 h1, .row_layout .column-4 h1, .row_layout .column-5 h1, .row_layout .column-8 h1 {
    font-size: 30px;
}
.row_layout .column-1 p, .row_layout .column-4 p, .row_layout .column-5 p, .row_layout .column-8 p {
    font-size: 15px;
}
.row_layout .column-2, .row_layout .column-3, .row_layout .column-6, .row_layout .column-7 {
    width: 100%;
}
.row_layout .column-1 h1 {
    max-width: 290px;
}
.row_layout .column-7 object {
    width: 100%;
}
.row_layout .column-6 object {
    width: 97%;
}
.row_layout .column-4 p {
    max-width: 308px;
}
.scalable-finality, .smart-contract {
    -webkit-transform: translateX(62px);
    -moz-transform: translateX(62px);
    -ms-transform: translateX(62px);
    -o-transform: translateX(62px);
    transform: translateX(62px);
}
.time-data, .sharding {
    -webkit-transform: translateX(42px);
    -moz-transform: translateX(42px);
    -ms-transform: translateX(42px);
    -o-transform: translateX(42px);
    transform: translateX(42px);
}
.time-data h3, .sharding h3 {
    font-size: 11px;
    margin-left: -77px;
    top: 38px;
}
.scalable-finality h3, .smart-contract h3 {
    top: 29px;
    font-size: 11px;
    margin-left: -90px;
}
.time-data img, .sharding img, .scalable-finality img, .smart-contract img {
    width: 109px;
}
.foot-col2-data form .search button {
    position: absolute;
    right: 25px;
    top: -1px;
}
.foot-col2-data form {  
    width: 296px;
    margin-top: -29px;
    margin-left: -6px;
    padding-left: 5px;
    padding-right: 5px;
}
.txt_hover:hover .content-details {
    opacity: 1;
    z-index: 1;
    bottom: -7%;
}
.content-details h3 {
    font-size: 14px !important;
}
.content-overlay {
    width: 79%;
}
.mob_two_col a{
    text-decoration: none;
}
  /**************developer start****/
.read_more_parent_mob  .read_more_child a{
    text-decoration: none;
} 

.common_text_row button, #net_row_layout button {
    width: 212px;
    margin-bottom: 35px;
  }

.common_hero_illustration {
    top: -60px;
    width: 135%;
    left: 90%;
  }

  .common_text_row p {
    max-width: 315px;
  }

.full_row1, .full_row3 {
    min-height: 225px;
  }

.full_row1 h1, .full_row3 h1 {
    padding-top: 90px;
  }

.full_row1 p, .full_row3 p {
    padding-top: 5px;
  }

.full_row1 h1::after, .full_row1 h1::before, .full_row3 h1::after, .full_row3 h1::before {
    width: 7%;
  }

  .full_row2 h1::after, .full_row2 h1::before {
    width: 8%;
    margin: 0px 13px;
  }

  .full_row2 {
    min-height: 303px;
  }

  .full_row2 h1 {
    padding-top: 85px;
  }

  .row2_button {
    margin-top: 43px;
  }

  .app_info {
    max-width: 62%;
  }

  .app_info_button button {
    height: 38px;
  }

  .tic_tac_toe object {
    width: 114px;
  }

  .web_wallet object {
    width: 109px;
  }

  .sdk object {
    width: 127px;
    height: 112px;
  }

  .app_info_button {
    margin-top: 30px;
  }

.app_info h1 {
    margin-top: 26px;
    margin-bottom: 10px;

}

.full_row2{
    margin-top: 10px;
}

.doc_testnet_flex h2 span {
    font-size: 13px;
    line-height: 1.62;
    letter-spacing: 1.7px;
  }

.testnet_div .testnet_mar_top {
    margin-top: 5px;
  }
.app_info h3 {
  font-size: 16px;
    margin-top: 
}
.container_for_form .form-container form .form-group{
       width: 110%; 
}
.foot-col3-data .team_member h5 {
    margin-top: 5px;
}
.foot-col3-data .team_member {
    display: block;
    max-width: 100%;
    margin: -10px auto;
}
  /*************developer end**********/
 /****newsletter.php start******/
.newsletter_form h2{
   font-size: 11px;
    line-height: 1.55;
    letter-spacing: 1.5px; 
} 
.newsletter_form h2::after, .newsletter_form h2::before{
    width: 4%; 
    margin: 0px 7px;
}
.newsletter_form h1{
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: normal;
}
.newsletter_form{
    padding-top: 100px;
    height: 445px;
    min-height: 445px;
}
.newsletter_form span{
    padding: 17px;
    padding-left: 6px;
    padding-right: 6px;
    
}
.newsletter_form button{
    height: 41px; 
    font-size: 11px;
    padding: 15px;
/*    margin-top: 0;*/
}
.newsletter_form form{
    max-width: 95%; 
}
  /****newsletter.php end******/    
    
/****network.php Start******/
#storage_mining, #staking_validation{    
    -webkit-transform: translateX(17px);
    -moz-transform: translateX(17px);
    -ms-transform: translateX(17px);
    -o-transform: translateX(17px);
    transform: translateX(17px);     
}
#net_row_layout{
    width: 93%;
}    
#net_row_layout #net_column_1{
      width: 96%;  
}    
#network_row {
    margin-bottom: 3%;
}    
#network_row p{
  max-width: 304px;   
}   
/****network.php end******/  

    
/****Partnership Start******/ 
    
#part_doc_test_flex #img_text_flex {
    max-width: 80%;
}   
 #part_doc_test_flex #img_text_flex_pos {
    margin-left: -22px;
}
#part_doc_test_flex .part_obj {
    width: 30px;
    margin-left: 5px;
}
#part_row_layout {
    margin-top: 0;
}
#part_read_more_title{
    margin-bottom: -40px;
}   
/****Partnership end******/  
    
}
.downloadBolttApp{
  right: 12em;
  position: absolute;
}
.downloadBolttApp div{
  background: transparent;border: 1px solid #00edff;margin: 1px;padding:13px;display: inline-block;
}
.downloadBolttApp span{
  padding-right: 1.8em;
}
.downloadBolttApp img{
  position: absolute;
  top: 5px;
  right: 7px;
  height: 35px;
}