@CHARSET "UTF-8";

.languages-btn {
    white-space: nowrap;
}

#form-section fieldset.first {
    border-top: none !important;
}

.circle-block.disabled {
    /*    color: #e2aebd;*/
}

#text-page.terms a, #text-page.privacy a {
    color: #666 !important;
    text-decoration: underline;
}

#text-page.terms a:hover, #text-page.privacy a:hover {
    color: #bf2b5f !important;
}

#contact-form {
    position: relative;
}

#contact-form-section .thankyou-block h1 {
    color: #b63682 !important;
}

#contact-form-section .encontactfrm {
    padding: 0 150px 100px 70px;
}

#contact-form-section .partnersform {
    padding: 0 100px 100px 50px;
}

.social-networks-section ul .youtube a {
    background: url("../images/bg-youtube-3.png") no-repeat 0 50%;
}


.orange #form-section h2 {
    color: #e97f03 !important;
}

.cta-pledge-streep .close.en {
    right: 30px !important;
    left: initial;
}

.ideas-categories li.NL {
    display: table-column;
}

.idea-info-content .event-info .facebook-btn {
    font: 18px/42px 'Almonidlaaa-Bold', 'Open Sans Hebrew', Arial, sans-serif;
    font-weight: 400;
}

#partners h1.pressh1 {
    color: #b63682;
}

#how-to-participate .subtitle {
    color: #b63682;
    text-align: center;
    font-weight: 700;
}

#how-to-participate .subtitle.gotit {
    margin-top: 50px;
    font-size: 28px;
}

#how-to-participate .thankyou {
    margin-top: 10px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 60px;
    border-bottom: 2px solid #fff;
    font-size: 22px;
    color: #5d5a5b;
    margin-right: 13%;
    margin-left: 13%;
    padding-bottom: 20px;
}

#how-to-participate form.form-inline {
    margin-bottom: 60px;
    border-bottom: 2px solid #fff;
    margin-right: 13%;
    margin-left: 13%;
    padding-bottom: 20px;
}

#how-to-participate form.form-inline.error {
    color: #e5393e !important;
}

#how-to-participate form.form-inline.error-email input.email {
    border: 2px solid #e5393e !important;
    color: #e5393e !important;
}

#how-to-participate form.form-inline.error-email input.email::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #e5393e !important;
}

#how-to-participate form.form-inline.error-email input.email::-moz-placeholder { /* Firefox 19+ */
    color: #e5393e !important;
}

#how-to-participate form.form-inline.error-email input.email:-ms-input-placeholder { /* IE 10+ */
    color: #e5393e !important;
}

#how-to-participate form.form-inline.error-email input.email:-moz-placeholder { /* Firefox 18- */
    color: #e5393e !important;
}


#how-to-participate form.form-inline {
    margin-top: 20px;
}

#how-to-participate form.form-inline .btn {
    width: 110px;
    min-width: 110px;
    font-size: 16px;
}

#how-to-participate form.form-inline .form-control {
    background-color: #fff;
    width: 300px;
}

#how-to-participate form.form-inline .name {
    display: block !important;
}

#how-to-participate form.form-inline .how-to-participate-btn {
    /*
    background:#24ae40;

    padding:4px;
    font-weight:700;
    margin:20px 10px;
    */

    border: none;
    background: #24ae40;
    padding: 5px 0px;
    font-weight: 700;
    margin: 13px 0px 13px -16px;
    border-radius: 0px 5px 5px 0px;

}

#how-to-participate form.form-inline .how-to-participate-btn:hover {
    background: #0f9b2c;
}

#how-to-participate form.form-inline .errors-text {
    margin: 20px auto 1px auto;
}


#how-to-participate .hp-companies-volunteering-div {
    border-top: 2px solid #fff;
    margin-right: 13%;
    margin-left: 13%;
    padding-right: 10%;
    padding-left: 10%;
    padding-top: 30px;
    text-align: center;
}

#how-to-participate .hp-companies-volunteering-div .title {
    color: #b63682;
    font: 30px/1.075 'Source Sans Pro', Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 20px;
}

#how-to-participate .hp-companies-volunteering-div .link {
    letter-spacing: 0px;
    word-spacing: 0px;
}

/*#latest-updates > div.row > div.col-md-6.col-sm-12.col-xs-12.instagram-column > div > ul > li{*/
/*clear:both;*/
/*}*/
/* doing-good-with-your-comapny */
#doing-good-with-your-comapny {
    background-color: #eef0f1; /*background-color: #b63682; */
    padding: 33px 9999px 48px;
    margin: 0 -9999px;
}

#doing-good-with-your-comapny .hp-companies-volunteering-div {
    text-align: center;
    margin-top: 68px;
    margin-bottom: 50px;
}

#doing-good-with-your-comapny .hp-companies-volunteering-div img {
    display: inline-block;
    padding-right: 59px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-right: 1px solid #b43981;
    /*filter: invert(67%) sepia(18%) saturate(2738%) hue-rotate(278deg) brightness(85%) contrast(97%);*/
}

#doing-good-with-your-comapny .hp-companies-volunteering-div .text {
    padding-left: 43px;
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    #doing-good-with-your-comapny .hp-companies-volunteering-div .text {
        text-align: left;
    }

}

#doing-good-with-your-comapny .hp-companies-volunteering-div .text h2.title {
    display: inline-block;
    color: #b63682; /*color:white;*/
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 41px;
}

#doing-good-with-your-comapny .hp-companies-volunteering-div .text .desc {
    /*color:#fff;*/
    color: #b63682;
    width: 370px;
    text-align: left;
    font-size: 20px;
}

#doing-good-with-your-comapny .hp-companies-volunteering-div .text .btn-companies {
    float: left;
    background-color: #b63682; /*#fff;*/
    color: #ffffff !important; /*color: #b43a81 !important;*/
    margin-top: 12px;
    margin-bottom: 0px;
}

@media only screen and (min-width: 768px) {
    #how-to-participate form.form-inline #signup_name {
        width: 400px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 767px) {
    #how-to-participate .hp-companies-volunteering-div {
        padding-right: 0%;
        padding-left: 0%;
    }

    .formassemblyform {
        height: 588px !important;
    }

    .partners-list-info img {
        width: 100% !important;
        text-align: center;
    }

    #how-to-participate form.form-inline .form-control {
        background-color: #fff;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }

    #how-to-participate form.form-inline .how-to-participate-btn {
        margin: 0px;
        font-size: 16px;
        min-width: 100%;
        margin-top: 15px;
    }

    .cta-pledge-streep.he {
        font-size: 12px;
        font-weight: 400;
        padding: 0 15px;
    }

    .cta-pledge-streep.he p {
        padding: 14px 0px 14px 56px;
        max-width: 291px;
        line-height: 12px;
        position: relative;
        text-align: right;
        margin: 0;
        display: inline-block;
    }

    .cta-pledge-streep.he p a {
        font-size: 11px;
        position: absolute;
        right: 160px;
        top: 15px;
        padding: 1px 6px;
        font-weight: 700;
        line-height: 20px;
        margin: 0;
    }

    .fancybox-close {
        width: 36px;
        height: 36px;
        background-size: 36px 36px;
        right: -18px;
        left: initial;
        top: -18px;
    }

}

