@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}

@font-face {
    font-family: 'Syne';
    src: url('../fonts/Syne-Regular.woff2') format('woff2'),
        url('../fonts/Syne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Syne Extra';
    src: url('../fonts/Syne-Extra.woff2') format('woff2'),
        url('../fonts/Syne-Extra.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Syne';
    src: url('../fonts/Syne-Bold.woff2') format('woff2'),
        url('../fonts/Syne-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



body{overflow-x: hidden; font-family: 'Syne';}
a, a:active, a:focus, a:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}
button, button:active, button:focus, button:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}

#return-to-top {cursor: pointer; position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); width: 50px; height: 50px;  display: block; text-decoration: none; border-radius: 35px; display: none; transition: all 0.3s ease;}
#return-to-top i {color: #fff;  margin: 0; position: relative; left: 16px;  top: 13px; font-size: 19px;  transition: all 0.3s ease;}
#return-to-top:hover { background: rgba(0, 0, 0, 0.9);}
#return-to-top:hover i { color: #fff; top: 5px;}

body{background: #060606; color: #B0B0B0;}
header{border-bottom: 1px solid #9F9F9F; background: #000;}
.logo{width: 300px; display: block; margin: auto;}

.banner_section{position: fixed; padding-top: 50px; left: 0; right: 0; top: 0; bottom: 0;}
.banner_section::before{content: ""; background: url(../img/bgimg1.jpg) no-repeat center; background-size: cover; opacity: 0.2; position: absolute; left:0; right:0; top:0; bottom: 0;}
.container{position: relative; z-index: 1;}
.banner_box h1{color:#fff;  font-weight: bold; font-size: 52px;}
.banner_box h1 span{color:#ef6235;}
.banner_box {max-width: 800px; margin: auto;}
.banner_box p{margin-bottom: 40px;}
.banner_box .theme_btn{margin-right: 10px;}
.theme_btn{border: 1px solid #fff; border-radius: 10px; background: transparent; color:#ef6235; padding: 12px 10px; display: inline-block; width: 200px; text-align: center; font-weight: 900; font-size: 18px;}
.theme_btn:hover{background: #36365e; border: 1px solid #36365e; color:#fff;}

.Personal_Details_inner ul{list-style: none; overflow: hidden; padding: 0px; margin: 0px;}
.Personal_Details_inner ul li{width: 25%; padding: 2px; float:left}
.Personal_Details_inner ul li button{display: block; border: none;  background: #fff; border-radius: 5px; padding: 4px 2px; width: 100%;}
.Personal_Details_inner ul li button:hover{color: #fff; background: #ef6235;}
.Personal_Details_inner ul li button.active{color: #fff; background: #ef6235;}





hr{border-top: 1px solid #3E3E3E;}
.white_text{color:#fff}
.story_heading{font-weight: bold;}
.story_text{font-size: 25px;}
.small_text{font-size: 15px; line-height: 27px; font-family: initial;}

.all_heading h2{color:#fff; font-weight: bold; font-size: 40px;}
.all_heading h2 span{color:#ef6235;}

.circle_bg{ background: url(../img/bgimg2.jpg) no-repeat center center; position: relative; background-size: cover;}
.circle_bg::before{background-color: transparent; content: "";
    background-image: radial-gradient(at center center, #000000A8 0%, #060606 74%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s; position: absolute; left:0; right:0; top:0; bottom: 0;}

.list_ul{list-style: none;}
.list_ul li{display: block; position: relative; font-weight: bold; color:#fff; padding-left: 25px; margin-bottom: 10px;}
.list_ul li::before{content: "\f046"; font-family: FontAwesome; position: absolute; left: 0; color:#ef6235;}


.Personal_Details_inner{background: #1d1d1d; border-radius: 10px; color:#fff; border: 1px solid #5c4e4c; margin: 10px 0px; text-align: center; padding: 30px 20px; position: relative; }
.Personal_Details_inner:hover{background-image: radial-gradient(at center center, #392120 0%, #060606 74%);}
.Personal_Details_inner.active{background-image: radial-gradient(at center center, #392120 0%, #060606 74%);}
.Personal_Details_inner h4{font-size: 18px; font-weight: bold; text-transform: uppercase; }
.Personal_Details_inner h5{margin-bottom: 0px; color: #ef6235;}

.bg_color_dark{background: #000;}

.circle_bg2{ background: url(../img/bgimg3.jpg) no-repeat center center; position: relative; background-size: cover;}
.circle_bg2::before{background-color: transparent; content: "";
    background-image: radial-gradient(at center center, #000000A8 0%, #060606 74%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s; position: absolute; left:0; right:0; top:0; bottom: 0;}

label{color:#AFAFAF}
.cus_input{background: transparent; border-radius: 8px; color:#ef6235; border: 1px solid #5c4e4c; padding: 15px; width: 100%;}
.cus_input:focus{ outline: 0; box-shadow: 0 0 0 transparent;}
.cus_input::placeholder{color:#AFAEAE}
.trx_btn{margin: 0px -3px; overflow: hidden; list-style: none;}
.trx_btn li{display: block; font-weight: bold; float: left; width:19.984%; padding: 5px 3px;}
.trx_btn li button{display: block; border-radius: 5px; width:100%;  border:none; padding: 10px; font-size: 13px;  background: #fff;}
.trx_btn li button:hover{color:#fff; background: #36365e;}
.trx_btn li button.active{color:#fff; background: #36365e;}
.bnb_icon{width: 100%;}
.Contributors_ul{list-style: none; position: absolute; right: 0; top: -50px;}
.Contributors_ul li{margin-bottom: 35px;}
.Contributors_ul li h4{color:#fff; font-weight: bold;}
.Contributors_ul li h5{color:#ef6235; font-weight: bold;}
.middle_text {flex-direction: column; display: -webkit-flex; -webkit-box-pack: center; -webkit-justify-content: center;}

.table_box_bg{background: linear-gradient(180deg, #090809 0%, rgba(0, 0, 62, 0) 100%); padding: 35px 35px;}
.table {color: #CECDCD;}
.table td, .table th {border-top: 1px solid #41414191;}
table thead th {border-bottom: 2px solid #41414191;}
.table thead th {border-bottom: 2px solid #41414191;background: #060606;}

.circle_bg3{ background: url(../img/bgimg4.jpg) no-repeat center center; position: relative; background-size: cover;}
.circle_bg3::before{background-color: transparent; content: "";
    background-image: radial-gradient(at center center, #000000A8 0%, #060606 74%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s; position: absolute; left:0; right:0; top:0; bottom: 0;}

.pdf_ul{list-style: none; overflow: hidden; padding: 0px; margin-bottom: 0px;}
.pdf_ul li{float: left; margin: 10px 0px; text-align: center; width:33.33%;}
.pdf_ul li a{display: block; color: #fff;}
.pdf_ul li a h4{font-size: 16px;}
.pdf_ul li a:hover h4{color:#ef6235;}
.pdf_ul li span{background-image: radial-gradient(at center center, #392120 0%, #060606 74%);
    width: 70px;
    height: 70px;
    display: block;
    margin: auto;
    border-radius: 50%;
    font-size: 24px; border: 1px solid #87878740;
    line-height: 68px;}

 .footer_logo{width: 200px; opacity: .9;}   

 .overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000;}
 .overlay .overlayDoor:before, .overlay .overlayDoor:after {content: ""; position: absolute; width: 50%; height: 100%; background: #060606; transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1); transition-delay: 0.8s; }
 .overlay .overlayDoor:before {left: 0; }
 .overlay .overlayDoor:after {right: 0;}
 .overlay.loaded .overlayDoor:before {left: -50%;}
 .overlay.loaded .overlayDoor:after {right: -50%;}
 .overlay.loaded .overlayContent {opacity: 0; margin-top: -15px;}
 .overlay .overlayContent {position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;	transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);}
 .overlayContent img{width:250px;}
 .overlayContent p{color:#fff; text-align: center; font-size: 15px; margin-top: 20px;}
 .word-break {word-wrap: break-word;}
footer .story_text {font-size: 20px;}


 .loader-container {
    width: 100vw;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1111;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000000de;
  }

 .dotted-loader {
    width: 70px;
    height: 70px;
    border-width: 1.7px;
    border-color:#ef6235;
    border-style: solid solid dotted dotted;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -50px;
    animation: rotate-right 2s linear infinite;
  }
  .dotted-loader::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-width: 2px;
    border-color: #ef6235;
    border-style: solid dotted;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: rotate-left 1s linear infinite;
  }
  
  @keyframes rotate-right {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(1turn);
    }
  }
  @keyframes rotate-left {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(-1turn);
    }
  }