* {
    margin: 0;
    padding: 0;
    outline: 0;
}

a {
    text-decoration: none;
}

ul,
ol {
    list-style-type: none;
}

img {
    border: 0;
}

body {
    position: relative;
}


/*=============================Version 2 CSS =================================*/

#index2 .slider_txt a {
    color: #142268;
}

#index2 .slider_txt a:hover {
    color: #fff;
}

#index2 .navcss {
    background-color: #1e257c;
    margin-top: 0 !important;
}

#index2 .l-snow-particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    /*background: url(../../../images/discounts/christmas/banner2.jpg) left top no-repeat;*/
    background-size: cover;
}

#index2 .heading h2 {
    color: #142268;
}

#index2 .coming-counter .label {
    color: #142268;
}

#index2 .coming-counter .number {
    color: #142268;
}

#index2 #send-wish .send-wish-btn a {
    background: #142268;
    border: 1px solid #142268;
}

#index2 #send-wish .send-wish-btn a:hover {
    color: #142268;
    background: none;
}

#index2 .join-party a {
    background: #142268;
    border: 1px solid #142268;
}

#index2 .join-party a:hover {
    background: none;
    color: #142268;
}

#index2 .about-button .donate {
    background: #142268;
    border: 1px solid #142268;
}

#index2 .about-button .donate:hover {
    background: none;
    color: #142268;
}

#index2 .checkbox-primary input[type="checkbox"]:checked + label::before {
    border-color: #142268;
    background: #142268;
}

#index2 .about-button .gift {
    border: 1px solid #142268;
    color: #142268;
}

#index2 .about-button .gift:hover {
    background: #142268;
    color: #fff;
}

#index2 .browse-all a {
    border: 1px solid #142268;
    color: #142268;
    transition: all linear .3s;
}

#index2 .browse-all a:hover {
    background: #142268;
    color: #fff;
}

#index2 .footer-bg {
    background: #142268;
}

#index2 .footer-item ul li i {
    color: #142268;
}

#index2 .follow i:hover {
    color: #142268;
}

#index2 #footer-bottom a {
    color: #142268;
}

#index2 .submit-join button {
    color: #142268;
    border-color: #142268;
}

#index2 .submit-join button:hover {
    background: #142268;
    color: #fff;
}

#index2 .modal-header i {
    background: #142268;
}

#index2 .form-control:focus {
    border-color: #142268;
}

#index2 .submit-join2 {
    border-bottom: 1px dashed #142268;
}

#index2 #exampleModal3 .modal-header i {
    background: #142268;
}

/*============================= Navbar part css ==============================*/
#nav-part {
    position: fixed;
    z-index: 999;
    width: 100%;
    margin-top: 20px;
    transition: all 0.3s linear;
}

#nav-part button i {
    color: #fff;
    font-size: 30px;
}

.navbar-light .navbar-toggler {
    border-color: #fff;
}

.navcss {
    background-color: #124F47;
    margin-top: 0 !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    padding-right: 0.7rem;
    position: relative;
    font-weight: 500;
}

.navbar-light .navbar-nav .nav-link::after {
    position: absolute;
    content: '';
    background: url(../../../images/discounts/christmas/shape.png) no-repeat;
    top: -42px;
    left: 50%;
    width: 20px;
    height: 0;
    transform: translateX(-50%);
    opacity: 0;
    transition: all linear .3s
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: #fff;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}

.navbar-nav .nav-item .active.nav-link:after {
    opacity: 1;
    height: 44px;
}

.navbar-nav .nav-item .active.nav-link {
    background: transparent;
}

.navbar-nav .nav-link:hover::after {
    opacity: 1;
    height: 44px;
}


/*============================= Banner part css ============================*/

.tahsan {
    position: relative;
}

.l-snow-particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background: url(../../../images/discounts/christmas/banner01.jpg) left top no-repeat;
    background-size: cover;
}

.slider_txt {
    padding-top: 130px;
}

.slider_txt h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 400;
    font-family: 'Parisienne', cursive;
}

.slider_txt h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    padding-top: 50px;
    text-transform: capitalize;
}

.slider_txt p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    padding-bottom: 20px;
}

.slider_txt a {
    padding: 9px 20px;
    background: #fff;
    border-radius: 25px;
    font-family: 'Parisienne', cursive;
    color: #ff5a5a;
    font-size: 20px;
    text-decoration: none;
    transition: all linear .3s;
    border: 1px solid #fff;
    font-weight: 600;
}

.slider_txt a:hover {
    background: none;
    color: #fff;
}

.santa-tree {
    position: absolute;
    top: 100px;
    left: 0;
}

.gift-box {
    position: absolute;
    bottom: -285px;
    left: 95px;
}

.santa {
    position: absolute;
    right: 0;
    bottom: -250px;
}

/* join party popup */
.modal-content {
    border-radius: 0;
    overflow: hidden;
}

.modal-header i,
#exampleModal3 .modal-header i {
    position: absolute;
    top: -8px;
    right: -5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #ff5a5a;
    border-radius: 50%;
    font-weight: 400;
    color: #fff;
}

.modal-header {
    border-bottom: none;
}

.modal-dialog {
    max-width: 1024px !important;
}

.close {
    opacity: 1;
}

.form-control {
    font-style: italic;
    border-radius: 0;
}

.form-control:focus {
    border-color: #ff5a5a;
}

.submit-join {
    padding-bottom: 30px;
}

.submit-join button {
    background: none;
    border-radius: 25px;
    color: #ff5a5a;
    border-color: #ff5a5a;
    font-family: 'Parisienne', cursive;
    font-size: 20px;
    transition: all linear .3s;
    font-weight: 600;
}

.submit-join .btn-secondary:hover {
    color: #fff;
    background-color: #ff5a5a;
    border-color: #ff5a5a;
}

.submit-join .btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: none;
}

/*================================= About part css ===================================*/
#about {
    margin-top: 230px;
    padding-top: 100px;
    position: relative;
}