@media only screen and (max-width: 639px) {
    .circle-block .holder h2 + span:not(.participate-btn) {
        display: initial;

    }

    .circle-block .frame h2 {
        margin-bottom: 5px !important;
        margin-top: 5px !important;
    }
}

@media only screen and (max-width: 480px) {
    .cta-pledge-streep .close.en {
        right: initial !important;
        left: 16px;
    }

    .idea-info-content .event-info .facebook-btn {
        font-size: 16px;
        bottom: 10px;
        padding: 4px 15px;
        text-align: center;
        line-height: 26px;
        position: relative;
        width: 65%;
    }

    .mobile-title {
        font: 700 20px/1.2 'Source Sans Pro', Arial, sans-serif !important;
    }

    .social-networks.en {
        width: 100% !important;
    }

    .circle-block:nth-child(odd), .circle-block:nth-child(even) {
        width: 50%;
        clear: both;
        display: block;
        margin: 0 auto;
        padding: 10px;
    }

    #partners .partners:before, #partners .partners:after {
        content: none;
        background: none;
    }

    #partners h1 {
        padding-bottom: 20px;
    }

    #partners .partners .nasdac {
        margin-top: 40px;
        padding-top: 20px
    }

    #partners .partners .nbc {
        margin-top: 40px;
    }

}


@media only screen and (max-width: 320px) {
    .w320 {
        line-height: 24px;
    }

    .w320-titles {
        width: 85%;
        padding-bottom: 10px;
        margin: 0 auto !important;
    }

    .social-networks.en {
        width: inital;
    }
}

.btn-modal {
    /*display: block;
    margin: 0 auto;
    min-width: 175px;
    height: 43px;
    font-size: 22px;
    line-height: 25px;
    background: #6eb43f;
    border-radius: 0;
    border: none;
    */

    /*display: block; */
    margin: 0 auto;
    min-width: 175px;
    height: 43px;
    font-size: 22px;
    line-height: 25px;
    background: #6eb43f;
    border-radius: 4px;
    padding: 10px 50px;
    text-decoration: none;
    /* border: none; */
}

.modal-dialog {
    max-width: 500px;
    margin: 80px auto !important;
}

.modal-content {
    position: relative;
    box-shadow: none;
    border: 5px solid #03b6cc;
    border-radius: 0;
    font-family: 'Almonidlaaa-Regular', 'Open Sans Hebrew', Arial, sans-serif;
    background: url(../images/modal/bg-modal.jpg) no-repeat;
    background-size: 100% 100%;
}

.modal-content .close {
    position: absolute;
    right: -53px;
    top: -53px;
    background: url(../images/modal/btn-close.png) no-repeat;
    background-size: 100% 100%;
    width: 48px;
    height: 48px;
    overflow: hidden;
    text-indent: -9999px;
    opacity: 0.9;
}

.modal-content .btn-box {
    position: absolute;
    left: 0px;
    bottom: 25px;
    width: 100%;
}

.modal-content .link {
    font: 14px;
    line-height: 17px;
    color: #373737;
    text-decoration: underline;
}

.modal-content .link:hover {
    color: #4b4b4b;
    text-decoration: none;
}

.modal-body {
    min-height: 460px;
    width: 100%;
    white-space: nowrap;
    min-height: 490px;
    font-size: 24px;
    line-height: 28px;
}

.modal-body:after {
    content: "";
    display: inline-block;
    height: 460px;
    width: 1px;
    overflow: hidden;
    margin: 0 0 0 -5px;
    vertical-align: middle;
}

.modal-body .holder {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 30px 0;
}

.modal-body h1 {
    font-family: 'Almonidlaaa-Bold', 'Open Sans Hebrew', Arial, sans-serif;
    font-size: 52px;
    color: #03b6cc;
    margin: 0 0 11px;
    letter-spacing: -2px;
}

.modal-body p {
    font-size: 20px;
    line-height: 1.2em;
    /* font-family: 'almoni-dl-aaa'; */
    margin: 0 0 20px;
    color: #373737;
}

.btnCss {
    line-height: 40px;
}

@media all and (max-width: 766px) {
    #how-to-participate form.form-inline {
        margin-right: 3%;
        margin-left: 3%;
    }

    .modal {
        padding: 0 25px !important;
    }

    .modal-dialog {
        width: 100%;
    }

    .modal-content .close {
        width: 30px;
        height: 30px;
        right: -6px;
        top: -35px;
    }

    .modal-body {
        font-size: 18px;
        line-height: 21px;
    }

    .modal-body h1 {
        font-size: 35px;
        line-height: 38px;
    }

    /* doing-good-with-your-comapny */
    #doing-good-with-your-comapny {
        background-color: #eef0f1; /*background-color: #b63682;*/
        padding: 1px 9999px 1px;
        margin: 0 -9999px;
    }

    #doing-good-with-your-comapny .hp-companies-volunteering-div {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #doing-good-with-your-comapny .hp-companies-volunteering-div img {
        display: inline-block;
        max-width: 32%;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 0px;
        border-right: none;
    }

    #doing-good-with-your-comapny .hp-companies-volunteering-div .text {
        padding-left: 15px;
        display: inline-block;
        padding-right: 15px;
    }

    #doing-good-with-your-comapny .hp-companies-volunteering-div .text h2.title {
        display: inline-block;
        color: #b63682; /*color:#ffffff*/
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 30px;
        margin-top: 35px;
        text-align: center;
    }

    #doing-good-with-your-comapny .hp-companies-volunteering-div .text .desc {
        color: #b63682; /*color:#ffffff*/
        width: 340px;
        text-align: center;
        font-size: 20px;
        margin: 0px auto 20px auto;
    }

    #doing-good-with-your-comapny .hp-companies-volunteering-div .text .btn-companies {
        float: none;
        background-color: #b43a81 !important; /*#ffffff*/
        color: #ffffff !important; /*color: #b43a81 !important;*/
        margin-top: 22px;
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 550px) {

    .modal-body {
        height: auto;
        min-height: 340px;
        width: 100%;
        white-space: nowrap;
    }

    .modal-body:after {
        content: "";
        display: inline-block;
        height: 340px;
        width: 1px;
        overflow: hidden;
        margin: 0 0 0 -5px;
        vertical-align: middle;
    }

    .btn-modal {
        font-size: 19px;
        padding: 10px 20px;
    }
}

.modal-content {
    border-radius: 0px !important;
    border: 5px solid #03b6cc !important;
}

.modal-backdrop {
    background-color: #000 !important;
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.7 !important;
}

