@import url(https://fonts.googleapis.com/css?family=Dancing+Script);
 body {
     margin: 0;
     padding: 0;
     font-size: 14px;
     color: #000000;
     font-family: "Futura";
     font-weight: bold;
}
 body {
     margin: 0;
     padding: 0;
}
 h1, h2, h3, h4, h5, h6, p, span, ::placeholder, input {
     font-family: "Futura";
     font-weight: 500;
}
 .bantxt {
     font-weight: 500;
     font-family: "Futura";
}
 .hding {
     font-size: 2rem;
     color: #000000;
     font-weight: 500;
     font-family: "Futura";
     text-align: center;
}
 .nav-bar {
     height: 90px;
     border-bottom: 3px solid #262626;
     background: white;
}
 a {
     text-decoration: none !important;
}
 .brand {
     position: absolute;
     float: left;
     line-height: 70px;
     text-transform: uppercase;
     font-size: 1.4em;
}
 .brand a img {
     max-height: 60px;
}
 .brand a, .brand a:visited {
     color: #ffffff;
     text-decoration: none;
}
 .nav-container {
     max-width: 1180px;
     margin: 0 auto;
}
 nav {
     float: right;
}
 nav ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 nav ul li {
     float: left;
     position: relative;
}
 nav ul li a, nav ul li a:visited {
     display: block;
     padding: 0 8px;
     line-height: 70px;
     text-decoration: none;
     color: #000000;
     font-weight: bold;
     font-family: "Futura";
}
 nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
     padding-left: 4px;
     content: ' ▾';
}
 nav ul li ul li {
     min-width: 235px;
}
 nav ul li ul li a {
     padding: 15px;
     line-height: 20px;
}
 .nav-dropdown {
     position: absolute;
     display: none;
     z-index: 1;
     background: #ffffff;
     box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}
 .nav-mobile {
     display: none;
     position: absolute;
     top: 10px;
     right: 0;
     height: 70px;
     width: 70px;
}
 @media only screen and (max-width: 798px) {
     nav {
         background: #ffffff;
         border-bottom: 3px solid #262626;
    }
     h1 {
         font-size: 1.5rem !important;
         margin-top: 25px;
    }
     .hding {
         font-size: 26px;
         color: #000000;
         font-weight: 500;
         font-family: "Futura";
         text-align: center;
    }
     .carousel-caption {
         position: absolute;
         right: 0% !important;
         top: 40px !important;
         left: 8% !important;
         z-index: 10;
         padding-top: 20px;
         padding-bottom: 20px;
         color: #fff;
         text-align: left;
    }
     .nav-mobile {
         display: block;
    }
     nav {
         width: 100%;
         padding: 70px 0 15px;
    }
     nav ul {
         display: none;
    }
     nav ul li {
         float: none;
    }
     nav ul li a {
         padding: 15px;
         line-height: 20px;
         padding-left: 35px;
    }
     nav ul li ul li a {
         padding-left: 50px;
    }
     .nav-dropdown {
         position: static;
    }
     .brand a img {
         max-height: 60px;
         margin-top: 5px;
         width: 270px;
    }
}
 @media screen and (min-width: 799px) {
     .nav-list {
         display: block !important;
    }
}
 #nav-toggle {
     position: absolute;
     left: 18px;
     top: 22px;
     cursor: pointer;
     padding: 10px 35px 16px 0px;
}
 #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
     cursor: pointer;
     border-radius: 1px;
     height: 3px;
     width: 30px;
     background: #262626;
     position: absolute;
     display: block;
     content: '';
     transition: all 300ms ease-in-out;
}
 #nav-toggle span:before {
     top: -10px;
}
 #nav-toggle span:after {
     bottom: -10px;
}
 #nav-toggle.active span {
     background-color: transparent;
}
 #nav-toggle.active span:before, #nav-toggle.active span:after {
     top: 0;
}
 #nav-toggle.active span:before {
     transform: rotate(45deg);
}
 #nav-toggle.active span:after {
     transform: rotate(-45deg);
}
 .imol {
     min-height: 170px;
}
 .cds {
     margin-top: 1.5rem;
}
 .cds p {
     font-size: 13px;
     color: #000000;
     font-weight: 800;
     font-family: "Futura";
     text-align: center;
}
 .cds a {
     color: black !important;
     margin: 10px;
     border: 1px solid black;
     padding: 5px;
     font-family: "Futura";
}
 .quote {
     text-align: center;
     font-size: 3.3rem;
     margin: auto;
     padding: 15px;
     border: 2px solid black;
     max-width: 70%;
     position: relative;
     margin-top: 100px;
     margin-bottom: 100px;
}
 blockquote {
     padding-top: 15px;
     padding-bottom: 15px;
     font-style: italic;
     position: relative;
     z-index: 20;
     font-size: 24px;
}
 .left {
     position: absolute;
     top: -25px;
     left: -20px;
     width: 60px;
     text-align: left;
     z-index: 10;
     font-size: 5rem;
     color: #262626;
     background-color: white;
     line-height: 100px;
}
 .right {
     position: absolute;
     bottom: -60px;
     right: -20px;
     width: 60px;
     text-align: right;
     z-index: 10;
     font-size: 5rem;
     background-color: white;
     color: #262626;
     line-height: 100px;
}
 .footer {
     background: #ECECEC;
     padding: 60px 0 30px 0;
     font-family: "Futura";
     font-weight: 500;
}
 .footer h4 {
     font-size: 14px;
     font-weight: bold;
     color: rgba(0, 0, 0, .9);
     text-transform: uppercase;
     position: relative;
     padding-bottom: 10px;
     padding-top: 10px;
}
 .footer .footer-links ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .footer .footer-links ul li {
     padding: 8px 0;
}
 .footer .footer-links ul a {
     color: #000000;
}
 .fa-facebook-f:before, .fa-facebook:before {
     content: "\f09a";
     border: 1px solid black;
     padding: 5px;
}
 .fa-google-plus:before {
     content: "\f0d5";
     border: 1px solid black;
     padding: 5px;
}
 .fa-instagram:before {
     content: "\f16d";
     border: 1px solid black;
     padding: 5px;
}
 .footer .social-links a {
     font-size: 18px;
     display: inline-block;
     color: black;
     line-height: 1;
     padding: 8px 0;
     margin-right: 4px;
     border-radius: 50%;
     text-align: center;
     width: 36px;
     height: 36px;
     transition: 0.3s;
}
 .carousel-caption {
     position: absolute;
     right: 0% !important;
     top: 100px;
     left: 15%;
     z-index: 10;
     padding-top: 20px;
     padding-bottom: 20px;
     color: #fff;
     text-align: left;
}
 .fot1 {
     background: black;
     color: white;
     padding-bottom: 5px;
}
 @media only screen and (max-width: 798px) {
     .fl {
         width: 100%;
    }
     .nav {
         font-family: "Futura";
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         padding-left: 0px !important;
         margin-bottom: 0;
         list-style: none;
    }
}
 .bor {
     border: 2px solid #ccc;
     min-height: 700px;
     max-height: auto;
     margin-bottom: 20px;
     padding: 20px;
}
 .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
     color: #fff !important;
     background-color: #983497 !important;
     border: 1px solid black;
}
 .nav-pills .nav-link {
     border-radius: 0rem;
}
 .nav-link {
     display: block;
     padding: .5rem 1rem;
     border: 1px solid black !important;
     color: black !important;
     margin: 5px;
}
 .ar {
     margin: 10px;
}
 .wal {
     border: 1px solid #ccc;
     width: 288px;
     height: 495px;
     padding: 10px;
}
 .walb {
     border: 1px solid #ccc;
     height: 475px;
}
 .nav {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding-left: 95px;
     margin-bottom: 0;
     list-style: none;
}
 .walsb {
     border: 1px solid #ccc;
     width: 100%;
     height: auto;
     border-radius: 5px;
}
 .selectCards {
     background: #fff url(../images/search-drop-arrow.jpg) no-repeat right 10px center;
     display: block;
     padding: 5px 10px;
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     position: relative;
     width: 250px;
}
 .sbg {
     background: #ccc;
     padding: 20px;
}
 .wald {
     padding: 20px;
}
 .walti {
     width: 100%;
     height: auto;
}
 .chsbor {
     border: 1px solid #ccc;
     width: 100%;
     height: auto;
     padding: 15px;
     border-radius: 5px;
}
 .chsbor1 {
     border: 1px solid #ccc;
     width: 100%;
     height: auto;
     padding: 10px;
     border-radius: 5px;
}
/* wallet */
 .centered-txt {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}
 .container-img {
     position: relative;
     text-align: center;
     color: black;
     overflow: hidden;
}
 .fimg {
     color: #333;
     display: block;
     font: bold 16px Arial, Helvetica, sans-serif;
     margin-left: -10px !important;
     margin-top: -20px !important;
     overflow: hidden;
     padding: 19px 0 0 7px;
     text-transform: uppercase;
     width: 115px;
     height: 169px;
}
 .wltfr {
     width: 260px;
     height: 470px;
     overflow: hidden;
     object-fit: cover;
     object-position: top center;
}
/* acknowdagement */
 .ACK {
     border: 1px solid #ccc;
     width: 465px;
     height: 288px;
     padding: 10px;
}
 .ACKb {
     height: 268px;
}
 .ACKb {
     line-height: 25px;
}
 .ackni {
     width: 440px;
     height: 265px;
}
 .ackn-i {
     width: 100%;
     height: 100%;
}
 .bok {
     border: 1px solid #ccc;
     width: 258px;
     height: 950px;
     padding: 10px;
}
 .bokb {
     border: 1px solid #ccc;
     height: 927px;
}
 .boki {
     width: 235px;
     height: 925px;
     overflow: hidden;
     object-fit: cover;
     object-position: top center;
}
 .selectCards1 {
     background: #fff url(../images/search-drop-arrow.jpg) no-repeat right 10px center;
     display: block;
     padding: 5px 10px;
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     position: relative;
     width: 80%;
}
 .sbg1 {
     background: #ccc;
     padding: 10px;
}
 .bokd {
     width: 100%;
     height: 430px;
}
/* traditional */
 .trd {
     border: 1px solid #ccc;
     width: 298px;
     height: 597px;
     padding: 10px;
}
 .trdb {
     border: 1px solid #ccc;
     height: 575px;
}
 .trdi {
     width: 275px;
     height: 570px;
     overflow: hidden;
     object-fit: cover;
     object-position: top center;
}
 .trdi-l {
     width: 255px;
     height: 570px;
     overflow: hidden;
     object-fit: cover;
     object-position: top center;
}
/* update css */
 .howitWork .title {
     font-size: 18px;
     color: #000;
}
 .howitWork .work-slide .image {
     height: 118px;
     margin-top: 10px;
}
 .howitWork .work-slide .text {
     color: #000;
     font-size: 18px;
     text-transform: uppercase;
     margin-top: 10px;
}
 .howitWork {
     background: #ECECEC;
     padding: 60px 0;
     text-align: center;
     margin-top: 40px;
}
 .howitWork h1{
     padding-bottom: 50px;
     font-size:2rem;
}
 .donate-charity {
     width: 100%;
     background: #000;
     padding: 10px 0;
}
 .donate-charity .choose-charity {
     font-size: 45px;
     color: #fff;
     text-align: left;
     line-height: 35px;
     padding: 22px 0;
}
 .donate-charity .price {
     text-align: center;
     font-size: 120px;
     color: #fff;
     line-height: 70px;
     font-weight: bold;
     padding: 20px 0;
     vertical-align: middle;
}
 .donate-charity .charity-logo {
     padding: 10px 0;
     text-align: right;
}
 .donate-charity .charity-logo p {
     color: #FFF;
     padding: 10px 0;
     text-align: right;
}
 @media (max-width: 767px){
     .donate-charity .choose-charity {
         text-align: center;
    }
     .charity-logo img {
         text-align: center !important;
         margin: 0 auto;
    }
     .donate-charity .charity-logo {
         padding: 10px 0;
         text-align: center !important;
    }
     .donate-charity .charity-logo p {
         color: #FFF;
         padding: 10px 0;
         text-align: center;
    }
}
 .container.mycards .card {
     padding-bottom: 20px;
}
 .container.mycards .card .card-body {
     padding-bottom: 8px;
}
 .container.mycards .card .card-title {
     font-family: "Futura";
     font-size: 1.2rem;
     margin-bottom: 0;
}
 .card-text {
     color: #777;
     font-size: 0.9rem;
}
 .btn_grad_blgr {
     margin: 0 auto;
     margin-bottom: 0px;
     border: 0;
     border-radius: 10em;
     padding:5px 15px;
     font-size: 14px;
     font-weight: 300;
     background: #669835;
     color: #fff !important;
}
 .btn_grad_blgr:hover{
     background: #000;
     color: #fff;
}
 .btn_grad_blgr:focus, .btn_grad_blgr:active {
     box-shadow: none !important;
     border-color: none;
     color:#fff !important;
}
 .shine_fx {
     width: 405px;
     height: 605px;
     position: absolute;
     top: -256px;
     left: 250px;
     transition: .5s;
     transform: rotate(40deg);
     background: linear-gradient(90deg, rgba(255,255,255, 0)50%, rgba(255,255,255,0.7)100%);
}
 .shiny {
     position: relative;
     overflow: hidden;
     transition: ease .3s;
}
 .card:hover .shine_fx {
     transform: rotate(0);
     left: -560px;
     top: -445px;
}
 .container.mycards .card{
     box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
 .container.mycards .card:hover {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
     cursor: pointer;
}
 .container.mycards .card {
     margin-bottom: 20px;
     transition: border 0.1s, transform 0.3s;
}
 .work-slide img {
     width: 86px;
}
 #textSlider h3{
     color:#fff;
}
 .ban-sec{
     padding-top: 108px;
     background: #000;
}
 .ban-sec h1{
     color: #fff;
}
 .me-sec{
     margin: 2rem 0;
}
 .img-line {
     text-align: center;
     margin-bottom: 26px;
}
 .img-line img {
     height: 8px;
}
 .ir-sec{
     border-top: #f00 solid 1px;
     text-align: center;
}
 .ir-sec {
     border-top: #f1f1f1 solid 1px;
     text-align: center;
     padding: 0px 0;
     border-bottom: #f1f1f1 solid 1px;
     margin-bottom: 40px;
}
 .box-imgs{
     margin-bottom: 16px;
}
 .accordion .card-header:after {
     font-family: 'FontAwesome';
     content: "\f068";
     float: right;
}
 .accordion .card-header.collapsed:after {
     content: "\f067";
}
 .faqs{
     padding: 40px 0;
     max-width: 700px;
     margin: 0 auto;
}
 .faqs h4{
     text-align: center;
     font-size: 2rem;
     margin-bottom: 20px;
}
 .faqs #accordion a{
     font-weight: normal;
     color: #000;
     font-size: 1.1rem;
}
 .faqs #accordion p{
     font-size: 1rem;
     color: #333;
}
 .mores {
     text-align: center;
}
 .mores a {
     background: #000;
     margin: 26px 0 0 0;
     display: inline-block;
     text-align: center;
     padding: 12px 24px;
     color: #fff;
     font-size: 16px;
     border-radius: 50px;
}
 .faqs hr {
     margin-bottom: 30px;
     margin-top: 0px;
}