.offline{
font-size: 22px;
}
.anonomious_check{
display:none;
}
.offline-comment{
width: 242px;
}

.wraper-pop {
  max-width: 800px;
  width: 100%;
  background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    padding: 15px;
}
.wraper-pop .text-small {
  color: #919fa1;
  font-size: 13px;
  text-transform: uppercase;
  margin: 0;
  font-family: arial;
}
.wraper-pop > h2 {
  color: #444;
  font-size: 22px;
  margin: 0;
  padding: 0;
  font-family: arial;
}
.lbls {
  font-family: arial;
  font-size: 17px;
  font-weight: 400;
  margin: 8px 0;
}
.slc {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 1px solid #ccc;
  color: #666;
  font-size: 15px;
  font-family: arial;
  border-radius: 6px;
  box-sizing: border-box;
  line-height: 1.25em;
  padding: 12px 15px;
  margin-bottom: 20px;
  transition: all 0.2s ease 0s;
  width: 100%!important;
}
.popup_share_follow_now {
    border: 1px solid #ccc;
    padding: 10px 25px;
    margin: 20px;
    border-radius: 5px;
}

.popup_follow_share_now {
    border: 1px solid #ccc;
    padding: 10px 25px;
    margin: 20px;
    border-radius: 5px;
    float: left;
}

.addthis_sharing_toolbox.addthis_wider {
    margin: 30px 0 0;
}
.wraper-pop .input-sm {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  color: #666;
  cursor: auto !important;
  font-family: arial;
  font-size: 15px;
  line-height: 1.25em;
  margin-bottom: 20px;
  min-height: 140px;
  overflow: auto;
  padding: 12px 15px;
  transition: all 0.2s ease 0s;
  width: 100%!important;
}
.wraper-pop button.medium {
  border: 3px solid #fff !important;
  border-radius: 7px;
  font-family: "Patua One",serif;
  font-size: 15px !important;
  height: 45px;
  text-transform: uppercase;
  vertical-align: middle;
}
button.orange, a.btn.orange, a.button.orange, input.orange[type="submit"], input.orange[type="reset"], input.orange[type="button"] {
  background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(255, 168, 76, 1) 0%, rgba(255, 123, 13, 1) 100%) repeat scroll 0 0;
  border: 1px solid #fc730a;
  color: #fff;
  text-shadow: 0 -1px 0 #fc730a;
}
button.red, a.btn.red, a.button.red, input.red[type="submit"], input.red[type="reset"], input.red[type="button"] {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #a30000 0%, #953128 100%) repeat scroll 0 0;
  border: 1px solid #b21203;
  color: #fff;
  text-shadow: 0 -1px 0 #b21203;
}
button.blue, a.btn.blue, a.button.blue, input.blue[type="submit"], input.blue[type="reset"], input.blue[type="button"] {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(53, 106, 160, 1) 0%, rgba(90, 141, 196, 1) 100%) repeat scroll 0 0;
  border: 1px solid #356aa0;
  color: #fff;
  text-shadow: 0 -1px 0 #356aa0;
}
button.red:hover, a.btn.red:hover, a.button.red:hover {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #953128 0%, #953128 100%) repeat scroll 0 0;
  border: 1px solid #b21203;
  text-shadow: 0 1px 0 #b21203;
  text-decoration: none;
}
button.blue:hover, a.btn.blue:hover, a.button.blue:hover {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(90, 141, 196, 1) 0%, rgba(53, 106, 160, 1) 100%) repeat scroll 0 0;
  border: 1px solid #356aa0;
  text-shadow: 0 1px 0 #356aa0;
}
.wraper-pop .content_graybg {
    /*background: #f1f1f1;*/
    height: 500px!important;
}
.wraper-pop .right-detail, .wraper-pop .border_cont{
  padding: 0;
}
#payment-errors {
  font-size: 16px;
  font-weight: bold;
  padding-left: 20px;
}
.share-social{    height: auto !important;;}
  .hidden {
    display: none;
  }

  .audio_form_hidden {
    display: none;
  }

  option.longcountry {
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 9px;
  }

  #donationExpMonth{
    height: 40px !important;
    width: 85px !important;;
    text-align: center;
  }
  ##donationExpYear {
    height: 40px !important;
    
  }
  #donationCountry{height:40px !important;}

  .bx-controls-auto-item a.active {
    display: none !important;
  }
/* The Modal (background) */
.modalbase {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
   height: 100%;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modalbase-content {
    background-color: #fefefe;
    /*margin: auto;*/
    /*padding: 20px;*/
    /*border: 1px solid #888;*/
    border: 4px solid #cccccc;
    border-radius: 10px;
   /* width: 80%;*/
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#popupShareNow .addthis_sharing_toolbox .at-share-btn-elements .at-share-btn {
    /*height: 45px;
    line-height: 49px;
    width: 125px;
    text-align: left;*/
    height: 42px;
    line-height: 43px;
    width: 86px;
    text-align: center !important;
}
.share-social {
  margin: 0 auto;
  text-align: center;
  width: 38%;
  height: 340px;
  padding: 6px;
}

.subscriber_email {
    width: 81% !important;
    margin-top: 10px !important;
}
.subscriber_email_save_button {
  background: #bf1e2e !important;
  padding: 12px!important;
  width: 75px!important;
  display: inline-block !important;
  border-radius: 5px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border: none !important;
  text-shadow: none !important;
}
.msg-suc{
  color: green;
  margin-left: 2px;
  display: none;
}
.msg-err{
  color: #bf1e2e;
  display: none;
}

#myModal .addthis_sharing_toolbox .at-share-btn-elements .at-share-btn {
    /*height: 45px;
    line-height: 49px;
    width: 125px;
    text-align: left;*/
    height: 42px;
    line-height: 43px;
    width: 86px;
    text-align: center !important;
}
.addthis_wider {
    width: 100% !important;
    text-align: center;
}