.heading {
    padding-bottom: 35px;
}

.heading h2 {
    font-family: 'Parisienne', cursive;
    font-weight: 700;
    font-size: 32px;
    color: #ff5a5a;
    text-transform: capitalize;
    padding-bottom: 10px;
}

.heading p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #444444;
    line-height: 24px;
}

.about-img {
    position: absolute;
    left: 0;
    width: 550px;
    bottom: 0;
    padding-top: 100px;
    padding-left: 0;
}

.about-content p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    padding-bottom: 10px;
}

.about-button {
    padding-top: 10px;
}

.about-button a {
    text-decoration: none;
    color: #fff;
    font-family: 'Parisienne', cursive;
    font-size: 20px;
    text-transform: capitalize;
    transition: all linear .3s;
    font-weight: 600;
}

.about-button .donate {
    background: #ff5a5a;
    padding: 10px 20px;
    border-radius: 25px;
    border: 1px solid #ff5a5a;
}

.about-button .donate:hover {
    background: none;
    color: #ff5a5a;
}

.about-button .gift {
    border: 1px solid #ff5a5a;
    padding: 10px 35px;
    border-radius: 25px;
    color: #ff5a5a;
    margin-left: 10px;
}

.about-button .gift:hover {
    background: #ff5a5a;
    color: #fff;
}

/* donate popup */
#exampleModal2 .submit-join {
    text-align: center;
}

#exampleModal2 .modal-header i {
    text-align: center;
}

#exampleModal2 .modal-body .heading,
#exampleModal2 .modal-body .heading h2 {
    padding-bottom: 0;
    font-size: 24px;
}

#exampleModal2 .modal-body .heading span {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #777777;
    font-style: italic;
}

#exampleModal2 .modal-body .heading3 {
    padding-bottom: 30px;
    padding-top: 30px;
}

.submit-join2 {
    border-bottom: 1px dashed #ff5a5a;
    padding-bottom: 50px;
}

.tahsan2 {
    padding-top: 50px;
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.brand-name label {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #444444;
}

.brand-name li {
    display: inline-block;
    margin-right: 30px;
}

.brand-name li label {
    position: relative;
    padding-left: 5px;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 2px;
    top: 5px;
    margin-left: -20px;
    border: 1px solid #444444;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
    border-color: #ff5a5a;
    background: #ff5a5a;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome', serif;
    content: "\f00c";
    font-size: 16px;
    position: absolute;
    top: 0;
    left: -18px;
}

#exampleModal3 .modal-header i {
    text-align: center;
}

/*================================= Santa Coming part css =================================*/
#santa-coming {
    padding-top: 100px;
}

.coming-counter {
    background: url(../../../images/discounts/christmas/counter.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.coming-counter .label,
.coming-counter .number {
    /*color: #adafb2;*/
    font-size: 30px;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    color: #ff5a5a;
    line-height: 40px;
}

.coming-counter #days,
.coming-counter #hours,
.coming-counter #minutes,
.coming-counter #seconds {
    position: relative;
}

.coming-counter #days .overlay,
.coming-counter #minutes .overlay {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translateX(-50%);
}

.coming-counter #hours,
.coming-counter #seconds {
    margin-top: -40px;
}

.coming-counter #hours .overlay,
.coming-counter #seconds .overlay {
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translateX(-50%);
}


/*==================================== Send Wishes part css ===============================*/

#send-wish {
    padding-top: 80px;
}

#send-wish .send-wish-btn {
    padding-top: 15px;
}

#send-wish .send-wish-btn a,
.join-party a {
    padding: 10px 20px;
    background: #ff5a5a;
    border-radius: 25px;
    color: #fff;
    font-family: 'Parisienne', cursive;
    font-size: 20px;
    text-transform: capitalize;
    transition: all linear .3s;
    border: 1px solid #ff5a5a;
    text-decoration: none;
    font-weight: 600;
}

#send-wish .send-wish-btn a:hover {
    background: none;
    color: #ff5a5a;
}

.wish-text {
    margin-top: 140px;
}

.wish-text .heading h2 {
    padding-bottom: 5px;
}

.wish-text .heading p {
    margin-bottom: 0;
    padding-bottom: 10px;
}

/*================================= Join The Party part css ======================================*/
#happy-cris {
    padding-top: 150px;
}

.tahsan3 {
    position: relative;
}

.js-snow-other {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../../images/discounts/christmas/happy-crismas.jpg) left top no-repeat;
    background-size: cover;
}

.happy-box-img {
    position: absolute;
    bottom: 0;
    left: 0;
}

.new-year-img {
    padding-top: 65px;
    padding-bottom: 60px;
}

.join-party {
    padding-top: 30px;
}

.join-party a:hover {
    background: none;
    color: #ff5a5a;
}

.santa-with-bag {
    position: absolute;
    right: 0;
    top: -80px;
}

/*=========================== Last Year Party css ==========================*/
#last-party {
    padding-top: 100px;
}

.browse-all.text-center.col-12 {
    padding-top: 40px;
}

.browse-all a {
    padding: 10px 25px;
    border: 1px solid #ff5a5a;
    border-radius: 25px;
    color: #ff5a5a;
    font-family: 'Parisienne', cursive;
    font-size: 20px;
    text-transform: capitalize;
    transition: all linear .3s;
    text-decoration: none;
    font-weight: 600;
}

.browse-all a:hover {
    background: #ff5a5a;
    color: #fff;
}

.images-item {
    display: none;
    margin-bottom: 30px;
}

.navbar-light .navbar-toggler {
    /*noinspection CssInvalidPropertyValue*/
    background: tranparent;
}

/*========================= Footer part css =======================================*/
.back-top-btn {
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 999;
    display: none;
    transition: all .5s;
}

#footer {
    padding-top: 100px;
}