/*page 404 */
.errorPage {
    background: url(//www.good-deeds-day.org/wp-content/uploads/2018/01/404_bg_desktop.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 670px;

}

.errorPage #post-not-found > header > h1 {
    font-size: 120px;
    color: #fff;
    font-family: 'Almonidlaaa-Bold';
    margin-top: 18%;
    text-align: left;
    left: 0;
    margin-bottom: 5px;
}

.errorPage #post-not-found > section {
    width: 40%;
    color: #fff;
    font-family: 'Almonidlaaa-Regular';
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 80px;
}

.errorPage #post-not-found > section > p > span.more-options-title {
    display: block;
    font-size: 20px;
}

.errorPage #post-not-found > section > p > span.more-options-item {
    font-family: 'Almonidlaaa-Bold';
    font-size: 20px;
    display: block;
}

.errorPage #post-not-found > section > a {
    color: #eeaa0b !important;
    background: #fff;
    font-family: 'Almonidlaaa-Regular';
    line-height: 35px;
    width: 191px;
}

.errorPage #post-not-found > section > p > span.more-options-item > a {
    text-decoration: none;
    color: #fff;
}

@media only screen and (max-width: 1200px) {

    .errorPage #post-not-found > header > h1 {
        font-size: 100px;
        margin-top: 13%;
    }

    .errorPage #post-not-found > section {
        font-size: 22px;
        line-height: 28px;
    }

    .errorPage #post-not-found > section > p > span.more-options-title,
    .errorPage #post-not-found > section > p > span.more-options-item,
    .errorPage #post-not-found > section > a {
        font-size: 18px;
    }

    .errorPage #post-not-found > section > a {
        width: 181px;
    }
}

@media only screen and (max-width: 767px) {
    .errorPage {
        background: url(//www.good-deeds-day.org/wp-content/uploads/2018/01/404_bg_mobile.png) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .errorPage #post-not-found > header > h1 {
        font-size: 95px;
        margin-top: 40%;
    }

    .errorPage #post-not-found > section {
        width: 75%;
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 110px;
    }

    .errorPage #post-not-found > section > p > span.more-options-title {
        font-size: 16px;
        line-height: 23px;
    }

    .errorPage #post-not-found > section > p > span.more-options-item {
        font-size: 16px;
        line-height: 23px;
    }

    .errorPage #post-not-found > section > a {
        width: 191px;
        font-size: 18px;
    }

}

/* F.A.Q*/
.page-id-2856 #contact-form-section .contact-form {
    /*max-width:920px;*/
    max-width: 800px;
    /*margin-left: 0;*/
    padding: 0 0px 100px 0px;
    color: rgba(102, 102, 102, 0.6);
}

.page-id-2856 #contact-form-section > div > b {
    color: rgba(102, 102, 102, 1);
}

.page-id-2856 #contact-form-section > div > a {
    color: rgba(102, 102, 102, 0.6);
}

@media only screen and (max-width: 767px) {
    .page-id-2856 #contact-form-section .encontactfrm {
        padding: 0px;
    }

    .page-id-2856 #hero-block > div.text-part {
        min-height: 230px !important;
    }
}


/* Conference */
body.page-template-page-conference #conference > div > h2 {
    color: #b63682;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: -35px;
    padding-left: 15px;
}

body.page-template-page-conference #conference > div > h2:not(:first-child) {
    margin-top: 60px;
}

body.page-template-page-conference .conference-page .conference-gallery {
    padding: 65px 0 25px;
    /*border-bottom: 1px solid #b8b6bb;*/
}

body.page-template-page-conference .conference-page .conference-gallery:after {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    width: 95.9%; /* Change this to whatever width you want. */
    padding-top: 20px; /* This creates some space between the element and the border. */
    border-bottom: 1px solid #b8b6bb; /* This creates the border. Replace black with whatever color you want. */
    text-align: left;
    margin-left: 15px
}

body.page-template-page-conference .conference-page .conference-gallery:last-child:after {
    border-bottom: none;
}


/*
	Upcoming Conferences
*/
#upcoming-conferences {
    /*background-image: url(https://www.good-deeds-day.org/wp-content/uploads/2020/01/adv_conferences_new.jpg);*/
    padding: 33px 0 48px;
    margin: 0;
    height: 400px; /*480px;*/
	position: relative;
}
#upcoming-conferences .wrapper-img{
	position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    transform: translate(-50%, 0);
}
#upcoming-conferences .wrapper-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#upcoming-conferences .text{
	position: relative;
	z-index: 99;
}

#upcoming-conferences .hp-upcoming-conferences-div {
    color: #fff;
    margin-top: 3%; /*6%*/
    /*background: radial-gradient( #000000cf, #00000000 );*/
}

#upcoming-conferences .hp-upcoming-conferences-div .text h2.title {
    display: inline-block;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 41px;
    font-size: 32px;
}

#upcoming-conferences .hp-upcoming-conferences-div p.desc {
    color: #fff;
    font-size: 20px;
}

#upcoming-conferences .hp-upcoming-conferences-div a.btn-conferences {
    position: relative;
    top: 50px;
    background-color: #fff;
    color: #b43a81 !important;
    width: auto;
    padding: 0 40px 0 40px;
}

@media only screen and (max-width: 767px) {
    /*#upcoming-conferences {
        background-image: url(https://www.good-deeds-day.org/wp-content/uploads/2020/01/adv_conferences_new.jpg);
        background-position: bottom;
    }*/

    #upcoming-conferences .hp-upcoming-conferences-div .text h2.title {
        font-size: 30px;
    }

    #upcoming-conferences .hp-upcoming-conferences-div p.desc {
        padding-left: 30px;
        padding-right: 30px;
    }

}

/*
	INSPIRATION SECTION
*/
#inspiration {
    padding: 1px 9999px 0px; /*padding: 0px 9999px 0px;*/
    /*margin: 0 -9999px;*/
    margin: -25px -9999px 0px;

    height: 341px; /*height: 316px;*/
    /**/
    background: #b43a81;
}

#inspiration .hp-inspiration {
    color: #ffffff; /*color: #b43a81;*/
    margin-top: 2%;
}

#inspiration .hp-inspiration .text h2.title {
    display: inline-block;
    color: #ffffff; /*color: #b43a81;*/
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 31px;
    font-size: 32px;
}

#inspiration .hp-inspiration .text h2.title::after {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    width: 17.9%; /* Change this to whatever width you want. */
    padding-top: 36px; /* This creates some space between the element and the border. */
    border-bottom: 1px solid #ffffff; /* This creates the border. Replace black with whatever color you want. */
    /*border-bottom: 1px solid #b43a81; *//* This creates the border. Replace black with whatever color you want. */
    margin: 0 auto;
}

#inspiration .hp-inspiration p.desc {
    color: #ffffff; /*color: #b43a81;*/
    font-size: 20px;
    line-height: 33px;
}

#inspiration .hp-inspiration p.desc .brvisible {
    display: block;
}

#inspiration .hp-inspiration a.btn-inspiration {
    position: relative;
    top: 20px;
    background-color: #ffffff;
    color: #b43a81 !important;
    /*

    background-color: #b43a81;
    color: #fff !important;
     */
    width: auto;
    padding: 0 40px 0 40px;
}

