/* CSS Document */

 

p {font: normal 13px Arial; line-height: 18px; margin: 0 0 13px 0;}
.jmc-left-img{position:absolute; left:-100px;}
.jmc-left-img img{max-width:300px;}

.payment_block{margin:20px 0; background:#f6f6f6 url('https://www.savoirmaigrir.fr/img_aj/jmc/payment/payment_choose_titlebg.png') no-repeat top center; border-radius: 10px; padding: 10px 20px; background-size:100% auto;}
.payment_block h2{font: bold 25px arial; color:#fff; text-shadow: 2px 2px 2px #3b3b3b; text-align:center; margin:0 0 50px 0;}
.payment_block h3{font: bold 15px arial; color:#404040; margin:5px 0;}
.payment-sidebox{position:relative; margin:20px 0; padding:10px; background-color:#FAF6EA; border-radius:10px; border:1px solid #DFDFDF ;}
.payment-sidebox h2{color:#FF9900!important;}
.payment-sidebox.bda{background:#FAF6EA url(https://savoir-maigrir.aujourdhui.com/img/payment/sm-payment-support_01.jpg) no-repeat right bottom;  background-size:90% auto;}
.payment-sidebox ul{list-style:disc outside; margin:0; padding:0 0 0 15px;}
.payment-sidebox p {font: normal 13px Arial; line-height: 18px; margin: 0 0 13px 0;}

.payment_block2 { margin: 20px 0; background: #f6f6f6 url('https://www.savoirmaigrir.fr/img_aj/jmc/payment/payment_choose_titlebg_gray.png') no-repeat top center; border-radius: 10px; padding: 10px 20px; background-size: 100% auto; }
.payment_block2 h2 { font: bold 25px arial; color: #fff; text-shadow: 2px 2px 2px #3b3b3b; text-align: center; margin: 0 0 50px 0; }
.payment_block2 h3 { font: bold 15px arial; color: #404040; margin: 5px 0; }
h2.testipblock { font: bold condensed 24px arial; text-align: center; }
.testimonial_block h2 { font: bold 30px arial; color: #FF0000; text-shadow: none; text-align: center; margin: 10px 0; padding: 0; }
.testimonial_block h3 { font: bold 20px arial; color: #626262; text-align: center; margin: 10px 0; padding: 0; }
.testimonial_block p.value { font: bold 30px arial; color: #FF0000; text-align: center; }
.testimonial_block p { font: normal 14px arial; }
.testimonial_block p strong { font: bold 14px arial; }
.testimonial_block p strong { font: bold 14px arial; }
.testimonial_block p strong.red { font: bold 14px arial; color: #FF0000; }
.testimonial_block p.value small { font: bold 20px arial; }
.testimonial_block img{margin:0 0 5px 5px;}

hr.dark { border-top: 1px solid #ccc; }
h2.ortitle { font: bold 22px arial; color: #000; text-align: center; text-shadow: none; margin: 0; padding: 0; }

h2.sideB{font:bold 20px Arial; color:#6f5452; text-align:center; margin:0 0 15px 0;}
h2.sideB strong{font-size:28px; color:#ff8820; display:block;}
.mobtab{position:relative; min-height:115px; margin-bottom:5px; background:#FAF6EA url(https://savoir-maigrir.aujourdhui.com/img/payment/mobile-payment-box-bg.jpg) no-repeat right top; background-size:80% auto;}
.mobtab ul{padding-left: 10px; margin: 0px; list-style:none;}
.mobtab ul li{padding-bottom: 3px; font: normal 13px/13px Arial;}

.main_promo{background: url('https://www.savoirmaigrir.fr/img_aj/jmc/payment/main_promo_2017.jpg') no-repeat top left; height:369px;}
.main_promo h1{padding:120px 0 20px 320px; font:bold condensed 34px arial; color:#1e1e1e;}

/*select plan*/
ul.selectplan {margin:0; padding:0;}
ul.selectplan li{list-style:none; padding:0 5px 5px 15px; margin:5px 0; position:relative; display:block;vertical-align:middle; }
ul.selectplan li.spacer{margin: 0 30px 20px 30px; border-bottom: solid 1px #c4c4c4; height: 1px; padding-top:0;}
ul.selectplan li img{vertical-align:middle; margin:-20px 10px 10px 10px;}
ul.selectplan li span.dealtitle{font: bold 30px arial; color:#626262;}
ul.selectplan li span.dealsubtitle{font: bold 18px arial; color:#000;}
ul.selectplan li span.dealinfo{font: bold 16px arial;color:#58585a;}
ul.selectplan li span.dealinfo a {font: bold 16px arial;color:#28a168;}
ul.selectplan li span.dealprice{font: normal 14px arial; color:#58585a;}
ul.selectplan li label{margin:15px 0 5px 0; width:100%;}
ul.selectplan li span.dealinfo a{text-decoration:underline;}
ul.selectplan li.selected span.dealtitle {color:#fd7917 !important; }

ul.plansbenefits {margin-left:20px!important; padding-left:0!important;}
ul.plansbenefits li{font: normal 12px/14px arial; margin:0; padding:0!important;}
ul.plansbenefits li div.glyphicon{color: #009900; margin-right:5px;}
span.bigprice{font: bold 80px arial; color:#009900;}

.greenttext{color:#91df4e!important;}
.orangetext{color:#FF9900!important;}
.offer-radio { height: 16px; left: 10px; position: absolute; top: 40%; width: 16px; }
.tableObForm{width:100%; font:normal 14px Arial; line-height:20px; color:#5e5d5d; margin:0;}
.tableObForm td{padding:5px 8px;height:25px;}
.tableObForm td.dotted{border-bottom:1px dashed #5e5d5d; padding-bottom:10px;}

.disclaimer2 {color: #999999; font: normal 10px Arial; text-decoration: none; display: block;}

.paychoice{min-height:40px;}
.mobile-hide {display: block;}
.mobile-only {display: none;}


.paystep div.radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; padding: 0; }
ul.selectplanMobile {margin:0; padding:0;}
ul.selectplanMobile li h2 { font: normal 18px 'Roboto Condensed', sans-serif; color:#393535; text-align:left; padding:0; margin:0; vertical-align:middle;}
ul.selectplanMobile li{list-style:none; padding:5px 5px 5px 15px; margin:5px 0; position:relative; display:block;vertical-align:middle;}
ul.selectplanMobile li.selected{border:solid 1px #fd7917;}
ul.selectplanMobile li.border {border: solid 1px #a1a1a1;}
ul.selectplanMobile li img{vertical-align:middle; margin:-20px 10px 10px 10px;}
ul.selectplanMobile li span.dealtitle{font: normal 20px 'Roboto Condensed', sans-serif; color:#404040;}
ul.selectplanMobile li.selected h2 {color:#fd7917; }
ul.selectplanMobile li span.dealinfo{font: bold 16px Arial;color:#58585a;}
ul.selectplanMobile li span.dealinfo a {font: bold 16px Trebuchet MS, Tahoma;color:#28a168;}
ul.selectplanMobile li span.dealprice{font: normal 13px Trebuchet MS, Tahoma; color:#58585a;}
ul.selectplanMobile li label{margin:0; width:100%; padding-left:10px;}
ul.selectplanMobile li span.dealinfo a{text-decoration:underline;}
.offer-radio { height: 16px; left: 10px; position: absolute; top: 30%; width: 16px; }
.bx-wrapper .bx-viewport{border:none!important;background:none!important;}
.testislides { margin: 0; background:#e8e8e8; padding:0 10px; }
.selected {border:2px solid rgb(240, 105, 12) !important;}
 
h2.lefttitle{

background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 13%, rgba(240,240,240,1) 20%, rgba(254,254,254,1) 71%, rgba(254,254,254,1) 89%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(13%, rgba(247,247,247,1)), color-stop(20%, rgba(240,240,240,1)), color-stop(71%, rgba(254,254,254,1)), color-stop(89%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 13%, rgba(240,240,240,1) 20%, rgba(254,254,254,1) 71%, rgba(254,254,254,1) 89%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 13%, rgba(240,240,240,1) 20%, rgba(254,254,254,1) 71%, rgba(254,254,254,1) 89%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 13%, rgba(240,240,240,1) 20%, rgba(254,254,254,1) 71%, rgba(254,254,254,1) 89%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 13%, rgba(240,240,240,1) 20%, rgba(254,254,254,1) 71%, rgba(254,254,254,1) 89%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe', GradientType=0 );

font:bold 20px arial;
padding: 6px 5px !important;
text-shadow:0px 1px 0px #ffffff;
color:#252525 !important;
border-top: 1px solid #c4c4c4;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin:15px 0;
}
/*footer*/

#footer3{color:#9e9e9e; padding:30px 0;font: normal 14px arial; background:#565656;}
.footer_links {background:#f7f7f7; padding:30px 0;color:#636363; font:normal 14px/20px arial; }
.footer_links a{font: normal 14px arial; color:#636363; text-decoration:none; padding:0 10px;}
.footer_links a:hover{color:#3e3e3f; text-decoration:underline;}
p.note{font: normal 12px arial; color:#9e9e9e;}


.bonus_list li { list-style: none; padding: 10px 30px 10px 40px; position: relative; font: normal 14px arial; line-height:20px;}
.check_mark { position: absolute; left: 0px; top: -3px; display: block; }
.mobile-title { background: #feedd5; margin: 0; font: bold 18px arial; color: #333333; padding: 20px 20px 0px 20px; }

ul.right_col_bullets {list-style-position:outside; position:relative;margin-left:10px;}
ul.right_col_bullets li { list-style: none; position:relative;margin:5px 0; font: bold 14px/18px arial;}
ul.right_col_bullets li div.bulletcontain { position: relative;}
ul.right_col_bullets li div.bulletcontain div { position: absolute; left: -25px; color: #FF9900;}

.sivH2{margin:0; color:#ff771f; font:bold 20px Arial;}
ul.right_col_bullets.sivs{margin:0;}
ul.right_col_bullets.sivs li div.bulletcontain div{color: lawngreen;}

.stitched-button{font:normal 20px "Montserrat";  text-transform:uppercase; position: relative; padding: 10px; margin: 10px auto; background: #ff7b00; color: #fff; max-width:420px; font-weight: 700; line-height: 1.3em; border: 3px solid #ff7b00; border-radius: 25px; box-shadow:0px 0px 10px rgba(0,0,0,0.5); outline:0px none; text-shadow: 0px -1px #d36a0e; display: block; width: 100%; font-family: "Montserrat"; transition:all 0.3s ease-in-out;}
.stitched-button:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.8); background-color:#ffa200; border: 3px solid #ffa200; text-decoration:none; color:#ffffff !important;}

h2.arrowed{font:bold 20px Arial; display:inline-block; margin:0px auto; padding:15px 50px 15px 0; background:url(https://www.savoirmaigrir.fr/img_aj/jmc/payment/arrow-choice.jpg) no-repeat right center;}

.teaserVidBg { font-size: 22px; font-weight: bold; line-height: 120%; padding: 15px 15px 10px 15px; margin: 0; background-color: #FEEDD5; border-top-left-radius: 10px; border-top-right-radius: 10px; text-align:center;}
.orbg { background-color: #000000; border: 5px solid #FEEDD5; }

.minimumSubscription{display:none; font:normal 11px Arial; font-style:oblique; color:#999999; padding-top:3px;}
.selected .minimumSubscription{display:block;}

.topBox{position:relative; width:100%; top:0; left:0; background-color:#FF6501; z-index:50; padding:8px 0; box-shadow:0px 0px 10px rgba(0,0,0,0.3); border-bottom:4px solid #c6c6c6;}
.topBox .iblc { display: inline-block; font: normal 16px 'Roboto Condensed', sans-serif; color: #ffffff; text-transform: uppercase; padding-top: 8px; text-shadow:0px -1px 0px rgba(0,0,0,0.3);}
.closeTopBox { display: block; position: absolute; top: 50%; right: 15px; width: 30px; height: 30px; border-radius: 15px; border: 1px solid #ffffff; text-align: center; color: #ffffff; font: normal 24px Arial; border:1px transparent; line-height: 30px; margin-top: -15px; transition: all linear 0.3s; }
.closeTopBox:hover { color: #ffffff; text-decoration: none; background-color: rgba(255,255,255,0.5); border-color: rgba(255,255,255,0.5); }
.whiteBtn, .whiteBtn:focus{background-color:#ffffff; border-radius:15px; color:#ff771f; font:bold 14px "Montserrat", sans-serif; padding:8px 15px; box-shadow:0 0 5px rgba(0,0,0,0); transition:all ease-in 0.2s;}
.whiteBtn:hover{color:#ff771f; box-shadow:0 0 5px rgba(0,0,0,0.3); }

@media (max-width:1028px) {
    .payment-sidebox.bda{background-size:291px auto;}
    .mobtab{background-size:290px auto;}
    .jmc-left-img{position:absolute; left:-50px;}
    .jmc-left-img img{max-width:220px;}
}

@media (max-width:991px) {
.navbar-coaching .navbar-brand {width:100%;}
.navbar-coaching .navbar-brand img{margin:0px auto !important;}

.topBox .iblc { display: block; text-align: center; padding-top: 0px; }
.md-center{text-align:center; padding-top:8px;}
}

@media (max-width:768px) {
.main_contain { height: 1039px; }
h2 { font: bold 22px Tahoma, Arial; color:#393535; text-align:center;}
ul.selectplan li h2 { font: bold 20px Tahoma, Arial; color:#393535; text-align:left; padding:0; margin:0; vertical-align:middle;}
ul.selectplan li span.dealtitle{font: bold 20px Tahoma, Arial; color:#404040;}
.bonus_list li {padding: 10px; }
.check_mark {left: -30px;}
}

@media (max-width:767px) {
    .main_promo{background: none; height:auto;}
    .main_promo h1{padding:0; font:bold condensed 30px arial; color:#1e1e1e;}
    .mobile-title { background: #feedd5; margin: 0; font: bold 18px arial; color: #333333; padding: 20px 20px 0px 20px; }
    .img-offer-special { position: absolute; max-width: 120px; top: -22px; left: 30%; }
    .payment_block h2 { margin: 0 0 30px 0; }
    .sor{margin-top:0;}
    .box{margin-left:-15px; margin-right:-15px;}
    .mobile-only {display: block;}
    .mobile-hide {display: none;}
    h2.lefttitle {margin: 15px -15px; }
    .teaserVidBg { font-size: 16px; padding: 12px; border-radius: 0; }
    .orbg{border:0px none;}

    .topBox .iblc { font: bold 16px "Roboto Condensed", sans-serif; }
    .topBox .row > div[class^='col-'] {padding-left:0; padding-right:0; text-align:center;}  
}

@media (max-width:480px) {
.payment_block{margin:20px 0; background:#f6f6f6 url('https://www.savoirmaigrir.fr/img_aj/jmc/payment/payment_choose_titlebg.png') no-repeat top center; border-radius: 10px; padding: 10px 20px; background-size:100% auto;}
.payment_block h2{font: bold 20px arial; color:#fff; text-shadow: 2px 2px 2px #3b3b3b; text-align:center; margin:0 0 50px 0;}
h2.lefttitle { font: bold 18px arial; }
ul.selectplan li img{vertical-align:middle; margin:0;}
.payment_block2 { margin: 20px 0; background: #f6f6f6 url('https://www.savoirmaigrir.fr/img_aj/jmc/payment/payment_choose_titlebg_gray.png') no-repeat top center; border-radius: 10px; padding: 10px 20px; background-size: 100% auto; }
.payment_block2 h2 { font: bold 20px arial; color: #fff; text-shadow: 2px 2px 2px #3b3b3b; text-align: center; margin: 0 0 50px 0; }
.testimonial_block h2 { font: bold 22px arial; color: #FF0000; text-shadow: none; text-align: center; margin: 10px 0; padding: 0; }
.testimonial_block p.value { font: bold 20px arial; color: #FF0000; text-align: center; }
.testimonial_block p.value small { font: bold 16px arial; }
h2.ortitle { font: bold 20px arial; color: #000; text-align: center; text-shadow: none; margin: 0; padding: 0; }
.stitched-button{font-size:15px; }
}

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

}

@media (max-width:420px) {
.payment_block{margin:20px 0; background:#f6f6f6 url('https://www.savoirmaigrir.fr/img_aj/jmc/payment/payment_choose_titlebg.png') no-repeat top center; border-radius: 10px; padding: 10px 20px; background-size:500px auto;}
.payment_block h2{font: bold 20px arial; color:#fff; text-shadow: 2px 2px 2px #3b3b3b; text-align:center; margin:0 0 50px 0;}
 
             
.payment_block2 { margin: 20px 0; background: #f6f6f6 url('https://www.savoirmaigrir.fr/img_aj/jmc/payment/payment_choose_titlebg_gray.png') no-repeat top center; border-radius: 10px; padding: 10px 20px; background-size: 500px auto; }
.payment_block2 h2 { font: bold 20px arial; color: #fff; text-shadow: 2px 2px 2px #3b3b3b; text-align: center; margin: 0 0 50px 0; }
.testimonial_block h2 { font: bold 22px arial; color: #FF0000; text-shadow: none; text-align: center; margin: 10px 0; padding: 0; }
 
.testimonial_block p.value { font: bold 20px arial; color: #FF0000; text-align: center; }
.testimonial_block p.value small { font: bold 16px arial; }
}

@media (max-width:360px) {
.topBox .iblc {display:inline; }
.closeTopBox { right: 8px; top:75%;}
}