.footer-bg {
    /*background-size: cover;*/
    /*background: url() no-repeat center;*/
    /*width: 100%;*/
    /*padding-top: 30px;*/
    /*padding-bottom: 30px;*/
    background: url(../../../images/discounts/christmas/footer-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer-bg .heading {
    padding-bottom: 15px;
}

.footer-item ul li p {
    margin: 0;
}

.footer-item ul li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    /*margin-left: 20px;*/
}

.footer-item ul li {
    float: left;
}

.footer-item ul li i {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    color: #ff5a5a;
    font-size: 24px;
}

.follow {
    padding-top: 60px;
}

.follow h2 {
    font-family: 'Parisienne', cursive;
    font-size: 24px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding-bottom: 30px;
}

.follow i {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
    transition: all linear .3s;
}

.follow a {
    text-decoration: none;
}

.follow i:hover {
    background: #fff;
    color: #ff5a5a;
}

#footer-bottom {
    padding-top: 20px;
    padding-bottom: 20px;
}

#footer-bottom p {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #444444;
}

#footer-bottom a {
    text-decoration: none;
    color: #ff5a5a;
}

/*===================== Preloader CSS ===========================*/
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background-color: #3C3252;
    width: 100%;
    height: 100%;
}

.preloader img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    transform: translate(-50%, -50%)
}

.crist_button {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*min-width:100px;*/
    padding: 12px 44px;
    margin-left: 13px;
    margin-bottom: 30px;
    font-family: 'Lobster', cursive;
    font-size: 18px;
    line-height: 26px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    background: #5e0d0c;
    outline: none;
    border-radius: 15px;
    border: 1px solid #4c0300;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), /* highlight */ inset 0 0 6px #a23227, /* inner glow */ inset 0 80px 80px -40px #ac3223, /* gradient */ 1px 1px 3px rgba(0, 0, 0, 0.75); /* shadow */
    position: relative;
    overflow: visible; /* IE9 & 10 */
    -webkit-transition: 500ms linear;
    -moz-transition: 500ms linear;
    -o-transition: 500ms linear;
    transition: 500ms linear;
}

.crist_button::before {
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0,
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAXCAYAAABOHMIhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABiZJREFUeNrsWMtPlFcUvzPMwIDysLyRR4uATDHWCiVgSmRlios2DeiiXUFs0nRBd6arxqQhJDapkYXhP4BqDKTQhZaFNQSCaBEVJjwdHsNr5DUMDDPDzPT3u7nTDEgRKrKgc5KT+z3uufec33de99P4fD4RpL2RNgjB3kn35MkTeRERESFiYmLkGBoaKnQ6nWSNRvPPZFxr+vv7k6KioiIdDsfa8vLyQkFBgcP3Bnel3MDAQArWI0eFhISE87nb7bZ7PJ4VvLYuLi5O5+fnu9+kMNfq6+tLjIyMzMY6KeBEbK/XarXReI3lPDZMWcc4v7GxYV1dXR3Jy8ub2E5HPvJ6vRSSDH0ku1wuAfsEZOV1IEFHoeNFdHS0yMrK2knR0Lm5uR+hxLdQMjbwHTZbB41h8RGwCdc9MzMzneHh4bGJiYlf4SN8ijkfwqiIncCAAR7Iz2GPSShudjqdfeCeqampvwBQfFxc3JdYqwTv8gB8/F48A8BgKecE14V+L7ju2tpae05OzkuCCZvkPOj8mizmC6vVKtmPu+bx48cC3qI1mUyFUOyywWD4SHlELBaLJmCHNcwAghuAOujtuF4FqHO4nsX4EsAS3I4TJ04ME1h8PDE9PS09TYZoY2Pj1729vd6lpSVfkDYTPG0UkfNDRUWFgQ5Gb2Mh0N29e9eG/GQfHh4W8/PzwUy/ObQ/gMfVVlZW1iAiZdQxp3nv3LljRoL/5erVq1UIxzSiiVD9X4EDYATynCwAzGO858hCQRoaGmJFZNJz8YIcBc4BF966dau6sLAwBxVSJCUlCSThQwuU3W6XkYUok1Vzm5znQx5bbm9v77p+/frPeNSNRzZ/ISBwrG4ZR48eLamtrf2+uLjYSEG9Xi/wTISFhQlWGXohyzO/CJlVl23KQRLbABoaHx+/Z1lUZ/Hq1SsJFj3JT3hmHx8fnydPTEzMj46OziHPW2w22wxeD4Kfgadh/4YEzU8Az4DhffAn5eXlX1y6dKkEoCTspAQ9Mjs7+0BBo8Fms1lkZGTsOo0QLLRNkvnR+fEJzIMHD0xtbW39CL8JTFtSbAOvBIyLHIGVm9VzE2gKuDAMSSpcT6KXyT137lx2cnLyMXhcGDb3wq3XuWF3d/fCzZs3P0c4v5eSknJQbYLo7Ox0gC2lpaVZ3Be67Th/dnZWoAJKsJC3XA8fPhxoamp6hMb+BaaMgWcUMGtszZjiFDNmvcDI91pzG0iY4ARwkwrxkcHBwUdgNrRMbnrqoRbkVzDcvn3bl5qaWsmcgFH4G8XdEGUWFhak51AuISFBnkoCTyFbyWKxCJwIxlC0fq2rq7tcVFRkRKskjh8/Lr0+kBjCCDV/knfdv3//WX19/R8IRRNemxlu4AXwKqM+EJwdj1HbPYSwh3sCPAJDABm2LLchCjS+5/kirKGhwWk0GrMuXrxYQuX9hm/XXTMXMY+srKwI5ApZrbYmZh7deEJhAUKjLe/pLTzSsCuHrK+1tbUJVe3P6upq87Vr174rKysrYHVj/uW+OH3IfEuw4F3ee/fuPQfAvwOs5yyE4CnlFOu7BWrTCWlreO6FACpBZGwUw4BvkANLobReHb3kGZYGsGzTq/zlO8AT1ru6uoZbWlqeA6gINJAfnz59OlVLoX8Jtebm5raampqfcMvQYgTknz9//sKVK1c+y83NTdIEuCnaKMuNGzd+6+np6cCtSTkAw9D9X8Dyh+dbgaaAC1XAnUlPTy+qqqq6cPbs2UzkmWjNljiDJzpwHFnCkW2yo6NjCKW8H54wjlezKvRT09LSTsJrz5w6dSoN+Yp51ADAPUj8VoDbDq9pxrwuJcNIYQllJTIi/xopBw/VA7DJp0+f9hA78CgL5F5C8J2CpoCj8sfA6WCe/FPRhsRlZmbGIs8Y4FFO5CJgtrSsvrRVGW1V93b1myoGnKAKEcHgnwsWpg1lNI0fphwrmdqbckeU18WrnlOjqp5/j7W3BWvfQVPKa5SBkcrYCNVB65TRTlWZ1lXiXVU5xbtlDb2SPaLWYwrgHIcqPg6Vc7fbX69Yoyqfa7/AeiegbWOEVhmsVcWDwPn224iDJgla8Hd38Hd3ELQgaIeI/hZgAIPEp0vmQJdoAAAAAElFTkSuQmCC) no-repeat 50% 0,
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;

}

