body{color: #242424; font-size: 15px;}



.raffle-page-body .raffle-img-box {
    border: 10px solid #eee;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4) !important;
    border-radius: 5px;
}
.raffle-page-body .raffle-details-box h2.title {
    margin: 0 0 10px 0;
}
.modal-dialog {
    max-width: 350px;
}
.modal-dialog form fieldset label {
    font-size: 12px;
    margin: 0;
}
.modal-dialog form fieldset {
    margin: 0 0 5px 0;
}
.modal-dialog form fieldset input, .modal-dialog form fieldset textarea {
    width: 100%;
    border: 1px solid #fc56569c;
    padding: 6px 10px;
}
.modal-dialog form fieldset button {
    width: 100%;
    margin: 10px 0 0;
    background: #fc5656;
    border: none;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
}
.modal-dialog .modal-header .close {
    position: absolute;
    right: -10px;
    top: -10px;
    background: #000;
    padding: 5px 9px;
    opacity: 1;
    color: #fff;
    border-radius: 50px;
}
.modal-dialog .modal-header {
    border: none;
    background: #fc5656;
    border-radius: 5px 5px 0 0;
    padding: 10px;
    text-align: center;
}
.modal-dialog .modal-header h3 {
    color: #fff;
    text-transform: uppercase;
}
.raffle-page-body .raffle-details-box .item-cart {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 25px 0 0 0;
}

.raffle-page-body .raffle-details-box .item-cart .buy-btn-box button.btn.btn-primary {
    margin: 0;
    background: #054bac;
    border: none;
    padding: 15px 40px;
    border-radius: 0;
}
.raffle-page-body .raffle-details-box .item-cart .buy-btn-box button.btn.btn-primary:hover{background: #fc5656;}
.raffle-page-body .raffle-details-box .item-cart .qty-container button {
    background: #eee;
    border: none;
    padding: 15px 20px;
}
.raffle-page-body .raffle-details-box .item-cart .qty-container input {
    max-width: 80px;
    height: 54px;
    text-align: center;
    border: 1px solid #eee;
}


/*header.header {position: absolute; top: 0; width: 100%; z-index: 9;}
header.header .header-top {background: #000 !important;}
.header .header-nav .header-nav-wrapper{background-color: transparent !important;}
.header .header-nav .header-nav-wrapper nav ul.menuzord-menu li a {color: #fff; font-size: 15px;}
.header-nav .header-nav-wrapper .menuzord {display: flex; align-items: center; justify-content: space-between;}
.header-nav .header-nav-wrapper .menuzord .menuzord-brand img{ position:relative; top:0;}*/
header.header {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 9;
}
.main-header {padding: 15px 0; background: #00000091;}
.header .header-top {background: #000 !important; border-bottom: 1px solid #646262; padding:0px;}
.header .header-top .top-header {display: flex; align-items: center; justify-content: flex-end;}
.header .header-top .top-header .social-links{ margin-left:30px;}
.header .header-top .top-header .social-links ul li a {border: 1px solid #424242; background: transparent; border-radius: 0; margin: 0; width: 40px; height: 40px; float: none; line-height: 42px;}
.main-header .header-navbar {display: flex; align-items: center; justify-content: space-between;}
.main-header .header-navbar .heder-logo {width: 90px;}
/* .main-header .header-navbar .menu ul{ margin-top:10px !important;}  */
.main-header .header-navbar .menu ul li a {padding: 10px 15px; color: #fff; font-weight: 500; background: none; font-size:16px;}
.main-header .header-navbar .menu ul li {padding: 0px 0px !important;}
.main-header .header-navbar .menu ul li a:hover{ color:#fc5656;}
.main-header .header-navbar .contact-details {display: flex; align-items: center; justify-content: space-around;}
.main-header .header-navbar .contact-details a.header-btn {background: #fc5656; padding: 7px 20px; margin: 0 5px; color: #fff; border-radius: 5px;}
.main-header .header-navbar .header-menu nav.navbar {margin: 0; min-height: inherit; border: none;}
.main-header .header-navbar .header-menu .navbar-toggler {display: none;}


header.header.sticky-header {position: fixed; box-shadow: 1px 1px 20px #eee;}
header.header.sticky-header .header-top {display: none;}
header.header.sticky-header .main-header {background: #fff;}
header.header.sticky-header .main-header .heder-logo {width: 50px;}
header.header.sticky-header .main-header .header-navbar .menu ul li a{color: #000;}
header.header.sticky-header .main-header .header-navbar .menu ul.sub-menu li a{color: #fff;}
header.header.sticky-header .main-header .header-navbar .menu ul li a:hover{color:#fc5656;}




button.btn.btn-primary.support-us {position: fixed; bottom: 15px; right: 0px; background: #fc5656; border: 5px solid #eee; border-radius: 10px; padding: 7px 15px; z-index: 9999;font-size: 12px;}
.scrollToTop{bottom: 55px; height: 40px; width: 40px; border: 5px solid #eee; right: 30px; border-radius: 10px 10px 0 0;}
.scrollToTop i {color: #fff; font-size: 26px;}
#support-form .modal-dialog {max-width: inherit;}
#support-form .modal-dialog .modal-header {background: no-repeat; padding:10px 0 20px 0;}
#support-form .modal-dialog .modal-header h3 {color: #000; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-weight: 400;}
#support-form .modal-dialog .modal-content {box-shadow: none; border: none; padding: 10px 40px 40px;}
#support-form .modal-dialog .modal-body .duration {display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px 0;}
#support-form .modal-dialog .modal-body .duration li {border: 1px solid #fc5656; padding: 5px 28px; border-radius: 20px; color: #fc5656; font-size: 13px;}
#support-form .modal-dialog .modal-body .col-md-4 {padding: 0 5px;}
#support-form .modal-dialog .modal-body .price-box {text-align: center; border: 1px solid #fc5656; border-radius: 10px; margin: 0 0 10px 0; color: #fc5656; padding: 20px;}
#support-form .modal-dialog .modal-body .price-box h3 {margin: 0; font-family: 'Open Sans', sans-serif; color: #fc5656;}
#support-form .modal-dialog .modal-body .price-box p {margin: 0;}
#support-form .modal-dialog .modal-body .donate-box-btm p {text-align: center; text-transform: capitalize;}
#support-form .modal-dialog .modal-body .donate-box-btm .pay-box {display: flex; align-items: center; justify-content: center; margin: 30px 0 0 0;}
#support-form .modal-dialog .modal-body .donate-box-btm .pay-box form {margin: 0; border-bottom: 1px solid #eee; padding: 5px;}
#support-form .modal-dialog .modal-body .donate-box-btm .pay-box form input {width: 100px;  border: none; text-align: center;}
#support-form .modal-dialog .modal-body .donate-box-btm .pay-box form .fa {color: #000; font-size: 16px;}
#support-form .modal-dialog .modal-body .donate-box-btm .pay-box a.continue-btn {background: #fc5656; padding: 7px 30px; border-radius: 30px; font-weight: bold; color: #fff;}


.raffle-page-top-content {padding: 0 0 50px 0; }
.raffle-page-top-content h3 {margin: 0 0 10px 0;}
.inner-header p.sub-txt {color: #fff; font-size: 20px;}



.main-header .header-navbar .contact-details a.header-btn{background: #054bac;}
.main-header .header-navbar .contact-details a.header-btn:hover{background: #fc5656;}
.read-morenm, .btn-theme-colored{background-color: #054bac !important; border-color:#054bac !important;}
.read-morenm:hover, .btn-theme-colored:hover{background-color: #fc5656 !important; border-color:#fc5656 !important;}
.testimonial.style1 .comment{background: #054baca6;}

/* .bg-silver-light {background-color: #054bac38 !important;} */
.bg-silver-light .wpcf7 {background: #fff; padding: 40px; box-shadow: 1px 1px 20px #00000024;}
.bg-silver-light .wpcf7 form p {text-align: center;}
input.wpcf7-form-control.has-spinner.wpcf7-submit.ast_btn-btn.large-btn.btn-rounded.btn-main-color.btn-submit:hover{background: #054bac;}

@media (max-width: 990px){
.header-menu button.navbar-toggler {display: inline-block; float:right; padding: 0; position: relative; box-shadow: none;}
.header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::before, .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after {content: ""; width: 25px; height: 2px; background: #fff; position: absolute; left: 5px; top: 12px; transform: rotate(0deg);}
.header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after{ top: 35px;}
.header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon span {width: 35px; height: 2px; background: #fff; display: inline-block; position: absolute; top: 24px; right: 5px;}

.header-menu button.navbar-toggler span.navbar-toggler-icon::before, .header-menu button.navbar-toggler span.navbar-toggler-icon::after {content: ""; width: 30px;
height: 2px; background: #fff; position: absolute; left: 9px; top: 7px;}
.header-menu button.navbar-toggler span.navbar-toggler-icon::after{ top: 23px; transform: rotate(-45deg);}
.header-menu button.navbar-toggler span.navbar-toggler-icon::before{transform: rotate(45deg); top: 23px;}
.header-menu button.navbar-toggler span.navbar-toggler-icon span { display:none;}
}


@media only screen and (max-width:599px){
.main-header{background: #fff;}
.raffle-details-box {margin: 20px 10px;}
.raffle-page-body .raffle-details-box .item-cart .qty-container button{padding: 15px 10px;}
.raffle-page-body .raffle-details-box .item-cart .qty-container input{max-width: 50px;}
.modal-dialog { max-width: 100%; display: flex; height: 100%; align-items: center; justify-content: center;}

.header .header-top{ display:none;}
header.header{ position:relative;}
.main-header .header-navbar .heder-logo {width: 60px;}
.main-header .header-navbar .header-menu .navbar-toggler {display: block; width: 50px; height: 50px; background: #fc5656; border: none;}
.main-header .header-navbar .header-menu nav.navbar{ position:static;}
.main-header .header-navbar .header-menu nav.navbar .navbar-collapse {width: 100%; background: #fff; position:absolute; left: 0; right: 0; top: 85px; padding: 0 0 20px 0; }
.main-header .header-navbar .menu ul li{ width:100%; margin: 0;}
.main-header .header-navbar .menu ul li a {color: #000; padding: 15px 20px; display: block; border-bottom: 1px solid #eee; border-radius: 0px;}
.main-header .header-navbar .menu ul li.active a, .main-header .header-navbar .menu ul li a:hover{ background:#fc5656; color:#fff;}

.main-header .header-navbar .contact-details{margin: 20px 0 0 0; clear: both; padding: 0 10px;}
.main-header .header-navbar .contact-details a.header-btn{ width:50%; text-align:center;}

#support-form .modal-dialog .modal-header{padding: 10px 0 5px 0;}
#support-form .modal-dialog .modal-content{ padding: 10px 20px 20px;}
#support-form .modal-dialog .modal-body .duration{display: block;}
#support-form .modal-dialog .modal-body .duration li{    text-align: center; margin: 0 0 5px 0;}
#support-form .modal-dialog .modal-body .col-md-4{ width: 50%; float: left;}
#support-form .modal-dialog .modal-body .price-box{padding: 10px 20px;}
}