<!DOCTYPE html>
<html>
<head>
    <!-- Do not delete the med:dialog tag from this file!!! Unless an understanding has been made of where it should go -->

<link rel="shortcut icon" href="/media/tsfl/images/favicon.ico"/>


	<link href="/media/tsfl/css/site_v1_m56577569830538650.css" rel="stylesheet" type="text/css" />

	<link href="/media/common/css/products_v1_m56577569830480514.css" rel="stylesheet" type="text/css" />

	<link href="/media/common/js/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" />

	<link href="/media/common/js/jquery-alerts/jquery.alerts_v1_m56577569830480406.css" rel="stylesheet" type="text/css" />

	<link href="/media/common/css/hover_v1_m56577569830591247.css" rel="stylesheet" type="text/css" />

	<link href="/media/tsfl/css/tsfl-main_v1_m56577569830637856.css" rel="stylesheet" type="text/css" />

<script src="https://use.fontawesome.com/d1c1f846d7.js"></script>


<!--

    Build Number: 03.60.00.002 

    Publish Version ID: 1893
-->

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>OPTAVIA | Optimal Health &amp; Well-being | Weight Loss</title>
<meta name="description" content="We are agents of transformation, we are brand led and mission driven. OPTAVIA? is our brand. Optimal Wellbeing? is our mission." />

<meta name="robots" content="index,follow" />

<link rel="canonical" href="http://www.optavia.com" />




<script type="text/javascript">
	var actualPage = null;
	
	actualPage='http://www.optavia.com';
	
	var sitelpNumber = '';
</script>
	<script type="text/javascript" src="/media/common/js/medifast_v1_m56577569830483246.js"></script>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
	<script type="text/javascript" src="/media/common/js/jquery.equalheights_v1_m56577569830480403.js"></script>
	<script type="text/javascript" src="/media/common/js/jquery.metadata.min_v1_m56577569830480400.js"></script>
	<script type="text/javascript" src="/media/common/js/fancybox/jquery.fancybox.js"></script>
	<script type="text/javascript" src="/media/common/js/fancybox/jquery.mousewheel-3.0.6.pack.js"></script>
	<script type="text/javascript" src="/media/common/js/jquery.swapimage_v1_m56577569830480394.js"></script>
	<script type="text/javascript" src="/media/common/js/jquery-alerts/jquery.alerts_v1_m56577569830480407.js"></script>
    <script type="text/javascript" src="/media/common/js/qof/qof.launch_v1_m56577569830594103.js"></script>


<script type="text/javascript">
    var redirectTo = "";
    if ((redirectTo) && (redirectTo.replace(/^\s+|\s+$/g,"").length > 0))
    {
        window.location = redirectTo;
    }
</script>
<script>
$(document).ready(function() {
    $('#account-login form')
        .submit(function(e) {
        	var $form = $(e.target);
        	if($form.attr('method') != 'post'){
        		e.preventDefault();
        		$form.attr('method', 'post');
        		$form.submit();
        	}
        });
    
    $('#basicform')
    .submit(function(e) {
    	var $form = $(e.target);
    	if($form.attr('method') != 'post' && ($form.attr('name') === 'login_returning_form' || $form.attr('name') === 'login_top_form')){
    		e.preventDefault();
    		$form.attr('method', 'post');
    		console.log($form.attr('name'));
    		$form.submit();
    	}
    	console.log($form.attr('name'));
    });
});
	</script>

    <script type="text/javascript">
    //$(document).ready(function(){
    $(window).load(function(){

        $('#password-clear').show();
        $('#password-password').hide();
     
        $('#password-clear').focus(function() {
            $('#password-clear').hide();
            $('#password-password').show();
            $('#password-password').focus();
        });
        $('#password-password').blur(function() {
            if($('#password-password').val() == '') {
                $('#password-clear').show();
                $('#password-password').hide();
            }
        });
       
    });

    </script>
	<script language="Javascript">
	<!--
	//This credit must stay intact
	//Script www.java-Scripts.net and wsabstract.com
	 function doClear(theText) {
	     if (theText.value == theText.defaultValue) {
	         theText.value = "";
	     }
	 }
	//-->
	</script>  
	
	
	
	
	
	
	


    
    <style>
			
			
			
			#wrapper {
			
			}
			
			#wrapper h1 {
				color: #509E2F!important;
				font-family: DarbySansLight!important;
				line-height: 55px!important;
				font-size: 45px!important;
			}
			
			#wrapper p,
			#wrapper li {
				color: #333;
				font-family: DarbySans!important;
				font-size: 16px;
				line-height: 26px;
				
			}
			
			
			
			/* PRODUCT MODULE */
			.product-wrapper {
				display: inline-block;
				clear: both;
				overflow: auto;
				margin: 0px;
			}



</style>
    <style>
.separatorDiv {
	position: relative;
	border-bottom: 2px solid #c4c4c4;
	margin: 25px auto;
	width: 80%;
}

.separatorDiv:before, .separatorDiv:after {
	content: "";
	position: absolute;
	bottom: -23px;
	left: 47%;
	border-width: 23px 30px 0px;
	border-style: solid;
	border-color: #c4c4c4 transparent;
}

.separatorDiv:after {
	bottom: -21px;
	border-color: #fff transparent;
}

.shop {
	background-color: transparent;
	border: 1px solid #b4b4b4;
	border-radius: 5px;
	padding: 15px 30px;
	font-weight: bold;
	font-size: 20px;
	font-family: "DarbySans";
	margin: 20px auto;
	cursor: pointer;
	width: auto;
	height: auto;
	display: block;
}

.shop-buttons{
	text-align: center;
}

.shop-buttons button{
	display: inline-block
}

.HealthCoachDiv {
	width: 100%;
	height: 300px;
	text-align: center;
}

.HealthCoachDiv div {
	vertical-align: middle;
	width: 49%;
	display: inline-block;
	height: 100%;
	border: 1px solid black;
	background-color: #d8d8d8;
}

/* Product Carousel Style*/

.productbox{
	width: 	250px !important;
	height: auto !important;
	padding-bottom: 20px;
	text-align: center !important;
}

.block-main .product-box{
	
}
.block-main .product-box .productboximg{
	display: block !important;
}

.block-main .product-box .productelements3{
	width: auto !important;
}

.aside .borderBottom{
    background-color: transparent !important;
}

.productbox .productname{
	min-height: 60px !important;
	text-align: left !important;
	margin-bottom: 5px;
}

.productbox .productname,.productbox .productshortdesc,.productbox .productelements3{
	padding: 0px 10px;
 	color: #434648 !important;
}

.productbox .productprice{
	padding-right: 0px;
}

.productbox .productprice{
	color: #434648 !important;
	font-weight: bold;
	font-size: 15px;
}

.productbox .qtyinput{
	background-color: #f5f5f5;
	border: 1px solid lightgrey;
	height: 28px !important;
	width: 25px !important;
	border-radius: 5px;
}

.productbox input[type="image"],.productbox input[type="Submit"], .optavia-button {
	cursor: pointer;
	background-color: #84bd00 !important;
	color: white !important;
	padding: 5px 10px;
	text-transform: uppercase;
	border-radius: 5px;
	line-height: 22px;
	outline: 0;
	border: none;
	height: inherit !important;
	text-decoration: none !important;
}

.productbox .productname a{
	color: #434648 !important;
	text-decoration: none;
	font-size: 15px;
	height: 30px;
}

.mobileProducts{
	display: none;
}

#productcontainer{
	padding: 0 !important;
}

.productboximg img{
	width: 100% !important;
	height: auto !important;
}

.nonMobileProducts, .mobileProducts{
	height: 410px;
	width: 100%;
	margin: 0 auto;
}
.slide{
	background-color: transparent;
	text-align: center;
}
.Prodbox1, .Prodbox2, .Prodbox3, .Prodbox4{
	float:none !important;
	display: inline-block;
	text-align: left;
	margin: 0px 10px;
	vertical-align: top;
}


.slideSelector li{
	background-color: lightgray !important;
}

.product-wrapper{
	width: 100%;
}

@-moz-document url-prefix() {
    .productbox input[type="image"]{
		line-height: 30px;
		padding: 8px 10px;
	}
}

/*End of product carousel style*/

@media only screen and (max-width: 500px) {
	.mobileProducts {
		display: block;
	}
	.nonMobileProducts{
		display: none;
	}
	.fuelingDetail div{
		display: block;
		width: 100%;
	}
	.HealthCoachDiv div{
		width: 100%;
		display: block;
	}
	.HealthCoachDiv{
		height: auto;
	}
	.fueling-options div{
		display: block !important;
		width: 100% !important;
	}
	.top-banner, .hero{
		margin-top:84px;
	}
}
 .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }
    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0;
       background-color:rgba(0, 0, 0, 0.5);
    }
    .modal-header .close {
        margin-top: -2px;
    }

    button.close {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        width:auto;
    }

    .close {
        float: right;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
    }
    @media screen and (min-width: 768px)
    {

    .modal-dialog {
        width: 896px !important;
        margin: 0px auto !important;
        text-align:left;
        background:#fff;
        padding:50px;
    }

      .modal-dialog {
          position: relative;
          width: auto;
          margin: 10px;
      }
    }
    @media screen and (max-width: 769px)
    {
        .modal-dialog {
          width: 100% !important;
          margin: 0px auto !important;
          text-align:left;
          background:#fff;
          padding:20px;
      }
    }
</style>
    <style>

    .slideSelector li{
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 10px;
        margin: 10px;
        padding: 0px !important;
    }
    .slideSelector li.selected{
        background-color: #84bd00 !important;
    }
    .slideSelector{
        text-align: center;
        margin: 0;
        padding: 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10px;
    }

   .slideSelector li:first-child:last-child { display: none; }

    .arrow{
        position: absolute;
        top: 50%;
        width: 50px;
        height: 50px;
        background-color: white;
        opacity: 0.5;
    }

    .arrow.left{
        left: 10px;
    }

    .arrow.right{
        right: 10px;
    }


</style>

    
    <style>
    .home-video-intro {
        display: block;
        position: relative;
        max-width: 100%;
    }

    .video-js-container {
        padding-top: 56.25%;
    }

    .vjs-menu .vjs-menu-content {
        display: none;
    }

    .video-js {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
    }

    .home-intro-text {
        margin: 40px 0;
    }

    .home-intro-text p {
        width: 80%;
        margin: 0 auto;
    }

    .home-intro-text sup {
        font-size: 8px;
    }

    .home-what-matters h2:first-child {
        padding-top: 20px;
        text-align: center;
        color: #2c5497;
        font-size: 35px;
        line-height: 45px;
        font-family: "DarbySansXlight" !important;
    }

    .home-what-matters .image-container div {
        z-index: 2;
        padding-bottom: 20px;
    }

    .home-what-matters .image-container h2 {
        margin: 0 auto;
        font-size: 20px;
    }

    .home-what-matters .image-container span {
        font-size: 15px;
        margin: 0 auto;
    }

    .home-what-matters .image-container h4 {
        font-size: 20px;
        color: #1e1a34;
        margin-bottom: 10px;
        font-weight: 500;
    }

    .home-what-matters .image-container p {
        font-size: 14px !important;
        color: #000 !important;
        padding: 0px 80px;
    }

    .home-what-matters .image-container img {
        width: 248px;
        height: 248px;
        border-radius: 200px;

        cursor: pointer;
        margin: 0 auto;
    }

    .home-what-matters .image-container {
        text-align: center;
        justify-content: space-between;
        position: relative;
        padding: 20px;
    }

    .home-actions {
        text-align: center;
        justify-content: space-between;
        margin-top: 20px;
    }

    .home-actions > div {

        height: 500px;
        color: white;
        text-align: center;
        position: relative;
    }

    .home-actions > div h2 {
        position: absolute;
        top: 50px;
        left: 0px;
        right: 0px;
        font-size: 35px;
        font-weight: normal;
        padding: 0px 30px;
        color: #fff;
        text-transform: uppercase;
        line-height: 45px;
    }

    .home-actions > div a {
        position: absolute;
        bottom: 50px;
        left: 0px;
        right: 0px;
        text-decoration: none;
        color: inherit;
    }

    .home-actions > div a span {
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        padding: 20px 40px;
        border: 1px solid white;
        border-radius: 10px;
        cursor: pointer;
        font-size: 16px;
    }

    .home-actions > div.selected .arrow-down {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 45px 44.5px 0 44.5px;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .blue-overlay {
        background-color: rgba(44, 84, 151, 0.8);
        position: absolute;
        top: 0;
        width: 100%;
        height: 500px;
    }

    .home-footer-image {
        height: 400px;
    }

    .home-footer-image div h2 {
        margin: 0px;
        padding: 0px;
        font-size: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
        line-height: 30px;
        color: #000;
        text-transform: uppercase;
        font-weight: 300;
    }

    .home-footer-image div p {
        width: 80%;
        margin: 0 auto;
        color: #000 !important;
    }

    .home-footer-image div button {
        border: 1px solid black;
        background: none;
        font-size: 16px;
        padding: 0px 40px;
        border-radius: 10px;
        cursor: pointer;
        width: auto;
        margin-top: 20px;
        font-weight: bold;
        height: 60px;
        line-height: 40px;
        width: 280px;
        text-align: center;
    }

    .home-footer-image div {
        height: 250px;
        position: relative;
        top: 13px;
        text-align: center;
    }

    @media (max-width: 768px) {
        .home-footer-image {
            height: 425px;
        }

        .home-footer-image div {
            height: 340px;
            top: 5px;
        }
    }

    .home-footer-image div.text-block {
        max-width: 480px;
        width: auto;
        background-color: rgba(255, 255, 255, 0.7);
        padding: 20px;
        margin: 15px;
    }

    .home-footer-slider {
        height: 200px;
    }

    .home-footer-slider .slide {
        background-color: transparent;
    }

    .home-footer-slider .slide p {
        margin: 0 auto;
        font-size: 25px !important;
        color: gray !important;
        font-style: italic;
        text-align: center;
        padding-top: 80px;
    }

    .home-footer-slider .slideSelector li {
        background-color: gray;
    }

    .home-footer-slider .slideSelector li.selected {
        background-color: #84bd00;
    }

    .home-no-pad {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .mobile-actions {
        display: none;
        height: 1000px;
        margin-bottom: 100px;
    }

    .non-mobile-actions {
        display: block;
    }

    .mobile-actions.home-what-matters {
        background-color: rgba(215, 221, 234, 1);
    }

    @media only screen and (max-width: 700px) {
        .mobile-actions {
            display: block;
        }

        .non-mobile-actions {
            display: none;
        }

        .mobile-actions .img-responsive {
            display: initial;
        }

        .arrow {
            top: 10% !important;
            z-index: 100;
            background-color: transparent !important;
        }

        .arrow.right {
            border-bottom: 6px solid white;
            border-left: 6px solid white;
            transform: rotate(-135deg);
            right: 30px;
        }

        .arrow.left {
            border-bottom: 6px solid white;
            border-left: 6px solid white;
            transform: rotate(45deg);
            left: 30px;
        }
    }
</style>


    
    <title></title>

<meta name="description" content=""/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- This script will generate the canonical link tag auto-magically (COM-1330) -->
<script>
    // Check current URL, and replace https to http.
    var httpUrl = document.location.href;

    if (document.location.protocol === 'https:') {
        httpUrl = 'http://' + document.location.hostname + document.location.pathname;
    }
    // Generate canonical link with http version of the current URL.
    var link = document.createElement('link');
    link.rel = 'canonical';
    link.href = httpUrl;
    document.head.appendChild(link);
</script>


    
    
        <meta name="robots" content="index, follow"/>
    





<style>
    .checkout-login-box input[type="text"], .checkout-login-box input[type="password"] {
        color: #509e2f !important;
    }

    #login2 .tray-panel .panel-module h2 {
        color: black !important;
        text-align: center !important;
    }

    #login2 .tray-panel .panel-module h1 {
        color: #84bd00 !important;
        font-family: DarbySansXlight !important;
        text-transform: capitalize;
        text-align: center !important;
    }

    #login2 .tray-panel .panel-module a {
        color: #84bd00 !important;
    }

    #login2 .tray-panel input[type='submit'] {
        background-color: #84bd00 !important;
        border-color: #509e2f !important;
    }