@media only screen and (max-width: 767px) {
    #inspiration {
        height: 370px;
    }

    #inspiration .hp-inspiration .text h2.title {
        font-size: 30px;
        width: 65%;
        line-height: 40px;
    }

    #inspiration .hp-inspiration .text h2.title::after {
        width: 40.9%;
    }

    #inspiration .hp-inspiration p.desc {
        padding-left: 30px;
        padding-right: 30px;
        line-height: 32px;
    }

    #inspiration .hp-inspiration p.desc .brvisible {
        display: none;
    }

    #inspiration .hp-inspiration a.btn-inspiration {
        padding: 0px 100px 0px 100px;
    }
}


/* Conference Gallery ============================================================================  */

#photo-gallery.conference .gallery-list li {
    /*height: 160px !important;*/
    margin-left: 3%;
}

#photo-gallery.conference .gallery-list li {
    min-height: 160px !important;
    padding: 0px;

}

.single-conference .gallery-list {
    justify-content: left;
}

.single-conference #photo-gallery .gallery-list {
    margin: 0px 12px 0 0px;
}

@media (max-width: 768px) {
    #photo-gallery.conference .gallery-list li {
        min-height: initial;
        height: initial;
        padding: initial;
    }

    .single-conference .gallery-list {
        justify-content: initial;
    }
}

#partners-list-section ul li {
    height: 350px;
}

@media (max-width: 768px) {
    #partners-list-section ul li {
        height: 100%;
    }
}

.page-template-page-ecards-index #about-section {
    padding: 38px 0 0;

    line-height: 1.45;
    margin-bottom: 40px;

}

.page-template-page-ecards-index #about-section .wrapper-text-section {
    max-width: 875px;
    margin: 0 auto;
}

.page-template-page-ecards-index #how-to-participate {
    background: none;

}

.page-template-page-ecards-index #how-to-participate .container {
    width: auto !important;
    max-width: 1204px;
    margin: 0 auto;
}

.page-template-page-ecards-index #about-section .container {
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 88px;
}



.page-template-page-ecards-index .circle-block .frame {
    padding: 0 30px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-template-page-ecards-index .circle-block h2 {
    line-height: 1.16;
}

.page-template-page-ecards-index #about-section p {
    margin: 0 0 29px;
}

.e-cart-section {
    padding-top: 92px;
    background: #f1f1f1;
    padding-bottom: 61px;
}
.e-cart-section h1 {
    margin-bottom: 18px;
}
.page-template-page-ecards-index h1 {
    margin-bottom: 42px;
}

.page-template-page-ecards-index .wrapper-paragraph, .page-template-page-send-e-cards .wrapper-paragraph {
    max-width: 1089px;
    margin: 0 auto 59px;
    text-align: center;
    line-height: 1.4;
}



.e-cart-section .wrapper-paragraph p {
    margin-bottom: 4px;
}

.page-template-page-send-e-cards .wrapper-text-section {
    padding-top: 61px;
    text-align: center;
    padding-bottom: 77px;
}

.page-template-page-send-e-cards .wrapper-text-section p {
    max-width: 800px;
    margin: 0 auto 31px;
    line-height: 1.4;

}

.page-template-page-send-e-cards .e-cart-section {
    padding-top: 97px;
}

/*.small-height {*/
/*    height: 314px;*/
/*}*/

/*.big-height {*/
/*    height: 453px;*/
/*}*/


.grid-e-cart .grid-sizer,
.grid-e-cart .grid-items {
    width: 33.333%;
    box-sizing: border-box;
    padding: 0 25px;
}

.grid-e-cart .grid-items img {
    width: 100%;
    /*height: 100%;*/
    /*object-fit: cover;*/
}

.gif {
    position: absolute;
    right: 42px;
    top: 17px;
}

.gif img {
    border-radius: 3px;
}

.grid-e-cart .grid-items {

    margin-bottom: 42px;
}

.grid-e-cart .grid-items .wrapper-img {
    /*height: 100%;*/
}

.grid-e-cart .grid-items .wrapper-img:hover {

    outline: 5px solid #b63682 !important;
    box-sizing: border-box;
}

.show-more {
    width: 188px;
    height: 45px;
    background: #b63682;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
    display: block;
    margin: 0 auto;
    border-radius: 4px;
    line-height: 45px;
}

.show-more:hover {
    color: #ffffff;
    text-decoration: none;
}

.e-cart-section .container {
    width: auto !important;
    max-width: 1257px;
}

.get-ideas-section .container {
    max-width: 1240px;
    width: auto !important;
}

.blog-section .container {
    max-width: 1230px;
    width: auto !important;
}

.get-ideas-section {
    padding: 117px 0 57px;
}

.page-template-page-ecards-index .gallery-list {
    list-style: none;
    padding: 20px 0 0;
    margin: 0;
    text-align: center;
    overflow: hidden;
}

.page-template-page-ecards-index .gallery-list li {
    margin-bottom: 49px;
}

.page-template-page-ecards-index .gallery-list li img {
    object-fit: cover;
    width: 100%;
}

.get-ideas-section .gallery-list a {
    text-decoration: none;


    color: #666666;
}

.page-template-page-ecards-index .gallery-list h2 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 25px;
    padding: 0 38px;
}


.blog-section {
    background: #f1f1f1;
    padding: 88px 0 64px;
}

.blog-section .gallery-list .wrapper-li {
    background: #fff;
    padding-bottom: 50px;
}

.blog-section .ideas-list {
    max-width: none;
    overflow: hidden;
    padding: 20px 0 0;
}

.blog-section .ideas-list h2 {
    color: #b63682;
    margin-top: 38px;
    font-size: 24px;
    padding: 0;
    margin-bottom: 13px;
    line-height: 1.22;
}

.blog-section .ideas-list p {
    font-size: 17px;
    padding: 0 31px;
    text-align: center;
    display: block;
    margin-bottom: 16px;
}

.blog-section .more-holder {
    display: block;
    font-size: 16px;
    text-transform: capitalize;
}

.register-section {
    padding: 88px 0 78px;
}

.register-section .organize-business-form {
    background: #d8d8d8;
    max-width: 1191px;
    margin: 0 auto;
}

.page-template-page-ecards-index .register-section h1 {
    margin-bottom: 56px;
}

.page-template-page-ecards-index .ideas-list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
}

.page-template-page-ecards-index .ideas-list .wrapper-img {
    height: 240px;
    overflow: hidden;
}

.page-template-page-ecards-index .ideas-list a {
    padding-bottom: 48px;
}

.wrapper-card {
    display: flex;
    justify-content: space-between;
}

.wrapper-card .wrapper-img {
    width: 47%;
    position: relative;
}

.single-card-page .wrapper-form {
    width: 41%;
    padding-right: 10px;
    box-sizing: border-box;
    position: relative;
}

.wrapper-card .gif {
    width: 45px;
    right: 19px;
    top: 18px;
}

