/*
Author       : Nazmul Huda.
Template Name: Cannabis Group - Top Shelf Cannabis Delivery
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. HERO DESIGN
    04. FEATURES DESIGN
    05. PROCESS DESIGN
    06. CONTACT DESIGN
    07. FOOTER DESIGN
    08. SECTION TOP DESIGN
    09. CONTRIBUTION DESIGN
    10. BONUS SELL DESIGN
  =============================================================*/

/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    background-color: #fff;
    color: #777;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
}
a {
    font-family: "Merriweather",sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
.text-white {
    color: #fff;
}

/*START PRELOADER DESIGN*/
.preloader {
    background: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.status,
.status-mes {
    background-image: url(../img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
    background: #222 none repeat scroll 0 0;
    border-radius: 50px;
    bottom: 5px;
    box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 5px 12px;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
    width: 40px;
}
.topcontrol:hover {
    background: #83B116;
    color: #fff;
}
/*END SCROLL TO TOP*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h2 {
    color: #333;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 10px;
}
@media only screen and (max-width:768px) {
    .section-title h2 { text-align: center }
}
@media only screen and (max-width:480px) {
    .section-title h2 { font-size: 30px }
}
@media only screen and (max-width:360px) {
    .section-title h2 { font-size: 24px }
}
.section-title span {
    background: #83B116 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 15px auto;
    width: 70px;
}
.section-title-white { color: #fff!important }
.section-title-white-span { background: #fff!important }
/*END SECTION TITLE DESIGN*/
/*START BTN STYLE*/
.btn-dark-bg {
    border: 2px solid #222;
    border-radius: 0;
    color: #333;
    padding: 10px 30px;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.btn-dark-bg:hover,
.btn-dark-bg:focus {
    background: #00bcd4;
    border: 2px solid #00bcd4;
    color: #fff;
}
.bg-green {
    background: #83B116;
}
/*END BTN STYLE*/
/*SECTION OVERLAY*/
.overlay {
    background: rgba(0,0,0,0.6) none repeat scroll 0 0;
    padding: 60px 0;
}
/*END SECTION OVERLAY*/



/*
* ----------------------------------------------------------------------------------------
* 02. BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #83B116 !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #83B116 !important;
    background-color: transparent;
}
.navbar-brand { padding: 0px }
.navbar-brand img { width: 180px }
.menu-top { background: none }
.menu-top li a {
    color: #f3f3f3  !important;
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.menu-top li a:hover { color: #83B116!important }
@media only screen and (max-width:768px) {
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
}
@media only screen and (max-width:480px) {
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #313131  !important }
}
.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    width: 100%;
}
@media only screen and (max-width:480px) {
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a { color: #282828 !important }
.navbar-default.menu-shrink li a:hover { color: #83B116 !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #83B116 }



/*
* ----------------------------------------------------------------------------------------
* 03. HERO DESIGN
* ----------------------------------------------------------------------------------------
*/
.slider {}
.slider_overlay {
    background: rgba(0,0,0,0.4) none repeat scroll 0 0;
    height: 100%;
}
.hero { height: 650px }
.hero-text h2 {
    color: #fff;
    font-size: 50px;
    line-height: 60px;
    padding-top: 230px;
    text-transform: uppercase;
    margin: 0;
}
@media only screen and (max-width:768px) {
    .hero-text h2 {
        font-size: 40px;
        line-height: 54px;
    }
}
@media only screen and (max-width:480px) {
    .hero-text h2 {
        font-size: 34px;
        line-height: 45px;
    }
}
@media only screen and (max-width:360px) {
    .hero-text h2 {
        font-size: 26px;
        line-height: 36px;
        padding-top: 250px;
    }
}
.hero-text p {
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding-bottom: 35px;
    padding-top: 15px;
}
.carousel-indicators {
    bottom: -70px;
    left: 0;
    list-style: outside none none;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    text-align: center;
    z-index: 15;
    width: 100%;
    margin: 0;
}
@media only screen and (max-width:768px) {
    .carousel-indicators { display: none }
}
.carousel-indicators li {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 12px;
    height: 10px;
    margin: 0 1px;
    width: 10px;
}
.carousel-indicators .active {
    height: 10px;
    margin: 0 1px;
    width: 10px;
    border: 1px solid #00bcd4;
    background: #00bcd4 none repeat scroll 0 0;
}
.carousel-indicators {}
.btn-home-bg {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 0;
color: #fff;
margin-right: 10px;
padding: 10px 30px;
transition: all 0.2s ease 0s;
font-family: "Montserrat",sans-serif;
text-transform: uppercase;
margin-bottom: 10px;
}
.btn-home-bg:hover,
.btn-home-bg:focus {
    background: #fff;
    border: 2px solid #fff;
    color: #222;
}
@media only screen and (max-width:320px) {
    .btn-home-bg { margin-bottom: 20px }
}
/*END HOME DESIGN*/
.html-video {
    top: 0%;
    left: 0%;
    max-height: 700px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.html-video:before {
    content: "";
    background: rgba(0,0,0,0.4) none repeat scroll 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.slider-caption {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.slider-caption h2 { padding-top: 100px }
video { min-width: 100% }

/*START HOME SLIDESHOW*/
#home-slider {
    overflow: hidden;
    position: relative;
}
.caption {
    position: absolute;
    top: 50%;
    margin-top: -104px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 15;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
}
.caption h2 {
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    text-transform: uppercase;
    margin: 0;
}
@media only screen and (max-width:768px) {
    .caption h2 {
        font-size: 40px;
        letter-spacing: 1px;
    }
}
@media only screen and (max-width:480px) {
    .caption h2 {
        font-size: 30px;
        letter-spacing: 1px;
    }
}
@media only screen and (max-width:320px) {
    .caption h2 {
        font-size: 24px;
        letter-spacing: 1px;
    }
}
.caption p {
color: #fff;
letter-spacing: 1px;
margin-bottom: 0;
padding-bottom: 35px;
padding-top: 15px;
 }
.carousel-fade .carousel-inner .item {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition-property: opacity;
    transition-property: opacity;
    background-repeat: no-repeat;
    background-size: cover;
    height: 650px;
}
.carousel-fade .carousel-inner .item:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.4);
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-control { z-index: 2 }
.left-control,
.right-control {
    background:#fff;
    color: #222;
    font-size: 24px;
    height: 51px;
    line-height: 48px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
    width: 51px;
    z-index: 20;
}
@media only screen and (max-width:480px) {
    .left-control,
    .right-control { display: none }
}
.left-control { left: -51px }
.right-control { right: -51px }
.left-control:hover,
.right-control:hover {
    background-color: #00bcd4;
    color: #fff;
}
#home-slider:hover .left-control { left: 0px }
#home-slider:hover .right-control { right: 0px }
#home-slider .fa-angle-down {
    position: absolute;
    left: 50%;
    bottom: 50px;
    color: #fff;
    display: inline-block;
    width: 24px;
    margin-left: -12px;
    font-size: 24px;
    line-height: 24px;
    z-index: 999;
    -webkit-animation: bounce 3000ms infinite;
    animation: bounce 3000ms infinite;
}
/*END HOME SLIDESHOW*/



/*
* ----------------------------------------------------------------------------------------
* 04. FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.feature-section {
    background: #f7f7f7;
}
.about_single {
    padding: 13px 13px 0;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
@media only screen and (max-width:768px) {
    .about_single { margin-bottom: 20px }
}
.about_single i {
    border: 1px solid #e8e8e9;
    border-radius: 100px;
    box-shadow: 0 0 0 7px transparent;
    color: #333;
    font-size: 26px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 15px;
    text-align: center;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
    width: 80px;
}
.about_single:hover i {
    color: #fff;
    box-shadow: 0 0 0 0px #83B116;
    background: #83B116;
    border: 1px solid #83B116;
}
.about_single span {
    background: #83B116 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 15px auto 0;
    width: 54px;
    margin-bottom: 15px;
}
.about_single h4 {
    font-weight: 600;
    margin-top: 10px;
    color: #333;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.about_single:hover h4 { color: #83B116 }
@media only screen and (max-width:480px) {
    .about_single { margin-bottom: 20px }
}
@media only screen and (max-width:768px) {
    .about_single h4 { font-size: 15px }
}
.we_are_bg { background: #f7f7f7 none repeat scroll 0 0 }
.single_who_we_are {padding: 30px 60px 0;}
.single_who_we_are h2 {
color: #333;
margin: 0 0 15px;
}
.single_who_we_are > p { margin-bottom: 40px }
.what_we_do h3 {
    text-transform: uppercase;
    border-bottom: 1px solid #e8e8e9;
    padding: 10px 0;
    margin-bottom: 20px;
}
@media only screen and (max-width:768px) {
    .what_we_do h3 { font-size: 18px }
}
@media only screen and (max-width:480px) {
    .what_we_do { margin: 20px 0 }
}
.what_we_do p { margin-bottom: 20px }
/* START SKILL DESIGN */
.progress-bar-text {
color: #333;
font-family: "Montserrat",sans-serif;
font-size: 12px;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 6px;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #00bcd4 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
/* END SKILL DESIGN */



/*
* ----------------------------------------------------------------------------------------
* 05. PROCESS DESIGN
* ----------------------------------------------------------------------------------------
*/
#process.section-padding {
    padding: 60px 0 0 0;
}
.single_process { padding: 60px 30px }
.single_process h4 span { margin-right: 17px }
.single_process h4 { color: #fff }
.single_process h4 span {
    font-size: 45px;
    margin-right: 5px;
    color: #eaeaea;
}
.single_process p { color: #fff }
.single_process_color_one { background: #6a9010 }
.single_process_color_two { background: #729917 }
.single_process_color_three { background: #77a113 }
.single_process_color_four { background: #83b116 }



/*
 * ----------------------------------------------------------------------------------------
 *  06. CONTACT DESIGN
 * ----------------------------------------------------------------------------------------
*/
.contact_area {
}
.contact_address {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    padding: 0;
    overflow: hidden;
}
@media only screen and (max-width:768px) {
    .contact_address { margin-bottom: 20px }
}
.contact_title {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    color: #fff;
    margin: 0 0 45px;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
}
.single-address {
    margin-bottom: 47px;
    padding: 0 50px;
}
.single-address i {
    color: #fff;
    font-size: 22px;
    float: left;
    margin-right: 20px;
    width: 30px;
    height: 60px;
    line-height: 30px;
}
.single-address h4 {
    color: #fff;
    text-transform: capitalize;
}
.single-address p {
    color: #fff;
    margin-bottom: 0;
}
.contact {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    padding: 0;
    overflow: hidden;
}
.input_padding {
    overflow: hidden;
    padding: 0 40px 56px;
}
.form-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    /* border: 1px solid rgba(255, 255, 255, 0.1); */
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-family: "Merriweather",sans-serif;
    font-size: 12px;
    height: 45px;
}
.form-control:hover,
.form-control:focus {
    border: 1px solid #83B116;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
background: #83B116 none repeat scroll 0 0;
border-radius: 0;
color: #fff;
font-family: montserrat,sans-serif;
font-size: 14px;
padding: 10px 40px;
transition: all 0.2s ease 0s;
text-transform: uppercase;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #6D9906;
    border: 1px solid #6D9906;
    color: #fff;
}
@media only screen and (max-width:320px) {
    .btn-contact-bg { padding: 10px 25px }
}
.mb0 { margin-bottom: 0 }



/*
 * ----------------------------------------------------------------------------------------
 *  07. FOOTER DESIGN
 * ----------------------------------------------------------------------------------------
*/
.footer {
    background-color: #303030;
    padding: 30px 0;
}
@media only screen and (max-width:480px) {
    .footer_social {
        float: none !important;
        margin-top: 30px;
    }
}
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
@media only screen and (max-width:480px) {
    .footer_social ul { text-align: center }
}
.footer_social ul li {
    margin: 2px;
    display: inline-block;
}
.footer_social ul li a {
    box-shadow: 0 0 0 7px transparent;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 45px;
    line-height: 25px;
    padding: 9px 12px;
    text-align: center;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
    width: 45px;
}
@media only screen and (max-width:768px) {
    .footer_social ul li a { font-size: 12px }
}
@media only screen and (max-width:360px) {
    .footer_social ul li a { font-size: 14px }
}
@media only screen and (max-width:320px) {
    .footer_social ul li a {
        font-size: 14px;
        height: 40px;
        width: 40px;
        line-height: 20px;
    }
}
.footer_social ul li a:hover { color: #fff }
.f_facebook:hover {
    background: #5D82D1;
    box-shadow: 0 0 0 0px #5D82D1;
}
.f_twitter:hover {
    background: #40BFF5;
    box-shadow: 0 0 0 0px #40BFF5;
}
.f_google:hover {
    background: #EB5E4C;
    box-shadow: 0 0 0 0px #EB5E4C;
}
.f_linkedin:hover {
    background: #238CC8;
    box-shadow: 0 0 0 0px #238CC8;
}
.f_youtube:hover {
    background: #CC181E;
    box-shadow: 0 0 0 0px #CC181E;
}
.f_skype:hover {
    background: #00AFF0;
    box-shadow: 0 0 0 0px #00AFF0;
}
.footer_copyright {
    color: #aaa;
    margin: 0;
    padding-top: 10px;
    font-family: "Merriweather",sans-serif;
    font-size: 14px;
}
@media only screen and (max-width:480px) {
    .footer_copyright {
        float: none !important;
        text-align: center;
    }
}
.audio_music{padding-top:30px;}



/*
 * ----------------------------------------------------------------------------------------
 *  08. SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-top-title h2 {
    color: #fff;
    font-size: 45px;
    margin: 0;
    text-transform: uppercase;
}
@media only screen and (max-width:320px) {
    .section-top-title h2 { font-size: 40px }
}
.section-top-title {
    padding-bottom: 60px;
    padding-top: 100px;
}
.section-top-title,
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}
.section-top-title ol li { color: #fff!important }
.section-top-title ol li a { color: #fff!important }
.section-top-title ol li a:hover { color: #1CBAC8!important }



/*
 * ----------------------------------------------------------------------------------------
 *  09. CONTRIBUTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
.contribution-area .bg-green,
.contribution-area .bg-green .section-title h2 {
    color: #fff;
}

a.button-contribute {
    display: inline-block;
    padding: 15px 35px;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 0;
    min-width: 160px;
    margin: 5px;
    cursor: pointer;
    outline: 0 solid;
}
a.button-contribute:hover,
a.button-contribute:focus {
    background: #fff;
    color: #b2dd4c;
    outline: 0 solid;
}
.s-s-crypto.s-s-ethereum {
    background-image: url("../img/ethereum-icon.png");
    background-size: 17px 28px;
    display: inline-block;
    width: 17px;
    height: 28px;
    margin-bottom: -5px;
    margin-right: 0;
}
.s-s-crypto.s-s-bitcoin {
    background-image: url("../img/bitcoin-icon.png");
    background-size: 28px 28px;
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-bottom: -5px;
    margin-right: 0;
}
.button-contribute-mid {
    display: inline-block;
    background: #83B116;
    border: 2px solid #83B116;
    border-radius: 0;
    color: #fff;
    margin-right: 10px;
    padding: 10px 30px;
    transition: all 0.2s ease 0s;
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
    margin-top: 30px;
}
.button-contribute-mid:hover,
.button-contribute-mid:focus {
    background: #6D9906;
    border: 2px solid #6D9906;
    color: #fff;
}
.button-contribute-small {
    display: inline-block;
    background: #83B116;
    border: 2px solid #83B116;
    border-radius: 0;
    color: #fff;
    margin-right: 10px;
    padding: 6px 20px;
    transition: all 0.2s ease 0s;
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
}
.button-contribute-small:hover,
.button-contribute-small:focus {
    background: #6D9906;
    border: 2px solid #6D9906;
    color: #fff;
}
#contributor-form .form-control {
    color: #777;
}
.Contributing_top_text p {
    font-size: 20px;
    line-height: 30px;
}
#step5 .Contributing_list {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 40px;
}
#step5 .Contributing_list ul {
    list-style: inherit;
}
#step5 .first-btn,
#step5 .first-btn:hover,
#step5 .first-btn:focus {
    width: 100%;
    border-radius: 0;
    background: #b2dd4c;
    border: 1px solid #b2dd4c;
    color: #fff;
    margin: 10px 0 20px 0;
    text-transform: inherit;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
}
#qrcode {
    text-align: center;
}
#qrcode img {
    max-width: 100%;
    height: auto;
    display: inline-block !important;
}



 /*
 * ----------------------------------------------------------------------------------------
 *  10. BONUS SELL DESIGN
 * ----------------------------------------------------------------------------------------
 */
 .bonus_sale_wrapper {
    margin-top: 100px;
    margin-bottom: 80px;
    padding: 0 15px;
 }
 .bonus_sale_box {
    border-radius: 10px;
    background-image: -webkit-linear-gradient(37deg, #525252, #262626);
    background-image: -o-linear-gradient(37deg, #525252, #262626);
    background-image: linear-gradient(127deg, #525252, #262626);
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.15);
 }
.bonus_sale_box .heading {
    padding: 30px;
    color: #fff;
}
.bonus_sale_box .heading h2 {
    margin: 0;
    text-transform: uppercase;
}
.bonus_sale_box .heading h3 {
    margin: 5px 0 0;
    font-size: 18px;
}

.bonus_sale_box #countdown_time{

    text-align: center;
}

.bonus_sale_box #countdown_time span{
    padding: 0 0px;
    color: #fff;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 38px;
    color: #66BFC6;
    text-align: center;
}

.bonus_sale_box #countdown_time .counter{
    width: 75px;
    display: inline-block;
    overflow: hidden;
}
.bonus_sale_box .buy_crpt {
    background: #FFAB16;
    border-radius: 4px !important;
    box-shadow: rgba(255, 148, 0, 0.5) 0px 0px 25px;
    margin-left: -15px;
    margin-right: -15px;
}
.bonus_sale_box .buy_crpt a {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 20px;
}
.bonus_sale_box .payment_accept {
    text-align: center;
    padding: 40px 30px;
}
 .bonus_sale_box .payment_accept p {
    color: #fff;
    font-weight: 500;
    margin-bottom: 15px;
 }
 .bonus_sale_box .payment_accept img {
    max-width: 100%;
    height: auto;
 }
 .bonus_sale_box .collected_progress {
    border-top: 1px solid rgba(255, 255, 255, 0.34);
    color: #fff;
    padding: 30px 30px 20px;
    text-align: center;
}
 .bonus_sale_box .collected_progress h1 {
    margin: 0;
    font-weight: 400;
 }
 .bonus_sale_box .collected_progress h1 p {
    font-size: 16px;
    margin: 0;
 }
@media only screen and (max-width:400px) {
    .bonus_sale_box .buy_crpt a {
        font-size: 14px;
    }
}
.cont {
    position: relative;
    outline: 0;
    font-style: normal;
    font-weight: 800;
    background-color: #b2dd4c !important;
    border: none;
    color: #fff;
    height: 52px;
    line-height: 52px;
    font-family: inherit;
    padding: 0 35px;
    font-size: 13px;
    line-height: 48px;
    height: 48px;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /* border: 2px solid #e6e6e6; */
    color: #ffffff;
    background-color: transparent;
    -webkit-transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
    transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}
.bonus_sale_wrapper h3 {
  display: inline-block;
  padding: 10px;
  background: #B9121B;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.qodef-process-holder .qodef-process-item .qodef-process-item-icon-holder {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    height: 200px;
    border: 3px solid #e1e1e1;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: border .3s cubic-bezier(.25,.46,.45,.94);
    transition: border .3s cubic-bezier(.25,.46,.45,.94);
}
.qodef-process-holder .qodef-process-item:hover .qodef-icon-shortcode.circle {
    background-color: #b2dd4c;
}

.qodef-process-holder .qodef-process-item .qodef-icon-shortcode.circle {
    width: 90px;
    height: 90px;
    line-height: 90px;
    background-color: #797979;
    border: 0;
}

.qodef-icon-shortcode.circle {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.qodef-icon-shortcode.circle, .qodef-icon-shortcode.square {
    background-color: #b2dd4c;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.qodef-icon-shortcode {
    display: inline-block;
}
.qodef-process-holder .qodef-process-item .qodef-process-item-background-holder {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    line-height: 0;
    border-radius: 50%;
    border: 0 solid transparent;
    box-sizing: border-box;
    -webkit-transition: border .3s cubic-bezier(.25,.46,.45,.94);
    transition: border .3s cubic-bezier(.25,.46,.45,.94);
}
.qodef-process-holder .qodef-process-item:hover .qodef-process-item-background-holder {
    border: 20px solid rgba(178,221,76,.3);
    -webkit-transition: border .6s cubic-bezier(.32,1.63,.44,1.82);
    transition: border .6s cubic-bezier(.32,1.63,.44,1.82);
}
.qodef-process-holder .qodef-process-item .qodef-icon-shortcode.circle .qodef-icon-element {
    color: #fff;
    font-size: 30px;
}

.qodef-icon-shortcode.circle .qodef-icon-element, .qodef-icon-shortcode.square .qodef-icon-element {
    color: #fff;
    line-height: inherit;
}

.qodef-icon-shortcode .qodef-icon-element {
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
}
.qodef-process-holder.columns-4 .qodef-process-item {
    width: 25%;
}

.qodef-process-holder .qodef-process-item {
    display: inline-block;
    vertical-align: top;
}
.qodef-process-holder .qodef-process-item .qodef-process-item-content-holder {
    margin-top: 35px;
}
.qodef-process-holder .qodef-process-item:hover .qodef-process-item-title-holder>* {
    color: #b2dd4c;
}

.qodef-process-holder .qodef-process-item .qodef-process-item-title-holder>* {
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out;
}
#qodef-particles, .carousel-caption, .qodef-fullwidth-slider-holder .owl-pagination, .qodef-process-holder {
    text-align: center;
}
.qodef-process-holder .qodef-process-item .qodef-process-item-icon-holder-wrapper {
    position: relative;
}
.qodef-section-inner {
    margin-bottom: 60px;
}
.qodef-process-holder .qodef-process-item .qodef-process-item-icon-holder-wrapper:after {
    content: "";
width: 30%;

    position: absolute;
    border-bottom: 2px dashed #dadada;
    top: 50%;
    left: 100%;
    transform: translateX(-50%);
}
.qodef-process-holder .qodef-process-item:last-child .qodef-process-item-icon-holder-wrapper:after {
    border: 0;
}
#contribute {
    background-image: url(../img/cont.png);

  background-position: 199px 0px;

}
.qodef-btn {
    display: inline-block;
    position: relative;
    outline: 0;
    font-style: normal;
    font-weight: 800;
    font-family: inherit;
    padding: 0 35px;
    font-size: 13px;
    line-height: 48px;
    height: 48px;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid #e6e6e6;
    color: #707070;
    background-color: transparent;
    -webkit-transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
    transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}


.carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn:first-child {
    margin-left: 0;
}

.carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-solid {
    line-height: 56px;
}

.carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn {
    margin: 40px 8px 0;
    height: auto!important;
}


.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) {
    overflow: hidden;
    position: relative;
    -webkit-transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
    transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
}

.qodef-btn.qodef-btn-solid {
    background-color: #b2dd4c;
    border: none;
    color: #fff;
    height: 52px;
    line-height: 52px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0)
{
.qodef-btn-hover-animation {
    display: inline-table;
}
}



.carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-solid:hover {
    color: #fff!important;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover.qodef-btn-solid:not(.qodef-btn-custom-hover-bg) {
    background-color: #b2dd4c!important;
}

.carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn:first-child {
    margin-left: 0;
}


.carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-solid {
    line-height: 56px;
}

.carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn {
    margin: 40px 8px 0;
    height: auto!important;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover {
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-border-hover):hover {
    border-color: #212121!important;
}

.qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-hover-bg):hover {
    background-color: #212121!important;
}

.qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-hover-color):hover {
    color: #fff!important;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) {
    overflow: hidden;
    position: relative;
    -webkit-transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
    transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
}

.qodef-btn:not(.qodef-btn-custom-border-hover):hover {
    border-color: #b2dd4c!important;
}

.qodef-btn:not(.qodef-btn-custom-hover-bg):hover {
    background-color: #b2dd4c!important;
}
1511164438index.css:4
.qodef-btn:not(.qodef-btn-custom-hover-color):hover {
    color: #fff!important;
}

.qodef-btn.qodef-btn-solid {
    background-color: #b2dd4c;
    border: none;
    color: #fff;
    height: 52px;
    line-height: 52px;
}


.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline).qodef-btn-solid:not(.qodef-btn-custom-hover-bg) .qodef-animation-overlay {
    background-color: #212121;
    color: #fff;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover .qodef-animation-overlay {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 1;
    -webkit-transition: -webkit-transform .2s ease-out,opacity .2s ease-out;
    transition: transform .2s ease-out,opacity .2s ease-out;
}


.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) .qodef-animation-overlay {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    top: -100%;
    left: 0;
    height: 300%;
    width: 100%;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: -webkit-transform .3s ease-out,opacity .2s ease-out;
    transition: transform .3s ease-out,opacity .2s ease-out;
}
.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) .qodef-btn-text {
    z-index: 9;
    position: relative;
        color: #fff;
}
.qodef-btn-default {
        margin-left: 10px;
}