</style>
		

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="expires" content="-1">

    
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js"></script>
    <script>

$.fn.bannerSlider = function(){
	
	return this.each(function(){
        var baseDiv = $(this);
        var defaultSliderWidth = '100%';
        var defaultSliderHeight = '100%';
        var hasSliderSelector = true;
        var hasSliderArrows = true;

        var slides = baseDiv.children('.slide');
        var slideContainer = $('<div class="slideContainer"></div>');
        var slideSelector = $('<ul class="slideSelector"></ul>');
        var leftArrow = $('<div class="arrow left"></div>');
        var rightArrow =  $('<div class="arrow right"></div>');

        baseDiv.css({width:defaultSliderWidth, height:defaultSliderHeight, overflow: 'hidden', position: 'relative'});
        slides.css({width:baseDiv.width(), height: baseDiv.height(), float: 'left'});
        slideContainer.css({ width: (baseDiv.width() * slides.length)+1, height: baseDiv.height(), position: 'relative' });

        slideContainer.append(slides);
        baseDiv.append(slideContainer);
        baseDiv.append(slideSelector);

        slideContainer.attr("currentSlide",0);
        slides.each(function( index ) {
            $(this).attr("slideNumber", index);
            var selector = $('<li slideNumber="'+index+'"></li>');
            selector.click(function(){
                moveToSlide(index);
            });
            slideSelector.append(selector);
        });
        slideSelector.find('li[slideNumber=0]').addClass('selected');

        function moveToSlide(slideNumber){
            if(slideNumber< slides.length && slideNumber>=0){
                slideContainer.attr("currentSlide",slideNumber);
                slideContainer.animate({
                    left:  -(baseDiv.width() * slideNumber)
                }, 200);
                slideSelector.find('li').removeClass('selected');
                slideSelector.find('li[slideNumber='+slideNumber+']').addClass('selected');
            }
        };
        
        function moveLeft() {
            var slideNumber =  parseInt(slideContainer.attr("currentSlide"));
            moveToSlide(slideNumber-1);
        };

        function moveRight() {
            var slideNumber =  parseInt(slideContainer.attr("currentSlide"));
            moveToSlide(slideNumber+1);
        };

        leftArrow.click(function(){
            moveLeft();
        });

        rightArrow.click(function(){
            moveRight();
        });
        
        baseDiv.append(leftArrow);
        baseDiv.append(rightArrow);
	});
}


</script>

    
    

    <script>
        $(function () {
            require.config({
                paths: {
                    'bc': 'https://players.brightcove.net/1018484324001/SyzOjVJfW_default/index.min'
                }
            });

            require(['bc'], function () {
                var myPlayer = videojs.getPlayers().videoPlayer;
                myPlayer.on('loadstart', function () {
                    myPlayer.play();
                });
            });

            $('.home-footer-slider .slider').bannerSlider();
            $('.mobile-actions .slider').bannerSlider();

            $('.non-mobile-actions .home-what-matters .image-container img').click(function () {
                var clickIndex = $('.home-what-matters .image-container img').index(this);
                $('.home-actions > div').removeClass('selected');

                $($('.home-actions > div').get(clickIndex)).addClass('selected');
                $('.home-actions > div > #blueoverlay').addClass('blue-overlay');
                $($('.home-actions > div').get(clickIndex)).find('#blueoverlay').removeClass('blue-overlay');
            });

        });
    </script>
</head>

<body>

<div id="wrap">
    
    









<style>
body {
	font-family: DarbySans;
}

.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before{
	font-family: FontAwesome !important;
}

.user-info .coach-label{
	display: inline-block;
}

.user-info.if-mobile .coach-label{
	display: block;
	width: 100%;
	font-weight: normal;
	padding-left: 15px;
	padding-bottom: 20px;
	padding-top: 10px;
}

.user-info.if-mobile p{
	display: inline-block;
	vertical-align: bottom;
	font-family: DarbySans !important;
	color: black;
	font-weight: normal;
}

#pagecontainer {
	width: 100%;
	background-color: #ffffff;
}

#redesign15 {
	max-width: 970px;
	margin: 0 auto;
}

#header {
	width: 100%;
	text-align: center;
	position: relative;
	line-height: 0px;
}

.header-block, .navibar{
	line-height: 16px;
}

.header-block {
	max-width: 970px;
	margin: 0 auto;
}

.header-block .optavia-logo {
	float: left;
	width: 217.9px;
	border:none;
	padding-bottom: 15px;
}

#header-top .top-nav {
	display: flex;
	justify-content: flex-end;
}

#header-top .top-nav li {
	margin: 0px 0px 0px 30px;
	list-style-type: none;
}

#header-top .top-nav li a {
	text-decoration: none;
	color: #696158;
}

#user-actions ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 16px;
	color: #000000;
	font-weight: 500;
}

#user-actions li {
	list-style-type: none;
	border-left: solid #979797 1px;
	padding-left: 7px;
	padding-right: 7px;
}

#user-actions li a {
	color: black;
	text-decoration: none;
}

#user-actions li.user-info .coach-img {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	margin-right: 5px;
	border-radius: 50%;
}

#user-actions li.user-info {
	border-left: none;
}

#user-actions li.user-info i {
	margin-left: 5px;
	cursor: pointer;
}

#user-actions li.user-info .coach_photo {
	height: 40px;
	width: 40px;
	border-radius: 50%;
}

#user-actions li.cart {
	padding-right: 0px;
}

#user-actions li.cart a {
	color: #84bd00;
}

#user-actions li.cart .item_count {
	margin-left: 10px;
}

#user-actions .login_out i {
	margin-left: 10px;
}

#user-actions .login {
	border-left: none;
}

#user-actions .coach-dropdown {
	z-index: 9999;
	position: absolute;
	background: #ffffff;
	border-radius: 12px;
	padding: 10px 10px 0px 10px;
	text-align: left;
	display: none;
	border: 1px solid gray;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}

#user-actions .coach-dropdown .coach_details {
	margin-bottom: 20px;
}

#user-actions .coach-dropdown .coach_details p {
	line-height: 2px;
}

#user-actions .coach-dropdown .coach_city {
	color: #000000;
}

#user-actions .coach-dropdown .coach_city i {
	margin-left: 0px;
	cursor: auto;
}

#user-actions .coach-dropdown .coach_email a, #user-actions .coach-dropdown .coach_phone_number a
	{
	color: #83be19;
	text-decoration: underline;
	line-height: 12px;
}

.coach-dropdown.coach-dropdown_open:before {
    border-color: rgba(0, 0, 0, 0) !important;
    border-bottom-color: #000000 !important;
    border-width: 11px !important;
    margin-left: -11px !important;
}

.coach-dropdown.coach-dropdown_open:after {
    border-color: rgba(255, 255, 255, 0) !important;
    border-bottom-color: #ffffff !important;
    border-width: 10px !important;
    margin-left: -10px !important;
}

.coach-dropdown.coach-dropdown_open:after, .coach-dropdown.coach-dropdown_open:before {
    bottom: 100%;
    left: 84%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.coach-dropdown p{
	font-family: DarbySans !important;
	font-size: 16px !important;
	margin: 10px !important;
}

#user-actions .coach-dropdown .view_profile_button {
	background: #83be19;
	text-align: center;
	border-radius: 10px;
	padding: 7px 10px;
	width: 60%;
	margin: 0 auto !important;
	margin-bottom: 15px !important;
}

.user-info.if-mobile p.view_profile_button{
	margin: 0 auto !important;
    text-align: center;
    display: block;
    margin-bottom: 10px !important;
}

#user-actions .coach-dropdown .view_profile_button a {
	color: #ffffff;
	font-size: 14px;
    font-family: DarbySans;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #000000;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #000000;
	opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #000000;
	opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #000000;
}
</style>

