@font-face {
     font-family: 'Trenda_Regular';
     src: url(fontfamily/Trenda_Regular.otf);
}
 @font-face {
     font-family: 'Trenda_Semibold';
     src: url(fontfamily/Trenda_Semibold.otf);
}
 @font-face {
     font-family: 'Trenda_Bold';
     src: url(fontfamily/Trenda_Bold.otf);
}
 @font-face {
     font-family: 'Medel';
     src: url(fontfamily/Medel.ttf);
}
 body {
     margin: 0;
     padding: 0;
     font-family: 'Trenda_Regular';
     color: #000000;
}
/*********** Header ******/
 .mynav {
     padding-top: 5px;
     padding-bottom: 10px;
     background: #fff;
     margin-bottom: 0;
     border: 0;
     border-radius: 0;
}
 .mynav .navbar-right {
     margin-top: 10px;
}
 .logo {
     margin-top: 15px;
     height: 40px;
}
 .mynav .navbar-right li{
     margin-right: 5px;
}
.mynav .navbar-right .active a{
     background: none !important;
}

.mynav .navbar-right .active a:before{
     position: absolute;
     content: '';
     /* top: 0; */
     width: 30px;
     height: 2px;
     margin: auto;
     text-align: center;
     background: #000;
     text-align: center;
     left: 0;
     right: 0;
     bottom: 8px;
}

 .mynav .navbar-right li a {
     color: #000000;
     font-size: 16px;
}

