#holder{background: #fff; min-height:100%; padding:30px 0 10px 0;}
#main_content {background: url("https://www.savoirmaigrir.fr/img_aj/jmc/mag/sm-mainHolder-bg.jpg") no-repeat top left; padding: 10px; box-shadow: 0 0 5px 0 #606060; border-radius: 20px; border: solid 2px #ffffff; min-height:550px;}
#main_content .margin-fix h1 {font: bold 23px arial; color: #000; text-align: center; margin-bottom:40px;}
.sticker-sm{position:absolute; top:-10px; left:20px;padding-right:10px;}
.container{max-width:1000px;}
.headerHolder {height: 87px; left: 0; position: relative; top: -27px; width: 100%;}
.headerHolder h1 { background: url("https://www.savoirmaigrir.fr/img_aj/jmc/landing-sm-logo.png") repeat scroll 0 0 rgba(0, 0, 0, 0); height: 50px; left: 2%;  margin: 0 auto; overflow: hidden; position: absolute; text-align: left; text-indent: -9999px; top: 32px; width: 350px;}
.headerHolder .tagline {width: 320px; height: 16px; background: url(https://www.savoirmaigrir.fr/img_aj/jmc/landing-header-tagline-3.png) no-repeat left bottom; position: absolute; top: 51px; left: 100px; margin-left: 355px; background-size: 100% auto;}
.headerHolder .jmcPic {background: url("https://savoir-maigrir.aujourdhui.com/img/lp2014/landing-jmc-header.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0; height: 87px; position: absolute; right: 0; width: 125px;}

div.lowerblock div.rulesblock {margin-top: 20px; background: #edecec none repeat scroll 0 0; border: 2px solid #fff; border-radius: 15px; padding: 20px 40px 40px 40px; box-shadow: 0 0 5px 0 #606060;}
div.lowerblock div.rulesblock h2 {font: bold 24px arial; color: #272727; text-align: center;}
div.lowerblock div.rulesblock h3 {font: bold 18px arial; color: #f79b36; padding: 10px 0px;}
div.lowerblock div.rulesblock h4 {font: bold 16px arial; color: #272727; text-align: left;}
div.lowerblock div.rulesblock ol.decimal {list-style-type: decimal; padding: 0px; font: normal 14px arial; color: #595757; line-height: 20px;}
div.lowerblock div.rulesblock ol li {padding: 0px 0px 10px 10px; margin-left: 20px;}
div.icon-list ul {border-left: solid 1px #ccc; border-top: none; padding-left: 10px; margin-left: 10px;}
div.icon-list ul li {list-style: none;}
p.notes{font: normal 12px arial;}
.promises {background: #222; padding: 20px; text-align: center;max-width: 100%; margin: 0 auto;}
.arrowdown {text-align: center; max-width: 100%; }
.arrowdown img{vertical-align:top;}
.centerit{margin:0 auto;}
.hidden-question { display: none; }
#questions {border-radius: 10px; box-shadow: 0 0 3px 0 #606060; margin: 0 auto; padding: 0; max-width: 100%;}
#questions h2 {background: #f38900 none repeat scroll 0 0; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #ffffff; font: bold 18px arial; margin: 0; padding: 10px; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);}
.question_list {background: #ffffff; padding: 10px 20px 30px 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.question_list h3 { font: bold 18px arial; color: #000000; }
.question_list p { font: normal 16px arial; }
.question_list b { font: bold 16px arial; }
.question_list p span.filloutform { display: block; float: left; font-size: 14px; font-weight: bold; padding-top: 2px !important; width: 45%; text-align: right; padding-right: 5%; }
.bmbig { background-color: white; border: 1px solid #b8b7b7; color: #5f4f4e; font: 14px Arial; height: 18px; margin-right: 5px; width: 56px; }
.bmbig-select { background-color: white; border: 1px solid #b8b7b7; color: #5f4f4e; font: 14px Arial; margin-right: 2px; width: 56px; }
.fset { border: medium none; display: block; margin: 0; padding: 0; }
ul.multichoice { margin: 0px; padding: 0; position: relative; }
ul.multichoice li { padding: 0px 0px 0px 20px; list-style: none; font: normal 16px arial; vertical-align: middle; color: #292929; }
ul.multichoice li.choice-over { background-color: #f1f1ed; color: #000000; }
ul.multichoice li label { display: block; padding: 3px 0px 3px 0px; font-weight:normal; }
ul.multichoice li label img { line-height: 1em; vertical-align: middle; }
ul.multichoice li span { padding-left: 15px; }
.profil-test { height: 16px; opacity: 0; position: relative; width: 16px; opacity: 100; filter: alpha(opacity=0); margin: 0; }
.je-continue { background: url(https://savoir-maigrir.aujourdhui.com/img/payment/button_je-continue.png) no-repeat; }
.je-continue-over { background: url(https://savoir-maigrir.aujourdhui.com/img/payment/button_je-continue.png) no-repeat; }
.je-finish { background: url(https://savoir-maigrir.aujourdhui.com/img/payment/button_je-termine-mon-bilan.png) no-repeat; }
.je-finish-over { background: url(https://savoir-maigrir.aujourdhui.com/img/payment/button_je-termine-mon-bilan.png) no-repeat; }
ul.body_parts li { float: left; position: relative; width: 25%; }
span.question_choices { display: inline-block; width: 80%; vertical-align: top; margin-left: 0; }

ul.multichoice.gen li { float: left; width: 50%; text-align: center; background-image: none !important; padding: 0 !important; border-top: 0px none !important; -webkit-tap-highlight-color: rgba(0,0,0,0); }
ul.multichoice.gen li .profil-test { opacity: 0 !important; }
ul.multichoice.gen li.choice-over { background-color: transparent !important; }
.genderMobile { display: block; width: 85%; margin: -10px auto 20px auto; border: 2px solid #d7d7d7; border-radius: 15px; padding: 110px 0px 8px 0px !important; max-width: 160px; font-size: 14px; background-repeat: no-repeat; background-position: center 12px; background-size: 82px auto; }
.genderMobile.male { background-image: url(https://savoir-maigrir.aujourdhui.com/img/2016/genMale-gray.png); }
.genderMobile.female { background-image: url(https://savoir-maigrir.aujourdhui.com/img/2016/genFemale-gray.png); }
ul.multichoice.gen li.choice-over .genderMobile.male { background-image: url(https://savoir-maigrir.aujourdhui.com/img/2016/genMale-orange.png); }
ul.multichoice.gen li.choice-over .genderMobile.female { background-image: url(https://savoir-maigrir.aujourdhui.com/img/2016/genFemale-orange.png); }
.smcontrol{line-height:30px; text-align:right;}
.backtoprevious{padding-right:10px;}

.modal-body h2 { color: #FF9A00; font: bold 20px arial; padding-bottom: 5px; }
h4.modal-title { color: #FF9A00; }
.modal-dialog { overflow-y: initial !important; }
.modal-body { height: 700px; overflow-y: auto; width: auto; display: inline-block; }
#footerwrap2 {background: #4a4949; height: auto; width: 100%; color:#fff}
#footer2 {font: normal 10px arial; color: #bcbcbc; margin: 0 auto; padding: 10px 0; text-align: left; text-transform: uppercase;}
#footer2 a {font: normal 10px arial; color: #bcbcbc; text-transform: uppercase; text-decoration: underline;}
#mention { background: #565656; padding: 10px 0;}
#mention a {color: #bcbcbc; font-size: 14px; text-decoration: underline;}
p.testi_notes{font: normal 10px arial;color: #bcbcbc;text-align: left;text-transform: uppercase;}

div.form{background-color:#ffffff; border-left:4px solid #ff7b00; margin:0 auto; max-width:465px; width:auto; height:auto; z-index:500; position:relative; top:10px; box-shadow:0px 0px 20px rgba(171,171,171,0.5);}


fieldset{border:0; width:98%; margin:auto;}
fieldset input{border:0;margin-left:10px; border: solid 1px #9598a0;}
fieldset input.text{width:70px;font-size:18px;height:24px;width:60px; outline:transparent;}
fieldset input[type=text]{width:70px;font-size:18px;height:24px;width:60px; outline:transparent; padding:3px; text-align:right; border:1px solid #94918c; border-radius: 3px; box-shadow:inset 1px 1px 3px rgba(0,0,0,0.2);}

div.form-con{width: 100%; margin-top: 0; padding:15px 0; border-bottom:1px solid #ecebe9;}
div.form-con-1{float:left; width:51%; color:#000000; font-weight:normal; font-size:1.5em; text-align:right; font-family:'Arial'; line-height:1.2em; padding-right:10px;}
div.form-con-2{float:left; width:49%; color:#000000; font-weight:normal; font-size:1.5em; text-align:left; font-family:'Arial'; line-height:100%;}
div.form-con-2 div span{font-size:0.8em !important;font-family:'Arial';}

div.gender-con{background-image:url(https://savoir-maigrir.aujourdhui.com/lp/images/long/gender-icon-blue.png); background-repeat:no-repeat; background-position:96% center; margin-top:10px; }
div.height-con{background-image:url(https://savoir-maigrir.aujourdhui.com/lp/images/long/height-icon-blue.png); background-repeat:no-repeat; padding:1.5em 0; background-position:96% center;}
div.weight-con{background-image:url(https://savoir-maigrir.aujourdhui.com/lp/images/long/weight-icon-blue.png); background-repeat:no-repeat; background-position:96% center;}
div.age-con{background-image:url(https://savoir-maigrir.aujourdhui.com/lp/images/long/age-icon-blue.png); background-repeat:no-repeat; padding-top:1.8em !important; background-position:96% center; margin-bottom:10px; }
.submit-btn-holder{position:absolute; bottom:-60px; left:0; width:100%; height:60px; padding-top:20px; background:url(https://savoir-maigrir.aujourdhui.com//lp/images/long/landing-formshadow-2014.png) no-repeat right top; background-size:100% auto; }
div.form-last{border:none;}

a.button { background-image: url(https://savoir-maigrir.aujourdhui.com/lp/images/long/btn-jvmi.png); background-position: center top; background-repeat: no-repeat; position: relative; display: block; margin: auto; text-align: center; text-decoration: none; background-size: contain; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; max-width:464px; }
a.button:hover{background-image:url(https://savoir-maigrir.aujourdhui.com/lp/images/long/btn-jvmi-over.png); background-position:center top; background-repeat:no-repeat; position:relative; display:block; margin:auto; text-align:center; text-decoration:none;background-size: contain;}

/*buttons*/
.button_gray{margin-top:20px; border-radius:5px; padding:10px 20px; background:#fff;color:#ff6a20; font: bold 16px arial;}
.button_gray:hover{border-radius:5px; padding:10px 20px; background:#eaeaea;color:#ff6a20; font: bold 16px arial;}
.button_prog{margin-top:20px; border-radius:5px; padding:10px 20px; background:#ff6d00;color:#fff; font: bold 16px arial;border-color:#fff;}
.button_prog:hover{border-radius:5px; padding:10px 20px; background:#f26a04;color:#fff; font: bold 16px arial; border-color:#fff;}

.button_main_form{
background: rgba(255,196,128,1);
background: -moz-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,196,128,1)), color-stop(50%, rgba(252,160,54,1)), color-stop(51%, rgba(236,127,3,1)), color-stop(100%, rgba(250,169,56,1)));
background: -webkit-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%);
background: -o-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%);
background: -ms-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%);
background: linear-gradient(to bottom, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc480', endColorstr='#faa938', GradientType=0 );
font: bold 24px arial; font-stretch:condensed; color:#fff; padding: 10px 20px; border-radius: 8px; border: solid 2px #faa938;
text-shadow: 1px 1px 2px rgba(61, 61, 61, 1);
}

@media (max-width:1366px) {
    .modal-body { height: 600px; }
    div.form{background-color:#ffffff; border-left:4px solid #ff7b00; margin:0 auto; max-width:465px; width:auto; height:auto; z-index:500; position:relative; top:20px; box-shadow:0px 0px 20px rgba(171,171,171,0.5); left:0px;}

}

@media (max-width:1024px) {
.sticker-sm{max-width:100px;top:-8px; }
.modal-body { height: 600px; }
.headerHolder {height: 87px; left: 0; position: relative; top: -27px; width: 100%;}
.headerHolder h1 { background: url("https://www.savoirmaigrir.fr/img_aj/jmc/landing-sm-logo.png") repeat scroll 0 0 rgba(0, 0, 0, 0); height: 50px; left: 2%;  margin: 0 auto; overflow: hidden; position: absolute; text-align: left; text-indent: -9999px; top: 32px; width: 350px;}
.headerHolder .tagline {left: 0;margin-left:240px;}
.headerHolder .jmcPic {background: url("https://savoir-maigrir.aujourdhui.com/img/lp2014/landing-jmc-header.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);bottom: 0; height: 87px; position: absolute; right: 0; width: 125px;}
}

@media (max-width:991px){
    .main_form{width:auto;}

.main_form{background:#fff; padding:10px; -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; border-left:none;border-right:none;border-top:solid 1px #ff6c00;border-bottom:solid 1px #ff6c00;}
}

@media (max-width:768px) {
/*.padding-fix{padding:0 20px 20px 20px; }*/
.headerHolder .tagline {left: 0; margin-left:200px;}
div.form{border-left:none;}
}
@media (max-width:767px) {
#main_header{background:#000; margin:0;padding:0;}
.navbar-coaching{margin:0;padding:0;}
.navbar-header{background:#000;}
.navbar-brand > img {display: block; max-width: 180px;}
.navbar-brand {float: none; height: 60px; padding: 0 5px;font-size: 18px; line-height: 20px;display:block;}
#holder { background: #fff; margin: 0; padding: 0; }
#baseline { padding: 0; }
#main_content { background: transparent none !important; border: 0px none !important; padding: 0; box-shadow: 0 0 0 rgba(0,0,0,0); }
#main_content .margin-fix h1 { padding: 8px !important; text-align: center; background-color: #ff7200; color: #ffffff; font: bold 16px Arial; margin: 0px; border-bottom: 2px solid white; }
/*.padding-fix { padding: 0; }*/
    .margin-fix { margin:0 -15px;}

#questions { box-shadow: none; border-radius: 0; }
#questions h2 { display: none; }
#questions p { font: normal 14px arial; text-align: center; }
#questions p b { font: bold 14px arial; text-align: center; }
.question_list { padding: 0; margin: 0; }
.question_list > div h3 { padding: 8px 10px; margin: 0; color: #2d2d2d; font: bold 16px arial; }
ul.multichoice { border-bottom: 1px solid #ececec; }
ul.multichoice li { padding: 5px 8px 3px 8px !important; border-top: 1px solid #ececec; color: #585858; background: transparent url(https://savoir-maigrir.aujourdhui.com/img/2016/arrow-dp-gray.png) no-repeat 10px center; background-size: auto 10px; }
ul.multichoice li span { font-size: 14px; }
.profil-test { opacity: 0 !important; top: 2px; }
ul.multichoice li.choice-over { background-color: #fff1de; color: #000000; background-image: url(https://savoir-maigrir.aujourdhui.com/img/2016/arrow-dp-orange.png); }
.webQ, .question_choices.genderWeb { display: none; }
.mobQ { display: block; }
span.question_choices { font-size: 14px; padding-left: 0 !important; width: 90%; vertical-align: middle; }
.question_list p span.filloutform { text-align: left; display: inline-block; width: 65%; padding-right: 5px; }
#question11 > p { text-align: left !important; margin: 0; padding: 5px 8px; border-bottom: 1px solid #ececec; line-height: 20px; }
#question11 > p > label > b { font-weight: normal; color: #818181; }
#question11 > p input, #question11 > p select { border-radius: 3px; padding: 2px 0px; }
.smcontrol{line-height:30px; text-align:center; display:block;}
.input-group {position: relative; display: table; border-collapse: separate; max-width: 120px; margin: 0 auto;}
.sm-checkbox {margin:0 10px;}
div.lowerblock div.rulesblock { margin: 0px -15px 0 -15px; background: #edecec none repeat scroll 0 0; border: 2px solid #fff; border-radius: 0; padding: 0 20px 20px 20px; box-shadow: 0 0 5px 0 #606060; }
div.icon-list ul {border-left: none; border-top: solid 1px #ccc; padding: 10px; margin-left: 10px;}
p.testi_notes {text-align:center;}
p.footernotes{text-align:center;}

/*form*/
div.small_form{background:#ffe5c7; padding-top:15px;}

div.form { background-color: #ffffff; margin: 0 auto; width: auto; height: auto; }
#content { max-width: 1000px; margin: 0 auto; }
#content h1 { font: bold 30px/38px arial; padding: 20px 0px; color: #242424; text-align: center; }
fieldset { border: 0; width: 98%; margin: auto; }
fieldset input { border: solid 1px #9598a0; margin-left: 10px; }
    fieldset input.text { width: 70px; font-size: 18px; height: 18px; width: 60px; outline: transparent; }
    fieldset input[type=text] { width: 70px; font-size: 18px; height: 18px; width: 60px; outline: transparent; padding: 3px; text-align: right; border: 1px solid #94918c; border-radius: 3px; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2); }

div.form-con { width: 100%; margin-top: 0; padding: 15px 0; border-bottom: 1px solid #ecebe9; }
div.form-con-1 { float: left; width: 51%; color: #000000; font-weight: normal; font-size: 1.5em; text-align: right; font-family: 'Arial'; line-height: 1.2em; padding-right: 10px; }
div.form-con-2 { float: left; width: 49%; color: #000000; font-weight: normal; font-size: 1.5em; text-align: left; font-family: 'Arial'; line-height: 100%; }
div.form-con-2 div span { font-size: 0.8em !important; font-family: 'Arial'; }

.submit-btn-holder { position: absolute; bottom: -60px; left: 0; width: 100%; height: 60px; padding-top: 20px; background: url(https://savoir-maigrir.aujourdhui.com//lp/images/long/landing-formshadow-2014.png) no-repeat right top; background-size: 100% auto; }
div.form-last { border: none; }
div.gender-con2 { background-image: url(https://savoir-maigrir.aujourdhui.com/lp/images/long/gender-icon-blue.png); background-repeat: no-repeat; background-position: 96% center; margin-top: 10px; }
div.height-con2 { background-image: url(https://savoir-maigrir.aujourdhui.com/lp/images/long/height-icon-blue.png); background-repeat: no-repeat; padding: 1.5em 0; background-position: 96% center; }
div.weight-con2 { background-image: url(https://savoir-maigrir.aujourdhui.com/lp/images/long/weight-icon-blue.png); background-repeat: no-repeat; background-position: 96% center; }
div.age-con2 { background-image: url(https://savoir-maigrir.aujourdhui.com/lp/images/long/age-icon-blue.png); background-repeat: no-repeat; padding-top: 1.8em !important; background-position: 96% center; margin-bottom: 10px; }
/*Formulaire 1 etape */
#form-1 .male { margin-top: 0; }
#form-1 .female { margin-top: 5px; }
/*#form-1 .height{margin-top:48px;} */
#form-1 .height { margin-top: 0; margin-bottom: 0px; }
#form-1 .height { margin-top: 0\0/; margin-bottom: 0px; }
#form-1 .height { margin-top: 0 !ie; margin-bottom: 0px; }
#form-1 .height2 { margin-bottom: 0px; }

div.form-con-1 input.heightcontrol { height: 24px; }
div.form-con-2 input.heightcontrol { height: 24px; }
a.button { background-image: url(https://savoir-maigrir.aujourdhui.com/lp/images/long/btn-jvmi.png); background-position: center top; background-repeat: no-repeat; position: relative; display: block; margin: auto; text-align: center; text-decoration: none; background-size: contain; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; max-width: 464px; }
a.button:hover { background-image: url(https://savoir-maigrir.aujourdhui.com/lp/images/long/btn-jvmi-over.png); background-position: center top; background-repeat: no-repeat; position: relative; display: block; margin: auto; text-align: center; text-decoration: none; background-size: contain; }

/*buttons*/
.button_gray { margin-top: 20px; border-radius: 5px; padding: 10px 20px; background: #fff; color: #ff6a20; font: bold 16px arial; }
.button_gray:hover { border-radius: 5px; padding: 10px 20px; background: #eaeaea; color: #ff6a20; font: bold 16px arial; }
.button_prog { margin-top: 20px; border-radius: 5px; padding: 10px 20px; background: #ff6d00; color: #fff; font: bold 16px arial; border-color: #fff; }
.button_prog:hover { border-radius: 5px; padding: 10px 20px; background: #f26a04; color: #fff; font: bold 16px arial; border-color: #fff; }

.button_main_form { background: rgba(255,196,128,1); background: -moz-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,196,128,1)), color-stop(50%, rgba(252,160,54,1)), color-stop(51%, rgba(236,127,3,1)), color-stop(100%, rgba(250,169,56,1))); background: -webkit-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: -o-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: -ms-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: linear-gradient(to bottom, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc480', endColorstr='#faa938', GradientType=0 ); font: bold 24px arial; font-stretch: condensed; color: #fff; padding: 10px 20px; border-radius: 8px; border: solid 2px #faa938; text-shadow: 1px 1px 2px rgba(61, 61, 61, 1); }
.button_main_form { background: rgba(255,196,128,1); background: -moz-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,196,128,1)), color-stop(50%, rgba(252,160,54,1)), color-stop(51%, rgba(236,127,3,1)), color-stop(100%, rgba(250,169,56,1))); background: -webkit-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: -o-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: -ms-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: linear-gradient(to bottom, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc480', endColorstr='#faa938', GradientType=0 ); font: bold 24px arial; font-stretch: condensed; color: #fff; padding: 10px 20px; border-radius: 8px; border: solid 2px #faa938; text-shadow: 1px 1px 2px rgba(61, 61, 61, 1); }

}



@media (max-width:736px) {
    .modal-body { height: 250px; }
}

@media (max-width:568px) {
    .modal-body { height: 200px; }
}
@media (max-width:480px) {
        
 ul.body_parts li { width: 50%; float: left; position: relative; }
}
@media (max-width:414px) {
    .modal-body { height: 450px; }
    div.gender-con { background-image:none; }
                    div.height-con { background-image:none; }
                    div.weight-con  { background-image:none; }
                    div.age-con { background-image:none; }

}

@media (max-width:360px) {
    .modal-body { height: 450px; }
}

@media (max-width:320px) {
    .modal-body { height: 320px; }
}