<style>
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
.img-rounded {
	border-radius: 6px;
}
.img-thumbnail {
	padding: 4px;
	line-height: 1.42857143;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.img-circle {
	border-radius: 50%;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}
[role="button"] {
	cursor: pointer;
}
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.row {
	margin-left: -15px;
	margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	float: left;
}
.col-sm-12 {
	width: 100%;
}
.col-sm-11 {
	width: 91.66666667%;
}
.col-sm-10 {
	width: 83.33333333%;
}
.col-sm-9 {
	width: 75%;
}
.col-sm-8 {
	width: 66.66666667%;
}
.col-sm-7 {
	width: 58.33333333%;
}
.col-sm-6 {
	width: 50%;
}
.col-sm-5 {
	width: 41.66666667%;
}
.col-sm-4 {
	width: 33.33333333%;
}
.col-sm-3 {
	width: 25%;
}
.col-sm-2 {
	width: 16.66666667%;
}
.col-sm-1 {
	width: 8.33333333%;
}
.col-sm-pull-12 {
	right: 100%;
}
.col-sm-pull-11 {
	right: 91.66666667%;
}
.col-sm-pull-10 {
	right: 83.33333333%;
}
.col-sm-pull-9 {
	right: 75%;
}
.col-sm-pull-8 {
	right: 66.66666667%;
}
.col-sm-pull-7 {
	right: 58.33333333%;
}
.col-sm-pull-6 {
	right: 50%;
}
.col-sm-pull-5 {
	right: 41.66666667%;
}
.col-sm-pull-4 {
	right: 33.33333333%;
}
.col-sm-pull-3 {
	right: 25%;
}
.col-sm-pull-2 {
	right: 16.66666667%;
}
.col-sm-pull-1 {
	right: 8.33333333%;
}
.col-sm-pull-0 {
	right: auto;
}
.col-sm-push-12 {
	left: 100%;
}
.col-sm-push-11 {
	left: 91.66666667%;
}
.col-sm-push-10 {
	left: 83.33333333%;
}
.col-sm-push-9 {
	left: 75%;
}
.col-sm-push-8 {
	left: 66.66666667%;
}
.col-sm-push-7 {
	left: 58.33333333%;
}
.col-sm-push-6 {
	left: 50%;
}
.col-sm-push-5 {
	left: 41.66666667%;
}
.col-sm-push-4 {
	left: 33.33333333%;
}
.col-sm-push-3 {
	left: 25%;
}
.col-sm-push-2 {
	left: 16.66666667%;
}
.col-sm-push-1 {
	left: 8.33333333%;
}
.col-sm-push-0 {
	left: auto;
}
.col-sm-offset-12 {
	margin-left: 100%;
}
.col-sm-offset-11 {
	margin-left: 91.66666667%;
}
.col-sm-offset-10 {
	margin-left: 83.33333333%;
}
.col-sm-offset-9 {
	margin-left: 75%;
}
.col-sm-offset-8 {
	margin-left: 66.66666667%;
}
.col-sm-offset-7 {
	margin-left: 58.33333333%;
}
.col-sm-offset-6 {
	margin-left: 50%;
}
.col-sm-offset-5 {
	margin-left: 41.66666667%;
}
.col-sm-offset-4 {
	margin-left: 33.33333333%;
}
.col-sm-offset-3 {
	margin-left: 25%;
}
.col-sm-offset-2 {
	margin-left: 16.66666667%;
}
.col-sm-offset-1 {
	margin-left: 8.33333333%;
}
.col-sm-offset-0 {
	margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left;
}
.col-md-12 {
	width: 100%;
}
.col-md-11 {
	width: 91.66666667%;
}
.col-md-10 {
	width: 83.33333333%;
}
.col-md-9 {
	width: 75%;
}
.col-md-8 {
	width: 66.66666667%;
}
.col-md-7 {
	width: 58.33333333%;
}
.col-md-6 {
	width: 50%;
}
.col-md-5 {
	width: 41.66666667%;
}
.col-md-4 {
	width: 33.33333333%;
}
.col-md-3 {
	width: 25%;
}
.col-md-2 {
	width: 16.66666667%;
}
.col-md-1 {
	width: 8.33333333%;
}
.col-md-pull-12 {
	right: 100%;
}
.col-md-pull-11 {
	right: 91.66666667%;
}
.col-md-pull-10 {
	right: 83.33333333%;
}
.col-md-pull-9 {
	right: 75%;
}
.col-md-pull-8 {
	right: 66.66666667%;
}
.col-md-pull-7 {
	right: 58.33333333%;
}
.col-md-pull-6 {
	right: 50%;
}
.col-md-pull-5 {
	right: 41.66666667%;
}
.col-md-pull-4 {
	right: 33.33333333%;
}
.col-md-pull-3 {
	right: 25%;
}
.col-md-pull-2 {
	right: 16.66666667%;
}
.col-md-pull-1 {
	right: 8.33333333%;
}
.col-md-pull-0 {
	right: auto;
}
.col-md-push-12 {
	left: 100%;
}
.col-md-push-11 {
	left: 91.66666667%;
}
.col-md-push-10 {
	left: 83.33333333%;
}
.col-md-push-9 {
	left: 75%;
}
.col-md-push-8 {
	left: 66.66666667%;
}
.col-md-push-7 {
	left: 58.33333333%;
}
.col-md-push-6 {
	left: 50%;
}
.col-md-push-5 {
	left: 41.66666667%;
}
.col-md-push-4 {
	left: 33.33333333%;
}
.col-md-push-3 {
	left: 25%;
}
.col-md-push-2 {
	left: 16.66666667%;
}
.col-md-push-1 {
	left: 8.33333333%;
}
.col-md-push-0 {
	left: auto;
}
.col-md-offset-12 {
	margin-left: 100%;
}
.col-md-offset-11 {
	margin-left: 91.66666667%;
}
.col-md-offset-10 {
	margin-left: 83.33333333%;
}
.col-md-offset-9 {
	margin-left: 75%;
}
.col-md-offset-8 {
	margin-left: 66.66666667%;
}
.col-md-offset-7 {
	margin-left: 58.33333333%;
}
.col-md-offset-6 {
	margin-left: 50%;
}
.col-md-offset-5 {
	margin-left: 41.66666667%;
}
.col-md-offset-4 {
	margin-left: 33.33333333%;
}
.col-md-offset-3 {
	margin-left: 25%;
}
.col-md-offset-2 {
	margin-left: 16.66666667%;
}
.col-md-offset-1 {
	margin-left: 8.33333333%;
}
.col-md-offset-0 {
	margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left;
}
.col-lg-12 {
	width: 100%;
}
.col-lg-11 {
	width: 91.66666667%;
}
.col-lg-10 {
	width: 83.33333333%;
}
.col-lg-9 {
	width: 75%;
}
.col-lg-8 {
	width: 66.66666667%;
}
.col-lg-7 {
	width: 58.33333333%;
}
.col-lg-6 {
	width: 50%;
}
.col-lg-5 {
	width: 41.66666667%;
}
.col-lg-4 {
	width: 33.33333333%;
}
.col-lg-3 {
	width: 25%;
}
.col-lg-2 {
	width: 16.66666667%;
}
.col-lg-1 {
	width: 8.33333333%;
}
.col-lg-pull-12 {
	right: 100%;
}
.col-lg-pull-11 {
	right: 91.66666667%;
}
.col-lg-pull-10 {
	right: 83.33333333%;
}
.col-lg-pull-9 {
	right: 75%;
}
.col-lg-pull-8 {
	right: 66.66666667%;
}
.col-lg-pull-7 {
	right: 58.33333333%;
}
.col-lg-pull-6 {
	right: 50%;
}
.col-lg-pull-5 {
	right: 41.66666667%;
}
.col-lg-pull-4 {
	right: 33.33333333%;
}
.col-lg-pull-3 {
	right: 25%;
}
.col-lg-pull-2 {
	right: 16.66666667%;
}
.col-lg-pull-1 {
	right: 8.33333333%;
}
.col-lg-pull-0 {
	right: auto;
}
.col-lg-push-12 {
	left: 100%;
}
.col-lg-push-11 {
	left: 91.66666667%;
}
.col-lg-push-10 {
	left: 83.33333333%;
}
.col-lg-push-9 {
	left: 75%;
}
.col-lg-push-8 {
	left: 66.66666667%;
}
.col-lg-push-7 {
	left: 58.33333333%;
}
.col-lg-push-6 {
	left: 50%;
}
.col-lg-push-5 {
	left: 41.66666667%;
}
.col-lg-push-4 {
	left: 33.33333333%;
}
.col-lg-push-3 {
	left: 25%;
}
.col-lg-push-2 {
	left: 16.66666667%;
}
.col-lg-push-1 {
	left: 8.33333333%;
}
.col-lg-push-0 {
	left: auto;
}
.col-lg-offset-12 {
	margin-left: 100%;
}
.col-lg-offset-11 {
	margin-left: 91.66666667%;
}
.col-lg-offset-10 {
	margin-left: 83.33333333%;
}
.col-lg-offset-9 {
	margin-left: 75%;
}
.col-lg-offset-8 {
	margin-left: 66.66666667%;
}
.col-lg-offset-7 {
	margin-left: 58.33333333%;
}
.col-lg-offset-6 {
	margin-left: 50%;
}
.col-lg-offset-5 {
	margin-left: 41.66666667%;
}
.col-lg-offset-4 {
	margin-left: 33.33333333%;
}
.col-lg-offset-3 {
	margin-left: 25%;
}
.col-lg-offset-2 {
	margin-left: 16.66666667%;
}
.col-lg-offset-1 {
	margin-left: 8.33333333%;
}
.col-lg-offset-0 {
	margin-left: 0%;
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999999;
}
.form-control::-webkit-input-placeholder {
color: #999999;
}
.form-control::-ms-expand {
border: 0;
background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
	line-height: 34px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
	line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
	line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-left: 0;
padding-right: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}
.form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
.form-inline .form-control-static {
	display: inline-block;
}
.form-inline .input-group {
	display: inline-table;
	vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
	width: auto;
}
.form-inline .input-group > .form-control {
	width: 100%;
}
.form-inline .control-label {
	margin-bottom: 0;
	vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
	padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
	position: relative;
	margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
	top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
	text-align: right;
	margin-bottom: 0;
	padding-top: 7px;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
	padding-top: 11px;
	font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
	padding-top: 6px;
	font-size: 12px;
}
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
	 transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
	 transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
	 transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #ffffff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-background-clip: padding-box;
				background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #ffffff;
text-decoration: none;
outline: 0;
background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed;
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
left: auto;
right: 0;
}
.dropdown-menu-left {
left: 0;
right: auto;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
	left: auto;
	right: 0;
}
.navbar-right .dropdown-menu-left {
	left: 0;
	right: auto;
}
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li.disabled > a {
color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eeeeee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555555;
background-color: #ffffff;
border: 1px solid #dddddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
	display: table-cell;
	width: 1%;
}
.nav-tabs.nav-justified > li > a {
	margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #dddddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
	border-bottom: 1px solid #dddddd;
	border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
	border-bottom-color: #ffffff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #ffffff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
	display: table-cell;
	width: 1%;
}
.nav-justified > li > a {
	margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #dddddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
	border-bottom: 1px solid #dddddd;
	border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
	border-bottom-color: #ffffff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar {
position: relative;
/* min-height: 50px; 	*/ 
/* margin-bottom: 20px; */
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
	border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
	float: left;
}
}
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
	width: auto;
	border-top: 0;
	-webkit-box-shadow: none;
					box-shadow: none;
}
.navbar-collapse.collapse {
	display: block !important;
	height: auto !important;
	padding-bottom: 0;
	overflow: visible !important;
}
.navbar-collapse.in {
	overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
	max-height: 200px;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
	margin-right: 0;
	margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
	border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
	border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
	margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
	display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
					box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
	line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
	background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
	float: left;
	margin: 0;
}
.navbar-nav > li {
	float: left;
}
.navbar-nav > li > a {
	padding-top: 15px;
	padding-bottom: 15px;
}
}
.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 8px;
margin-bottom: 8px;
}
@media (min-width: 768px) {
.navbar-form .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}
.navbar-form .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
.navbar-form .form-control-static {
	display: inline-block;
}
.navbar-form .input-group {
	display: inline-table;
	vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
	width: auto;
}
.navbar-form .input-group > .form-control {
	width: 100%;
}
.navbar-form .control-label {
	margin-bottom: 0;
	vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
	padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
	position: relative;
	margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
	top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
	margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
	margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
	width: auto;
	border: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
	float: left !important;
}
.navbar-right {
	float: right !important;
	margin-right: -15px;
}
.navbar-right ~ .navbar-right {
	margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777777;
}
.navbar-default .navbar-nav > li > a {
color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: #e7e7e7;
color: #555555;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #777777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #333333;
	background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #555555;
	background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
	color: #cccccc;
	background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777777;
}
.navbar-default .navbar-link:hover {
color: #333333;
}
.navbar-default .btn-link {
color: #777777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #cccccc;
}
.navbar-inverse {
background-color: #222222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color: #080808;
color: #ffffff;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
	border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
	background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #ffffff;
	background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #ffffff;
	background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
	color: #444444;
	background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #ffffff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444444;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
</style>

<script>
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

/*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=10622be95ce711b3346ab3a82c7e92f3)
* Config saved to config.json and https://gist.github.com/10622be95ce711b3346ab3a82c7e92f3
*/
if (typeof jQuery === 'undefined') {
throw new Error('Bootstrap\'s JavaScript requires jQuery')
}
+function ($) {
'use strict';
var version = $.fn.jquery.split(' ')[0].split('.')
if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] > 3)) {
	throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4')
}
}(jQuery);

/* ========================================================================
* Bootstrap: dropdown.js v3.3.7
* http://getbootstrap.com/javascript/#dropdowns
* ========================================================================
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */


+function ($) {
'use strict';

// DROPDOWN CLASS DEFINITION
// =========================

var backdrop = '.dropdown-backdrop'
var toggle   = '[data-toggle="dropdown"]'
var Dropdown = function (element) {
	$(element).on('click.bs.dropdown', this.toggle)
}

Dropdown.VERSION = '3.3.7'

function getParent($this) {
	var selector = $this.attr('data-target')

	if (!selector) {
		selector = $this.attr('href')
		selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
	}

	var $parent = selector && $(selector)

	return $parent && $parent.length ? $parent : $this.parent()
}

function clearMenus(e) {
	if (e && e.which === 3) return
	$(backdrop).remove()
	$(toggle).each(function () {
		var $this         = $(this)
		var $parent       = getParent($this)
		var relatedTarget = { relatedTarget: this }

		if (!$parent.hasClass('open')) return

		if (e && e.type == 'click' && /input|textarea/i.test(e.target.tagName) && $.contains($parent[0], e.target)) return

		$parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget))

		if (e.isDefaultPrevented()) return

		$this.attr('aria-expanded', 'false')
		$parent.removeClass('open').trigger($.Event('hidden.bs.dropdown', relatedTarget))
	})
}

Dropdown.prototype.toggle = function (e) {
	var $this = $(this)

	if ($this.is('.disabled, :disabled')) return

	var $parent  = getParent($this)
	var isActive = $parent.hasClass('open')

	clearMenus()

	if (!isActive) {
		if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) {
			// if mobile we use a backdrop because click events don't delegate
			$(document.createElement('div'))
				.addClass('dropdown-backdrop')
				.insertAfter($(this))
				.on('click', clearMenus)
		}

		var relatedTarget = { relatedTarget: this }
		$parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget))

		if (e.isDefaultPrevented()) return

		$this
			.trigger('focus')
			.attr('aria-expanded', 'true')

		$parent
			.toggleClass('open')
			.trigger($.Event('shown.bs.dropdown', relatedTarget))
	}

	return false
}

Dropdown.prototype.keydown = function (e) {
	if (!/(38|40|27|32)/.test(e.which) || /input|textarea/i.test(e.target.tagName)) return

	var $this = $(this)

	e.preventDefault()
	e.stopPropagation()

	if ($this.is('.disabled, :disabled')) return

	var $parent  = getParent($this)
	var isActive = $parent.hasClass('open')

	if (!isActive && e.which != 27 || isActive && e.which == 27) {
		if (e.which == 27) $parent.find(toggle).trigger('focus')
		return $this.trigger('click')
	}

	var desc = ' li:not(.disabled):visible a'
	var $items = $parent.find('.dropdown-menu' + desc)

	if (!$items.length) return

	var index = $items.index(e.target)

	if (e.which == 38 && index > 0)                 index--         // up
	if (e.which == 40 && index < $items.length - 1) index++         // down
	if (!~index)                                    index = 0

	$items.eq(index).trigger('focus')
}


// DROPDOWN PLUGIN DEFINITION
// ==========================

function Plugin(option) {
	return this.each(function () {
		var $this = $(this)
		var data  = $this.data('bs.dropdown')

		if (!data) $this.data('bs.dropdown', (data = new Dropdown(this)))
		if (typeof option == 'string') data[option].call($this)
	})
}

var old = $.fn.dropdown

$.fn.dropdown             = Plugin
$.fn.dropdown.Constructor = Dropdown


// DROPDOWN NO CONFLICT
// ====================

$.fn.dropdown.noConflict = function () {
	$.fn.dropdown = old
	return this
}


// APPLY TO STANDARD DROPDOWN ELEMENTS
// ===================================

$(document)
	.on('click.bs.dropdown.data-api', clearMenus)
	.on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
	.on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)
	.on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown)
	.on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown)

}(jQuery);

/* ========================================================================
* Bootstrap: modal.js v3.3.7
* http://getbootstrap.com/javascript/#modals
* ========================================================================
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */


