@charset "utf-8";
/* CSS Document */
/* :: All Transition */
* {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none;
}
@font-face{
 font-family:'digital-7';
 src: url('../digital-7/digital-7.ttf');
 src: url('../digital-7/digital-7\ \(mono\).ttf');
}
.connect-wallete-section{width: 100%;position: relative;padding: 0px 0px 40px 0px;float: left;}
.connect-wallete-section .wallete{position: relative;padding: 20px;}

.connect-wallete-section .wallete .logo-section{text-align: center;margin: 0 auto;padding: 10px 0px 10px 0px;width:450px;}
.connect-wallete-section .wallete .sales{width:350px;margin-top: 5px;float: left;margin-bottom: 20px;}
.connect-wallete-section .wallete .sales .box{width:241px;background: #ffffff;padding: 20px;height: 108px;justify-content: center;align-items: center;border-radius: 5px;}
.connect-wallete-section .wallete .sales .box h1{font-size:70px;font-weight: 400;line-height: 39px;color: #000000;height:1em;display: flex;align-items: center;justify-content: center;font-family: digital-7;}
.connect-wallete-section .wallete .sales .title{width: 100%;position: relative;;}
.connect-wallete-section .wallete .sales .title h2{font-size: 35px;font-weight: 600;text-align: left;text-transform: uppercase;color: #ffffff;margin-bottom: 10px;}
.connect-wallete-section .wallete .sales .title h4{font-size:30px;color: #fb00bd;font-weight: 700;text-align: left;margin-bottom:7px;padding-left: 29px;}

.connect-wallete-section .wallete .salesleft{width:350px;margin-top: 5px;float: right;}
.connect-wallete-section .wallete .salesleft .box1{width:241px;background: #ffffff;padding: 20px;height:108px;justify-content: center;align-items: center;border-radius: 5px;float: right;}
.connect-wallete-section .wallete .salesleft .box1 h1{font-size:70px;font-weight: 400;line-height: 39px;color: #000000;height:1em;display: flex;align-items: center;justify-content: center;font-family: digital-7;}
.connect-wallete-section .wallete .salesleft .title1{width: 100%;position: relative;;}
.connect-wallete-section .wallete .salesleft .title1 h2{font-size: 35px;font-weight: 600;text-align: right;text-transform: uppercase;color: #ffffff;margin-bottom: 10px;padding-right: 20px;}
.connect-wallete-section .wallete .salesleft .title1 h4{font-size:30px;color: #fb00bd;font-weight: 700;text-align: right;margin-bottom:7px;padding-right: 32px;}

.connect-wallete-section .wallete .sr-btn-wrap{text-align: center;margin-top:5px;margin-bottom: 0px;}
.connect-wallete-section .wallete .sr-btn-wrap .sr-btn {border-radius: 20px;text-align:center;padding: 11px 18px;color: var(--white);font-weight: 600;font-size: 24px;display: inline-block;text-align: center; position: relative; overflow: hidden;z-index: 1;text-transform: uppercase;transition: box-shadow 0.5s;background: url(../images/btn.png) no-repeat center top; background-size: "cover";  -webkit-text-stroke: 2px #000000;}
.connect-wallete-section .wallete .sr-btn-wrap .sr-btn:hover{border: 2px solid#ffffff;background: transparent;color: #fff;}
.connect-wallete-section .wallete .sr-btn-wrap button{border: none;}
.connect-wallete-section .wallete .sr-btn-wrap button:focus{outline: none;box-shadow: none;}

/* legendary */
.second-section{width: 100%;position: relative;float: left;padding: 30px 0px 10px 0px;}
.second-section .legendary{background: #e7cd74;width: 100%;}
.second-section .legendary .main-title{text-align: center;padding: 45px 30px;}
.second-section .legendary .main-title h1{text-transform: uppercase;font-size: 70px;text-align: center;font-weight: 700;color: #ffffff; -webkit-text-stroke: 3px #000000;line-height:51px;}

.second-section .epic{background: #d774e6;width: 100%;}
.second-section .epic .main-title1{text-align: center;padding: 45px 30px;}
.second-section .epic .main-title1 h1{text-transform: uppercase;font-size: 70px;text-align: center;font-weight: 700;color: #ffffff; -webkit-text-stroke: 3px #000000;line-height:51px;}

.second-section .rare{background: #74bde6;width: 100%;}
.second-section .rare .main-title2{text-align: center;padding: 45px 30px;}
.second-section .rare .main-title2 h1{text-transform: uppercase;font-size: 70px;text-align: center;font-weight: 700;color: #ffffff; -webkit-text-stroke: 3px #000000;line-height:51px;}

.second-section .common{background: #a1a1a1;width: 100%;}
.second-section .common .main-title3{text-align: center;padding: 45px 30px;}
.second-section .common .main-title3 h1{text-transform: uppercase;font-size: 70px;text-align: center;font-weight: 700;color: #ffffff; -webkit-text-stroke: 3px #000000;line-height:51px;}

/* legendary */
.third-section-legendary{width: 100%;position: relative;float: left;}
.third-section-legendary .legendary-background{background: #e7cd74;padding: 30px 0px 30px 0px;}

.third-section-legendary .legendary-background ul{ margin:0 auto; padding:0; text-align:center;}
.third-section-legendary .legendary-background ul li{ list-style-type:none;position: relative;display:inline-block;width:260px;padding:10px; text-align:center;}
.third-section-legendary .legendary-background ul li .bounde-box{background: url(../images/legendry-box.png) no-repeat center top; background-size: "cover";  /*float:left;*/  margin-bottom:15px;border: 5px solid#e6cc74;box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;border-radius: 15px;}

.third-section-legendary .legendary-background ul li .sr-btn-wrap{text-align: center;margin-top:5px;margin-bottom: 0px;}
.third-section-legendary .legendary-background ul li .sr-btn-wrap .sr-btn {border-radius:15px;text-align:center;padding: 6px 18px;color: var(--white);font-weight: 600;font-size: 24px;display: inline-block;text-align: center; position: relative; overflow: hidden;z-index: 1;text-transform: uppercase;transition: box-shadow 0.5s;background: rgb(110,100,0);
    background: linear-gradient(90deg, rgba(110,100,0,1) 0%, rgba(255,246,145,1) 100%);-webkit-text-stroke: 2px #000000;width: 150px;box-shadow: -1px 2px 5px 3px rgba(000,000,000,0.5);}
.third-section-legendary .legendary-background ul li .sr-btn-wrap .sr-btn:hover{border: 2px solid#000000;background: transparent;color: #fff;}
.third-section-legendary .legendary-background ul li .sr-btn-wrap button{border: none;}
.third-section-legendary .legendary-background ul li .sr-btn-wrap button:focus{outline: none;box-shadow: none;}

.third-section-legendary .legendary-background ul li:last-child{ margin:0;}
.third-section-legendary .legendary-background ul li .text {width: 50%;text-align: right;font-size:25px;text-transform: uppercase; font-weight: 700;color: #ffffff;-webkit-text-stroke: 2px #000000;display: block;padding:10px;z-index: 1;}
.third-section-legendary .legendary-background ul li .count-blue{width: auto;text-align: center;font-size:25px;font-weight: 700;text-transform: uppercase;color: #ffffff; -webkit-text-stroke:2px #000000;display: block;padding: 3px;z-index: 1;}
.third-section-legendary .legendary-background ul li .text-left{width: 50%;text-align: left;font-size:16px;text-transform: uppercase; font-weight: 500;color: #000000;display: block;padding:10px;z-index: 1;margin-top: 5px;}
.third-section-legendary .legendary-background ul li .img-section{position: relative;    min-height: 208px;}

/* epic */
.forth-section-epic{width: 100%;position: relative;float: left;}
.forth-section-epic .epic-background{background: #d774e6;padding: 30px 0px 30px 0px;}

.forth-section-epic .epic-background ul{ margin:0 auto; padding:0; text-align:center;}
.forth-section-epic .epic-background ul li{ list-style-type:none;position: relative;display:inline-block;width:260px; padding:10px; text-align:center;}
.forth-section-epic .epic-background ul li .bounde-box{background: url(../images/legendry-box.png) no-repeat center top; background-size: "cover";  /*float:left;*/  margin-bottom:15px;border: 5px solid#c66bd3;box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;border-radius: 15px;}
.forth-section-epic .epic-background ul li .text {width: 50%;text-align: right;font-size:25px;text-transform: uppercase; font-weight: 700;color: #ffffff;-webkit-text-stroke: 2px #000000;display: block;padding:10px;z-index: 1;}
.forth-section-epic .epic-background ul li .text-left{width: 50%;text-align: left;font-size:16px;text-transform: uppercase; font-weight: 500;color: #000000;display: block;padding:10px;z-index: 1;margin-top: 5px;}
.forth-section-epic .epic-background ul li .sr-btn-wrap{text-align: center;margin-top:5px;margin-bottom: 0px;}
.forth-section-epic .epic-background ul li .sr-btn-wrap .sr-btn {border-radius:15px;text-align:center;padding: 6px 18px;color: var(--white);font-weight: 600;font-size: 24px;display: inline-block;text-align: center; position: relative; overflow: hidden;z-index: 1;text-transform: uppercase;transition: box-shadow 0.5s;background: rgb(110,100,0);
    background: linear-gradient(90deg, rgba(110,100,0,1) 0%, rgba(255,246,145,1) 100%);-webkit-text-stroke: 2px #000000;width: 150px;box-shadow: -1px 2px 5px 3px rgba(000,000,000,0.5);}
.forth-section-epic .epic-background ul li .sr-btn-wrap .sr-btn:hover{border: 2px solid#000000;background: transparent;color: #fff;}
.forth-section-epic .epic-background ul li .sr-btn-wrap button{border: none;}
.forth-section-epic .epic-background ul li .sr-btn-wrap button:focus{outline: none;box-shadow: none;}

.forth-section-epic .epic-background ul li:last-child{ margin:0;}
/* .forth-section-epic .epic-background ul li .text {width: auto;text-align: right;font-size:25px;text-transform: uppercase; font-weight: 700;color: #ffffff;-webkit-text-stroke: 2px #000000;display: block;padding:10px;z-index: 1;} */
.forth-section-epic .epic-background ul li .count-blue{width: auto;text-align: center;font-size:25px;font-weight: 700;text-transform: uppercase;color: #ffffff; -webkit-text-stroke:2px #000000;display: block;padding: 3px;z-index: 1;}
.forth-section-epic .epic-background ul li .img-section{position: relative; min-height: 208px;}


/* RARE */

.fifth-section-rare{width: 100%;position: relative;float: left;}
.fifth-section-rare .rare-background{background: #74bde6;padding: 30px 0px 30px 0px;}
.fifth-section-rare .rare-background ul{ margin:0 auto; padding:0; text-align:center;}
.fifth-section-rare .rare-background ul li{ list-style-type:none;position: relative;display:inline-block;width:260px;padding:10px; text-align:center;}
.fifth-section-rare .rare-background ul li .bounde-box{background: url(../images/legendry-box.png) no-repeat center top; background-size: "cover";  /*float:left;*/  margin-bottom:15px;border: 5px solid#74bde6;box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;border-radius: 15px;}
.fifth-section-rare .rare-background ul li .sr-btn-wrap{text-align: center;margin-top:5px;margin-bottom: 0px;}
.fifth-section-rare .rare-background ul li .sr-btn-wrap .sr-btn {border-radius:15px;text-align:center;padding: 6px 18px;color: var(--white);font-weight: 600;font-size: 24px;display: inline-block;text-align: center; position: relative; overflow: hidden;z-index: 1;text-transform: uppercase;transition: box-shadow 0.5s;background: rgb(110,100,0);
background: linear-gradient(90deg, rgba(110,100,0,1) 0%, rgba(255,246,145,1) 100%);-webkit-text-stroke: 2px #000000;width: 150px;box-shadow: -1px 2px 5px 3px rgba(000,000,000,0.5);}
.fifth-section-rare .rare-background ul li .sr-btn-wrap .sr-btn:hover{border: 2px solid#000000;background: transparent;color: #fff;}
.fifth-section-rare .rare-background ul li .sr-btn-wrap button{border: none;}
.fifth-section-rare .rare-background ul li .sr-btn-wrap button:focus{outline: none;box-shadow: none;}
.fifth-section-rare .rare-background ul li:last-child{ margin:0;}
.fifth-section-rare .rare-background ul li .text {width: 50%;text-align: right;font-size:25px;text-transform: uppercase; font-weight: 700;color: #ffffff;-webkit-text-stroke: 2px #000000;display: block;padding:10px;z-index: 1;}
.fifth-section-rare .rare-background ul li .text-left{width: 50%;text-align: left;font-size:16px;text-transform: uppercase; font-weight: 500;color: #000000;display: block;padding:10px;z-index: 1;margin-top: 5px;}
.fifth-section-rare .rare-background ul li .count-blue{width: auto;text-align: center;font-size:25px;font-weight: 700;text-transform: uppercase;color: #ffffff; -webkit-text-stroke:2px #000000;display: block;padding: 3px;z-index: 1;}
.fifth-section-rare .rare-background ul li .img-section{position: relative; min-height: 208px;}

/* common */
.sixth-section-common{width: 100%;position: relative;float: left;}
.sixth-section-common .common-background{background: #a1a1a1;padding: 30px 0px 30px 0px;}
.sixth-section-common .common-background ul{ margin:0 auto; padding:0; text-align:center;}
.sixth-section-common .common-background ul li{ list-style-type:none;position: relative;display:inline-block;width:260px;padding:10px; text-align:center;}
.sixth-section-common .common-background ul li .bounde-box{background: url(../images/legendry-box.png) no-repeat center top; background-size: "cover";  /*float:left;*/  margin-bottom:15px;border: 5px solid#a1a1a1;box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;border-radius: 15px;}
.sixth-section-common .common-background ul li .sr-btn-wrap{text-align: center;margin-top:5px;margin-bottom: 0px;}
.sixth-section-common .common-background ul li .sr-btn-wrap .sr-btn {border-radius:15px;text-align:center;padding: 6px 18px;color: var(--white);font-weight: 600;font-size: 24px;display: inline-block;text-align: center; position: relative; overflow: hidden;z-index: 1;text-transform: uppercase;transition: box-shadow 0.5s;background: rgb(110,100,0);
background: linear-gradient(90deg, rgba(110,100,0,1) 0%, rgba(255,246,145,1) 100%);-webkit-text-stroke: 2px #000000;width: 150px;box-shadow: -1px 2px 5px 3px rgba(000,000,000,0.5);}
.sixth-section-common .common-background ul li .sr-btn-wrap .sr-btn:hover{border: 2px solid#000000;background: transparent;color: #fff;}
.sixth-section-common .common-background ul li .sr-btn-wrap button{border: none;}
.sixth-section-common .common-background ul li .sr-btn-wrap button:focus{outline: none;box-shadow: none;}
.sixth-section-common .common-background ul li:last-child{ margin:0;}
/* .sixth-section-common .common-background ul li .text {width: auto;text-align: right;font-size:25px;text-transform: uppercase; font-weight: 700;color: #ffffff;-webkit-text-stroke: 2px #000000;display: block;padding:10px;z-index: 1;} */
.sixth-section-common .common-background ul li .count-blue{width: auto;text-align: center;font-size:25px;font-weight: 700;text-transform: uppercase;color: #ffffff; -webkit-text-stroke:2px #000000;display: block;padding: 3px;z-index: 1;}
.sixth-section-common .common-background ul li .img-section{position: relative; min-height: 208px;}
.sixth-section-common .common-background ul li .text {width: 50%;text-align: right;font-size:25px;text-transform: uppercase; font-weight: 700;color: #ffffff;-webkit-text-stroke: 2px #000000;display: block;padding:10px;z-index: 1;}
.sixth-section-common .common-background ul li .text-left{width: 50%;text-align: left;font-size:16px;text-transform: uppercase; font-weight: 500;color: #000000;display: block;padding:10px;z-index: 1;margin-top: 5px;}

.first-header{background: #595f74;padding: 20px 20px;float: left;width: 100%;}
.first-header .logo-header{float: left;height: 60px;width: 250px;}

.first-header .sr-btn-wrap{text-align: center;margin-bottom: 0px;}
.first-header .sr-btn-wrap .sr-btn {border-radius: 20px;text-align:center;padding: 11px 18px;color: var(--white);font-weight: 600;font-size:18px;display: inline-block;text-align: center; position: relative; overflow: hidden;z-index: 1;text-transform: uppercase;transition: box-shadow 0.5s;background: url(../images/btn.png) no-repeat center top; background-size: "cover";  -webkit-text-stroke: 1px #000000;width: 204px;}
.first-header .sr-btn-wrap .sr-btn:hover{border: 1px solid#ffffff;background: transparent;color: #fff;}
.first-header .sr-btn-wrap button{border: none;}
.first-header .sr-btn-wrap button:focus{outline: none;box-shadow: none;}

.first-slider-section{width: 100%;background: url(../images/front-background.png) no-repeat center top; background-size: cover;float: left;padding: 20px;position: relative;}
.first-slider-section .img-section .img-slider{margin-bottom: 15px;}
.first-slider-section .img-section .img-slider img{width: 100%;}
.first-slider-section .img-section h4{font-size: 26px;font-weight: 600;text-align: center;color: #ffffff;-webkit-text-stroke: 2px #000000;text-transform: uppercase;}
.first-slider-section .img-section{background:#ffffff;padding: 60px 15px 20px 15px;border: 9px solid#5930ae;box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;border-radius: 15px;width: 100%;}
.first-slider-section .img-section h1{font-size:70px;color: #ffffff;text-align: center;margin-top: 20px;font-weight: 600;text-transform: uppercase; text-shadow: 2px 2px 4px #000000;font-family: 'Bebas Neue', cursive;letter-spacing: 3.5px;}
 .first-slider-section .img-section h4 {font-size: 20px;}

 .first-slider-section .parties{width: 100%;position: relative;}
 .first-slider-section .parties h4{font-size:28px;font-weight:800;text-align: left;color: #ffffff;-webkit-text-stroke: 2px #000000;text-transform: uppercase;margin-bottom: 3px;}
 

 .first-slider-section .heading-ultra{width: 100%;position: relative;margin-bottom: 40px;}  
 .first-slider-section .heading-ultra h1{font-size: 100px;text-align: left;color: #ffffff;font-weight: 700;text-transform: uppercase;font-family: 'Bebas Neue', cursive;letter-spacing: 10.5px;margin-bottom: 10px;}
 .first-slider-section .heading-ultra h2{font-size:50px;text-align: left;color: #ffffff;font-weight: lighter;text-transform: uppercase;font-family: 'Bebas Neue', cursive;margin-bottom: 20px;-webkit-text-stroke: 2px #000000;letter-spacing: 0.5px;}  
 .first-slider-section .heading-ultra .sr-btn-wrap{text-align: left;margin-top:5px;margin-bottom: 0px;}
 .first-slider-section .heading-ultra .sr-btn-wrap .sr-btn {border-radius:15px;text-align:center;padding: 6px 18px;color: var(--white);font-weight: 600;font-size: 24px;text-align: center;;z-index: 1;text-transform: uppercase;transition: box-shadow 0.5s;background: rgb(110,100,0);
    background: linear-gradient(90deg, rgba(110,100,0,1) 0%, rgba(255,246,145,1) 100%);-webkit-text-stroke: 2px #000000;width: 200px;box-shadow: -1px 2px 5px 3px rgba(000,000,000,0.5);}
.first-slider-section .heading-ultra .sr-btn-wrap .sr-btn:hover{border: 2px solid#ffffff;background: transparent;color: #fff;}
.first-slider-section .heading-ultra .sr-btn-wrap button{border: none;}
.first-slider-section .heading-ultra .sr-btn-wrap button:focus{outline: none;box-shadow: none;}
.first-slider-section .logo-icon{text-align: center;margin: 0 auto;position: relative;width:200px;}
   
.second-section .panel-group{position: relative;}
.second-section .panel-group .panel{width: 100%;float: left;}
.second-section .panel-group .panel .legendary{background: #e7cd74;width: 100%;}
.second-section .panel-group .panel .legendary .main-title{text-align: center;padding: 45px 30px;}
.second-section .panel-group .panel .legendary .main-title h1{text-transform: uppercase;font-size: 70px;text-align: center;font-weight: 700;color: #ffffff; -webkit-text-stroke: 3px #000000;line-height:51px;}

.second-section .panel-group .panel .epic{background: #d774e6;width: 100%;}
.second-section .panel-group .panel .epic .main-title1{text-align: center;padding: 45px 30px;}
.second-section .panel-group .panel .epic .main-title1 h1{text-transform: uppercase;font-size: 70px;text-align: center;font-weight: 700;color: #ffffff; -webkit-text-stroke: 3px #000000;line-height:51px;}

.second-section .panel-group .panel .rare{background: #74bde6;width: 100%;}
.second-section .panel-group .panel .rare .main-title2{text-align: center;padding: 45px 30px;}
.second-section .panel-group .panel .rare .main-title2 h1{text-transform: uppercase;font-size: 70px;text-align: center;font-weight: 700;color: #ffffff; -webkit-text-stroke: 3px #000000;line-height:51px;}


  .second-section .panel-default>.panel-heading a:after {content: "";position: relative;top: 1px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;float: right;transition: transform .25s linear;-webkit-transition: -webkit-transform .25s linear;}
  
  .second-section .panel-default>.panel-heading a[aria-expanded="true"] {background-color: #eee;}
  
  .second-section .panel-default>.panel-heading a[aria-expanded="true"]:after {content: "\2212";-webkit-transform: rotate(180deg);transform: rotate(180deg);}
  
  .second-section .panel-default>.panel-heading a[aria-expanded="false"]:after { content: "\002b"; -webkit-transform: rotate(90deg); transform: rotate(90deg);}