﻿html, body{font:normal 16px Arial;color:#404040; text-rendering:optimizeLegibility;}

#coachingtopnav{background:#fff; border:none;}
.navbar-coaching{background:#fff; border:none;}
ul.coachingnav{padding:0; margin:0; border-bottom: dotted 3px #000;}
ul.coachingnav li{font: normal 17px arial;  color:#000; font-stretch:semi-condensed;  }
ul.coachingnav li a{font: normal 17px arial; color:#000!important; font-stretch:semi-condensed; text-decoration:none; padding:15px 12px}
ul.coachingnav li a:hover{font: normal 17px arial; color:#777!important; font-stretch:semi-condensed; text-decoration:none; padding:15px 12px}

.logreg-buttons{min-height: 32px;}
.logreg-buttons a{background: url('https://methode-montignac.aujourdhui.com/img/minisite/connect_marker.png') no-repeat left center; font: normal 17px arial; color:#000!important; font-stretch:semi-condensed; text-decoration:none; padding: 10px 5px 10px 24px; }
.contact_number{display:block; padding:5px 0; font: normal 18px arial; color:#000; font-stretch:semi-condensed;border-top: dotted 3px #000;border-bottom: dotted 3px #000; }



.centerit{margin:0 auto;}
.mm_background_form{background:#fff url('https://methode-montignac.aujourdhui.com/img/minisite/mm_logo_bg.jpg') no-repeat top center;}
.program_main_title { min-height: 180px; margin: 0 auto; max-width:1000px;}
.big_title{ color:#000; font: bold 80px/220px arial;font-stretch:semi-condensed; padding:0 10px; display: table-cell; vertical-align: bottom;}
.main_title { color: #000; font: bold 22px arial; font-stretch: semi-condensed; padding:0 10px; display: table-cell; vertical-align: bottom; }
.main_title span{ color:#000; font: bold 120px arial;font-stretch:semi-condensed;}
.title_float {position:relative; float:left;}
.dot_divider{width:46px; padding:0 20px;float:left;position:relative;}

.prog_button{background:#fff; color:#80BB27; font: normal 28px arial;font-stretch:semi-condensed; padding:10px 20px;  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);}
.prog_button:hover{text-decoration:none; background:#f15c5c; color:#FFF; font: normal 28px arial;font-stretch:semi-condensed; padding:10px 20px;  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);}

.prog_button_inverse{display:inline-block; background:#80bb27; color:#fff; font: normal 28px arial;font-stretch:semi-condensed; padding:10px 20px;  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);}
.prog_button_inverse:hover{text-decoration:none;display:inline-block; background:#D2DE80; color:#80bb27; font: normal 28px arial;font-stretch:semi-condensed; padding:10px 20px;  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);}

.main_prog{margin:40px 0 10px 0;}

a.boxed_button{border:solid 1px #000; font: normal 14px arial; color:#000;text-decoration:none; display:block; max-width:200px; text-align:center; padding:5px 0; margin:0 auto;}

ul.blocks{margin:0 auto; width:100%;}
ul.blocks li{list-style:none; margin:0; padding:0; position:relative; float:left; width:25%;}

.mm_green_title{background:#fff url('https://methode-montignac.aujourdhui.com/img/minisite/green_title.jpg') no-repeat center center; min-height:65px; font: normal 28px arial; color:#fff; text-align:center;padding:10px 0; margin-bottom:0;}
.greentext{color:#80ba26;}
.mm_pink_title{background:#fff url('https://methode-montignac.aujourdhui.com/img/minisite/best_seller_title.jpg') no-repeat center center; min-height:65px; font: normal 28px arial; color:#fff; text-align:center;padding:10px 0; margin-bottom:0;}
#mm_bestseller{background:#fff url('https://methode-montignac.aujourdhui.com/img/minisite/mm_book_background.jpg') no-repeat center center; padding:10px 0 30px 0;}

.pink_block{background:#f15c5c; padding:10px 0;}
.pink_block_content{font: normal 16px arial; color:#fff; text-align:center; padding:10px;}
.pink_block_content2{font: normal 16px arial; color:#fff; text-align:center; padding:30px 10px;}
.border-left{border-right:solid 1px #ccc;}
.border-bottom{border-bottom:solid 1px #ccc;}

#tagline{background:#D2DE80; padding:20px 0;}
#tagline .button_position{position:relative; margin-bottom:20px;}

footer{background:#80bb27; font-stretch:semi-condensed; font: normal 16px arial; color:#231F20; padding:20px 0;}
footer h2{font: BOLD 18px arial; font-stretch:semi-condensed; color:#231F20;}
footer ul{list-style:none;padding:10px 0px;}
footer ul li{font: normal 16px arial; font-stretch:semi-condensed; color:#231F20; padding:2px 0px;}
footer ul li a{font: normal 16px/18px arial; font-stretch:semi-condensed; color:#231F20; text-decoration:none;}
footer ul li a:hover{text-decoration:underline;}
footer p{font: normal 16px arial; font-stretch:semi-condensed; color:#231F20;}

.slidetaglines {width:100%; margin-left:18px; min-height:350px;}
.slidetaglines div{margin:0px; list-style:none; width:34%;position:relative; float:left; text-align:right;}
.slidetaglines div:first-child > img{margin-left:5px;}
.slidetaglines div.mid{margin:0px; list-style:none; width:32%;}
.carousel-control.right{background:none;}
.carousel-control.left{background:none;}

.midcarousel_form{position:absolute; width: 400px; top:-20px; left:50%;z-index:999;-webkit-box-shadow: 10px 10px 47px 0px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 47px 0px rgba(0,0,0,0.75); box-shadow: 10px 10px 47px 0px rgba(0,0,0,0.75); margin-left:-200px; }
.midcarousel_form_white{background:#fff;}
.midcarousel_form div.blacksubhead{background:#000; padding:10px 15px; margin:0;font: normal 24px arial; color:#fff; text-align:center; font-stretch:semi-condensed; line-height:100%;}
.midcarousel_form div.greenform{background:#80BB27;padding:20px; margin:0;font: normal 20px arial; color:#fff; }
.midcarousel_form div.greenform h2{font: bold 30px/48px arial;font-stretch:semi-condensed; color:#fff; display:block; border-bottom: dotted 3px #fff; padding:0 0 10px 0; margin:0 0 20px 0; text-align:center}
div.greenformlabel{font: bold 18px arial; color:#fff; font-stretch: semi-condensed;}
div.weightchoices{background:#fff; display:block; font: normal 50px arial; color:#72984b; margin:0 0 10px 0;padding:5px;}
div.arrow{position:absolute; bottom:-17px;left:50%; width:30px; margin-left:-15px;}

.topmain_leftcontrol{top:40%;left:24%;}
.topmain_rightcontrol{top:40%; right:24%!important;}

.slidevids li a {padding: 0!important; min-height:500px;}
.slidevids2 li a {padding: 0!important; min-height:500px;}

.notes{color: #404040; font: normal 12px arial; margin:15px 0;}

.navbar-coaching .navbar-toggle{float:left !important}
.mobile-logreg{float:right; display:none; margin:15px 0;}
.below-form{margin:20px 0; min-height:320px;}
.below-form img{max-height:320px; margin:0px auto;}

@media(max-width: 1199px){
  ul.coachingnav li a{font: normal 17px arial;  font-stretch:semi-condensed; padding-left:8px; padding-right:8px;}
  ul.coachingnav li a:hover{font: normal 17px arial;  font-stretch:semi-condensed;}
  .logreg-buttons a{font: normal 17px arial; font-stretch:semi-condensed; }
  .topmain_rightcontrol{top:40%; right:20%!important;}
  .topmain_leftcontrol{top:40%;left:20%;}

}


@media(min-width: 993px){
    div.weightchoices {font: normal 40px arial;}
}

@media(max-width: 992px){
    div.weightchoices {font: normal 40px arial;}
    ul.coachingnav li a{padding-left:17px; padding-right:17px;}
}

@media(max-width: 768px){
ul.coachingnav {width:100%; margin:0 auto;}
ul.coachingnav li a{padding:10px 12px;}
ul.coachingnav li a:hover{font: normal 18px arial; color:#777!important; font-stretch:semi-condensed; text-decoration:none; }
.big_title{ color:#000; font: bold 50px/180px arial;font-stretch:semi-condensed; padding:0 10px; display: table-cell; vertical-align: bottom;}
.main_title { color: #000; font: bold 22px arial; font-stretch: semi-condensed; padding:0 10px; display: table-cell; vertical-align: bottom; }
.main_title span{ color:#000; font: bold 90px arial;font-stretch:semi-condensed;}
.title_float {position:relative; float:left;}
.midcarousel_form{position:relative; width:100%; left:0; -webkit-box-shadow: none; -moz-kbox-shadow: none; box-shadow: none; margin:0px auto; max-width:400px;}
.program_main_title { min-height: 100px; margin: 0 auto; max-width:1000px;}
.below-form{display:none;}
#carousel-example-generic{display:none;}
}

@media(max-width: 767px){
ul.blocks {margin:0; padding:0;}
ul.blocks li{float:none; width:100%;}
.mm_green_title{font: normal 20px arial; color:#fff; text-align:center;padding:10px 0; margin-bottom:0;}
.mm_pink_title{font: normal 20px/40px arial; color:#fff; text-align:center;padding:10px 0; margin-bottom:0;}
.mm_green_title_long{font: normal 24px/28x arial;  text-align:center;padding:5px 0; margin-bottom:0; margin-top:5px;}
.mm_pink_title_long{font: normal 20px/40px arial; color:#fff; text-align:center;padding:5px 0; margin-bottom:0;}

.mobile-logreg{display:block; margin-right:-5px;}
.logreg-buttons a{font: normal 15px arial; font-stretch:semi-condensed; }
.pink_block_content2{padding:0px 10px 30px 10px;}
}
@media(max-width: 480px){
.midcarousel_form{position:relative; width:100%; left:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.program_main_title { min-height: 100px; margin: 0 auto; max-width:1000px;}
.big_title{ color:#000; font: bold 30px/100px arial;font-stretch:semi-condensed; padding:0 10px; display: table-cell; vertical-align: bottom;}
.main_title { color: #000; font: bold 22px arial; font-stretch: semi-condensed; padding:0 10px; display: table-cell; vertical-align: bottom; }
.main_title span{ color:#000; font: bold 50px arial;font-stretch:semi-condensed;}
.dot_divider{display:none;}
.dotted-right{border-right:dotted 2px #000; }

.mm_green_title{font: normal 20px arial; color:#fff; text-align:center;padding:10px 0; margin-bottom:0;}
.mm_pink_title{font: normal 20px/40px arial; color:#fff; text-align:center;padding:10px 0; margin-bottom:0;}
.mm_green_title_long{padding: 0;}
.mm_pink_title_long{font: normal 20px/20px arial; color:#fff; text-align:center;padding:5px 0; margin-bottom:0;}
ul.blocks {margin:0; padding:0;}
ul.blocks li{float:none; width:100%;}
.prog_button{font: normal 20px arial;} 


.midcarousel_form div.greenform h2{font-size:24px; line-height:100%;}
div.weightchoices {font: normal 30px arial;}
.midcarousel_form div.blacksubhead{font: normal 24px arial; font-stretch:semi-condensed}
}

@media(max-width: 360px){
.midcarousel_form{position:relative; width:100%; left:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.program_main_title { min-height: 100px; margin: 0 auto; max-width:1000px;}
.big_title{ color:#000; font: bold 18px/100px arial;font-stretch:semi-condensed; padding:0; display: table-cell; vertical-align: bottom;}
.main_title { color: #000; font: bold 16px arial; font-stretch: semi-condensed; padding:0 10px; display: table-cell; vertical-align: bottom; }
.main_title span{ color:#000; font: bold 42px arial;font-stretch:semi-condensed;}
.dot_divider{display:none;}
.dotted-right{border-right:dotted 2px #000; }

.mm_green_title{font: normal 20px arial; color:#fff; text-align:center;padding:10px 0; margin-bottom:0;}
.mm_pink_title{font: normal 20px/22px arial; color:#fff; text-align:center;padding:10px 0; margin-bottom:0;}
.mm_pink_title_long{font: normal 20px/20px arial; color:#fff; text-align:center;padding:5px 0; margin-bottom:0;}
ul.blocks {margin:0; padding:0;}
ul.blocks li{float:none; width:100%;}


}
@media(max-width: 320px) {
    .prog_button { background: #fff; color: #749749; font: normal 20px arial; font-stretch: semi-condensed; padding: 10px 20px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); }
    .prog_button:hover { text-decoration: none; background: #f15c5c; color: #FFF; font: normal 20px arial; font-stretch: semi-condensed; padding: 10px 20px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); }
}