+function ($) {
'use strict';

// MODAL CLASS DEFINITION
// ======================

var Modal = function (element, options) {
	this.options             = options
	this.$body               = $(document.body)
	this.$element            = $(element)
	this.$dialog             = this.$element.find('.modal-dialog')
	this.$backdrop           = null
	this.isShown             = null
	this.originalBodyPad     = null
	this.scrollbarWidth      = 0
	this.ignoreBackdropClick = false

	if (this.options.remote) {
		this.$element
			.find('.modal-content')
			.load(this.options.remote, $.proxy(function () {
				this.$element.trigger('loaded.bs.modal')
			}, this))
	}
}

Modal.VERSION  = '3.3.7'

Modal.TRANSITION_DURATION = 300
Modal.BACKDROP_TRANSITION_DURATION = 150

Modal.DEFAULTS = {
	backdrop: true,
	keyboard: true,
	show: true
}

Modal.prototype.toggle = function (_relatedTarget) {
	return this.isShown ? this.hide() : this.show(_relatedTarget)
}

Modal.prototype.show = function (_relatedTarget) {
	var that = this
	var e    = $.Event('show.bs.modal', { relatedTarget: _relatedTarget })

	this.$element.trigger(e)

	if (this.isShown || e.isDefaultPrevented()) return

	this.isShown = true

	this.checkScrollbar()
	this.setScrollbar()
	this.$body.addClass('modal-open')

	this.escape()
	this.resize()

	this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this))

	this.$dialog.on('mousedown.dismiss.bs.modal', function () {
		that.$element.one('mouseup.dismiss.bs.modal', function (e) {
			if ($(e.target).is(that.$element)) that.ignoreBackdropClick = true
		})
	})

	this.backdrop(function () {
		var transition = $.support.transition && that.$element.hasClass('fade')

		if (!that.$element.parent().length) {
			that.$element.appendTo(that.$body) // don't move modals dom position
		}

		that.$element
			.show()
			.scrollTop(0)

		that.adjustDialog()

		if (transition) {
			that.$element[0].offsetWidth // force reflow
		}

		that.$element.addClass('in')

		that.enforceFocus()

		var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget })

		transition ?
			that.$dialog // wait for modal to slide in
				.one('bsTransitionEnd', function () {
					that.$element.trigger('focus').trigger(e)
				})
				.emulateTransitionEnd(Modal.TRANSITION_DURATION) :
			that.$element.trigger('focus').trigger(e)
	})
}

Modal.prototype.hide = function (e) {
	if (e) e.preventDefault()

	e = $.Event('hide.bs.modal')

	this.$element.trigger(e)

	if (!this.isShown || e.isDefaultPrevented()) return

	this.isShown = false

	this.escape()
	this.resize()

	$(document).off('focusin.bs.modal')

	this.$element
		.removeClass('in')
		.off('click.dismiss.bs.modal')
		.off('mouseup.dismiss.bs.modal')

	this.$dialog.off('mousedown.dismiss.bs.modal')

	$.support.transition && this.$element.hasClass('fade') ?
		this.$element
			.one('bsTransitionEnd', $.proxy(this.hideModal, this))
			.emulateTransitionEnd(Modal.TRANSITION_DURATION) :
		this.hideModal()
}

Modal.prototype.enforceFocus = function () {
	$(document)
		.off('focusin.bs.modal') // guard against infinite focus loop
		.on('focusin.bs.modal', $.proxy(function (e) {
			if (document !== e.target &&
					this.$element[0] !== e.target &&
					!this.$element.has(e.target).length) {
				this.$element.trigger('focus')
			}
		}, this))
}

Modal.prototype.escape = function () {
	if (this.isShown && this.options.keyboard) {
		this.$element.on('keydown.dismiss.bs.modal', $.proxy(function (e) {
			e.which == 27 && this.hide()
		}, this))
	} else if (!this.isShown) {
		this.$element.off('keydown.dismiss.bs.modal')
	}
}

Modal.prototype.resize = function () {
	if (this.isShown) {
		$(window).on('resize.bs.modal', $.proxy(this.handleUpdate, this))
	} else {
		$(window).off('resize.bs.modal')
	}
}

Modal.prototype.hideModal = function () {
	var that = this
	this.$element.hide()
	this.backdrop(function () {
		that.$body.removeClass('modal-open')
		that.resetAdjustments()
		that.resetScrollbar()
		that.$element.trigger('hidden.bs.modal')
	})
}

Modal.prototype.removeBackdrop = function () {
	this.$backdrop && this.$backdrop.remove()
	this.$backdrop = null
}

Modal.prototype.backdrop = function (callback) {
	var that = this
	var animate = this.$element.hasClass('fade') ? 'fade' : ''

	if (this.isShown && this.options.backdrop) {
		var doAnimate = $.support.transition && animate

		this.$backdrop = $(document.createElement('div'))
			.addClass('modal-backdrop ' + animate)
			.appendTo(this.$body)

		this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) {
			if (this.ignoreBackdropClick) {
				this.ignoreBackdropClick = false
				return
			}
			if (e.target !== e.currentTarget) return
			this.options.backdrop == 'static'
				? this.$element[0].focus()
				: this.hide()
		}, this))

		if (doAnimate) this.$backdrop[0].offsetWidth // force reflow

		this.$backdrop.addClass('in')

		if (!callback) return

		doAnimate ?
			this.$backdrop
				.one('bsTransitionEnd', callback)
				.emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) :
			callback()

	} else if (!this.isShown && this.$backdrop) {
		this.$backdrop.removeClass('in')

		var callbackRemove = function () {
			that.removeBackdrop()
			callback && callback()
		}
		$.support.transition && this.$element.hasClass('fade') ?
			this.$backdrop
				.one('bsTransitionEnd', callbackRemove)
				.emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) :
			callbackRemove()

	} else if (callback) {
		callback()
	}
}

// these following methods are used to handle overflowing modals

Modal.prototype.handleUpdate = function () {
	this.adjustDialog()
}

Modal.prototype.adjustDialog = function () {
	var modalIsOverflowing = this.$element[0].scrollHeight > document.documentElement.clientHeight

	this.$element.css({
		paddingLeft:  !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '',
		paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : ''
	})
}

Modal.prototype.resetAdjustments = function () {
	this.$element.css({
		paddingLeft: '',
		paddingRight: ''
	})
}

Modal.prototype.checkScrollbar = function () {
	var fullWindowWidth = window.innerWidth
	if (!fullWindowWidth) { // workaround for missing window.innerWidth in IE8
		var documentElementRect = document.documentElement.getBoundingClientRect()
		fullWindowWidth = documentElementRect.right - Math.abs(documentElementRect.left)
	}
	this.bodyIsOverflowing = document.body.clientWidth < fullWindowWidth
	this.scrollbarWidth = this.measureScrollbar()
}

Modal.prototype.setScrollbar = function () {
	var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10)
	this.originalBodyPad = document.body.style.paddingRight || ''
	if (this.bodyIsOverflowing) this.$body.css('padding-right', bodyPad + this.scrollbarWidth)
}

Modal.prototype.resetScrollbar = function () {
	this.$body.css('padding-right', this.originalBodyPad)
}

Modal.prototype.measureScrollbar = function () { // thx walsh
	var scrollDiv = document.createElement('div')
	scrollDiv.className = 'modal-scrollbar-measure'
	this.$body.append(scrollDiv)
	var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth
	this.$body[0].removeChild(scrollDiv)
	return scrollbarWidth
}


// MODAL PLUGIN DEFINITION
// =======================

function Plugin(option, _relatedTarget) {
	return this.each(function () {
		var $this   = $(this)
		var data    = $this.data('bs.modal')
		var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option)

		if (!data) $this.data('bs.modal', (data = new Modal(this, options)))
		if (typeof option == 'string') data[option](_relatedTarget)
		else if (options.show) data.show(_relatedTarget)
	})
}

var old = $.fn.modal

$.fn.modal             = Plugin
$.fn.modal.Constructor = Modal


// MODAL NO CONFLICT
// =================

$.fn.modal.noConflict = function () {
	$.fn.modal = old
	return this
}


// MODAL DATA-API
// ==============

$(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) {
	var $this   = $(this)
	var href    = $this.attr('href')
	var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) // strip for ie7
	var option  = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data())

	if ($this.is('a')) e.preventDefault()

	$target.one('show.bs.modal', function (showEvent) {
		if (showEvent.isDefaultPrevented()) return // only register focus restorer if modal will actually get shown
		$target.one('hidden.bs.modal', function () {
			$this.is(':visible') && $this.trigger('focus')
		})
	})
	Plugin.call($target, option, this)
})

}(jQuery);

/* ========================================================================
* Bootstrap: collapse.js v3.3.7
* http://getbootstrap.com/javascript/#collapse
* ========================================================================
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */

/* jshint latedef: false */

+function ($) {
'use strict';

// COLLAPSE PUBLIC CLASS DEFINITION
// ================================

var Collapse = function (element, options) {
	this.$element      = $(element)
	this.options       = $.extend({}, Collapse.DEFAULTS, options)
	this.$trigger      = $('[data-toggle="collapse"][href="#' + element.id + '"],' +
												 '[data-toggle="collapse"][data-target="#' + element.id + '"]')
	this.transitioning = null

	if (this.options.parent) {
		this.$parent = this.getParent()
	} else {
		this.addAriaAndCollapsedClass(this.$element, this.$trigger)
	}

	if (this.options.toggle) this.toggle()
}

Collapse.VERSION  = '3.3.7'

Collapse.TRANSITION_DURATION = 350

Collapse.DEFAULTS = {
	toggle: true
}

Collapse.prototype.dimension = function () {
	var hasWidth = this.$element.hasClass('width')
	return hasWidth ? 'width' : 'height'
}

Collapse.prototype.show = function () {
	if (this.transitioning || this.$element.hasClass('in')) return

	var activesData
	var actives = this.$parent && this.$parent.children('.panel').children('.in, .collapsing')

	if (actives && actives.length) {
		activesData = actives.data('bs.collapse')
		if (activesData && activesData.transitioning) return
	}

	var startEvent = $.Event('show.bs.collapse')
	this.$element.trigger(startEvent)
	if (startEvent.isDefaultPrevented()) return

	if (actives && actives.length) {
		Plugin.call(actives, 'hide')
		activesData || actives.data('bs.collapse', null)
	}

	var dimension = this.dimension()

	this.$element
		.removeClass('collapse')
		.addClass('collapsing')[dimension](0)
		.attr('aria-expanded', true)

	this.$trigger
		.removeClass('collapsed')
		.attr('aria-expanded', true)

	this.transitioning = 1

	var complete = function () {
		this.$element
			.removeClass('collapsing')
			.addClass('collapse in')[dimension]('')
		this.transitioning = 0
		this.$element
			.trigger('shown.bs.collapse')
	}

	if (!$.support.transition) return complete.call(this)

	var scrollSize = $.camelCase(['scroll', dimension].join('-'))

	this.$element
		.one('bsTransitionEnd', $.proxy(complete, this))
		.emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize])
}

Collapse.prototype.hide = function () {
	if (this.transitioning || !this.$element.hasClass('in')) return

	var startEvent = $.Event('hide.bs.collapse')
	this.$element.trigger(startEvent)
	if (startEvent.isDefaultPrevented()) return

	var dimension = this.dimension()

	this.$element[dimension](this.$element[dimension]())[0].offsetHeight

	this.$element
		.addClass('collapsing')
		.removeClass('collapse in')
		.attr('aria-expanded', false)

	this.$trigger
		.addClass('collapsed')
		.attr('aria-expanded', false)

	this.transitioning = 1

	var complete = function () {
		this.transitioning = 0
		this.$element
			.removeClass('collapsing')
			.addClass('collapse')
			.trigger('hidden.bs.collapse')
	}

	if (!$.support.transition) return complete.call(this)

	this.$element
		[dimension](0)
		.one('bsTransitionEnd', $.proxy(complete, this))
		.emulateTransitionEnd(Collapse.TRANSITION_DURATION)
}

Collapse.prototype.toggle = function () {
	this[this.$element.hasClass('in') ? 'hide' : 'show']()
}

Collapse.prototype.getParent = function () {
	return $(this.options.parent)
		.find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]')
		.each($.proxy(function (i, element) {
			var $element = $(element)
			this.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element)
		}, this))
		.end()
}

Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) {
	var isOpen = $element.hasClass('in')

	$element.attr('aria-expanded', isOpen)
	$trigger
		.toggleClass('collapsed', !isOpen)
		.attr('aria-expanded', isOpen)
}

function getTargetFromTrigger($trigger) {
	var href
	var target = $trigger.attr('data-target')
		|| (href = $trigger.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') // strip for ie7

	return $(target)
}


// COLLAPSE PLUGIN DEFINITION
// ==========================

function Plugin(option) {
	return this.each(function () {
		var $this   = $(this)
		var data    = $this.data('bs.collapse')
		var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option)

		if (!data && options.toggle && /show|hide/.test(option)) options.toggle = false
		if (!data) $this.data('bs.collapse', (data = new Collapse(this, options)))
		if (typeof option == 'string') data[option]()
	})
}

var old = $.fn.collapse

$.fn.collapse             = Plugin
$.fn.collapse.Constructor = Collapse


// COLLAPSE NO CONFLICT
// ====================

$.fn.collapse.noConflict = function () {
	$.fn.collapse = old
	return this
}


// COLLAPSE DATA-API
// =================

$(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) {
	var $this   = $(this)

	if (!$this.attr('data-target')) e.preventDefault()

	var $target = getTargetFromTrigger($this)
	var data    = $target.data('bs.collapse')
	var option  = data ? 'toggle' : $this.data()

	Plugin.call($target, option)
})

}(jQuery);

/* ========================================================================
* Bootstrap: transition.js v3.3.7
* http://getbootstrap.com/javascript/#transitions
* ========================================================================
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */


+function ($) {
'use strict';

// CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
// ============================================================

function transitionEnd() {
	var el = document.createElement('bootstrap')

	var transEndEventNames = {
		WebkitTransition : 'webkitTransitionEnd',
		MozTransition    : 'transitionend',
		OTransition      : 'oTransitionEnd otransitionend',
		transition       : 'transitionend'
	}

	for (var name in transEndEventNames) {
		if (el.style[name] !== undefined) {
			return { end: transEndEventNames[name] }
		}
	}

	return false // explicit for ie8 (  ._.)
}

// http://blog.alexmaccaw.com/css-transitions
$.fn.emulateTransitionEnd = function (duration) {
	var called = false
	var $el = this
	$(this).one('bsTransitionEnd', function () { called = true })
	var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
	setTimeout(callback, duration)
	return this
}

$(function () {
	$.support.transition = transitionEnd()

	if (!$.support.transition) return

	$.event.special.bsTransitionEnd = {
		bindType: $.support.transition.end,
		delegateType: $.support.transition.end,
		handle: function (e) {
			if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments)
		}
	}
})

}(jQuery);
</script>




	
		<!--[if IE 6]>
<script type="text/javascript"> 
  var IE6UPDATE_OPTIONS = {
    icons_path: "/media/common/images/ie6update/"
  }
</script>
<script type="text/javascript" src="/media/common/js/ie6update/ie6update.js"></script>
<![endif]-->











<div id="header">
	<div class="header-block">
		<div id="header-top">
			<a href="/index.jsp"> <img class="optavia-logo"
				src="//optaviamedia.com/images/logo_optavia_header.png"></img>
			</a>
			<ul class="top-nav">
				<li><a href="/about-us/who-is-optavia.jsp">about us</a></li>
				<li><a href="/find-a-coach/index.jsp">connect with a coach</a></li>
					<li><a href=" https://answers.optavia.com/help/contact-us" target="_blank">contact us</a></li>
			</ul>
		</div>
		<div id="user-actions">
			<ul>
				
				

				  
                    
                    
                              <li class="login_out login"><a
                                  href="/account/login_returning.jsp">Log In <i
                                      class="fa fa-power-off" aria-hidden="true"></i>
                              </a></li>
                    
                

				

				
					
					
						<li class="cart">
							<a href="/checkout/cart.jsp"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a>
						</li>
					
				
			</ul>
		</div>
	</div>
	<br class="clear" />
	
	<!-- SiteSearch360: Search Engine -->


<link rel="stylesheet" type="text/css" href="https://sitesearch360.com/cdn/sitesearch360-v7.min.css" />
<style>
    .cart.pull-right {
        padding-top: 33px;
        z-index: 100;
    }

    .logo {
        display: none;
    }

    .navbar.navbar-inverse {
        clear: both;
    }

    #search_bar_nav {
        float: right;
        display: none;
    }

    #search_bar_nav .search360_box {
        border-top: none;
        border-right: none;
        border-left: none;
        border-bottom: solid black 1px;
        color: black;
        width: 200px;
        font-size: 15px;
        font-family: "DarbySans";
    }

    #search_bar_nav #unibox-suggest-box .unibox-selectable,
    #search_bar_mobile #unibox-suggest-box .unibox-selectable{
        font-size: 15px;
        font-family: "DarbySans";
        line-height: 15px;
    }


    #search_bar_nav #unibox-suggest-box .unibox-selectable:hover,
    #search_bar_mobile #unibox-suggest-box .unibox-selectable:hover{
        background-color: #79AE00 !important;
    }

    #search_bar_nav #unibox-suggest-box .unibox-selectable:hover > a,
    #search_bar_nav #unibox-suggest-box .unibox-selectable.active > a,
    #search_bar_nav #unibox-suggest-box .unibox-selectable > a:hover,
    #search_bar_mobile #unibox-suggest-box .unibox-selectable:hover > a,
    #search_bar_mobile #unibox-suggest-box .unibox-selectable.active > a,
    #search_bar_mobile #unibox-suggest-box .unibox-selectable > a:hover {
        background-color: #79AE00 !important;
        color: white !important;
    }

    @media only screen and (max-width: 768px) {
        .nav > li.show-dropdown .dropdown-menu {
            display: block !important;
            position: relative !important;
            float: none !important;
            background-color: white !important;
        }

        .nav > li.open:not(.show-dropdown) .dropdown-menu {
            display: none !important;
        }

        .nav > li.show-dropdown .fa-arrow-down{
            display: none;
        }
        .nav > li.show-dropdown .fa-arrow-up{
            display: block;
        }
        .nav > li:not(.show-dropdown) .fa-arrow-down{
            display: block;
        }
        .nav > li:not(.show-dropdown) .fa-arrow-up{
            display: none;
        }

        .nav > li .icon-arrow {
            position: absolute;
            top: 5px;
            left: 215px;
            color: white;
            font-size: 20px;
            padding: 10px;
        }

        .navbar {
            border: 0px;
        }

        .navbar-header {
            position: fixed;
            top: 0px;
            z-index: 100;
            background: #fff;
            width: 100%;
        }

        .home-video-intro {
            margin-top: 84px;
        }

        .logo {
            display: inline;
        }

        button.navbar-toggle.pull-left{
            padding-top: 28px !important;
            margin-right: 0px;
            border: none;
        }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 6px !important;
        }

        .cart.pull-right {
            display: block;
            float: right !important;
            margin-right: 0px;
            padding: 33px 10px !important;
        }

        .logo img {
            /* width: 50%; */
            display: inline-block;
            padding: 15px 10px;
            height: 60px;
        }

        .navbar-header button {
            width: auto !important;
        }

        .navbar-toggle {
            padding: 23px 10px !important;
        }

        #header-top, #user-actions {
            display: none;
        }

        .search-section-mobile {
            background: #000;
        }

        .fa-search {
            color: black;
            padding-left: 5px;
        }

        .nav-bg {
            background: #000;
        }

        .nav-bg a {
            color: #fff !important;
        }

        .dropdown-menu li a strong, .dropdown-menu li a .sub-title {
            color: #666 !important;
        }

        .nav > li {
            text-align: left;
            padding: 5px 15px;
        }

        .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
            background: transparent !important;
        }

        .nav-pills li a {
            color: #fff;
        }

        .nav-justified > li {
            padding: 0px 15px;
        }

        .nav-justified > li > a {
            text-align: left;
            text-decoration: none;
        }

        .title, .sub-title {
            display: inline;
            color: #fff !important;
        }

        .border {
            border: 0px;
        }

        .search-section {
            text-align: right !important;
            display: none !important;
        }

        #search_bar_mobile {
            padding: 5px;
        }

        #search_bar_mobile .search360_box {
            border-top: none;
            border-right: none;
            border-left: none;
            border-bottom: solid white 1px;
            color: white;
            width: 100%;
            font-size: 15px;
            line-height: 25px;
            font-family: "DarbySans";
            background-color: black;
        }

        #search_bar_mobile .search360_box:focus{
            outline: none;
        }

        #search_bar_mobile .search360_box ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
            color: white;
        }

        #search_bar_mobile .search360_box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color: white;
        }

        #search_bar_mobile .search360_box::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: white;
        }

        #search_bar_mobile .search360_box:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: white;
        }

        #search_bar_mobile .search360_box::-ms-input-placeholder { /* Microsoft Edge */
            color: white;
        }

        #search_bar_mobile .search360_box::placeholder { /* Most modern browsers support this now. */
            color: white;
        }

        .navbar-nav {
            margin: 0px -15px;
        }

        #bs-optavia-navbar-collapse {
            background: #fff;
            z-index: 101;
            height: 100%;
            width: 0px;
            position: fixed;
            top: 84px;
            left: 0;
            overflow-x: hidden;

            transition: 0.5s;
        }

        .open {

            width: 250px !important;
        }

        .coach-img {
            height: 40px;
            width: 40px;
            vertical-align: middle;
            margin: 0px 10px;
            border-radius: 50%;
            display: inline-block;
            border: 1px solid #ddd;
            padding: 4px;
        }

        .user-info {
            color: #000;
            font-weight: 700;
        }

        .coach-dropdown {
            min-width: 230px;
            width: 230px;
            border-radius: 10px;
            background-color: #fff;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
            border: 1px solid rgba(0, 0, 0, .15);
            margin: 13px auto;
            display: none;
        }

        .coach-dropdown_open {
            display: block;
        }

        .coach-dropdown a {
            color: #79AE00 !important;
            width: 200px;
            word-wrap: break-word;
        }

        .coach_details {
            padding: 10px;
        }

        .coach_city {
            color: #000;
            font-size: 18px;
            font-weight: 400;
        }

        .view_profile_button a {
            background-color: #84BD00;
            border: 1px solid #79AE00;
            color: #fff !important;
            border-radius: 8px !important;
            padding: 4px 33px;
            width: 75px;
            margin: 0 auto;
        }

        .opta-arrow-down {
            display: block;

            height: 0;
            width: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #ccc;
            position: absolute;
            top: 23%;
            left: 18%;
            transform: translateX(-50%);
        }

    }
</style>

<style media="screen and (max-width:768px)">
    .navbar-inverse {
        background-color: #ffffff;
        border-color: #ffffff;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #ffffff;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #000000;
        width: 12px !important;

    }

    .navbar-inverse .navbar-nav > li > a.top-link {
        position: absolute;
        width: 50%;
        height: 20px;
        z-index: 2000;
    }

    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: #ffffff;

    }

    .navbar-inverse .navbar-nav > li > a,
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > li > a:hover {
        color: #000000;
        text-decoration: none;
        font-size: 13px;
        font-family: "DarbySans";
    }

    .navbar-inverse .navbar-brand {
        background-image: url("https://tsflmedia.com//tiles/images/optavia/logo@2x.png");
        background-repeat: no-repeat;
        width: 147px;
    }

    #user-actions .coach-dropdown {
        z-index: 9999 !important;
    }

    .navbar-inverse .cart a {
        /* color: #84bd00; */
        color: black;
        text-decoration: none;
    }

    .navbar-inverse .cart .pull-right {
        position: absolute;
        float: right;
    }

    .navbar-inverse .cart .item_count {
        margin-left: 10px;
        font-size: 20px;
    }

    .header-block {
        display: none;
    }

    .header-block {
        display: block;
    }

    #header-top .top-nav {
        display: none;
    }

    .header-block .optavia-logo {
        float: none;
        width: 80%;
    }

    #user-actions ul {
        padding: 0px;
        display: block;
    }

    #user-actions ul li {
        border: none;
        padding: 10px 0px !important;
    }

    #user-actions ul li.cart {
        display: none;
    }

    #user-actions .coach-dropdown {
        margin: 0 auto;
        position: inherit;
    }

    .login_out {
        font-weight: bold;
    }
</style>