.wrapper-card .wrapper-img img {
    width: 100%;
}

.single-card-page {
    padding-top: 116px;
    background: #f1f1f1;
    padding-bottom: 121px;
}

.single-card-page .container {
    width: auto !important;
    max-width: 1214px;
}

.single-card-page h2 {
    color: #b63682;
    font-weight: bold;
    margin: 6px 0 33px
}

.single-card-page label {
    font-size: 16px;
    margin-bottom: 8px;
    display: inline-block;
    font-weight: 600;

}

.single-card-page .wrapper-error label {
    color: #ff0000;
}

.single-card-page .wrapper-error input {
    border: 1px solid #ff0000 !important;
}

.single-card-page .error {
    color: #ff0000;
    font-size: 16px;
    position: absolute;
    top: -24px;
}


.single-card-page input:not([type=submit]) {
    font-size: 15px;
    height: 45px;
    line-height: 44px;
    background: #fff;
    border: none !important;
    margin-bottom: 18px;
    padding-left: 13px;
}

.single-card-page textarea {
    height: 110px;
    padding-left: 13px;
    background: #fff;
    border: none !important;
    font-size: 15px;
    padding-top: 15px;
}

.single-card-page .back-link {
    line-height: 1.1;
    background: #b63682;
    border-radius: 4px;
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 11px 15px 12px;
    align-self: flex-start;
}

