@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i|Courgette|Oswald:300,400,500,600,700&display=swap');
body{font-family: 'Open Sans', sans-serif;background-image:url(../images/version01-bg.jpg);background-position:center top;background-repeat:no-repeat;background-attachment: fixed;background-size: cover;color:#000}
body.quiz-v2{background-image:url(../images/version02-bg.jpg);}
.oswald{font-family: 'Oswald', sans-serif;}
.courgette{font-family: 'Courgette', sans-serif;}
.open-sans{font-family: 'Open Sans', sans-serif;}
p,li{color:#000;font-size:20px;font-family: 'Open Sans', sans-serif;}
body.optin{background-image:url(../images/Optin-Background.jpg);}
body.ver-two{background:none;}
.footerWrap,header{background:rgba(255,255,255,1)}
.quizWrap{background:rgba(255,255,255,0.8); border-radius: 10px; border: 10px solid #5e36ae;}
.quizWrap.optinBorder{border-color:#ffa237}
.quizWrapOut{padding: 20px;background:rgba(255,255,255,0.6);border-radius:10px;}
.quiz-v2 .quizWrapOut{background:rgba(255,255,255,0.8);}
.ver-two .quizWrap{background:#fdeee7;}
.ver-two .quizWrap{border: 10px solid #FF0080;}
h1,h2,h3,h4,h5,h6{font-family: 'Oswald', sans-serif;color:#000}
h1{font-size:2.5rem;line-height:2.8rem}
h3{font-size: 1.7rem;}
.font24{font-size:24px;line-height:30px;}
.font22{font-size:22px}
.font10{font-size:10px}
.font12{font-size:12px}
.font700{font-weight:700}
.font800{font-weight:800}
.font62{font-size:62px}
.animate{-o-transition:color .2s ease-out, background 1s ease-in; -ms-transition:color .1s ease-out, background 0.2s ease-in; -moz-transition:color .1s ease-out, background 0.2s ease-in; -webkit-transition:color .1s ease-out, background 0.2s ease-in; /* ...and now override with proper CSS property */ transition:color .1s ease-out, background 0.2s ease-in;}
.iconWrap{display: block; padding: 20px; border-radius: 4px; border: 2px solid #ccc;cursor:pointer;}
.ver-two .iconWrap{border: 2px solid #efb89e;}
.iconWrap:hover,.iconWrap.selected,.gender.women.iconWrap.selected,.gender.men.iconWrap.selected{background:#69b92e;border: 2px solid #569628;color:#fff}
.ageBullet{margin-left:0;padding-left:0;list-style-type:none;font-family: 'Oswald', sans-serif;}
.ageBullet li{margin-bottom:15px;position: relative;font-size: 22px;padding:10px 10px 10px 45px;line-height:24px;cursor:pointer;border-radius:5px;border:1px solid #ccc}
.ageBullet li:before{font-family:FontAwesome;content: "\f0c8";position: absolute;left:12px;font-size: 26px;top:10px;color:#70a954;}
.ageBullet li:hover{background: #b7cdad;border-color: #909b8b;color:#fff}
.ageBullet li.selected{background:#70a954;border-color:#70a954;color:#fff}
.ageBullet li:hover::before,.ageBullet li.selected::before{content:"\f00c";color:#fff;font-weight:normal}
#email.emailClass{border: 3px solid rgba(255,137,24,0.8); font-size: 22px; height: 55px; font-weight: bold;color:#000;padding-left:48px}
.ver-two #email.emailClass{border: 3px solid rgb(255, 0, 128);}
.emailwrap{position:relative;}
.emailwrap:before{position: absolute;font-family: FontAwesome;content: "\f0e0";color: #c3c3c3;top: 5px;left: 14px;font-size: 30px;}

.btn-submit-yellow{background:#ffa237; font-family: 'Oswald', sans-serif; color: #fff; font-size: 39px; text-shadow:1px 1px 0px rgba(0,0,0,0.2); font-weight: 500; border-width: 1px 1px 4px 1px; border-color: #cc893c; border-style: solid; cursor:pointer; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2);text-transform: uppercase;padding: 10px 30px; display: inline-block; text-decoration: none;}
.btn-submit-yellow:hover{color:#fff;background: #ffab3e;text-decoration:none}

.ver-two .btn-submit-yellow{border-color: #d6066f;background: #ff0080;}
.ver-two .btn-submit-yellow:hover{background: #ec0178;}

.headlineWrap{background: #0075b2; color: #fff; border-radius: 5px; text-shadow: 1px 1px 0 #024a6f;}
.yoga-bg{background-image:url(../images/yoga.jpg);background-position: center top;background-size: cover;background-attachment: fixed;;background-repeat:no-repeat;}
.font48{font-size: 48px;}
.font36{font-size: 36px;}
.greyBorder{border: 4px solid #4c4c4a;}
.roundCheck,.tickBox{padding:0}
.tickBox li{list-style-type:none;position:relative;padding:5px 5px 5px 40px}
.tickBox li:before{font-family: FontAwesome;content:"\f046";position:absolute;left:0;top:4px;color:#66b7a1}
.salespage{background:#fff}
.topWrapper{background:rgba(255,255,255,0.7)}
.headlineTwo{background: #fff; border-radius: 0 0 10px 10px; box-shadow: 0 2px 5px 2px rgba(0,0,0,0.3);font-size:2.5rem}
.br-10{border-radius:10px 10px 0 0;box-shadow: 0 2px 5px 2px rgba(0,0,0,0.3);}
.disclaimerText{word-break: break-all;}
.top-content{display:none;padding: 15px 0;background: #666;color: #edff00;width: 100%;font-size: 32px;text-shadow: 2px 2px 2px #4c4c4c;line-height: 40px;}
.greenCheck{margin:0; padding:0;}
.greenCheck li{position: relative;list-style-type: none;padding:5px 0 5px 30px}
.greenCheck li:before{font-family: FontAwesome; content: "\f00c";position: absolute;left: 0;top: 3px;color: #029240;font-size:20px;}
.strikeOver{text-decoration:line-through}
.greyColor{color:#888}
.redColor{color:#ff6b5e}
.topBg{background: #5e36ae;border-bottom: 8px solid #371d6a; box-shadow: 0 0 8px #333131;}
.ver-two .topBg{background: #FF0080;border-bottom: 8px solid #c30263;}
.topHeadline{color: #fff;text-shadow: 1px 1px 0 #024a6f;letter-spacing:-1px;}
.ver-two .textShadow{text-shadow: 1px 1px 0 #8c0247;}
.topHeadline.special{font-size:2rem;}
.secondHeadline{font-size: 32px; font-weight: 300; text-shadow: 1px 1px 0 #024a6f; color: #ececec; line-height: 35px;}
.calculatewrap{width:250px;height:210px;display:block;margin:0 auto;}
.progressBorder { fill:none; stroke: #28abdb;  stroke-width: 12; stroke-linecap: round; transform-origin: center; transform: rotate(-90deg);}
text { fill: #28abdb;}
.backButton,.nextButton{cursor:pointer}
.vimeo-with-sound-container{position:relative;}
.unmute{text-decoration:none;position: absolute;right: 25px;top: 10px;font-size: 18px;color: #000;background: rgba(255,255,255,0.85);padding: 5px 10px;border-radius: 5px;}
.unmute:hover{color:#000}
.timerHeadline{color: #f9ff00;text-shadow: 1px 1px 0 #024a6f;font-size: 3.6rem;}
.ver-two .pinkColor{color:#ff0080}
.select-apply{font-size: 16px;font-weight: 400;font-family: 'Open Sans';margin-top: 5px;display:inline-block;}
.stp{display: inline-block; padding: 4px 0;border-radius: 4px;}
.select-error{background: #ff5a5a;color: #fff;padding:4px 10px;}
.quiz-5217 .container-wrap{background-color: rgba(0,0,0,0.6);}
.quiz-5217 .quizWrapOut{background: none;padding:0;}
.quiz-5217 .quizWrap{border: 0;background: none;}
.top-part-01,.bottom-part-01{padding: 25px;border-radius: 30px;margin-bottom: 15px;}
.bottom-part-01{margin-top: 15px;}
.fw700{font-weight:700;}
.left-part,.right-part{background: #eee6fe;  border-radius: 25px; padding: 25px;}
.right-part{background: #fff;height:100%;}
.pd-0{padding-right:0}
.mb-39{margin-bottom:39px;}

.gradient-button{background: rgb(18,154,142);background: linear-gradient(90deg, rgba(18,154,142,1) 22%, rgba(56,238,128,1) 100%); font-family: 'Oswald', sans-serif;color: #fff; font-size: 40px; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); font-weight: 500; border-width: 1px 1px 4px 1px; cursor: pointer; text-transform: uppercase; padding: 12px 60px; display: inline-block;text-decoration: none;border-radius:15px;line-height:45px;box-shadow: 0px 15px 10px -15px #606060;}
a.gradient-button:hover,a.gradient-button:active{text-decoration:none;color:#fff}
.linebreak-ad{display:block;}
.font16{font-size:16px;line-height:20px;}
.testi-pic{border: 4px solid #606060; border-radius: 70px; box-shadow: 0 4px 5px #a3a3a3;}
.gender.women{ border-radius: 50px;background: #f44452; border: 2px solid #e12e3c; color: #fff;}
.gender.women:hover,.gender.women.selected:hover{background: #e12e3c;filter: none;border: 2px solid #e12e3c;}
.gender.men{ border-radius: 50px;background: #457cd3; border: 2px solid #3868b5; color: #fff;}
.gender.men:hover,.gender.men.selected:hover{background: #3868b5;filter: none; border: 2px solid #3868b5;}

.wrp-how-old-are-you .iconWrap{
    padding:0;
}

.iconWrap:hover, .iconWrap.selected{
	filter: none;
	background-color: #569628;
}

.wrp-how-old-are-you .iconWrap:hover{
    background-color: #569628!important;
    border:solid 2px #569628;
}


.icon-gender{
    background-position: center!important;
    background-size:contain!important;
    display: block;
    margin:0 auto;
}

@media screen and (min-width:767px){
    .icon-gender{
        height:150px;
        width:150px;    
    }
}

@media screen and (max-width:767px){
    .icon-gender{
        height:110px;
        width:110px;        
    }
}

.title-how-old-are-you{margin-top:20px;margin-bottom:20px;}
.section-how-old-are-you .iconWrap h3 span{text-align: center;}

.icon-gender.women.age-18-20{
    background:url(../images/female-cpc-18-20-gray.png) no-repeat;
}

.icon-gender.women.age-20{
    background:url(../images/women-20.png) no-repeat;
}

.icon-gender.women.age-30{
    background:url(../images/women-30.png) no-repeat;
}

.icon-gender.women.age-40{
    background:url(../images/women-40.png) no-repeat;
}

.icon-gender.women.age-50{
    background:url(../images/women-50.png) no-repeat;
}

.icon-gender.women.age-60{
    background:url(../images/women-60.png) no-repeat;
}


.icon-gender.men.age-18-20{
    background:url(../images/male-cpc-18-20-gray.png) no-repeat;
}

.icon-gender.men.age-20{
    background:url(../images/men-20.png) no-repeat;
}

.icon-gender.men.age-30{
    background:url(../images/men-30.png) no-repeat;
}

.icon-gender.men.age-40{
    background:url(../images/men-40.png) no-repeat;
}

.icon-gender.men.age-50{
    background:url(../images/men-50.png) no-repeat;
}

.icon-gender.men.age-60{
    background:url(../images/men-60.png) no-repeat;
}

@media screen and (min-width:1025px){.linebreak{display:block}}
@media screen and (max-width:991px){
	.pd-0{padding-right:15px;margin-bottom:15px;}
}
@media screen and (max-width:767px){
	h1{font-size:2rem;text-shadow: 0 1px 0 #024a6f;line-height:2.2rem}
	.font24,.font22{font-size:16px;line-height:20px}
	.font62,.font45,.font48,.font46{font-size:34px;line-height:40px}
	.font36{font-size:30px;line-height:34px;}
	.quizWrapOut{padding:0;}
	.headlineTwo,h2{font-size:26px}
	.text-smonly-center{text-align:center;}
	.btn-submit-yellow{font-size:24px}
	.br-10{border-radius:2px 2px 0 0;}
	.headlineTwo{border-radius: 0 0 2px 2px;}
	.greenCheck{margin:0!important;}
	.secondHeadline { font-size: 20px; line-height: 25px;text-shadow: 0 1px 0 #024a6f;font-weight:400;}
	.topHeadline.special{font-size:20px}
	.top-content{padding: 15px;font-size: 18px;line-height: 24px;}
	.quiz-5217 .quizWrap{padding:0!important}	
	.gradient-button{padding: 12px; font-size: 30px; line-height: 35px;display:block;}
	h3{font-size: 1.4rem;}
}

/* 5432 -v3 */
html {
	scroll-behavior: smooth;
  }
.top-part {
    background-image: url(../images/version02-bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.tickbox-cont {
    background: #edf5ff;
    border-radius: 10px;
}

.start-survey {
    background: rgb(244,111,50);
    background: linear-gradient(180deg, rgba(244,111,50,1) 0%, rgba(246,128,70,1) 100%);
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    text-decoration: none;
    border-radius: 30px;
    box-shadow: 0 4px 1px #e75f21;
    font-size: 24px;
    text-transform: uppercase;
}


.start-button span {
    line-height: 44px;
    display: inline-block;
    background: #5e36ae;
    color: #fff;
    padding: 10px 36px;
    font-size: 40px;
    text-transform: uppercase;
    border-radius: 50px;
    line-height: 45px;
    position: relative;
}

.start-button span:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 30px 25px 0 25px;
    border-color: #5E36AE transparent transparent transparent;
    border-style: solid;
    position: absolute;
    left: 46%;
    bottom: -29px;
}

.start-survey:hover {
    text-decoration: none;
    color: #fff;
    color: #fff;
}

@font-face {
    font-family: 'Museo Sans 500';
    src: url('../fonts/MuseoSans-500.woff2') format('woff2'),
        url('../fonts/MuseoSans-500.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 500';
    src: url('../fonts/MuseoSans-500Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans-500Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 700';
    src: url('../fonts/MuseoSans-700.woff2') format('woff2'),
        url('../fonts/MuseoSans-700.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 100';
    src: url('../fonts/MuseoSans-100.woff2') format('woff2'),
        url('../fonts/MuseoSans-100.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 900';
    src: url('../fonts/MuseoSans-900.woff2') format('woff2'),
        url('../fonts/MuseoSans-900.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 100';
    src: url('../fonts/MuseoSans-100Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans-100Italic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 900';
    src: url('../fonts/MuseoSans-900Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans-900Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 700';
    src: url('../fonts/MuseoSans-700Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans-700Italic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 300';
    src: url('../fonts/MuseoSans-300Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans-300Italic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 300';
    src: url('../fonts/MuseoSans-300.woff2') format('woff2'),
        url('../fonts/MuseoSans-300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.fontMuseoSans700{font-family: 'Museo Sans 700';font-weight: bold;}
.fontMuseoSans500{font-family: 'Museo Sans 500';font-weight: normal;}

.pushed{

	-webkit-box-shadow: inset 0px 3px 3px #bbb;
	   -moz-box-shadow: inset 0px 3px 3px #bbb;
			box-shadow: inset 0px 3px 3px #bbb;
	 outline: none;
}
.mbcColor{color:#5e36ae;}
.topHeadline{color:#5e36ae;text-shadow:none;font-size:30.72px;line-height:36px;}
.question_text.small-ver{font-size: 22px;margin-bottom: 20px;display: block;}
h1 { font-size: 2.64rem;line-height: 2.64rem;}
.h2, h2 { font-size: 1.6rem;line-height:2rem}
h3{font-size:1.2rem;}
.quizWrap{border:0;background:#fff;}
.quiz-v2 .quizWrapOut{background:#fff;border-radius:24px;}
.iconWrap:hover, .iconWrap.selected{ background: #32156a98;border: 2px solid #32156a;border-radius:32px; filter: invert(100%);}

.iconWrap{ background: #fbfcfc;border: 2px solid #32156a;border-radius:32px;}
.iconWrap h3{color:#fff;}
.iconWrap:hover h3{color:#5e36ae!important;}
.color-white{color:#fff;}
h1,h2,h3,h4,h5,h6{font-family: 'Museo Sans 700', sans-serif;}
.progress{border: 2px solid #c7c9cb; height: 1.85rem; border-radius: 50px;padding: 5px;}
.progress-bar{box-shadow:2px 1px 2px #a3a3a3;background: rgb(63,59,135);background: linear-gradient(90deg, rgba(63,59,135,1) 0%, rgba(147,25,207,1) 50%, rgba(119,30,225,1) 100%);border-radius:50px;}
.ageBullet li{border-radius:50px;text-align:center;padding:10px 20px;}
.ageBullet li:before{display:none;}
.backButton,.nextButton{background: #d8dbdd;border-color: #bdbebf; color: #555; border-radius: 30px;}
.btn-submit-yellow{background: #027bfe; border-radius: 50px; box-shadow: none; text-shadow: none; border: 0;  text-transform: capitalize; font-family: "Museo Sans 300", sans-serif;font-size:24px;padding:10px 40px;margin-top:30px;}
.btn-submit-yellow:hover{background: #0568d3;}
.progressBorder {stroke-width:8;}
text { fill: #3f3b87;}
.linebreak-ad{font-weight:400;}
.progressBorderO { fill:none; stroke-width: 9; stroke-linecap: round; transform-origin: center; transform: rotate(-90deg);}
.progressBorderLine { fill:none; stroke-width: 3; stroke-linecap: round; transform-origin: center; transform: rotate(-90deg);}
.progressBorderBg { fill:#f3f3f3;  stroke-width: 16; stroke-linecap: round; transform-origin: center; transform: rotate(-90deg);}
body.s-mbc-5294-v1 .footerWrap{margin-top:0;}
@media screen and (max-width:767px){
	h1{font-size:1.8rem;line-height:2.2rem;}
	.sm-text-left{text-align:left!important;}
	h3 {font-size: 1rem;}
    body .mr-5{margin-right:1rem!important}
    body .ml-5{margin-left:1rem!important;}
}

.height {
    height: 100%;
    min-height: 100vh;
}

.wrp-how-old-are-you .iconWrap{
    padding:0;
}

.iconWrap:hover, .iconWrap.selected{
	filter: none;
	background-color: #569628;
}

.wrp-how-old-are-you .iconWrap:hover{
    background-color: #569628!important;
    border:solid 2px #569628;
}


.icon-gender{
    background-position: center!important;
    background-size:contain!important;
    display: block;
    margin:0 auto;
}

@media screen and (min-width:767px){
    .icon-gender{
        height:150px;
        width:150px;    
    }
}

@media screen and (max-width:767px){
    .icon-gender{
        height:110px;
        width:110px;        
    }
}

.title-how-old-are-you{margin-top:20px;margin-bottom:20px;}
.section-how-old-are-you .iconWrap h3 span{text-align: center;}

.icon-gender.women.age-18-20{
    background:url(../images/female-cpc-18-20-gray.png) no-repeat;
}

.icon-gender.women.age-20{
    background:url(../images/women-20.png) no-repeat;
}

.icon-gender.women.age-30{
    background:url(../images/women-30.png) no-repeat;
}

.icon-gender.women.age-40{
    background:url(../images/women-40.png) no-repeat;
}

.icon-gender.women.age-50{
    background:url(../images/women-50.png) no-repeat;
}

.icon-gender.women.age-60{
    background:url(../images/women-60.png) no-repeat;
}


.icon-gender.men.age-18-20{
    background:url(../images/male-cpc-18-20-gray.png) no-repeat;
}

.icon-gender.men.age-20{
    background:url(../images/men-20.png) no-repeat;
}

.icon-gender.men.age-30{
    background:url(../images/men-30.png) no-repeat;
}

.icon-gender.men.age-40{
    background:url(../images/men-40.png) no-repeat;
}

.icon-gender.men.age-50{
    background:url(../images/men-50.png) no-repeat;
}

.icon-gender.men.age-60{
    background:url(../images/men-60.png) no-repeat;
}

body.quiz-v2 {
    background-image: none!important;
}

.top-part{
    background-image: url(../images/version02-bg-dark.jpg)!important;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.quiz-v2 .quizWrapOut, .quizWrap {
    background: transparent!important;
    background-color: transparent!important;
}

.topHeadline {
    color: #fff;
    font-size: 3.0rem;
    line-height: 3.6rem;
    letter-spacing: 0;
}

.text-shade {
    color: #ccc;
}

.fontMuseoSans900{font-family:'Museo Sans 900';font-weight: 900;}
.fontMuseoSans850{font-family:'Museo Sans 900';font-weight: 850;}
.fontMuseoSans800{font-family:'Museo Sans 900';font-weight: 800;}

.carousel-item h2,.carousel-item p {
    color: #fff;
}
.ageBullet li{background:#fff;color:#000;}
.carousel-item li{color:#000}
.square-aged-boxes.wrp-how-old-are-you .iconWrap,.square-aged-boxes.wrp-how-old-are-you .iconWrap:hover,.square-aged-boxes.wrp-how-old-are-you .iconWrap.selected {
    border-radius: 0
}

.icon-gender.men.age-18-24 {
    background: url(../images/men-18-24.png) no-repeat
}

.icon-gender.men.age-25-34 {
    background: url(../images/men-25-34.png) no-repeat
}

.icon-gender.men.age-35-44 {
    background: url(../images/men-35-44.png) no-repeat
}

.icon-gender.men.age-45-54 {
    background: url(../images/men-45-54.png) no-repeat
}

.icon-gender.men.age-55-64 {
    background: url(../images/men-55-64.png) no-repeat
}

.icon-gender.men.age-65 {
    background: url(../images/men-65.png) no-repeat
}

.icon-gender.women.age-18-24 {
    background: url(../images/women-18-24.png) no-repeat
}

.icon-gender.women.age-25-34 {
    background: url(../images/women-25-34.png) no-repeat
}

.icon-gender.women.age-35-44 {
    background: url(../images/women-35-44.png) no-repeat
}

.icon-gender.women.age-45-54 {
    background: url(../images/women-45-54.png) no-repeat
}

.icon-gender.women.age-55-64 {
    background: url(../images/women-55-64.png) no-repeat
}

.icon-gender.women.age-65 {
    background: url(../images/women-65.png) no-repeat
}

.mbcColor {
    color: #5e36ae!important;
}
.main-quiz .quizFinalReport {
    padding: 20px;
    background: #fff;
    border-radius: 20px
}
.main-quiz .quizFinalReport p{color:#000;}

.answer-more-desc .alert-info {
    color: #fff;
    background-color: #00000080;
    border-color: #303030;
    border-radius: 0;
    background-image:url()
}
.answer-more-desc .alert{padding:1rem 1.75rem 0.25rem 1.75rem;}
.answer-more-desc .alert-info::before{position:absolute;top:12px;content:" ";background:url(../images/idea-v2.png) no-repeat; width:64px;height:64px;background-size: contain; left: 50%;transform: translate(-50%, -48px);}
.answer-more-desc .alert-info strong{color:#70a954}

@media screen and (max-width: 767px) {
    body,.top-part{background-position: left;background-attachment: initial;}
    .body-gradient{background:linear-gradient(100deg, rgba(0,0,0,0.6) 45%, rgba(0,0,0,0) 100%)}
    .font28{font-size: 19px;line-height: 25px;}

    .topHeadline{
        font-size: 1.7rem;
        line-height: 2.2rem;
    }
}