<style media="screen and (min-width:770px)">

    .if-mobile {
        display: none !important;
    }

    .icon-arrow{
        display: none;
    }

    .search-section-mobile {
        display: none !important;
    }

    .navbar {
        height: 50px;
    }

    #user-actions .coach-dropdown {
        z-index: 9999 !important;
    }

    .navbar-inverse {
        background-color: #000000;
        border: none;
    }

    .navbar-inverse .navbar-nav {
        position: absolute;
        z-index: 1000;
        left: 30%;
        transform: translatex(-10%);
    }

    .navbar-inverse .two:hover ~ hr {
        margin-left: 25%;
    }

    .navbar-inverse .three:hover ~ hr {
        margin-left: 50%;
    }

    .navbar-inverse .four:hover ~ hr {
        margin-left: 75%;
    }

    .navbar-inverse hr {
        height: .25rem;
        width: 25%;
        margin: 0;
        background: tomato;
        border: none;
        transition: .3s ease-in-out;
    }

    .navbar-inverse .cart {
        display: none;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #ffffff;
        text-decoration: none;
        font-size: 13px;
        font-family: "DarbySans";
    }

    .navbar-inverse .navbar-nav > li {
        border-bottom: 4px solid #000;
        height: 46px;
    }

    .navbar-inverse .navbar-nav > li:hover,
    .navbar-inverse .navbar-nav > li:focus {
        border-bottom: 4px solid #fff
    }

    .navbar-inverse li.search-section a,
    .navbar-inverse li.search-section a:focus,
    .navbar-inverse li.search-section a:hover {
        background-color: #ffffff;
        border-color: #ffffff;
    }

    .navbar-inverse .search-section a > i {
        color: #000000;
    }

    .navbar-inverse .navbar-collapse span {
        background: #FFF;
        height: 2px;
        display: block;
        position: absolute;
        left: 0
    }

    .navbar-inverse .navbar-collapse {
        text-align: center;
        height: 50px !important;
    }

    .navbar-inverse .navbar-nav > li > .dropdown-menu {
        top: 50px;
        padding: 0px;
        border-radius: 0px;
        border: 0px;
        left: 50%;
        right: auto;
        transform: translate(-50%, 0);
    }

    .navbar-inverse .navbar-nav > li > a.top-link {
        position: absolute;
        width: 50%;
        height: 20px;
        z-index: 2000;
    }

    .navbar-inverse .nav-justified > li > a {
        margin-bottom: 0;
        width: 200px;
        text-decoration: none;
        text-align: left;
        border-radius: 0px;
        height: 60px;
    }

    .navbar-inverse .nav-justified > li:hover,
    .navbar-inverse .nav-justified > li:focus {
        background-color: #79AE00 !important;
    }

    .navbar-inverse .nav-justified > li > a:hover,
    .navbar-inverse .nav-justified > li > a:focus,
    .navbar-inverse .nav-justified > li > a:hover .content > p,
    .navbar-inverse .nav-justified > li > a:focus .content > p {
        background-color: #79AE00 !important;
        color: #ffffff;
        border-radius: 0px;
    }

    .navbar-inverse .nav-justified > li > a .content p {
        font-family: "DarbySans";
        font-size: 15px;
        line-height: 5px;
        position: absolute;
        left: 70px;
        top: 10px;
        bottom: 5px;
    }

    .navbar-inverse .nav-justified > li > a .icon {
        left: 25px;
        top: 25px;
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        background-size: 25px 25px;
        position: absolute;
    }

    .navbar-inverse .nav-justified > li > a .content p.title {
        font-size: 16px;
    }

    .navbar-inverse .nav-justified > li > a .content p.single-title {
        font-size: 16px;
        top: 20px;
    }

    .navbar-inverse .nav-justified > li > a .content p.sub-title {
        top: 32px;
    }

    .navbar-inverse .nav-justified > li > a .border {
        top: 15px;
        width: 1px;
        border: 0px;
        border-right: 1px solid grey;
        position: absolute;
        left: 228px;
        padding: 0px;
        margin: 0px;
        height: 45px;
    }

    .navbar-inverse .nav-justified > li > a #leadership {
        background-image: url(http://optaviamedia.com/images/icons/leadership-icon.png);
    }

    .navbar-inverse .nav-justified > li > a #in_the_news {
        background-image: url(http://optaviamedia.com/images/icons/news-icon.png);
    }

    .navbar-inverse .nav-justified > li > a #careers {
        background-image: url(http://optaviamedia.com/images/icons/careers-icon.png);
    }

    .navbar-inverse .nav-justified > li > a #coach_shop {
        background-image: url(http://optaviamedia.com/images/icons/hc-store-icon.png);
    }

    .navbar-inverse .nav-justified > li > a #optimal_weight_5_1_pr {
        background-image: url(http://optaviamedia.com/images/icons/weight-icon.png);
    }

    .navbar-inverse .nav-justified > li > a #optimal_weight_4_2_1_pr {
        background-image: url(http://optaviamedia.com/images/icons/measurement-tape-icon.png);
    }

    .navbar-inverse .nav-justified > li > a #optimal_health_3_3_pr {
        background-image: url(http://optaviamedia.com/images/icons/heart-icon.png);
    }

    .navbar-inverse .nav-justified > li > a #transformational_stories {
        background-image: url(http://optaviamedia.com/images/icons/optavia-icon.png);
    }

    .navbar-inverse .nav-justified > li > a #recipe {
        background-image: url(http://optaviamedia.com/images/icons/recipe-icon.png);
    }

    .navbar-inverse .nav-justified > li > a #optimal_weight_5_1_fl {
        background-image: url(http://optaviamedia.com/images/icons/weight-icon.png);
    }

    .navbar-inverse .nav-justified > li > a #optimal_health_3_3_fl {
        background-image: url(http://optaviamedia.com/images/icons/heart-icon.png);
    }

    .navbar-inverse .nav-justified > li > a #snacks {
        background-image: url(http://optaviamedia.com/images/icons/snack-icon.png);
    }

    .navbar-inverse .nav-justified > li > a #choose_your_own {
        background-image: url(http://optaviamedia.com/images/icons/choose-your-own-icon.png);
    }

    .navbar-inverse .nav-justified > li > a:hover #leadership,
    .navbar-inverse .nav-justified > li > a:focus #leadership {
        background-image: url(http://optaviamedia.com/images/icons/leadersip-icon-white.png);
    }

    .navbar-inverse .nav-justified > li > a:hover #in_the_news,
    .navbar-inverse .nav-justified > li > a:focus #in_the_news {
        background-image: url(http://optaviamedia.com/images/icons/news-icon-white.png);
    }

    .navbar-inverse .nav-justified > li > a:hover #careers,
    .navbar-inverse .nav-justified > li > a:focus #careers {
        background-image: url(http://optaviamedia.com/images/icons/careers-icon-white.png);
    }

    .navbar-inverse .nav-justified > li > a:hover #coach_shop,
    .navbar-inverse .nav-justified > li > a:focus #coach_shop {
        background-image: url(http://optaviamedia.com/images/icons/hc-store-icon-white.png);
    }

    .navbar-inverse .nav-justified > li > a:hover #optimal_weight_5_1_pr,
    .navbar-inverse .nav-justified > li > a:focus #optimal_weight_5_1_pr {
        background-image: url(http://optaviamedia.com/images/icons/weight-icon-white.png);
    }

    .navbar-inverse .nav-justified > li > a:hover #optimal_weight_4_2_1_pr,
    .navbar-inverse .nav-justified > li > a:focus #optimal_weight_4_2_1_pr {
        background-image: url(http://optaviamedia.com/images/icons/measurement-tape-icon-white.png);
    }

    .navbar-inverse .nav-justified > li > a:hover #optimal_health_3_3_pr,
    .navbar-inverse .nav-justified > li > a:focus #optimal_health_3_3_pr {
        background-image: url(http://optaviamedia.com/images/icons/heart-icon-white.png);
    }

    .navbar-inverse .nav-justified > li > a:hover #transformational_stories,
    .navbar-inverse .nav-justified > li > a:focus #transformational_stories {
        background-image: url(http://optaviamedia.com/images/icons/optavia-icon-white.png);
    }

    .navbar-inverse .nav-justified > li > a:hover #recipe,
    .navbar-inverse .nav-justified > li > a:focus #recipe {
        background-image: url(http://optaviamedia.com/images/icons/recipe-icon-white.png);
    }

    .navbar-inverse .nav-justified > li > a:hover #optimal_weight_5_1_fl,
    .navbar-inverse .nav-justified > li > a:focus #optimal_weight_5_1_fl {
        background-image: url(http://optaviamedia.com/images/icons/weight-icon-white.png);
    }

    .navbar-inverse .nav-justified > li > a:hover #optimal_health_3_3_fl,
    .navbar-inverse .nav-justified > li > a:focus #optimal_health_3_3_fl {
        background-image: url(http://optaviamedia.com/images/icons/heart-icon-white.png);
    }

    .navbar-inverse .nav-justified > li > a:hover #snacks,
    .navbar-inverse .nav-justified > li > a:focus #snacks {
        background-image: url(http://optaviamedia.com/images/icons/snack-icon-white.png);
    }

    .navbar-inverse .nav-justified > li > a:hover #choose_your_own,
    .navbar-inverse .nav-justified > li > a:focus #choose_your_own {
        background-image: url(http://optaviamedia.com/images/icons/choose-your-own-icon-white.png);
    }

    .navbar {
        border-radius: 0px !important;
    }

</style>




    
    

<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle pull-left">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="logo">
                <a href="/index.jsp">
                    <img class="optavia-logo" src="//optaviamedia.com/images/logo_optavia_header.png"/>
                </a>
            </div>
            
            <div class="cart pull-right">
                
                    
                    
                        <a href="/checkout/cart.jsp"><i class="fa fa-shopping-cart fa-2x" aria-hidden="true"></i></a>
                    
                
                <i class="fa fa-search fa-2x mobile"></i>
                </div>
                <div class="search-section-mobile" style="width:100%">
                <div id="search_bar_mobile" class="search_bar">
                    <input class="search360_box" type="search" placeholder="I'm Looking For..."/>
                </div>
            </div>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->

        <div class="collapse navbar-collapse" id="bs-optavia-navbar-collapse">
            <ul class="nav navbar-nav">
            
                    
                
                
                    
                    
                        <li class="login_out login if-mobile">
                            <a href="/account/login_returning.jsp">
                                Log In <i class="fa fa-power-off" aria-hidden="true"></i>
                            </a>
                        </li>
                    
                

                <li class="login_out login if-mobile">
                    <a href="/about-us/who-is-optavia.jsp">About Us</a>
                </li>
                <li class="login_out login if-mobile">
                    <a href="http://answers.optavia.com/help">Contact Us</a>
                </li>
                <li class="dropdown nav-bg">
                    <a class="top-link" href="/about-us/who-is-optavia.jsp"></a>
                    <a class="dropdown-toggle" data-toggle="dropdown"> WE ARE <strong>OPTA</strong>VIA</a>
                    <!-- <i class="icon-arrow"></i> -->
                    <i class="fa fa-arrow-down icon-arrow" aria-hidden="true"></i>
                    <i class="fa fa-arrow-up icon-arrow" aria-hidden="true"></i>                    
                    <ul class="dropdown-menu">
                        <li>
                            <ul class="nav nav-pills nav-justified">
                                
                                <li>
                                    <a href="/about-us/news-and-media.jsp">
                                        <div id="in_the_news" class="icon"></div>
                                        <div class="content">
                                            <p class="title"><strong>In the news</strong></p>
                                            <p class="sub-title"></p>
                                        </div>
                                        <div class="border"></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="nav-bg"><a href="/community/index.jsp"><strong>OPTA</strong>VIA COMMUNITY</a></li>
                <li class="dropdown nav-bg">
                    <a class="top-link" href="/weight-loss-products-programs/index.jsp"></a>
                    <a class="dropdown-toggle" data-toggle="dropdown">PRODUCTS & PROGRAMS</a>
                    <i class="fa fa-arrow-down icon-arrow" aria-hidden="true"></i>
                    <i class="fa fa-arrow-up icon-arrow" aria-hidden="true"></i>  
                    <ul class="dropdown-menu">
                        <li>
                            <ul class="nav nav-pills nav-justified">
                                <li>
                                    <a href="/weight-loss-products-programs/ideal-weight-5-1.jsp">
                                        <div id="optimal_weight_5_1_pr" class="icon"></div>
                                        <div class="content">
                                            <p class="title"><strong>Optimal Weight</strong></p>
                                            <p class="sub-title">5&1 Plan&reg;</p>
                                        </div>
                                        <div class="border"></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="/weight-loss-products-programs/ideal-weight-4-2-1.jsp">
                                        <div id="optimal_weight_4_2_1_pr" class="icon"></div>
                                        <div class="content">
                                            <p class="title"><strong>Optimal Weight</strong></p>
                                            <p class="sub-title">4&2&1 Plan&reg;</p>
                                        </div>
                                        <div class="border"></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="/weight-loss-products-programs/optimal-health-3-3.jsp">
                                        <div id="optimal_health_3_3_pr" class="icon"></div>
                                        <div class="content">
                                            <p class="title"><strong>Optimal Health</strong></p>
                                            <p class="sub-title">3&3 Plan&reg;</p>
                                        </div>
                                        <div class="border"></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="/weight-loss-products-programs/weight-loss-stories/colleen-green.jsp">
                                        <div id="transformational_stories" class="icon"></div>
                                        <div class="content">
                                            <p class="title"><strong>Transformational</strong></p>
                                            <p class="sub-title">Stories</p>
                                        </div>
                                        <div class="border"></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>

                
                
                <script>
                    var qofUrl = "http://www.optavia.com/checkout/qof.jsp";
                    var qofOpts = "";
                </script>
                

                <li class="dropdown nav-bg">
                    <a class="top-link" href="/shop/index.jsp"></a>
                    <a class="dropdown-toggle" data-toggle="dropdown">SHOP</a>
                    <i class="fa fa-arrow-down icon-arrow" aria-hidden="true"></i>
                    <i class="fa fa-arrow-up icon-arrow" aria-hidden="true"></i>  
                    <ul class="dropdown-menu">
                        <li>
                            <ul class="nav nav-pills nav-justified">
                                
                                <li>
                                    <a href="/shop/ideal-weight-nutrition.jsp">
                                        <div id="optimal_weight_5_1_fl" class="icon"></div>
                                        <div class="content">
                                            <p class="title"><strong>Optimal Weight</strong></p>
                                            <p class="sub-title">Fuelings</p>
                                        </div>
                                        <div class="border"></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="/shop/ideal-health-nutrition.jsp">
                                        <div id="optimal_health_3_3_fl" class="icon"></div>
                                        <div class="content">
                                            <p class="title"><strong>Optimal Health</strong></p>
                                            <p class="sub-title">Fuelings</p>
                                        </div>
                                        <div class="border"></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="/shop/nutritious-snacks-and-more.jsp">
                                        <div id="snacks" class="icon"></div>
                                        <div class="content">
                                            <p class="title"><strong>Snacks</strong></p>
                                            <p class="sub-title">And More</p>
                                        </div>
                                        <div class="border"></div>
                                    </a>
                                </li>
                                <li>
                                    <a class="qoflink as-temp-btn" href="javascript:void(0)" id="freeMealPicker">
                                        <div id="choose_your_own" class="icon"></div>
                                        <div class="content">
                                            <p class="title"><strong>Choose your own</strong></p>
                                            <p class="sub-title">Fuelings</p>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="nav-bg"><a href="/join-us/index.jsp">JOIN US</a></li>
                <li class="search-section">
                    <a>
                        <i class="fa fa-search fa-lg"></i>;
                        <!-- Search Functionality -->
                        <div id="search_bar_nav" class="search_bar">
                            <!-- SiteSearch360: Search Engine -->
                            <input class="search360_box" type="search" placeholder="I'm Looking For..."/>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<script type="text/javascript">
    // ---- SiteSearch360 Functionality ---- //
    // Will ONLY remove 'ss360Query' url parameter on page reload.
    function removeSearch360UrlParams () {
        window.history.replaceState(null, null, window.location.pathname);
    }

    // Clean-up on each page reload
    removeSearch360UrlParams();
    $('.search360_box').each(function (index, elem) {
        $(elem).val('');
    });

    // SiteSearch360 Config Object (Run before loading sitesearch360 script)
    var ss360Config = {
        // Ref: Ref: https://sitesearch360.com/docs/example-styling.html
        siteId: 'www.optavia.com', // your site id
        searchBoxSelector: '.search360_box', // a CSS selector that points to your search box.
        themeColor: '#79AE00',
        showSearchSuggestions: true,
        showImagesSuggestions: true,
        highlight: false
    };
    // ---- End SiteSearch360 ---- //

    $(window).bind('DOMContentLoaded load resize', function () {
        if ($(window).innerWidth() <= 769) {
            $("#bs-optavia-navbar-collapse").removeClass('collapse navbar-collapse');
        }
    });

    function initNavBar () {
        $('body').on('click', function() {
            $('#search_bar_nav').css('display', 'none');
        });

        $('#search_bar_nav').on('click', function(e) {
            e.stopPropagation();
        });

        $('.navbar-inverse .search-section').on('click', function(e) {
            e.stopPropagation();
            $('#search_bar_nav').toggle();
        });

        if ($(window).innerWidth() > 769) {
            $(".nav > li.dropdown").on({
                mouseenter: function () {
                    $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
                },
                mouseleave: function () {
                    $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
                }
            });
        }

        $(".nav > li.dropdown .icon-arrow").on('touchstart', function (e) {
            var link = $(this);
            link.parent().toggleClass("show-dropdown");
            e.preventDefault();
            return false;
        });

        $(".navbar-toggle").click(function () {
            $("#bs-optavia-navbar-collapse").toggleClass("open");
        });

        $("#wrapper").click(function(){
            if($("#bs-optavia-navbar-collapse").hasClass("open")){
                $("#bs-optavia-navbar-collapse").toggleClass("open");
            }
        });

        $(".fa-caret-down").click(function () {
            $(".coach-dropdown").toggleClass("coach-dropdown_open");
        });

        $(".fa-search.mobile").click(function(){
            $(".search-section-mobile").toggle();
        });
    }

    // On document ready event
    $(function () {
        initNavBar();
        $(".search-section-mobile").hide();
    });
