/*STYLES*/


.top_row_contact{background-color: #777777; padding-top: 15px;padding-bottom:0px;text-align: center;color: #fff;}

.top_row_before_nav{font-size: 18px;font-weight: 500;}

.top_row_detail{color:#9c7fc6;position: relative;left: 5px;font-size: 0.9rem;}

.link_two_top_row{position: relative;left: 20px;}
.link_two_top_row:hover{position: relative;left: 20px;text-decoration: none;}

.social_box{text-align:right;}
.social_links_detail{padding-right: 10px;}


.link_social_hover:hover{text-decoration: none;opacity: 0.8;}
.social_links_icons_size{max-width: 6%;}
.contact_links_size{max-width: 2.3%;}

.nav_icons{max-width:15%;}
.social_nav_box{position: relative;top:8px;left: 30px;}
.social_nav_box a:hover{text-decoration: none;opacity: 0.9;}
.special_m_mid{padding-right: 18px;padding-left: 18px;}




/*BANNER*/
.banner_container{margin-top: 150px;}

.banner_left_image{max-width: 90%;}

.right_banner_box{padding-top: 38px;}


.title_banner{font-weight: 600;}

.banner_p{font-size: 16px;
    color: #112427;
    line-height: 28px;
    margin-top: 12px;}





/*FINANCE*/
.finance_container{margin-top: 105px;
background-color: #777777;padding-top: 105px;padding-bottom: 100px;}



.prenota_container{margin-top: 105px;
background-color: #0099FF;padding-top: 105px;padding-bottom: 100px;}





.tokenn_container{margin-top: 80px;padding-top: 0px;padding-bottom: 80px;}

.title_box_finance h2{text-align: center;color: #fff;font-weight: 600; font-size: 33px;}

.title_box_finance h2 span::after {
    position: absolute;
    width: 30px;
    height: 4px;
   background: #0099FF;
   /* background: #05e5ba;*/
   
    bottom: -5px;
    left: 0;
    content: "";
}




.title_box_prenota h2 span::after {
    position: absolute;
    width: 30px;
    height: 4px;
    background: #05e5ba;
    bottom: -5px;
    left: 0;
    content: "";
}




.title_box_finance h2 span {
    position: relative;
}



.finance_p{font-size: 16px;
    color: #fff;
    line-height: 22px;font-weight: 300;}


.finance_p_box{padding-top: 170px;}


.finance_right_image{max-width: 82%;}
.finance_right_boxe{text-align: center;padding-top: 100px;}






/*Cases section*/

.use_cases_section{margin-top: 0px;margin-bottom: 100px;}

.title_use_cases_box h2{text-align: center;color:#0099FF;font-weight: 600;font-size: 33px;padding-top: 110px;}

.title_use_cases_box h2 span::after {
    position: absolute;
    width: 30px;
    height: 4px;
    background: #777777;
    bottom: -5px;
    left: 0;
    content: "";
}


.title_use_cases_box h2 span {
    position: relative;
}


.cases_detail_row{padding-top: 80px;}

.box_detail_cases{padding: 10px;}

.cases_detail_icons{max-width: 22%;}

.cases_detail_heading{font-size: 20px;
    color: #112427;
    line-height: 20px;
    margin-top: 25px;}

.cases_detail_p{font-size: 14px;
    color: #112427;
    line-height: 18px;margin-top: 10px;}




.partners_row_detail{padding-top: 90px;}

.btn{background-color: #398EF2;color: #fff;border:0px;}
.btn:hover{background-color: #5EA7EF;color: #fff;border:0px;}






/*Email section*/
.email_section_here{margin-top: 60px;margin-bottom: 100px;}

.email_icon_row{text-align: center;}

.email_icon_size{max-width:5%;}


.mail_title{font-size: 20px;
    color: #112427;
    line-height: 20px;
    margin-top: 25px;}





/*PAGE SELECTION*/
::selection {
  color:#fff;
  background:#777777;
}
/*****************/






/*PRODUCT PAGE*/



.option_product_page_section{margin-top: 200px;margin-bottom: 100px;}



.header_product_page{top:0%;position: fixed;z-index: 2;}



ul>li>a.active {
    position: relative;
}






ul>li>a.active::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #0099FF;
    border-radius: 50%;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
}


.detail_option_section{margin-top: 80px;}



.bottom_box{border-top: 1px solid  #0099FF;margin-top: 25px;padding-top: 40px;}

.title_after{text-align: center;}


.after_maturity{font-size: 24px;
    color: #112427;padding-bottom: 40px;}


.counts{color: #0099FF;
    font-size: 22px;}

.heading_right{color: #112427;line-height: 30px;
    font-size: 16px;font-weight: 500;padding-top: 5px;}


.text_p{ font-size: 11px;padding-top: 10px;
    color: #112427;font-weight: 500;}


.bottom_row_right{margin-top: 40px;}


.section_two_product{background-color: #2E3839;padding-top: 100px;padding-bottom: 80px;margin-top: 100px;}


.image_box_custom{position: relative;}



.point_one{font-size: 13.5px;color: #fff;position: absolute;top:40%;left: 52%;}
.point_two{font-size: 13.5px;color: #fff;position: absolute;top:40%;left: 5%;}
.point_three{font-size: 13.5px;color: #FBCC5C;position: absolute;top:65%;left: 5%;}
.point_four{font-size: 13.5px;color:#35E0AE;position: absolute;top:75%;left: 5%;}
.point_five{font-size: 13.5px;color:#fff;position: absolute;bottom:-25px;left: 49%;}



.his_funds_heading{ font-size:25px;
    line-height: 40px;
    color: #fff;}



.his_funds_p{ font-size: 12px;
    color: #fff;margin-top: 10px;}



.topic_color{    color: #FBCC5C;
    font-size: 20px;}



/*foundation*/

.left_top_foundation{padding-top: 40px;}
.left_top_foundation_heading{color: #0099FF;font-weight: 600;}




ul>li>a.active_foundation {
    position: relative;
}






ul>li>a.active_foundation::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #0099FF;
    border-radius: 50%;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
}



.members_row{margin-top: 80px;}

.member_box{text-align: center;}



.members_images{max-width: 65%}



.member_name{font-size: 22px;margin-top: 20px;}
.member_detail{font-size: 13px;margin-top:10px;}



.detail_token_row{margin-top: 50px;}




.sides{padding-top: 100px;text-align: center;}
.sidess{padding-top: 100px;}


.matricsss_row{margin-top: 60px;}



.boxes_left_matrics{background-color: rgba(48,203,158,0.1);
    height: 3.375rem;text-align: center;
border-left: 7px solid #0099FF;margin-top: 10px;}



.boxes_span{position: relative;top: 16px;font-size: 15px;}


.special_cols{padding-top:100px;}



.name_brand_logo{
	font-size: 23px;
	position: relative;
	top: 17px;
	font-weight: 600;
	color: #0099FF;
}




.contatti_special{background-color: #0099FF;color: #fff!important;border-radius: 50px; border:1px solid #0099FF;
    padding-left: 15px!important;padding-right: 15px!important;display: inline-block;transition: all 0.4s ease 0s;}

.contatti_special_banner{background-color: #0099FF; color: #fff!important;border-radius: 50px; border:1px solid  #0099FF;
    padding:10px 18px 10px 18px;display: inline-block;transition: all 0.4s ease 0s;font-weight: 600;
}


.contatti_special_banner:hover{background-color:#fff;color: #0099FF!important;border-radius: 50px; border:1px solid  #0099FF;
    padding:10px 18px 10px 18px;display: inline-block;transition: all 0.4s ease 0s;text-decoration: none;font-weight: 600;
}


.contatti_special:hover{background-color: #fff;color:#0099FF!important;border-radius: 50px;
    border:1px solid #0099FF;
    padding-left: 15px!important;padding-right: 15px!important;display: inline-block;transition: all 0.4s ease 0s;}


.link_official:hover{text-decoration: none;}





.contatti_special_toppp{background-color: #777777;color: #fff!important;border-radius: 50px; border:1px solid  #777777;
    padding:10px 18px 10px 18px;display: inline-block;transition: all 0.4s ease 0s;font-weight: 600;
}


.contatti_special_toppp:hover{background-color:#fff;color: #777777!important;border-radius: 50px; border:1px solid  #777777;
    padding:10px 18px 10px 18px;display: inline-block;transition: all 0.4s ease 0s;text-decoration: none;font-weight: 600;
}












/*NAVBAR*/
.header_sticky{position: fixed;z-index: 2;width: 100%;background-color: #fff;padding: 10px 0px 10px 0px;
  transition:0.5s!important;}

.sticky .header_sticky{top: 0;transition:0.5s!important;padding: 5px 0px 5px 0px;-webkit-box-shadow: 0px 8px 5px -1px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 8px 5px -1px rgba(0,0,0,0.05);}

.sticky .brand_logo{max-width: 50%;position: relative;top: 6px;transition:0.8s!important;}

.sticky .bg-light{ background-color: #fff!important;
    padding-top: 5px;
    padding-bottom:12px;transition:0.5s!important;}

/*.sticky .navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 2.2rem;
    padding-left: .5rem;transition:0.5s!important;
   
    font-weight: 500;
}
*/

.sticky .ml-auto{padding-top: 12px!important;}

.sticky .name_brand_logo{position: relative;top:12px; }

.bg-light {
    background-color: #fff!important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.brand_logo{max-width: 50%;position: relative;top: 6px;}

.navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 2.2rem;
    padding-left: .5rem;
    font-weight: 500;
}


.ml-auto, .mx-auto {
    margin-left: auto!important;
    padding-top: 22px;
}



.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:#777777;
}







.navbar-light .navbar-nav .nav-link {
  font-size: 17px;
    color: #112427;
    transition: all 0.4s ease 0s;
    font-weight: 600;
}








/********/







/**********/
/*HAMBUGER*/
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 3px;
  background-color:#05e5ba;
  margin: 7px 0;
  transition: 0.3s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}




.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border:0;
}


button:focus {
    outline:0;
}






.navbar-light .navbar-nav .nav-link:hover {
    color: #777777;
}




.card {

    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
     border:0px; 
    border-radius: .25rem;
}


.card-title{font-size: 25px;
    font-weight: 600;}

.card-text{font-size: 14px!important;}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 22px;
}

.card_main_box{padding: 50px;}



.card{height: 620px;}




.box_shaded{padding: 20px;
-webkit-box-shadow: 0px 0px 15px -5px rgba(153,153,153,1);
-moz-box-shadow: 0px 0px 15px -5px rgba(153,153,153,1);
box-shadow: 0px 0px 15px -5px rgba(153,153,153,1);
}



.navbar-light .navbar-nav .nav-link:focus{
    color: #000000;
}



.call_linksssss{color: #0099FF;font-weight: 600;}
.call_linksssss:hover{color: #0099FF;font-weight: 600;opacity: 0.8;text-decoration: none;}



.contatti_linksssss{color: #000000;font-weight:400;position: relative;}
.contatti_linksssss:hover{color: #000000;font-weight: 400;opacity: 0.8;text-decoration: none;}



.footer_container_wrapper_box{background-color: #777777;color: #fff;
    text-align: center;padding-top: 10px padding-bottom:10px;margin-top: 120px;}


/**********/
/**********/






































































































/*MOBILE RESPONSIVE NORMAL*/
@media (max-width:775px) { 


.responsiveeeeeeeee{margin-top: 80px;}

.card_main_box{padding: 30px;margin-top: 30px;}

.finance_container{margin-top: 100px;
background-color: #777777;padding-top: 100px;padding-bottom: 100px;}

.name_brand_logo{font-size: 23px;position: relative;top: 10px;font-weight: 600;}




.ml-auto, .mx-auto {
    margin-left: auto!important;
    margin-top: 10px;
}

.email_icon_size{max-width:15%;}


.navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 2.2rem;
     padding-left: 0; 
    font-weight: 500;
}


.title_box_finance h2 span::after {
    position: absolute;
    width: 30px;
    height: 4px;
    background: #05e5ba;
    bottom: -20px;
    left: 40%;
    content: "";
}


.title_use_cases_box h2 span::after {
    position: absolute;
    width: 30px;
    height: 4px;
    background: #777777;
    bottom: -10px;
    left: 40%;
    content: "";
}



.finance_right_image{max-width: 92%;}



.social_nav_box{position: relative;top:8px;left: 0px;}

.responsive_partners{margin-top:60px;text-align: center;}

.box_detail_cases{margin-top: 40px;}





ul>li>a.active::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #0099FF;
    border-radius: 50%;
    position: absolute;
    bottom: 17px;
    left: 22%;
    display: none;
    transform: translateX(-50%);
}






ul>li>a.active_foundation::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #0099FF;
    border-radius: 50%;
    display: none;
    position: absolute;
    bottom: 17px;
    left: 30%;
    transform: translateX(-50%);
}







.responsivenesss{margin-top: 40px;}






.point_one{font-size: 8px;color: #fff;position: absolute;top:40%;left: 52%;}
.point_two{font-size: 8px;color: #fff;position: absolute;top:40%;left: 5%;}
.point_three{font-size: 8px;color: #FBCC5C;position: absolute;top:65%;left: 5%;}
.point_four{font-size: 8px;color:#35E0AE;position: absolute;top:75%;left: 5%;}
.point_five{font-size: 8px;color:#fff;position: absolute;bottom:-25px;left: 49%;}


.responsive_mob{margin-top: 60px;}


.sides{padding-top: 50px;text-align: center;padding-bottom: 80px;}
.sidess{padding-top: 80px;text-align: center;}



.responsive_for_mobile{margin-top: 60px;}





.banner_left_image{max-width: 100%;}




 h1 {
    font-size: 2rem;
}

.banner_container {
    margin-top:130px;
}









}/*close*/



























/*MOBILE RESPONSIVE IPHONE SCREENS*/
@media (max-width:375px) { 






.banner_left_image{max-width: 100%;}




 h1 {
    font-size: 1.5rem;
}

.banner_container {
    margin-top: 120px;
}


.name_brand_logo{font-size: 18px;position: relative;top: 8px;font-weight: 600;}


.brand_logo{max-width: 80%;}
.width_mobile{width: 150px!important}

.title_box_finance h2 span::after {
    position: absolute;
    width: 30px;
    height: 4px;
    background: #05e5ba;
    bottom: -20px;
    left: 44%;
    content: "";
}

.card_main_box{padding: 15px;margin-top: 30px;}

.title_use_cases_box h2 span::after {
    position: absolute;
    width: 30px;
    height: 4px;
    background: #777777;
    bottom: -10px;
    left: 40%;
    content: "";
}


ul>li>a.active::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #0099FF;
    border-radius: 50%;
    position: absolute;
    bottom: 17px;
    left: 30%;
    transform: translateX(-50%);
}





ul>li>a.active_foundation::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #0099FF;
    border-radius: 50%;
    position: absolute;
    bottom: 17px;
    left: 40%;
    display: none!important;
    transform: translateX(-50%);
}







}/*close*/