.crist_button:hover {
    background: #a61715;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 40px #FFF;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), /* highlight */ inset 0 0 6px #da3b2c, /* inner glow */ inset 0 80px 80px -40px #dd4330, /* gradient */ 1px 1px 3px rgba(0, 0, 0, 0.75); /* shadow */
    text-decoration: none;
    color: #fff;

}

.crist_button:focus {
    outline: none; /*FF*/
}

.crist_button:active {
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.25), /* highlight */ inset 0 0 6px #da3b2c, /* inner glow */ inset 0 80px 80px -40px #dd4330, /* gradient */ 0 1px 0 rgba(255, 255, 255, 0.25); /* shadow */

    -webkit-transition: 50ms linear;
    -moz-transition: 50ms linear;
    -o-transition: 50ms linear;
    transition: 50ms linear;
}

.wizard-content-left {
    background-blend-mode: darken;
    background-color: rgba(0, 0, 0, 0.45);
    background-image: url("https://i.ibb.co/X292hJF/form-wizard-bg-2.jpg");
    background-position: center center;
    background-size: cover;
    height: 100vh;
    padding: 30px;
}

.wizard-content-left h1 {
    color: #ffffff;
    font-size: 38px;
    font-weight: 600;
    padding: 12px 20px;
    text-align: center;
}

.form-wizard {
    color: #888888;
    padding: 30px;
}

.form-wizard .wizard-form-radio {
    display: inline-block;
    margin-left: 5px;
    position: relative;
}