.modalbase-content.text-center.share-social form {
    text-align: left;
}

.modalbase-content.text-center.share-social form lable {
    text-align:  !important;
}

h3.share_btn {
    text-align: center;
}
input.subscriber_email {
    display: inline-block;
    width: 75% !important;
    height: 40px !important;
}
input.subscriber_email_first {
    display: inline-block;
    width: 75% !important;
    height: 40px !important;
    margin-top: 10px;
}
input.subscriber_email_first {
    display: inline-block;
    width: 75% !important;
}
#myModal .share-social {
  margin: 0 auto;
  text-align: center;
  width: 38%;
  height: 365px;
  padding: 6px;
}
.popup-titles {
    text-align: left;
}
.popup-titles form lable {
    text-align: left !important;
}
.subscriber_email {
    width: 81% !important;
    margin-top: 10px !important;
}
.subscriber_email_save_button {
  background: #bf1e2e !important;
  padding: 12px!important;
  width: 75px!important;
  display: inline-block !important;
  border-radius: 5px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border: none !important;
  text-shadow: none !important;
}
#myModal .share-social {
    float: left;
    width: 100%;
}

.hidden_model_popup {
    width: 40%;
    margin: 0 auto;
}

@media (max-width:400px){#popupWepay {    max-width: 285px;    width: 100%;}}
@media only screen and (max-width:767px){
  div#popupShareNow {
    float: left;
    width: 100%;
}
.hidden_model_popup {
    width: 95%;
    margin: 0 auto;
}
#popupShareNow .addthis_sharing_toolbox .at-share-btn-elements .at-share-btn{
      width: 45px;
      text-align: center !important;
}

div#show_hide {
    float: left;
    width: 100%;
}
img#shareClose, img#wepayClose{
  right:-13px;
}
div#popupShareNow {
    float: left;
    width: 90% !important;
    margin: 0 11px !important;
}
button.medium {
    font-size: 15px !important;
}
  #praynowcount1{
  width:35px;
  }
  div#popupShareNow{

  }
  .share-social{    height: auto;}

  #myModal .share-social{ 
  width: 95%;
    height: auto;}
}

@media only screen and (max-width:768px){
  div#popupShareNow {
    float: left;
    width: 100%;
}
@media (min-width: 768px) and (max-width: 991px){
  #myModal .share-social{    height: auto;}
  button.medium{font-size:14px  !important;}
}
#popupShareNow .addthis_sharing_toolbox .at-share-btn-elements .at-share-btn{
  text-align:center;
}
img#shareClose, img#wepayClose{
  right:-11px;
}
div#popupShareNow {
    float: left;
    width: 90%;
    margin: 0 11px;
}
div#popupShareNow {
    float: left;
    width: 90%;
    margin: 0 29px;
}
}
@media only screen and (max-width:767px){
  #payment-form .popup-titles h3 {
    padding: 10px 13px 0;
}
#payment-form .popup-titles p {
    font-size: 14px;
    margin: -8px 0 0;
}
.cc-popup-titles {
    background-position: 15px 70px;
}
}
 input[type="radio"].toggle {
            display: none;
        }
        input[type="radio"].toggle:checked + label {
            background: rgb(158, 199, 229); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(158, 199, 229, 1) 0%, rgba(114, 184, 234, 1) 8%, rgba(0, 136, 238, 1) 71%, rgba(0, 68, 204, 1) 96%, rgba(69, 164, 232, 1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(158, 199, 229, 1)), color-stop(8%, rgba(114, 184, 234, 1)), color-stop(71%, rgba(0, 136, 238, 1)), color-stop(96%, rgba(0, 68, 204, 1)), color-stop(100%, rgba(69, 164, 232, 1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(158, 199, 229, 1) 0%, rgba(114, 184, 234, 1) 8%, rgba(0, 136, 238, 1) 71%, rgba(0, 68, 204, 1) 96%, rgba(69, 164, 232, 1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(158, 199, 229, 1) 0%, rgba(114, 184, 234, 1) 8%, rgba(0, 136, 238, 1) 71%, rgba(0, 68, 204, 1) 96%, rgba(69, 164, 232, 1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(158, 199, 229, 1) 0%, rgba(114, 184, 234, 1) 8%, rgba(0, 136, 238, 1) 71%, rgba(0, 68, 204, 1) 96%, rgba(69, 164, 232, 1) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgba(158, 199, 229, 1) 0%, rgba(114, 184, 234, 1) 8%, rgba(0, 136, 238, 1) 71%, rgba(0, 68, 204, 1) 96%, rgba(69, 164, 232, 1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ec7e5', endColorstr='#45a4e8', GradientType=0); /* IE6-9 */
            border-color: transparent;
            text-shadow: 0 1px 1px rgba(40, 40, 40, 0.75);
        }
        input[type="radio"].toggle + label {
                width: 8em;
                font-size: 14px;
        }
        input[type="radio"].toggle:checked + label.btn:hover {
            background-color: inherit;
            background-position: 0 0;
            -webkit-transition: none;
            -moz-trainsition: none;
            transition: none;
        }
        input[type="radio"].toggle-left + label {
            border-right: 0;
            -webkit-border-top-right-radius: 0;
            -webkit-border-bottom-right-radius: 0;
            -moz-border-top-right-radius: 0;
            -moz-border-bottom-right-radius: 0;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
        input[type="radio"].toggle-right + label {
            -webkit-border-top-left-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            -moz-border-top-left-radius: 0;
            -moz-border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
   .mobileShow { display: none;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){ .mobileShow { display: inline;}}