.single-card-page .thankyou-block {
    position: absolute;
    top: 0;
    background: #f1f1f1;
    height: 100%;
    width: 100%;

    padding-right: 135px;
    /*display: none;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;


}

.single-card .hero-block-holder {
    margin-bottom: 0;
}

.single-card-page .thankyou-block h2 {
    font-size: 36px;
    margin-bottom: 27px;
    text-align: left;
}
.single-card-page .thankyou-block .resend-link{
    display: inline-block;
    margin: 0 0 60px;
    font-size: 20px;
    letter-spacing: 0.33px;
    color: #b53782;
}

.single-card-page textarea::placeholder {
    color: #a4a4a4;
}

.single-card-page #check {
    height: 100%

}

.single-card-page input[type=submit] {
    width: 228px;
    background: #b63682;
    font-size: 20px;
    padding: 0;
    font-weight: 400;
    line-height: 44px !important;
    height: 45px;
    padding-bottom: 2px;
}

.single-card-page .wrapper-check label {
    font-size: 14px;
}

.wrapper-check {
    margin: 45px 0 39px;
    display: flex;
}

.ez-checkbox {
    width: 12px;
    height: 12px;
    border: 1px solid #b63682;
    position: relative;
    top: 4px;
    left: 5px;
    margin-right: 13px;
}

.ez-checkbox.ez-checked {
    background: #b63682 url("../images/check-mark.svg") no-repeat 50%;
}

.single-card-page input::placeholder {
    color: #a4a4a4;
}

.single-card .top-network-page #hero-block .text-part{
    max-width: none;
}
.page-template-page-ecards-index .form_size{
    background: #fff;
}
@media screen and (max-width: 1200px ) {
    .single-card-page .wrapper-form {
        width: 47%;
    }
    .single-card-page .thankyou-block {

        padding-top: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 26px;
    }
}


@media screen and (min-width: 992px ) {
    .blog-section .ideas-list{
        margin-bottom: 43px;
    }
    .page-template-page-ecards-index #how-to-participate {
        padding-bottom: 39px;
    }

    .grid-e-cart {
        margin-bottom: 45px;
    }

    .page-template-page-send-e-cards .wrapper-paragraph {
        margin-bottom: 74px;
    }
}

@media screen and (max-width: 991px ) {
    .single-card .top-network-page #hero-block .text-part h1{
        font-size: 39px;
    }
    .single-card .top-network-page #hero-block .text-part{
        padding-left: 20px;
    }

    .grid-e-cart .grid-sizer, .grid-e-cart .grid-items {
        width: 50%;
    }

    .single-card-page .thankyou-block {
        padding-right: 20%;

    }

}

@media screen and (min-width: 768px ) {
    .hero-block-holder #hero-block {
        height: 524px;
    }

    .page-template-page-ecards-index .ideas-list .idea-block-cont .ico{
        margin-top: 10px;
    }
    .page-template-page-ecards-index #hero-block .text-part, .page-template-page-send-e-cards #hero-block .text-part{
        min-height: inherit;
        display: flex;
        height: 100%;
        align-items: center;
        padding-bottom: 125px;
    }

}

@media screen and (max-width: 767px ) {
    .page-template-page-ecards-index .idea-block .idea-block-cont h2{
        margin-top: 10px;
    }
    .single-card  .top-network-page #hero-block .text-part{
        padding-left: 40px;
        padding-bottom: 45px;
    }
    .page-template-page-ecards-index .idea-block {
        margin-bottom: 16px;
    }
    .single-card-page .thankyou-block{
     justify-content: center;

    }
    .single-card-page .thankyou-block h2{
        text-align: center;
    }
    .page-template-page-ecards-index .ideas-list a {
        padding-bottom: 41px;
    }

    .single-card-page .error {
        font-size: 15px;
        top: -23px;
        line-height: 0.9;
    }

    .page-template-page-send-e-cards .wrapper-text-section {
        padding-top: 67px;


        padding-bottom: 38px;

    }

    .page-template-page-send-e-cards .e-cart-section .wrapper-paragraph {
        display: none;
    }

    .page-template-page-send-e-cards .e-cart-section h1 {
        padding: 0 45px;
        margin-bottom: 35px;
        line-height: 1.3;
    }

    .page-template-page-send-e-cards .e-cart-section {
        padding-top: 68px;
    }

    .page-template-page-send-e-cards .wrapper-text-section h1 {
        line-height: 1.3;
        margin-bottom: 30px;
    }

    .page-template-page-send-e-cards .wrapper-text-section strong {
        display: block;
        padding: 0 51px;
        font-size: 20px;
        line-height: 1.4;
    }

    .page-template-page-send-e-cards .wrapper-text-section p {
        font-size: 16px;
        line-height: 1.82;
    }

    .single-card-page .thankyou-block {

        padding-right: 0;
        padding-top: 44px;
        margin: 0;
    }

    .single-card-page .back-link {
        font-size: 20px;
    }

    .single-card-page {
        padding-top: 41px;
        padding-bottom: 42px;
    }

    .ez-checkbox {
        width: 13px;
        height: 13px;

        top: 3px;
        left: 1px;
        margin-right: 9px;
    }

    .single-card-page h2 {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 18px;
    }

    .wrapper-check {
        margin: 25px 0px 26px;
        position: relative;
    }

    .single-card-page input[type=submit] {
        width: 100%;
        line-height: 46px !important;
    }

    .wrapper-card {
        display: block;
        position: relative;
    }


    .single-card-page .thankyou-block h2 {
        font-size: 28px;
        margin-bottom: 67px;
        line-height: 1.6;
    }

    .wrapper-card .wrapper-img {
        width: 63%;
    }

    .single-card-page .wrapper-form {
        width: 100%;
        padding: 38px 0 0 0;
        position: static;
    }

    .page-template-page-ecards-index #about-section {
        padding: 56px 0 0;
        margin-bottom: 24px;
    }

    .page-template-page-ecards-index #about-section .container {

        padding-bottom: 77px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 15px;
        margin-right: 15px;

    }

    .page-template-page-ecards-index #about-section .wrapper-text-section > div {
        padding: 0;
    }

    .page-template-page-ecards-index #about-section p {
        margin: 0 0 2px;
        line-height: 29px;
    }

    .more-holder {
        font-size: 16px;
    }


}

@media screen and (max-width: 640px ) {


    .grid-e-cart .grid-sizer, .grid-e-cart .grid-items {
        width: 100%;
        padding: 0;
        display: none;
    }

    .grid-e-cart .grid-items:nth-of-type(2),
    .grid-e-cart .grid-items:nth-of-type(3),
    .grid-e-cart .grid-items:nth-of-type(4),
    .grid-e-cart .grid-items:nth-of-type(5),
    .page-template-page-ecards-index .gallery-list li:nth-child(1),
    .page-template-page-ecards-index .gallery-list li:nth-child(2),
    .page-template-page-ecards-index .gallery-list li:nth-child(3),
    .blog-section .ideas-list .blog-block:nth-child(1),
    .blog-section .ideas-list .blog-block:nth-child(2),
    .blog-section .ideas-list .blog-block:nth-child(3) {
        display: block;
    }

    .page-template-page-ecards-index .circle-block {
        width: 52%;
    }

    .page-template-page-ecards-index .circle-block h2 {
        font-size: 20px;
    }

    .page-template-page-ecards-index .circle-block .frame {
        padding: 0;
    }

    .page-template-page-ecards-index #how-to-participate {
        padding-bottom: 56px;
    }

    .e-cart-section {
        padding-top: 62px;
        padding-bottom: 53px;
    }

    .page-template-page-ecards-index h1 {
        margin-bottom: 38px;
    }

    .page-template-page-ecards-index .wrapper-paragraph {
        line-height: 1.77;
        margin-bottom: 49px;
        font-size: 16px;
    }

    .show-more {
        width: 177px;
        height: 39px;
        line-height: 39px;
    }

    .get-ideas-section {
        padding: 76px 0 78px;
    }

    .page-template-page-ecards-index .wrapper-paragraph p {
        margin-bottom: 0px;
    }

    .page-template-page-ecards-index .gallery-list {
        padding-top: 28px;
    }

    .page-template-page-ecards-index .gallery-list li {
        padding: 0;
        margin-bottom: 25px;
    }

    .page-template-page-ecards-index .gallery-list h2 {

        margin-top: 17px;
        padding: 0 29px;
    }

    .page-template-page-ecards-index .gallery-list li {
        display: none;
    }

    .blog-section .ideas-list .blog-block {
        padding: 0;
        display: none;
    }

    .blog-section {
        padding: 44px 0 70px;
    }

    .page-template-page-ecards-index .ideas-list .wrapper-img {
        height: 213px;
    }

    .blog-section .ideas-list h2 {
        font-size: 21px;
    }

    .blog-section .ideas-list p {
        font-size: 15px;
        margin-bottom: 36px;
    }

    .page-template-page-ecards-index .idea-block .idea-block-cont a span {
        font-size: 15px;
    }

    .register-section {
        padding: 44px 0 78px;
    }

    .page-template-page-ecards-index .register-section h1 {
        padding: 0 30px;
        margin-bottom: 50px;
    }

    .blog-section .ideas-list {
        margin-bottom: 49px;
    }
}


@media only screen and (max-width: 480px) {
    .page-template-page-send-e-cards  #hero-block .text-part {
        padding: 45px 40px 39px 40px;
        min-height: auto;
    }
    .page-template-page-send-e-cards #hero-block .text-part h2, .single-card .top-network-page #hero-block .text-part h1 {
        font-size: 24px;
    }
}

#banner-section h1 strong:after {
    content: ''; position: absolute; width: 110%; height: 43px; background: url('../../images/svg/red_stroke2.svg') 
    no-repeat; background-size: contain; transform: translate(-50%, -50%) rotate(1deg); top: 50%; left: 50%;
}
#banner-section {
    background-color: #f5ca00; background-image: url("../../images/svg/texture.svg"), url("../../images/svg/texture.svg"); 
    background-repeat: no-repeat; background-position: bottom left, bottom right; padding: 59px 0 44px; font-family: "Almoni Neue DL 4.0 AAA", Arial, sans-serif; text-align: center;
    margin-top: -43px;
}
#banner-section .container {
    max-width: 905px; padding: 0 30px; display: flex; flex-flow: column;
}
/*#banner-section.no-desktop{*/ /* display: none;*/ /*}*/
#banner-section h1 {
    font-size: 38px; line-height: 1.2; color: #000; font-weight: 900; font-family: "Almoni Neue DL 4.0 AAA", Arial, 
    sans-serif; position: relative; z-index: 1; margin: 0;
}
#banner-section h1:before, #banner-section h1:after {
    content: ''; position: absolute; width: 60px; height: 60px; background: url("../../images/svg/decorate-arrows.svg") 
    no-repeat; background-size: contain; top: -23px;
}
#banner-section h1:before {
    right: 9px;
}
#banner-section h1:after {
    left: 6px; top: -13px; transform: rotateZ(254deg);
}
#banner-section h1 strong {
    font-size: 59px; font-weight: 900; position: relative;
}
#banner-section h1 strong:after {
    width: 103%; height: 33px;
}
#banner-section h1 img {
    max-width: 625px; width: 100%; vertical-align: middle; margin: 0 0 41px 0; position: relative; top: 5px;
}
#banner-section h1 em {
    font-style: normal; font-size: 82px; color: #fff; -webkit-text-stroke: 2px #c9005b; line-height: .6;
}
#banner-section .more-info {
    display: inline-block; text-align: center; background: #fff; text-decoration: none; color: #cb005b; font-weight: 900; 
    font-size: 23px; letter-spacing: 1px; padding: 9px 29px; border-radius: 4px; margin: 0 0 0 67px; align-self: center; transition: 
    background-color 0.2s ease-in-out;
}
#banner-section .more-info:hover {
    background: #bd2b5f; color: #fff;
}

.banner-text {
    text-align: end; margin: -44px 0 25px -13px; position: relative; padding: 4px 0 0;
}
.banner-text:before, .banner-text:after {
    content: ''; position: absolute; width: 19px; height: 19px; background: url("../../images/svg/black-cross.svg") no-repeat; background-size: contain; top: 10px; transform: rotateZ(30deg);
}
.banner-text:before {
    right: -85px; top: 17px; background: url("../../images/svg/dark-pink-cross.svg") no-repeat; background-size: contain;
}
.banner-text:after {
    left: 130px;
}
.banner-text p {
    font-size: 37px; line-height: 1; font-weight: 700; color: #facb2a; background: #cb005b; margin: 0; display: inline-block; padding: 8px 16px 4px; border-radius: 18px;
}