.form-wizard .wizard-form-radio input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #dddddd;
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.form-wizard .wizard-form-radio input[type="radio"]:focus {
    outline: 0;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked {
    background-color: #fb1647;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #ffffff;
    border-radius: 50%;
    left: 1px;
    right: 0;
    margin: 0 auto;
    top: 8px;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked::after {
    /*display: inline-block;*/
    webkit-animation: click-radio-wave 0.65s;
    -moz-animation: click-radio-wave 0.65s;
    animation: click-radio-wave 0.65s;
    background: #000000;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
    border-radius: 50%;
}

.form-wizard .wizard-form-radio input[type="radio"] ~ label {
    padding-left: 10px;
    cursor: pointer;
}

.form-wizard .form-wizard-header {
    text-align: center;
}

.form-wizard .form-wizard-next-btn, .form-wizard .form-wizard-previous-btn, .form-wizard .form-wizard-submit {
    /*background-color: #d65470;*/
    /*color: #ffffff;*/
    display: inline-block;
    /*min-width: 100px;*/
    /*min-width: 120px;*/
    /*padding: 10px;*/
    text-align: center;
}

.form-wizard .form-wizard-next-btn:hover,
.form-wizard .form-wizard-next-btn:focus,
.form-wizard .form-wizard-previous-btn:hover,
.form-wizard .form-wizard-previous-btn:focus,
.form-wizard .form-wizard-submit:hover,
.form-wizard .form-wizard-submit:focus {
    color: #ffffff;
    opacity: 0.6;
    text-decoration: none;
}

.form-wizard .wizard-fieldset {
    display: none;
}

.form-wizard .wizard-fieldset.show {
    display: block;
}

.form-wizard .wizard-form-error {
    display: none;
    background-color: #d70b0b;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
}

.form-wizard .form-wizard-previous-btn {
    /*background-color: #fb1647;*/
}

.form-wizard .form-control {
    font-weight: 300;
    height: auto !important;
    padding: 15px;
    color: #888888;
    background-color: #f1f1f1;
    border: none;
}

.form-wizard .form-control:focus {
    box-shadow: none;
}

.form-wizard .form-group {
    position: relative;
    margin: 0;
}

.form-wizard .wizard-form-text-label {
    position: absolute;
    left: 10px;
    top: 16px;
    transition: 0.2s linear all;
}

.form-wizard .focus-input .wizard-form-text-label {
    color: #d65470;
    top: -18px;
    transition: 0.2s linear all;
    font-size: 12px;
}

.form-wizard .form-wizard-steps {
    margin: 30px 0;
}

.form-wizard .form-wizard-steps li {
    width: 25%;
    float: left;
    position: relative;
}

.form-wizard .form-wizard-steps li::after {
    background-color: #f3f3f3;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.form-wizard .form-wizard-steps li span {
    background-color: #dddddd;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    width: 40px;
    z-index: 1;
}

.form-wizard .form-wizard-steps li:last-child::after {
    width: 50%;
}

.form-wizard .form-wizard-steps li.active span,
.form-wizard .form-wizard-steps li.activated span {
    background-color: #d65470;
    color: #ffffff;
}

.form-wizard .form-wizard-steps li.active::after,
.form-wizard .form-wizard-steps li.activated::after {
    background-color: #d65470;
    left: 50%;
    width: 50%;
    border-color: #d65470;
}

.form-wizard .form-wizard-steps li.activated::after {
    width: 100%;
    border-color: #d65470;
}

.form-wizard .form-wizard-steps li:last-child::after {
    left: 0;
}

.form-wizard .wizard-password-eye {
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

@keyframes click-radio-wave {
    0% {
        width: 25px;
        height: 25px;
        opacity: 0.35;
        position: relative;
    }

    100% {
        width: 60px;
        height: 60px;
        margin-left: -15px;
        margin-top: -15px;
        opacity: 0.0;
    }
}

@media screen and (max-width: 767px) {
    .wizard-content-left {
        height: auto;
    }

    .notch-outer {
        left: 34% !important;
    }

    .form-wizard-next-btn,
    .form-wizard-previous-btn,
    .form-wizard-next-btn span,
    .form-wizard-previous-btn span {
        width: 100%;
        font-size: 30px;
    }

    .form-wizard-next-btn,
    .form-wizard-previous-btn {
        margin-bottom: 30px;
    }

    .lcv {
        margin-bottom: 23px;
        width: 80px !important;
        margin-left: 50px;
    }

    .lcv span {
        font-size: 23px !important;
    }

    .box7:hover .box-content {
        bottom: 16% !important;
    }

    .booster-package-name {
        font-size: 13px;
        margin-left: -10px;
    }
}

.cobg {
    padding: 30px 20px;
    background: #fff;
    border-radius: 30px;
}

.imgfld {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.dnone {
    display: none;
}

.showing {
    display: block !important;
}

.vicon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
}

.form-wizard-next-btn,
.form-wizard-previous-btn {
    display: inline-block;
    /*-webkit-border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*border-radius: 8px;*/
    /*-webkit-box-shadow:    0 8px 0 #c5376d, 0 15px 20px rgba(0, 0, 0, .35);*/
    /*-moz-box-shadow: 0 8px 0 #c5376d, 0 15px 20px rgba(0, 0, 0, .35);*/
    /*box-shadow: 0 8px 0 #c5376d, 0 15px 20px rgba(0, 0, 0, .35);*/
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    color: #fff;
    margin-bottom: 23px;
}

.form-wizard-next-btn span,
.form-wizard-previous-btn span {
    display: inline-block;
    padding: 10px 20px;
    background-color: #ec528d;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(338, 90%, 80%, .8)), to(hsla(338, 90%, 70%, .2)));
    background-image: -webkit-linear-gradient(hsla(338, 90%, 80%, .8), hsla(338, 90%, 70%, .2));
    background-image: -moz-linear-gradient(hsla(338, 90%, 80%, .8), hsla(338, 90%, 70%, .2));
    background-image: -o-linear-gradient(hsla(338, 90%, 80%, .8), hsla(338, 90%, 70%, .2));
    /*-webkit-border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*border-radius: 8px;*/
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    /*font-family: 'Pacifico', Arial, sans-serif;*/
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .7);
    -webkit-transition: background-color .2s ease-in-out, -webkit-transform .1s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, -moz-transform .1s ease-in-out;
    -o-transition: background-color .2s ease-in-out, -o-transform .1s ease-in-out;
    transition: background-color .2s ease-in-out, transform .1s ease-in-out;
    font-size: 22px;
    font-weight: 400;
    border-radius: 60px;
}

input {
    font-size: 20px !important;
}

.form-wizard-next-btn:hover span,
.form-wizard-previous-btn:hover span {
    background-color: #ec6a9c;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .9), 0 0 5px rgba(255, 255, 255, .8);
}

.form-wizard-next-btn:active,
.form-wizard-next-btn:focus,
.form-wizard-previous-btn:active,
.form-wizard-previous-btn:focus {
    /*-webkit-box-shadow:    0 8px 0 #c5376d, 0 12px 10px rgba(0, 0, 0, .3);*/
    /*-moz-box-shadow: 0 8px 0 #c5376d, 0 12px 10px rgba(0, 0, 0, .3);*/
    /*box-shadow:    0 8px 0 #c5376d, 0 12px 10px rgba(0, 0, 0, .3);*/
}

.form-wizard-next-btn:active span,
.form-wizard-previous-btn:active span {
    -webkit-transform: translate(0, 4px);
    -moz-transform: translate(0, 4px);
    -o-transform: translate(0, 4px);
    transform: translate(0, 4px);
}

.lcv {
    display: inline-block;
    /*-webkit-border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*border-radius: 8px;*/
    /*-webkit-box-shadow:    0 8px 0 #c5376d, 0 15px 20px rgba(0, 0, 0, .35);*/
    /*-moz-box-shadow: 0 8px 0 #c5376d, 0 15px 20px rgba(0, 0, 0, .35);*/
    /*box-shadow: 0 8px 0 #c5376d, 0 15px 20px rgba(0, 0, 0, .35);*/
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    color: #fff;
}

.lcv span {
    display: inline-block;
    padding: 10px 20px;
    background-color: #ec528d;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(338, 90%, 80%, .8)), to(hsla(338, 90%, 70%, .2)));
    background-image: -webkit-linear-gradient(hsla(338, 90%, 80%, .8), hsla(338, 90%, 70%, .2));
    background-image: -moz-linear-gradient(hsla(338, 90%, 80%, .8), hsla(338, 90%, 70%, .2));
    background-image: -o-linear-gradient(hsla(338, 90%, 80%, .8), hsla(338, 90%, 70%, .2));
    /*-webkit-border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*border-radius: 8px;*/
    /*-webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);*/
    /*-moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);*/
    /*box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);*/
    /*font-family: 'Pacifico', Arial, sans-serif;*/
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .7);
    -webkit-transition: background-color .2s ease-in-out, -webkit-transform .1s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, -moz-transform .1s ease-in-out;
    -o-transition: background-color .2s ease-in-out, -o-transform .1s ease-in-out;
    transition: background-color .2s ease-in-out, transform .1s ease-in-out;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    border-radius: 60px;
}

.lcv:hover span {
    background-color: #ec6a9c;
    /*text-shadow: 0 -1px 1px rgba(175, 49, 95, .9), 0 0 5px rgba(255, 255, 255, .8);*/
    color: #fff;
}

.lcv:active,
.flcv:focus {
    /*-webkit-box-shadow:    0 8px 0 #c5376d, 0 12px 10px rgba(0, 0, 0, .3);*/
    /*-moz-box-shadow: 0 8px 0 #c5376d, 0 12px 10px rgba(0, 0, 0, .3);*/
    /*box-shadow:    0 8px 0 #c5376d, 0 12px 10px rgba(0, 0, 0, .3);*/
    color: #fff;
}

.lcv:active span,
.lcv:active span {
    -webkit-transform: translate(0, 4px);
    -moz-transform: translate(0, 4px);
    -o-transform: translate(0, 4px);
    transform: translate(0, 4px);
    color: #fff;
}

.imgcrl {
    background: #fff;
    padding: 10px;
    border-radius: 20px;
}

.impression-container {
    max-width: 100%;
    margin: 10px 0;
    background: #9691DD;
    padding: 5px 0;
    border: 5px solid #fff;
    /*border-radius: 10px;*/
    box-shadow: 0 5px 10px #9691DD80;
    font-size: 35px;
}

.border-radiues-30 {
    border-radius: 30px;
}

.price:hover {
    cursor: pointer;
}

/*********************************** Price Cards *************************************************/
ul.marketplace-in-tab > .nav-item > a {
    text-align: center;
    color: #fff;
}

ul.marketplace-in-tab > .nav-item a:hover {
    background: #fff;
}

ul.marketplace-in-tab > .nav-item > a.active {
    color: #426AAA;
    text-transform: capitalize;
    background-color: #E3F6FE;
    box-shadow: 0 -15px 20px 0 #9ED8EF99;
    border-radius: 5px 5px 0 0;
    padding: 12px 0;
    margin: -4px 0 0 0;
}

ul.marketplace-in-tab > .nav-item > a.active > i {
    color: #938EDF;
    padding: 0;
}

ul.marketplace-in-tab > .nav-item > a > i {
    padding: 0;
}

ul.marketplace-in-tab > .nav-item > a {
    /*padding: 0px;*/
    padding: .75rem 0;
}

.p-m-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 40px 0 0;
}