</script>

<!-- SiteSearch360: Search Engine (Run after setting the ss360Config object)-->
<script src="https://sitesearch360.com/cdn/sitesearch360-v7.min.js"></script>


	<br class="clear" />
	
</div>

	
	


<script>
	var $buoop = {
		vs : {
			i : 9,
			f : -4,
			o : -4,
			s : 8,
			c : -4
		},
		unsecure : true,
		api : 4
	};

	function $buo_f() {
		var e = document.createElement("script");
		e.src = "//browser-update.org/update.min.js";
		document.body.appendChild(e);
	}

	try {
		document.addEventListener("DOMContentLoaded", $buo_f, false)
	} catch (e) {
		window.attachEvent("onload", $buo_f)
	}

	$('body').on('click', function() {
		$('#user-actions .coach-dropdown').css('display', 'none');
	});

	$('#user-actions .user-info').on('click', function(e) {
		e.stopPropagation();
	});

	$('.fa-caret-down').on('click', function(e) {
		e.stopPropagation();
		$('#user-actions .coach-dropdown').toggle();
	});
</script>

<style>
/* Autoship Banner */
.autoship-bar {
	background: #e2e2e2;
	margin: 0px;
}

.autoship-bar p {
	text-align: center;
	color: #333333;
	padding: 12px;
	font-size: 16px;
	font-family: DarbySans !important;
	margin: 0 !important;
}

.autoship-bar p a{
	color: #84bd00 !important;
}

/* Product detail page */
.aside .category-heading{
	color: #84bd00 !important;
	font-family: DarbySans !important;
}

.aside a{
	text-decoration: none !important;
	font-family: DarbySans !important;
}

.aside a:hover{
	color: inherit !important;
}

.aside .borderBottom{
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.aside li{
	margin: 5px 0px;
}

@media screen and (max-width: 767px) {
	div#productFunctionBoxes .qtyinputcoa{
		background-color: #f5f5f5 !important;
		border: 1px solid lightgrey !important;
		border-radius: 5px;
		font-family: DarbySans !important;
	}

	.coaproduct .flex_product_box{
		flex-direction: row !important;
	}

	.coa-field{
		min-width: 25%;
		padding-bottom: 10px;
	}
}

#maincontent{
	font-family: DarbySans !important;
}

#maincontent>h1{
	font-family: DarbySansXlight !important;
	font-size: 35px !important;
	font-weight: 300;
	line-height: 1.29;
	text-align: left;
	color: #696158 !important;
}

#maincontent .productnamedetail{
	font-family: DarbySans;
	font-size: 20px !important;
	font-weight: 500;
	line-height: 1.75;
	text-align: left;
	color: #333333 !important;
}

#maincontent .productshortdesc p{
	font-family: DarbySans;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
	color: #333333;
}

#maincontent .productadd input[name=Submit], .optavia-button{
	background-color: #84bd00 !important;
	border-radius: 5px;
	padding: 5px 10px;
	color: white;
	text-transform: capitalize;
	font-family: DarbySans !important;
	width: auto !important;
	cursor: pointer;
	text-decoration: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.productbox input[type='image']{
		padding: 0px;
   }
}


#maincontent .flex_product_box{
	box-sizing: border-box !important;
	font-family: DarbySans !important;
}

#maincontent .qtyinput{
	background-color: #f5f5f5 !important;
    border: 1px solid lightgrey !important;
    width: 25px !important;
	border-radius: 5px;
	font-family: DarbySans !important;
}

#productTabPanels p{
	font-family: DarbySans !important;
}

.selectproduct select{
	background-color: #84bd00 !important;
	height: 30px;
	font-weight: bold !important;
	outline: none;
}

.selectproduct select option:checked, 
.selectproduct select option:hover,
.selectproduct select option:focus,
.selectproduct select option:active{
	background-color: #509e2f !important;
	outline: none !important;
}
</style>
<script>
	$(function() {
		// $('#maincontent .productadd input[name=Submit]').attr("alt","ADD").attr('type','Submit').html('ADD');
		$('.productadd input[name=Submit]').each(function() {
			$(this).clone().attr('type','Submit').attr('value','ADD').insertBefore(this);
			$(this).remove();
		});
		$("img[src$='viewproduct.jpg']").each(function() {
			$('<span class="optavia-button">View</span>').insertBefore(this);
			$(this).parent().css('text-decoration','none');
			$(this).hide();
		});
		$("input[src$='reorder-b.jpg']").attr('src','').attr('alt','REORDER').addClass('optavia-button');
	});
</script>


    <div id="wrapper">
        

        <div class="home-video-intro">
            <div class="video-js-container">
                <video id="videoPlayer"
                       data-video-id="5439490081001"
                       data-account="1018484324001"
                       data-player="SyzOjVJfW"
                       data-embed="default"
                       class="video-js"
                       loop="true" muted autoplay>
                </video>
            </div>
        </div>

        <div class="home-intro-text">
            <p>
    At <strong>OPTA</strong>VIA, we help you realize Lifelong Transformation, One Healthy Habit at a Time<sup>TM</sup>.
    Our approach to health is radically different. We believe Optimal Health<sup>TM</sup> and wellbeing is about what's
    added to your life, not what's subtracted from the scale. These habits add to your quality of life by getting your
    mind and body working together to work for you.
</p>
<p>
    For most, it starts with achieving a healthy weight. This is the catalyst for changes. When you achieve your
    healthy weight, you increase your health, confidence, and vitality. You create space for the life you want.
</p>
<p>
    <b>OPTA</b>VIA works because it's simple and easy to follow. Our proprietary products and programs are based on more
    than 37 years of experience, and have been used by more than 1 million Clients and recommended by more than 20,000
    doctors since 1980.
</p>
<p>
    Proven nutrition gets you where you want to go, <strong>OPTA</strong>VIA Coaches<sup>TM</sup> make sure you never go it alone.
    <b>OPTA</b>VIA Coaches are the lifeblood of our program. No matter what you are facing, your Coach has likely been
    in your very same shoes and can help steer you to success. And when you are part of <strong>OPTA</strong>VIA, you are part of
    a community of like-minded, like-hearted people who support each other through and through.
</p>
<p>
    It's not about a smaller you. It's about a healthier you, living your best life. The life you want is waiting. All you
    have to do is take the first step.
</p>
<style>
.home-intro-text p {
	margin-bottom: 15px;
	text-align: justify;
}
</style>
        </div>

        <div class="container-fluid non-mobile-actions">
            <div class="home-what-matters row" style="background:rgba(215, 221, 234, 1);background-repeat:no-repeat;">
                <div class="container">
                    <h2> What matters most to you?</h2>
                    <div class="image-container row">
                        <div class="col-xs-12 col-md-4 home-no-pad">
                            <img src="//www.optaviamedia.com/images/home-get-healthy.png" class="img-responsive"/>
                            <h4>I'm Ready For Lifelong Transformation</h4>
<p>I want to get healthy and feel better.</p>

                        </div>
                        <div class="col-xs-12 col-md-4 home-no-pad">
                            <img src="//www.optaviamedia.com/images/home-lasting-transformation.png" class="img-responsive"/>
                            <h4>I Want to Stay Healthy</h4>
<p>I'm at my optimal weight and want to stay healthy.</p>

                        </div>
                        <div class="col-xs-12 col-md-4 home-no-pad">
                            <img src="//www.optaviamedia.com/images/begin-my-journey.png" class="img-responsive"/>
                            <h4>I'm Not Sure</strong></h4><p>I'd like to discuss it with an <b>OPTA</b>VIA Coach, please connect me.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container-fluid non-mobile-actions">
            <div class="home-actions row">
                <div class="col-xs-12 col-md-4 home-no-pad selected"
                     style="background-image: url('//www.optaviamedia.com/images/home-find-program.png');background-repeat:no-repeat;background-position:center;">
                    <div id="blueoverlay" class=""></div>
                    <div class="arrow-down"></div>
                    <h2>GET HEALTHY</h2>
                    <a href="/weight-loss-products-programs/index.jsp"><span>Find your Plan</span></a><!-- for button-->

                </div>
                <div class="col-xs-12 col-md-4 home-no-pad"
                     style="background-image: url('//www.optaviamedia.com/images/home-discover-habits.png');background-repeat:no-repeat;background-position:left;">
                    <div id="blueoverlay" class="blue-overlay"></div>
                    <div class="arrow-down"></div>
                    <h2>STAY HEALTHY</h2>
                    <a href="/weight-loss-products-programs/index.jsp"><span>Find your Plan</span></a><!-- for button-->

                </div>
                <div class="col-xs-12 col-md-4 home-no-pad"
                     style="background-image: url('//www.optaviamedia.com/images/home-find-a-coach.png');background-repeat:no-repeat;background-position:center;">
                    <div id="blueoverlay" class="blue-overlay"></div>
                    <div class="arrow-down"></div>
                    <h2>Take your first step</h2>
                    <a href="/find-a-coach/index.jsp"><span>Find my <b>OPTA</b>VIA Coach</span></a><!-- for button-->

                </div>
            </div>
        </div>

        <div class="mobile-actions home-what-matters">
            <h2> What matters most to you?</h2>
            <div class="slider">
                <div class="slide">
                    <div class="image-container">
                        <div class="col-xs-12 home-no-pad">
                            <img src="//www.optaviamedia.com/images/home-get-healthy.png" class="img-responsive"/>
                            <h4>I'm Ready For Lifelong Transformation</h4>
<p>I want to get healthy and feel better.</p>
                        </div>
                    </div>
                    <div class="home-actions">
                        <div class="col-xs-12 home-no-pad"
                             style="background-image: url('//www.optaviamedia.com/images/home-find-program.png');background-repeat:no-repeat;background-position:center;">
                            <div id="blueoverlay" class=""></div>
                            <div class="arrow-down"></div>
                            <h2>GET HEALTHY</h2>
                            <a href="/weight-loss-products-programs/index.jsp"><span>Find your Plan</span></a><!-- for button-->
                        </div>
                    </div>
                </div>
                <div class="slide">
                    <div class="image-container">
                        <div class="col-xs-12 home-no-pad">
                            <img src="//www.optaviamedia.com/images/home-lasting-transformation.png" class="img-responsive"/>
                            <h4>I Want to Stay Healthy</h4>
<p>I'm at my optimal weight and want to stay healthy.</p>
                        </div>
                    </div>
                    <div class="home-actions">
                        <div class="col-xs-12 home-no-pad"
                             style="background-image: url('//www.optaviamedia.com/images/home-discover-habits.png');background-repeat:no-repeat;background-position:center;">
                            <div id="blueoverlay" class=""></div>
                            <div class="arrow-down"></div>
                            <h2>STAY HEALTHY</h2>
                            <a href="/weight-loss-products-programs/index.jsp"><span>Find your Plan</span></a><!-- for button-->
                        </div>
                    </div>
                </div>
                <div class="slide">
                    <div class="image-container">
                        <div class="col-xs-12 home-no-pad">
                            <img src="//www.optaviamedia.com/images/begin-my-journey.png" class="img-responsive"/>
                            <h4>I'm Not Sure</strong></h4><p>I'd like to discuss it with an <b>OPTA</b>VIA Coach, please connect me.</p>
                        </div>
                    </div>
                    <div class="home-actions">
                        <div class="col-xs-12 home-no-pad"
                             style="background-image: url('//www.optaviamedia.com/images/home-find-a-coach.png');background-repeat:no-repeat;background-position:center;">
                            <div id="blueoverlay" class=""></div>
                            <div class="arrow-down"></div>
                            <h2>Take your first step</h2>
                            <a href="/find-a-coach/index.jsp"><span>Find my <b>OPTA</b>VIA Coach</span></a><!-- for button-->
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="home-footer-image"
             style="background-image: url('//www.optaviamedia.com/images/home-become-coach-banner.png');background-repeat:no-repeat;background-size:cover;">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-md-12 text-block">
                        <h2>Pay it Forward</h2>
<p>When you succeed, your transformation will be an inspiration to others. Pay it forward and show others the way, while building a growing business that can transform your life. </p>
                        <button onclick="location.href='/join-us/index.jsp'" type="button">Learn More</button>
                    </div>
                </div>

            </div>
        </div>

        
        <div class="home-footer-slider">
            <div class="slider">
                <div class="slide">
                    <p>Micro Habit of Health: Drink one extra glass of water a day</p>
                </div>
                <div class="slide">
                    <p>Micro Habit of Health: Stand for an extra 2 minutes a day</p>
                </div>
                <div class="slide">
                    <p>Micro Habit of Health: Drink one less cup of coffee, soda, or other caffeine source after 12 noon
                        each day</p>
                </div>
            </div>
        </div>


        

    </div>

    <div id="banner_community">
	<div class="slogan">
		<p class="have_the_power">The life you want is waiting, all you have to do is take the first step.</p>
		<p class="join_button">
			<a href="/join-us/index.jsp">Join Our Mission</a>
		</p>
	</div>
</div>