@media only screen and (max-width: 639px){

    #banner-section {
        background: #f5ca00 url(../../images/svg/texture.svg) no-repeat 50% 50%; background-size: cover;
        margin-top: 0px;
    }

    #banner-section .container {
        padding: 0 18px;
        max-width: 500px;
    }

    #banner-section h1 {
        font-size: 22px;
        line-height: 1.9;
    }

    #banner-section h1:before {
        right: 1px;
    }

    #banner-section h1:before, #banner-section h1:after {
        width: 32px; height: 34px; top: -31px;
    }

    #banner-section h1 strong {
        font-size: 33px;
        line-height: 1;
    }

    #banner-section h1 em {
        font-size: 34px;
        line-height: 1.3;
        -webkit-text-stroke: 1px #c9005b;
    }

    #banner-section h1 img {
        max-width: 289px;
        margin: 0 0 11px;
    }

    #banner-section h1:after {
        left: 10px;
        top: -22px;
        transform: rotateZ(251deg);
    }

    #banner-section h1:before, #banner-section h1:after {
        width: 32px;
        height: 34px;
        top: -31px;
    }

    .banner-text {
        margin: -14px 0 30px 5px;
    }

    .banner-text:before {
        top: 29px;
        left: 20px;
    }

    .banner-text:before {
        width: 14px;
            height: 14px;
                transform: rotateZ(
                28deg
                );
    }

    .banner-text:after{
     display: none;
    }

    #banner-section .more-info:after {
        content: '';
            position: absolute;
                background: url(../../images/svg/black-cross.svg) no-repeat;
                    background-size: contain;
                        right: -34px;
                            bottom: 0;
                                width: 8px;
                                    height: 9px;
                                        transform: rotateZ(
                                        23deg
                                        );
    }

    .banner-text p {
        font-size: 22px;
            padding: 6px 13px;
    }

    #banner-section .more-info {
        font-size: 15px;
            padding: 6px 15px;
                letter-spacing: 0;
                    position: relative;
                    margin : 0px;
    }

}


/*
  custom icon to countries usa single
 */
.us_logo.logo{
    height: 221px;
}

.us_logo.logo a{
    background: none;
}

.us_logo img{
    background: none;
    border-radius: 0;
}

@media only screen and (max-width: 768px){
    .us_logo.logo a{
        background: none;
    }

    .us_logo.logo img{
        top: 4px;
    }
}

/*
  quiz landing page
 */
.quiz .join-us:after{
    display: none;
}

.quiz .join-us{
    background: #facb2d;
    background-size: unset;
}

.quiz-header {
    min-height: 80px;
}

.logo_cust_design img{
    max-width: 123px;
    margin-top: 6px;
}

body.page-template-page-quiz .faming .about-content h2:before,
body.page-template-page-quiz .faming .join-us-content h2:before{
    content:none;
}
body.page-template-page-quiz .faming .about-content{
    background: none;
}
body.page-template-page-quiz .faming .join-us-content h2{
    max-width: 100%;
}
body.page-template-page-quiz .faming .magnito{
    font-size:70px;
    margin-left: 20px;
}
body.page-template-page-quiz .faming .iframeblock{
    min-height: 600px;
    padding-top: 20px;
}
body.page-template-page-quiz .faming .iframeblock iframe{
    min-height: 600px;
}

body.page-template-page-quiz .main-section-info > p::after{
    display: none;
}

.quiz .top_row{
    display: flex;
    justify-content: flex-start;
    padding-right: 35px;
    margin-bottom: -7px;
}

.quiz .bottom_row{
    display: flex;
    justify-content: flex-end;
}
.quiz .bottom_row.yellow_text{
    color:#efb015;
}
.quiz .head_title_con{
    font-family: 'Dosis-Bold';
    font-size: 100px;
    letter-spacing: -1.29px;
}

.quiz .main-section-info > p {
    max-width: 681px;
    margin-top: 51px;
    font-size: 26px;
    line-height: 37px;
    letter-spacing: 0.17px;
}

.quiz .main-section-info > p::before,
.quiz .about-content h2::before{
    display: none;
}

.quiz .head_title_con{
    max-width: 621px;
    position: relative;
}

.quiz .title_icon{
    position: absolute;
}

.quiz .title_icon.left{
    top: -3px;
    left: -29px;
}

.quiz .title_icon.top_left{
    top: -9px;
    left: 168px;
}

.quiz .title_icon.top_right{
    top: -55px;
    left: 258px;
}

.quiz .title_icon.right{
    top: 105px;
    right: -29px;
}

.quiz .title_icon.bottom_left{
    bottom: 86px;
    left: 85px;
}

.quiz .title_icon.bottom{
    bottom: -23px;
    right: -4px;
}

.quiz .title_icon.bottom_b_left{
    bottom: -30px;
    right: 193px;
}

.quiz.main-section{
    background-image: unset;
}

.quiz .main-section-info{
    padding: 55px 0 0 50px;
}

.quiz.main-section .media-holder{
    margin-top: 40px;
}

.quiz.main-section:after{
    bottom: -145px;
}

.quiz .back_texture.right_texture{
    left: -53px;
    top: 24px;
}

.quiz .back_texture.left_texture{
    right: -93px;
    top: 0;
}

body.page-template-page-quiz .about-content{
    padding: 29px 0 55px;
    margin-top: -85px;
}

body.page-template-page-quiz .about-content h2{
    max-width: 680px;
}

body.page-template-page-quiz .join_us .join-us-content .text-holder {
    width: 100%;
}

body.page-template-page-quiz .footer-content .text-holder {
    margin-right: 190px;
}

body.page-template-page-quiz .faming-footer-logo {
    left: unset;
    right: 0;
}

body.page-template-page-quiz #faming-footer .footer-content {
    flex-direction: row;
}