.notch-outer {
    height: 10px;
    background: #fff;
    position: absolute;
    /*right: 26px;*/
    left: 27%;
    border-radius: 0 0 10px 10px;
    max-width: 91px;
    min-width: 91px;
}

.notch-speaker {
    position: absolute;
    background: #ddd;
    height: 4px;
    width: 40px;
    border-radius: 10px;
    top: 1px;
    left: 20px;
}

.notch-indicator {
    position: absolute;
    background: #ddd;
    height: 6px;
    width: 6px;
    border-radius: 10px;
    top: 0;
    right: 20px;
}

.p-count-container {
    text-align: center;
    padding: 40px 0;
}

.p-count-container > h3 {
    font-weight: 600;
    color: #37105D;
}

.p-count-container > span {
    font-size: 14px;
    color: #BC5D8F;
    font-weight: 400;
    letter-spacing: 1px;
}

.pr-bg-green {
    background: #A7DCC4;
}

.pr-bg-green > .buy-outer {
    background: #124f47;
}

.pr-bg-blue {
    background: #aaab7f;
}

.pr-bg-blue > .buy-outer {
    background: #727319;
}

.pr-bg-red {
    background: #DE98B8;
}

.pr-bg-red > .buy-outer {
    background: #B26589;
}

.pr-bg-l-purple {
    background: #C3A7D9;
}

.pr-bg-l-purple > .buy-outer {
    background: #29124f;
}

.pr-bg-l-yellow {
    background: #E3C389;
}

.pr-bg-l-yellow > .buy-outer {
    background: #D4AB5E;
}