<style>
#banner_community {
	background: black;
	height: 200px;
	clear: both;
}

#banner_community .slogan {
	text-align: center;
	padding: 33px;
}

#banner_community .slogan p {
	color: #FFFFFF !important;
}

#banner_community .have_the_power {
	height: 48px;
	font-family: 'ShelbyBasic';
	font-size: 45px;
	line-height: 1.07;
	margin-top: 0px;
}

#banner_community .slogan .join_button {
	width: 200px;
	background: #83be19;
	margin: 0 auto;
	padding: 20px;
	border-radius: 6px;
	font-size: 16px;
}
#banner_community .slogan .join_button a {
	color: inherit;
	text-decoration: none;
}


@media screen and (max-width: 900px){
	#banner_community .slogan .have_the_power {
		font-size: 40px;
	}
}

@media screen and (max-width:505px) {
	#banner_community .slogan .have_the_power {
		font-size: 25px;
	}
}

</style>
    <style>
#footer-container {
	background-color: #ffffff;
	width: 100%;
	width: 100%;
	border: none;
	padding-top: 15px;
}

#footer-container ul {
	-webkit-padding-start: 0px;
	list-style: none;
}

.section-2 a:link, .section-2 a:visited, .section-2 a:active, .section-3 a:link,
	.section-3 a:visited, .section-3 a:active {
	text-decoration: none;
	color: #696158;
}

#footer-container .header {
	height: 14px;
	font-family: DarbySans;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}

#footer-container p{
	font-size:11px;
}
.footer_link{
	color:#666 !important;
	font-size:11px;
}



.optavia-logo_footer {
	width: 200px;
}

.footer-top {
	display: flex;
	justify-content: space-around;
	border-bottom: 1px #d6d6d6 dotted;
	position: relative;
}

.footer-top .disclaimer-text{
	position: absolute;
	bottom: 0px;
	padding-bottom: 1em;
	font-size: 15px;
}

.checkout-footer .footer-top {
	justify-content: flex-start;
	padding-left: 5%;
	padding-top: 15px;
	padding-bottom: 20px;
}

.checkout-footer .footer-bottom {
	font-size: 12px;
	line-height: 16px;
	color: #666;
	font-family: DarbySans;
}

.footer-top .section-1 .address {
	margin-bottom: 0px
}

.footer-top .section-1 .number {
	margin-top: 0px;
}

.footer-top .section-1 .number-small {
	display: none;
}

.footer-top .section-2, .footer-top .section-3 {
	font-size: 15px;
}

.footer-top .section-4 {
	max-width: 280px;
}

.footer-top .section-4 .icon_row a {
	color: white;
}

.footer-top .section-4 .icon_row i {
	background: black;
	width: 35px;
	height: 35px;
	text-align: center;
	border-radius: 50%;
	line-height: 35px;
	margin: 5px;
	color:#fff;
}

.footer-bottom {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding-left: 5%;
	padding-top: 15px;
	padding-bottom: 10px;
}

.footer-bottom .first_link {
	margin-left: 10px;
	margin-right: 10px;
}

.footer-bottom .left_border {
	border-left: 2px #e9e9e9 solid;
	padding-left: 10px;
	padding-right: 10px;
}

.footer-bottom .first_link a,  .opt_footer .footer-bottom .left_border a {
	text-decoration: none;
	color: inherit;
}

.trade-narrow {
	display: none;
}

.ds-icons a{
	text-decoration: none !important;
}

@media screen and (max-width:720px) {
	.footer-top {
		flex-wrap: wrap;
	}
	.footer-top .section-1 {
		order: 1;
	}
}

@media screen and (max-width:480px) {
	.footer-top .disclaimer-text{
		position: relative;
		padding-top: 1em;
		padding-bottom: 0;
	}
	.footer-top {
		padding: 25px;
	}
	.footer-top p {
		font-size: 11px
	}
	.footer-top .section-1 {
		margin-bottom: 20px;
	}
	.footer-top .section-1 .number {
		display: none;
	}
	.footer-top .section-1 .number-small {
		display: inline;
	}
	.optavia-logo_footer {
		width: 150px;
	}
	.footer-bottom {
		display: flex;
		padding-left: 15px;
		padding-bottom: 10px;
		padding-top: 0px;
	}
	.footer-bottom .trade-wide {
		display: none;
	}
	.trade-narrow {
		display: block;
		margin-bottom: 0;
		padding: 0 25px 0 25px;
		padding-top: 15px;
	}
}
</style>


    
<div id="footer-container"
	style="overflow: auto; height: auto !important;">
	<div class="opt_footer">
		<div class="footer-top">
			<div class="section-1">
				<a href="/index.jsp"> <img class="optavia-logo_footer"
					src="//optaviamedia.com/images/logo_optavia_footer.png">
				</a>

				<p class="address">100 International Drive, 18th Floor, Baltimore, MD 21202 <span class="number-small">1.888.OPTAVIA</span></p>
				<p class="number">1.888 <strong>OPTA</strong>VIA</p>
				<div class="disclaimer-text"><strong>OPTA</strong>VIA recommends that you contact your healthcare provider before starting and throughout your weight loss journey.</div>				
			</div>

			<div class="section-2">
				<p class="header">corporate</p>
				<ul>
					<li><a href="/about-us/who-is-optavia.jsp">about us</a></li>
					
					<li><a href="/about-us/news-and-media.jsp">in the news</a></li>
				</ul>
			</div>

			<div class="section-3">
				<p class="header">help &amp; support</p>
				<ul>
					<li><a href="https://answers.optavia.com" target="_blank">faqs</a></li>
					<li><a href="/return-policy.jsp">return policy</a></li>
					<li><a href=" https://answers.optavia.com/help/contact-us" target="_blank">contact us</a></li>
					<li><a href="/find-a-coach/index.jsp">connect with a coach</a></li>
				</ul>
			</div>

			<div class="section-4">
				<p class="icon_row">
					<a href="https://www.facebook.com/OPTAVIA" target="_blank">
						<i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i>
					</a> <a href="https://twitter.com/OPTAVIA_tweets" target="_blank"> <i
						class="fa fa-twitter fa-2x" aria-hidden="true"></i>
					</a> <a href="https://www.youtube.com/OPTAVIA" target="_blank">
						<i class="fa fa-youtube fa-2x" aria-hidden="true"></i>
					</a> <a href="https://pinterest.com/OPTAVIA" target="_blank"> <i
						class="fa fa-pinterest fa-2x" aria-hidden="true"></i>
					</a> <a href="https://www.instagram.com/OPTAVIA"
						target="_blank"> <i class="fa fa-instagram fa-2x"
						aria-hidden="true"></i>
					</a>

					
				</p>
				<p class="ds-icons">
					<a href="https://www.dsa.org/consumerprotection/Code" target="_blank">
						<img src="/media/tsfl/images/icon/dsa.gif">
					</a> 
					<a href="https://www.dsef.org/what-we-do/ethics-initiative/?fa=dsef-cbbb-partnership/" target="_blank"> 
						<img src="/media/tsfl/images/icon/dsef.gif">
					</a>
					<a href="/about-us/dsa-code-of-ethics.jsp" target="_blank"> 
						<img src="http://www.optaviamedia.com/images/DSA-member.png">
					</a>
				</p>
				<p>

					<strong>OPTA</strong>VIA is a proud member of the <a href="http://www.dsa.org/" target="_blank" class="footer_link">Direct Selling Association</a> (DSA) and abides by the <a href="http://www.optavia.com/about-us/dsa-code-of-ethics.jsp" target="_blank" class="footer_link">DSA Code of Ethics and Complaint Process</a>. For more information on direct selling see <a href="http://www.directselling.org" target="_blank" class="footer_link">www.directselling.org</a>

				</p>
			</div>
		</div>
		
<div class="trade-narrow">
	&#x24B8; 2017 OPTAVIA, LLC.
</div>
<div class="footer-bottom">
	<div class="trade-wide">
		&#x24B8; 2017 OPTAVIA, LLC.
	</div>
	<div class="first_link"><a href="/terms-conditions.jsp">Terms &amp; Conditions</a></div>
	<div class="left_border"><a href="/privacy-policy.jsp">Privacy</a></div>
	<div class="left_border"><a href="/trademarks.jsp">Trademarks</a></div>
</div>

	</div>
</div>


  








 



 

<script>
$(document).ready(function(){
    $('input[name="ADD_CART_ITEM_ARRAY<>quantity"]').keypress(function (e)  { 
        if( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
            return false;
        } 
    });
});
</script>   

<div class="minicart">
    <h2>Recently added item(s)</h2>
    <table class="productList">
        
    </table>
    <br/>
    <table class="minicart-footer">
        <tr>
            <td>    
                <h2>Total: </h2>
            </td>
            <td><a href="/checkout/cart.jsp"><button style="">Check Out</button></a></td>
        </tr>
    </table>
</div>

<style>
    .minicart{
        width: 300px;
        border: 1px solid gray;
        border-radius: 5px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
        padding: 15px;
        background-color: white;
        position: fixed;
        top: 80px;
        z-index: 10000;
    }

    .minicart-footer{
        width: 100%;
    }

    .minicart h2 {
        font-family: DarbySans !important;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.14;
        text-align: left;
        color: #333333;
    }

    .minicart .productList{
        border-top: 1px solid #d3d3d3;
        padding-top: 10px;
    }

    .minicart .productList td {
        font-family: DarbySans !important;
        font-size: 14px;
        line-height: 1.29;
        text-align: left;
        color: #333333;
        vertical-align: top;
    }

    .minicart .productList td img{
        width: 50px;
        height: auto;
    }
    .minicart button{
        border-radius: 8px;
        background-color: #84bd00;
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        float: right;
        color: white;
        font-family: DarbySans !important;
    }
    .minicart button a{
        color: white;
        font-family: DarbySans !important;
        padding: 10px 15px;
        text-decoration: none;
    }

    .minicart:after, .minicart:before {
        bottom: 100%;
        left: 95%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .minicart:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 10px;
        margin-left: -10px;
    }
    .minicart:before {
        border-color: rgba(0, 0, 0, 0);
        border-bottom-color: #000000;
        border-width: 11px;
        margin-left: -11px;
    }

    @media (max-width: 767px) {
        .minicart{
            left: inherit !important;
            right: 15px !important;
        }
    }
</style>

<script>

    $(function(){
        var icon = $('li.cart');
        var leftPosition = icon[0].offsetLeft + (icon[0].offsetWidth / 2);
        var leftPosition = leftPosition - 300;
        $('.minicart').css('left', leftPosition+'px');
    });

    $('.minicart').hide();
    
    $(function() {
        $('li.cart').hover(
            function(){
                var icon = $(this);
                var leftPosition = icon[0].offsetLeft + (icon[0].offsetWidth / 2);
                var leftPosition = leftPosition - 300;
                $('.minicart').css('left', leftPosition+'px');
                $('.minicart').show();
            },function(){
                $('.minicart').delay(3000).hide(500);
            }
        );
    });
</script>







<div style="display: none">

	
	<form name="dynamic_add_to_cart_form" method="post" action="/checkout/cart.jsp;jsessionid=hQ1ghWNWYv62tzTJ5rWlzhrkW8Kv74hB6FGTZLrf5ChYRQhQtRQD!-1166976086">
<input type="hidden" name="bmForm" value="dynamic_add_to_cart_form">
<input type="hidden" name="bmFormID" value="mbkVlZ3/162d61a8fb4">
<input type="hidden" name="bmUID" value="mbkVlZ4">
<input type="hidden" name="bmIsForm" value="true">
<input type="hidden" name="bmPrevTemplate" value="/index.jsp">
		<input type="hidden" name="bmHidden" value="dynamicAsstName"><input type="hidden" id="dynamicAsstName" name="dynamicAsstName" value="" editable="true"/>
		<input type="hidden" name="bmHidden" value="dynamicSku"><input type="hidden" id="dynamicSku" name="dynamicSku" value="" editable="true"/>
		<input type="hidden" name="bmHidden" value="dynamicSkuCount"><input type="hidden" id="dynamicSkuCount" name="dynamicSkuCount" value="" editable="true"/>
		<input type="hidden" name="bmHidden" value="setRecurringOrder"><input type="hidden" id="setRecurringOrder" name="setRecurringOrder" value="" editable="true"/>
		<input type="hidden" name="bmHidden" value="viewCart"><input type="hidden" id="viewCart" name="viewCart" value="true" editable="true"/>
	</form>

	<script>
		function submitDynamicAsst(dynaAsstName, recurringOrder, viewCart)
		{
			if (viewCart === undefined || null == viewCart)
			{
				viewCart = true;
			}
			$("#dynamicAsstName").val(dynaAsstName);	
			$("#dynamicSku").val("");
			$("#dynamicSkuCount").val("");
			$("#setRecurringOrder").val(recurringOrder);
			$("#viewCart").val(viewCart);
			if (viewCart == false)
			{
				$("form[name='dynamic_add_to_cart_form']").submit(function()
				{
					this.action = "";
					return true;
				});
			}

	    	$("form[name='dynamic_add_to_cart_form']").submit();		
		}
		var email_regex = /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/
			var updateUID = function() {
				var user_input_email = $('.login_email').val();
				if (!email_regex.test(user_input_email)) {
					var converted_email = user_input_email.concat('@UIDconvert.com');
					$('.login_email').val(converted_email);
				}
			}
			var updateTopUID = function() {
				var user_input_email = $('.login_email_top').val();
				if (!email_regex.test(user_input_email)) {
					if(user_input_email !== ""){
						var converted_email = user_input_email.concat('@UIDconvert.com');
						$('.login_email_top').val(converted_email);
					}
				}
			}
			
			$('form[name="login_top_form"]').submit(updateTopUID);
			$('form[name="login_returning_form"]').submit(updateUID);
			$('form[name="forgot_password_form"]').submit(updateUID);
			$('form[name="update_user_profile_form"]').submit(updateUID);
	</script>    	

</div>






</div>



</body>

</html>