@media only screen and (max-width: 767px) {

    .quiz.main-section:after{
        bottom: -75px;
    }

    body.page-template-page-quiz .about-content h2{
        font-size: 34px;
        line-height: 50px;
        letter-spacing: 0.26px;
        font-weight: 700;
    }

    body.page-template-page-quiz .join_us .join-us-content p{
        margin: -35px 0 43px;
        font-size: 21px;
        line-height: 31px;
    }

    body.page-template-page-quiz .faming .join-us-content h2:after{
        display: none;
    }

    body.page-template-page-quiz .about-content {
        padding: 0 0 55px;
        margin-top: 32px;
    }

    body.page-template-page-quiz .logo_cust_design img {
        max-width: 73px;
        margin-top: 0;
    }

    body.page-template-page-quiz .main-section-info > p {
        font-size: 16px;
        line-height: 19.3px;
        letter-spacing: 0.7px;
        margin-top: 40px;
        padding: 0 10px;
    }

    body.page-template-page-quiz .main {
        margin-top: -40px;
    }

    body.page-template-page-quiz #faming-header .header-logo {
        left: 6px;
        top: 3px;
    }

    body.page-template-page-quiz #faming-header .languages {
        position: absolute;
        right: 0;
        top: 12px;
    }

    .quiz .main-section-info {
        padding: 78px 20px 0 10px;
    }

    body.page-template-page-quiz #faming-footer .footer-content p {
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
    }

    body.page-template-page-quiz .quiz .head_title_con {
        font-size: 60px;
        line-height: 85px;
        padding-right: 0;
        margin-top: -390px;
    }

    body.page-template-page-quiz .faming .join-us-content:before {
        content: none;
    }
    body.page-template-page-quiz .quiz .main-section-info {
        padding: 0px 20px 0 10px;
    }
    body.page-template-page-quiz .quiz .top_row {
        margin-bottom: -4px;
        font-size: 60px;
        letter-spacing: -0.77px;
        justify-content: center;
        padding-right: 0;
    }
    body.page-template-page-quiz .quiz .bottom_row {
        justify-content: center;
        font-size: 60px;
        letter-spacing: -0.77px;
    }
    body.page-template-page-quiz .faming .iframeblock{
        min-height: auto;
        padding-top:10px;
    }
    body.page-template-page-quiz .join_us .join-us-content h2 {
        font-size: 26px;
        line-height: 37px;
        letter-spacing: 0;
        font-weight: 700;
    }

    body.page-template-page-quiz .join_us{
        padding: 120px 30px 8px;
    }

    body.page-template-page-quiz .faming .magnito {
        display: block;
        font-size: 37px;
        letter-spacing: -0.48px;
        max-width: 210px;
        line-height: 46px;
        margin-left: 0;
    }
    body.page-template-page-quiz .faming-social-networks {
        background: none;
    }
    body.page-template-page-quiz .back_texture.bottom_left_texture {
        top: -80px;
        left: unset;
        right: 0;
    }
    body.page-template-page-quiz .footer-content .text-holder{
        margin-right: 0;
    }
    .quiz .title_icon.top_left,
    .quiz .title_icon.bottom_left{
        display: none;
    }
    .quiz .title_icon.left {
        top: -17px;
        left: calc(50% - 129px);
    }
    .quiz .title_icon.top_right {
        top: -12px;
        left: unset;
        right: calc(50% - 136px);
    }
    body.page-template-page-quiz .quiz .title_icon.bottom {
        right: calc(50% - 168px);
        width: 65px;
        bottom: -14px;
    }
    .quiz .title_icon.bottom_b_left {
        bottom: -37px;
        right: unset;
        left: calc(50% - 170px);
    }
    .quiz .title_icon.right {
        top: unset;
        right: calc(50% + 16px);
        bottom: -12px;
    }
}

body.page-template-page-quiz #faming-footer .footer-content p{
    font-weight: 400;
}

.join_us{
    padding: 131px 30px 208px;
    position: relative;
    background-color: #efb015;
}


.join_us .join-us-content h2 {
    font-size: 50px;
    color: #d8005b;
    font-weight: 900;
    line-height: 1;
    position: relative;
    margin-bottom: 45px;
    letter-spacing: -1.03px;
}

.join_us .join-us-content p{
    max-width: 680px;
}

.magnito{
    font-family: 'Dosis-Bold';
}

.back_texture{
    position: absolute;
}

.back_texture.bottom_left_texture{
    top: -80px;
    right: 25px;
}


/*
 * Home good banner
 */



#good-banner-section {
    background-color: #f3c338;
    margin: -43px 0 30px 0;
    padding: 85px 0;
}

#good-banner-section .container,
#good-banner-section .head_title_con{
    max-width: 695px;
}

#good-banner-section .top_row{
    color: #be2c5e;
}

#good-banner-section .bottom_row{
    color: #be2c5e;
}

#good-banner-section .bottom_row .white_text{
    color: #fff;
}

#good-banner-section .more-info{
    background-color: #bf2d5f;
    padding: 12px 47px;
    border-radius: 15px;
    color: #fff;
    text-decoration: none;
    z-index: 1;
}

.d-flex{
    display: flex;
}

.justify-content-center{
    justify-content: center;
}

.relative{
    position: relative;
}

.absolute{
    position: absolute;
}

#good-banner-section .left_icon{
    top: -13px;
    left: -31px;
}
#good-banner-section .top_left{
    top: -45px;
    left: 267px;
}
#good-banner-section .top_right{
    top: 41px;
    right: 188px;
}
#good-banner-section .right{
    top: 105px;
    right: 15px;
}
#good-banner-section .bottom_left{
    bottom: 82px;
    left: 68px;
}
#good-banner-section .bottom{
    bottom: -48px;
    left: 293px;
}
#good-banner-section .bottom_b_right{
    bottom: -32px;
    right: -3px;
}
#good-banner-section .background_left_texture{
    left: 13px;
    top: 102px;
}
#good-banner-section .background_right_texture{
    right: calc(50% - 621px);
    bottom: 67px;
    z-index: 0;
}

#good-banner-section .banner_bottom_btn{
    margin-top: 92px;
}

#latest-updates .instagram-images.instagram-posts{
    height: 580px !important;
    overflow: unset;
    overflow-y: auto;
}

#latest-updates .twitters-list.white-list{
    background: #fff;
}

#sb_instagram.sbi_fixed_height{
    overflow: unset;
    overflow-y: unset;
}

@media only screen and (max-width: 767px) {
    #latest-updates .instagram-images.instagram-posts{
        height: 535px !important;
    }
    #good-banner-section .head_title_con{
        letter-spacing: -0.64px;
        font-size: 50px;
        margin: 0 20px;
    }
    #good-banner-section .top_row{
        margin-bottom: 0;
    }
    #good-banner-section .left_icon {
        top: -20px;
        left: -26px;
        width: 47px;
    }
    #good-banner-section .top_left {
        top: -57px;
        left: 57px;
        width: 19px;
    }
    #good-banner-section .top_right {
        top: -17px;
        right: 186px;
        width: 19px;
    }
    #good-banner-section .right {
        top: 24px;
        right: 9px;
        width: 19px;
    }
    #good-banner-section .bottom_left {
        bottom: -19px;
        left: 16px;
        width: 19px;
    }
    #good-banner-section .bottom {
        bottom: -69px;
        left: 134px;
        width: 19px;
    }
    #good-banner-section .bottom_b_right {
        bottom: -18px;
        right: -6px;
        width: 60px;
    }
    #good-banner-section .background_left_texture {
        left: -6px;
        top: 80px;
    }

    .page-template-page-joinus-short .js-btn-fixed.activeDark{
        height: 89px;
    }

    .page-template-page-joinus-short .js-btn-fixed a.js-link-starter{
        width: 180px;
        border: 1px solid white;
        display: inline-block;
        margin: 25px 0;
    }

    #latest-updates .instagram-images img{
        width: 100%;
    }
}