.mynav .navbar-right li a:hover{
     background: none;
}
 .loginBtn {
     border: 0;
     background: linear-gradient(94.94deg, #FDE4D0 0%, #CFBBEF 100%);
     color: #000000 !important;
     padding: 14px 26px !important;
     margin-top: 2px;
     border-radius: 0px;
}
 .home-banner{
     padding-top: 50px;
     padding-bottom: 50px;
}
 .home-box{
     max-width: 600px;
     margin: auto;
}
 .home-box h1{
     font-family: 'Medel';
     font-size: 46px;
     margin-bottom: 10px;
}
 .home-box p{
     font-size: 16px;
     padding-left: 15px;
     padding-right: 15px;
     margin-bottom: 10px;
     line-height: 25px;
}
 .form-inline{
     padding-left: 15px;
     padding-right: 15px;
}
 .form-inline .form-control{
     width: 380px;
     background: linear-gradient(94.94deg, #FDE4D0 0%, #CFBBEF 100%);
     border-radius: 0px;
     height: 46px;
     border: 0;
     margin-right: 20px;
}
 .form-inline .form-control::placeholder{
     color: #000000;
     font-size: 16px;
     font-weight: bold;
}
 .form-inline .btn-default{
     background: linear-gradient(94.94deg, #FDE4D0 0%, #CFBBEF 100%);
     border-radius: 0px;
     height: 46px;
     border: 0;
     font-size: 16px;
     width: 160px;
     color: #000000;
     font-weight: bold;
}
 .eth-section{
     padding-top: 85px;
     padding-right: 15px;
     padding-left: 15px;
}
 .btn-mint{
     background: none !important;
     font-size: 15px !important;
     border-radius: 0px;
     color: #000000;
     padding: 12px 30px !important;
     padding-left: 25px !important;
     border: 2px solid #FDE4D0;
     margin-bottom: 20px;
}
 .btn-mint span{
     margin-left: 25px;
     font-size: 14px !important;
     color: #E7D1DF;
}
 .qty-selector{
     display: flex;
     align-items: center;
     margin-bottom: 10px;
}
 .qty-selector .number{
     margin-right: 20px;
     width: 470px;
}
 .qty-selector .form-control{
     height: 40px;
     background: linear-gradient(94.94deg, #FDE4D0 0%, #CFBBEF 100%);
     border: 0;
     border-radius: 0;
     color: #000000;
     font-weight: bold;
     box-shadow: none;
     outline: none;
}
 .qty-selector .number{
     display: flex;
     align-items: center;
}
 .qty-selector .number span{
     height: 40px;
}
 .minus, .plus{
     width:40px;
     background: #FDE4D0;
     border-radius:0;
     padding:8px 5px 8px 5px;
     border:0;
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     color: #000;
     font-weight: bold;
     cursor: pointer;
}
 .btn-mint2{
     background: linear-gradient(94.94deg, #FDE4D0 0%, #CFBBEF 100%);
     border-radius: 0px;
     padding: 10px 30px;
     border: 0;
     font-size: 16px;
     color: #000000;
     font-weight: bold;
     height: 40px;
}
 .roadmap-section{
     padding-top: 30px;
     padding-bottom: 20px;
}
 .roadmap-section h1{
     font-family: 'Medel';
     color: #000000;
     font-size: 46px;
     margin-bottom: 35px;
     text-align: center;
}
 .roadmap-box{
     background: linear-gradient(94.94deg, #FDE4D0 0%, #CFBBEF 100%);
     padding: 6px 20px;
     margin-bottom: 25px;
}
 .roadmap-box h4{
     font-size: 16px;
}
 .roadmap-section .col-lg-5{
     padding-right: 0 !important;
}
 .roadmap-section .col-lg-2{
     padding-right: 0 !important;
}
 .utility-section{
     padding-top: 50px;
     padding-bottom: 50px;
}
 .utility-section h1{
     font-family: 'Medel';
     color: #000000;
     font-size: 46px;
     text-align: center;
     margin-bottom: 30px;
}
 .utility-box{
     display: flex;
     align-items: center;
     justify-content: center;
}
 .utility-section ul li{
     margin-bottom: 10px;
     font-size: 16px;
}
 .team-section{
     padding-top: 50px;
     padding-bottom: 50px;
}
 .team-section h1{
     font-family: 'Medel';
     color: #000000;
     font-size: 46px;
     text-align: center;
     margin-bottom: 30px;
}
 .team-section .team-box{
     text-align: center;
     margin-bottom: 30px;
}
 .team-section .team-box img{
     width: 140px;
     height: 140px;
     border-radius: 50%;
}
 .team-section .team-box h3{
     margin-top: 15px;
     font-size: 28px;
     font-family: 'Medel';
}
 .team-section .team-box p{
     font-size: 16px;
}
 .partner-section{
     padding-top: 30px;
     padding-bottom: 30px;
}
 .partner-section h1{
     font-family: 'Medel';
     color: #000000;
     font-size: 46px;
     text-align: center;
     margin-bottom: 30px;
}
 .partner-section .partner-box img{
     width: 100%;
}
 .partner-section .partner-box h4{
     color: #000000;
     text-align: center;
}
 .partner-section .contact-us{
     padding-top: 70px;
}
 .partner-section .contact-us h1{
     font-family: 'Medel';
     color: #000000;
     font-size: 46px;
     text-align: center;
     margin-bottom: 15px;
}
 .partner-section .contact-us p{
     font-size: 16px;
     margin-bottom: 25px;
}
 .partner-section .contact-us .form-control{
     border: 1px solid #000000;
     box-sizing: border-box;
     border-radius: 0;
     height: 48px;
     color: #000000;
}
 .partner-section .contact-us textarea.form-control{
     height: auto;
}
 .partner-section .contact-us .btn-mint2{
     padding: 10px 50px;
     margin-top: 15px;
}
 .footer{
     padding-top: 60px;
     padding-bottom: 30px;
     background: linear-gradient( #FDE4D0, #FDE4D0, #CFBBEF );
}
 .footer ul{
     margin: auto;
     text-align: center;
     margin-bottom: 40px;
}
 .footer ul li{
     display: inline;
     margin-right: 20px;
}
 .footer p{
     margin-bottom: 30px;
     font-size: 14px;
}


/****** FAQS ******/
.faqs-section .panel-heading .accordion-toggle i{
     float: right;
}
 .faqs-section .panel-default>.panel-heading{
     background: linear-gradient(to right, #CFBBEF, #FDE4D0);
     padding: 16px 24px;
     font-size: 18px;
}
 .faqs-section{
     padding-top: 70px;
     padding-bottom: 70px;
}
.faqs-section h1{
     font-family: 'Medel';
     color: #000000;
     font-size: 36px;
     text-align: center;
     margin-bottom: 35px;
}
.faqs-section .panel-default .panel-heading a{
     color: #000000;
     text-decoration: none;
}
 .faqs-section .panel-default .panel-heading a .glyphicon-remove{
     color: #000000;
}
 .faqs-section .accordion-toggle:hover {
     text-decoration: none;
}
 .faqs-section .panel{
     background: none !important;
     margin-bottom: 15px !important;
     border: 0 !important;
}
 .faqs-section .panel-body{
     font-size: 15px;
     line-height: 22px;
     color: #000000;
     border: 0 !important;
}
 .faqs-section .panel-title{
     font-size: 18px;
     text-decoration: none;
}


/****** FAQS ******/


/****** founders-paper ******/
.founder-section{
     padding-top: 50px;
     padding-bottom: 50px;
}
.founder-section h1{
     font-family: 'Medel';
     color: #000000;
     font-size: 46px;
     text-align: center;
     margin-bottom: 30px;
}
.founder-section h4{

     background: linear-gradient(to right, #CFBBEF, #FDE4D0);
     padding: 12px 24px;
     font-size: 18px;
     margin-top: 0;
}
.founder-section h4 a{
     text-decoration: none;
     color: #000000;
}

.founder-section .panel-heading{
     padding: 0;
}
.founder-section .panel-heading a{
     text-decoration: none;
}
.founder-section .panel-heading a i{
     float: right;
}
.founder-section .panel-body ul{
     padding-left: 15px;
     list-style-type: none;
} 

.founder-section .panel-body ul li{
     margin-bottom: 10px;
}    

.founder-section .panel-body ul li a{
     font-size: 15px;
     color: #000000;
}
.founder-section .panel{
     margin-bottom: 10px;
}
.paper-accordian .panel .panel-body p{
     font-size: 15px;
     margin-bottom: 20px;
     word-break: break-word;
}
.paper-accordian .panel .panel-body h3{
     font-size: 20px;
     margin-bottom: 8px;
}


/****** founders-paper ******/

/************ Extras ***********/
 .btnStyle {
     transform: translateZ(0) !important;
     backface-visibility: hidden !important;
     transition: 300ms ease-out !important;
}
 .btnStyle:hover {
     transform: scale(0.9) !important;
}
 .btnStyle2 {
     transform: translateZ(0) !important;
     backface-visibility: hidden !important;
     transition: 300ms ease-out !important;
}
 .btnStyle2:hover {
     transform: scale(1.1) !important;
}

/********* font-size **********/
 .fbold {
     font-weight: 600;
}
 .f11 {
     font-size: 11px;
}
 .f12 {
     font-size: 12px;
}
 .f13 {
     font-size: 13px;
}
 .f14 {
     font-size: 14px !important;
}
 .f15 {
     font-size: 15px;
}
 .f16 {
     font-size: 16px;
}
 .f17 {
     font-size: 17px;
}
 .f18 {
     font-size: 18px;
}
 .f19 {
     font-size: 19px;
}
 .f20 {
     font-size: 20px;
}
 .white {
     color: #fff !important;
}
 .whiteMontbold {
     color: #fff;
     font-weight: bold;
}
 .block{
     display: block;
}
@media only screen and (max-width: 767px){
     .navbar-toggle .icon-bar {
          width: 22px;
          transition: all 0.2s;
     }
      .navbar-toggle .top-bar {
          transform: rotate(45deg);
          transform-origin: 10% 10%;
     }
      .navbar-toggle .middle-bar {
          opacity: 0;
     }
      .navbar-toggle .bottom-bar {
          transform: rotate(-45deg);
          transform-origin: 10% 90%;
     }
      .navbar-toggle.collapsed .top-bar {
          transform: rotate(0);
     }
      .navbar-toggle.collapsed .middle-bar {
          opacity: 1;
     }
      .navbar-toggle.collapsed .bottom-bar {
          transform: rotate(0);
     }
      .mynav .navbar-toggle{
          background: none !important;
          border: 0 !important;
          margin-top: 18px;
     }
      img.logo{
          margin-left: 15px;
     }
      .mynav .navbar-right li{
          margin-bottom: 10px;
          margin-top: 5px;
     }
      .mynav .icon-bar{
          background: #DDC1E7 !important;
     }
     .home-box h1{
          font-size: 26px;
     }
     .home-banner{
          padding-top: 20px;
     }
     .home-box p{
          font-size: 15px;
          padding-left: 0;
          padding-right: 0;
          margin-bottom: 10px;
          line-height: 22px;
     }
     .form-inline {
          padding-left: 0;
          padding-right: 0;
      }
      .form-inline .form-control{
          width: 100%;
      }
      .eth-section {
          padding-top: 45px;
          padding-right: 0;
          padding-left: 0;
      }
      .roadmap-section{
          padding-top: 0px;
          
      }
      .roadmap-section .col-lg-2 {
          padding-right: 5px !important;
          padding-left: 10px;

      }
      .roadmap-section .col-lg-5 {
          padding-right: 5px !important;
          padding-left: 10px;

      }
      .roadmap-box{
          margin-bottom: 15px;
          text-align: center;
          padding: 5px 10px;
      }
      .roadmap-box h4{
          font-size: 14px;
      }
      .utility-section{
          padding-top: 0px;
          padding-bottom: 20px;
      }
      .utility-section ul li {
          margin-bottom: 10px;
          font-size: 15px;
      }
      .team-section{
          padding-top: 0;
          padding-bottom: 10px;    
      }

      .team-section .team-box h3 {
          margin-top: 10px;
          font-size: 24px;
          margin-bottom: 0;
          font-family: 'Medel';
      }
      .team-section .team-box p {
          font-size: 14px;
      }
      .team-section .team-box img {
          width: 120px;
          height: 120px;
          border-radius: 50%;
      }
      .partner-section {
          padding-top: 0;
          padding-bottom: 30px;
      }
      .partner-box {
          margin-bottom: 30px;
      }
      .partner-section .contact-us {
          padding-top: 0;
      }
      .block{
           display: inline;
      }
      .footer ul {
          margin: auto;
          text-align: center;
          margin-bottom: 20px;
      }
      .footer{
          padding-top: 40px;
      }
      .founder-section{
          padding-top: 30px;
      }
      .founder-sidebar {
          display: none;
      }
      .founder-section h1{
          font-size: 36px;
      }
      

}

@media (min-width: 768px) and (max-width: 991px){
     .logo {
          margin-top: 17px;
          height: 32px;
      }
      .roadmap-box{
           text-align: center;
      }
      .team-section .team-box h3{
          font-size: 20px;
          margin-bottom: 10px;
      }
}
@media (min-width: 992px) and (max-width: 1199px){

     .roadmap-box h4 {
          font-size: 16px;
          text-align: center;
      }
      .team-section .team-box h3{
          font-size: 24px;
          margin-bottom: 5px;
      }

}
 @media (min-width: 1480px) and (max-width: 5120px){
     .container{
         width: 1440px !important 
    }
}