.pr-bg-special {
    background: -moz-linear-gradient(top, #b691df 45%, #7f8cd8 100%);
    background: -webkit-linear-gradient(top, #b691df 45%, #7f8cd8 100%);
    background: linear-gradient(to bottom, #b691df 45%, #7f8cd8 100%);
    margin: -10px auto !important;
}

.pr-bg-special > .buy-outer {
    background: #5E66B5;
}

.ammount {
    text-align: center;
    font-size: 35px;
    padding: 20px 5px;
    color: #fff;
    text-shadow: 2px 3px 0 #0808084d;
    font-weight: 900;
}

.buy-outer {
    position: relative;
    text-align: center;
    margin-top: 0;
    /*background: #0000004d;*/
    border-radius: 0 0 20px 20px;
    padding: 10px 0 10px 0;
    font-size: 20px;
    font-weight: 900;
    text-shadow: 1px 2px 1px #0006;
}

.buy-outer > a {
    text-align: center;
    color: #fff;
}

.m-price-card-outer {
    width: 100%;
    border-radius: 24px;
    border: 5px solid #fff;
    font-weight: 600;
    position: relative;
    margin: 0 auto;
    box-shadow: 0 0 20px #8a2829;
}

.m-price-card-inner {
    width: 100%;
    height: 130px;
    border-radius: 15px 15px 50% 50% / 15%;
    background: -moz-linear-gradient(top, #e2f4fe 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #e2f4fe 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #c8e9fb 0%, #f5fcff 100%);
}

.m-price-card-inner.popular {
    width: 100%;
    height: 150px;
    border-radius: 15px 15px 50% 50% / 15%;
    background: -moz-linear-gradient(top, #e2f4fe 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #e2f4fe 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #c8e9fb 0%, #f5fcff 100%);
}

.popular > .p-count-container {
    text-align: center;
    padding: 10px;
}

.boost-btn {
    /*padding: 10px 0;*/
    color: #fff;
    /*width: 100%;*/
    font-weight: 600;
    letter-spacing: 2px;
    word-spacing: 5px;
    margin: 20px auto;
    padding: 10px 10px 10px 20px;
}

.boost-btn-row {
    padding: 0 10% 15px 10%;
}

.f-boost-heading {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

/****************************************************************************************************/
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #ff5252;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    margin: 7px 0 0 6px;
    top: 0;
    position: absolute;
    stroke-miterlimit: 10;
    box-shadow: inset 0 0 0 #ff5252;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0 0 0 30px #ff5252;
    }
}

.post-container-outer {
    height: 100px;
    width: 100%;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 0 20px #abe6ff;
    margin: 15px auto;
}

.MAF-counter {
    color: #37105D;
    padding: 10px;
}

.post-container-text {
    color: #BC5D8F;
    font-size: 16px;
    font-weight: 500;
}

#like-post {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 380px;
    overflow-y: auto;
}

.flex-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

.box7 {
    position: relative;
    border: 2px solid #fff;
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 10px 0;
}

.w100,
.form-wizard-next-btn span,
.form-wizard-previous-btn span {
    width: 100%;
}

.bg-glight {
    /*background:#8fbaef;*/
    background: -moz-linear-gradient(45deg, #f36868 0%, #dc595a 100%);
    background: -webkit-linear-gradient(45deg, #f36868 0%, #dc595a 100%);
    background: linear-gradient(45deg, #f36868 0%, #dc595a 100%);
    /*border-radius: 0 0 10px 10px;*/
    border-bottom: none;
    margin-top: 20px;
    border-radius: 7px;
    padding: 10px 20px;
}

.wizard-section {
    background: #e54243;
    width: 100%;
}

.m-0-auto-30 {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
}

.m-0-auto {
    margin: 0 auto;
}

/*********************** Demo - 1 *******************/
.box1 img,
.box1:after,
.box1:before {
    width: 100%;
    transition: all .3s ease 0s
}

.box1 .icon,
.box2,
.box3,
.box4,
.box5 .icon li a {
    text-align: center
}

.box10:after,
.box10:before,
.box1:after,
.box1:before,
.box2 .inner-content:after,
.box3:after,
.box3:before,
.box4:before,
.box5:after,
.box5:before,
.box6:after,
.box7:after,
.box7:before {
    content: ""
}

.box1,
.box11,
.box12,
.box13,
.box14,
.box16,
.box17,
.box18,
.box2,
.box20,
.box21,
.box3,
.box4,
.box5,
.box5 .icon li a,
.box6,
.box7,
.box8 {
    overflow: hidden
}

.box1 .title,
.box10 .title,
.box4 .title,
.box7 .title {
    letter-spacing: 1px
}

.box3 .post,
.box4 .post,
.box5 .post,
.box7 .post {
    font-style: italic
}

body {
    background-color: #f1f1f2
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mb-30 {
    margin-bottom: 30px
}

.box7 {
    position: relative;
    border: 5px solid #fff;
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 10px 0;
}

.box7:after,
.box7:before {
    width: 100%;
    height: 100%;
    background: rgba(104, 144, 206, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s ease 0s
}

.box7:after {
    background: rgba(255, 255, 255, .3);
    border: 2px solid #f5f5f5;
    top: 0;
    left: 170%;
    opacity: 1;
    z-index: 1;
    transform: skewX(45deg);
    transition: all 1s ease 0s
}

.box7:hover:before {
    opacity: 1;
}

.box7:hover:after {
    left: -170%;
}

.box7 img {
    height: 300px;
    width: 100%;
    /*width: 220px;*/
    object-fit: cover;
}

.f-20 {
    font-size: 20px;
}

/*noinspection DuplicatedCode*/
.box7 .box-content {
    width: 100%;
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: all .5s ease 0s;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    text-shadow: 2px 1px #364383;
}

.box7:hover .box-content {
    bottom: 35%
}

.box7:hover .box-content.comment-box {
    bottom: 0;
}

.box7 .title {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px;
}

.box7 .post {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}

.box7 .icon {
    margin: 0;
}

.box7 .icon li {
    display: inline-block;
}

/*noinspection DuplicatedCode*/
.box7 .icon li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: #0dab76;
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
    transition: all .5s ease 0s
}

.box8 .icon li,
.box8 .title {
    display: inline-block
}

.box7 .icon li a:hover {
    transform: rotate(360deg)
}

@media only screen and (max-width: 990px) {
    .box {
        margin-bottom: 30px
    }
}

/*********************** / Demo - 7 *******************/
.video-post-icon {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #c358d2;
}

.scrollable {
    width: 100%;
    background: transparent;
    margin: 0 auto;
    /*padding: 2.4rem;*/
    overflow: hidden;
}

/*=======================Bootstrap ==========================*/
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-lg-12,
.col-md-12,
.col-md-10,
.col-xl-2,
.col-md-4,
.col-md-2 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.text-center {
    text-align: center !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.text-white {
    color: #fff !important;
}

.form-group {
    margin-bottom: 1rem;
}

.pt-2 {
    padding-top: .5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

.mt-3 {
    margin-top: 1rem !important;
}


.mb-3 {
    margin-bottom: 1rem !important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.offset-md-5 {
    margin-left: 41.666667%;
}

@media (max-width: 768px) {
    .offset-md-5 {
        margin-left: unset;
    }
    .img-fluid {
        max-width: 84%;
    }
}


@media (min-width: 1200px) {
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
}

@media (min-width: 992px) {
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

}

@media (min-width: 576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

}

.mb-60 {
    margin-bottom: 60px;
}

.impression-container {
    max-width: 100%;
    margin: 10px 0;
    background: #4f80bc;
    padding: 5px 0;
    border: 5px solid #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px #9691DD80;
}

/***********************Select Menu *************************************/
select::-ms-expand {
    display: none;
}

select {
    /* remove the default select arrow for non-IE browsers */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* works on FF35+ */
    -o-appearance: none;
    appearance: none;

    padding: 0 10px 0 10px;
    /*background: #fff url('#') no-repeat 95% 50%;*/
    /* custom arrow set as a background */
    background: #fff url('../../../images/discounts/christmas/select-arrow.png') no-repeat calc(100% - 10px) 50%;
    box-shadow: 0 2px #3e70af;
    box-sizing: border-box;
    border: solid 2px #fff;
    border-radius: 5px;

    outline: none;
    cursor: pointer;

    /*  font: 400 16px 'Lato', 'Helvetica Neue', helvetica, arial, sans-serif;*/
    color: #4f7fbb;
    line-height: 16px;
    /*noinspection CssFloatPxLength*/
    text-indent: 0.01px;
    text-overflow: '';

    width: 100%;
    height: 30px;
    font-family: "open sans", serif;
    font-size: 13px;
}

label {
    color: #fff;

}

.row {
    margin-left: 0;
    margin-right: 0;
}

/********************************* End Select Menu *********************************************/

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

.list-group-item:first-child {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}

.list-group.custom-list {
    color: #82A8E0;
    box-shadow: 0 0 15px #8cd4f3;
    border: 0;
    border-radius: 20px;
    font-family: "open sans", serif;
    font-size: 14px;

}
/****************************************** END List group **************************************/

.modal-buy-container {
    max-width: 100%;
    margin: 25px 0;
    background: #4f81bd;
    padding: 10px;
    border: 5px solid #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px #8cd4f3;
}

.switch-input {
    display: none;
}

.switch-label {
    position: relative;
    display: inline-block;
    min-width: 112px;
    cursor: pointer;
    font-weight: 600;
    text-align: left;
    margin: 0;
    color: #fff;
    padding: 0 0 0 44px;
}

/*noinspection DuplicatedCode*/
.switch-label:before,
.switch-label:after {
    content: "";
    position: absolute;
    margin: 0;
    outline: 0;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 2px #0003;
}

.switch-label:before {
    left: 1px;
    width: 38px;
    height: 22px;
    background-color: #FFF;
    border-radius: 12px
}

.switch-label:after {
    left: 2px;
    width: 20px;
    height: 20px;
    background-color: #4f80bc;
    border-radius: 50%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}

.switch-label .toggle--on {
    display: none;
}

.switch-label .toggle--off {
    display: inline-block;
}

.switch-input:checked + .switch-label:before {
    background-color: #fff;
}

.switch-input:checked + .switch-label:after {
    background-color: #4f80bc;
    -ms-transform: translate(80%, -50%);
    -webkit-transform: translate(80%, -50%);
    transform: translate(80%, -50%);
}

.switch-input:checked + .switch-label .toggle--on {
    display: inline-block;
}

.switch-input:checked + .switch-label .toggle--off {
    display: none;
}

.btn.btn-default.auto-follow-radio {
    display: flex;
}
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    display: none;
}
label.btn span {
    font-size: 1.5em;
}

/******************************Follower Radio Btn *****************************************/
/*        Radio Css*/

.auto-follow-radio.active {
    border: 3px solid #fff;
    border-radius: 5px;
    color: #fff;
    background: #4f7fbb;
}

.auto-follow-radio {
    width: 100%;

    position: relative;
}

.auto-follow-radio-word {
    font-size: 15px;
    font-weight: 600;
    margin-left: 30px;
}

.radio-dot:before,
.radio-dot:after {
    content: "";
    display: block;
    position: absolute;
    background: #bdc3d9;
    border-radius: 100%;
}

.radio-dot:before {
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    top: 10px;
    left: 16px;
}

.radio-dot:after {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    top: 15px;
    left: 21px;
}

.auto-follow-radio.active .auto-follow-radio-word {
    color: #fff;
}

.auto-follow-radio.active .radio-dot:after {
    background: #fff;
}

.auto-follow-radio.active .radio-dot:before {
    background: #9991d9;
    border-color: #fff;
}



.auto-follow-radio.active .radio-dot:after {
    background: #fff;
}


@media (max-width: 400px) {
    .mobile-br {
        display: none;
    }

    .auto-follow-radio {
        width: 100%;
        padding: 10px;
        position: relative;
    }
}



label.btn span {
    font-size: 1.5em;
}

label input[type="radio"] ~ i.fa.fa-circle-o {
    color: #c8c8c8;
    display: inline;
}

label input[type="radio"] ~ i.fa.fa-dot-circle-o {
    display: none;
}

label input[type="radio"]:checked ~ i.fa.fa-circle-o {
    display: none;
}

label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o {
    color: #7AA3CC;
    display: inline;
}

label:hover input[type="radio"] ~ i.fa {
    color: #7AA3CC;
}

label input[type="checkbox"] ~ i.fa.fa-square-o {
    color: #c8c8c8;
    display: inline;
}

label input[type="checkbox"] ~ i.fa.fa-check-square-o {
    display: none;
}

label input[type="checkbox"]:checked ~ i.fa.fa-square-o {
    display: none;
}

label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o {
    color: #7AA3CC;
    display: inline;
}

/*
label:hover input[type="checkbox"] ~ i.fa {
color: #7AA3CC;
}
*/

div[data-toggle="buttons"] label.active {
    color: #7AA3CC;
}

/*noinspection DuplicatedCode*/
div[data-toggle="buttons"] label {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 2em;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
    cursor: pointer;
    /*background-color: none;*/
    border: 3px solid #fff;
    border-radius: 3px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: #BDC3D9;
    box-shadow: 0 0 15px #9bdefe;
}

/*
div[data-toggle="buttons"] label:hover {
color: #7AA3CC;
}
*/



input[type="radio"] {

    box-sizing: border-box;
    padding: 0;
    display: none;

}

.hide-fieldset {
    visibility: hidden !important;
}