/*
  ----------------------------------------------------------------------------------------------------------------------
  font-face
  ----------------------------------------------------------------------------------------------------------------------
 */

@font-face {
    font-family: 'sansationregular';
    src: url('https://cdn.lrworld.com/images_cms/layout/fonts/sansation/sansationregular.eot');
    src: url('https://cdn.lrworld.com/images_cms/layout/fonts/sansation/sansationregular.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.lrworld.com/images_cms/layout/fonts/sansation/sansationregular.woff2') format('woff2'),
    url('https://cdn.lrworld.com/images_cms/layout/fonts/sansation/sansationregular.woff') format('woff'),
    url('https://cdn.lrworld.com/images_cms/layout/fonts/sansation/sansationregular.ttf') format('truetype'),
    url('https://cdn.lrworld.com/images_cms/layout/fonts/sansation/sansationregular.svg#SansationRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'sansationbold';
    src: url('https://cdn.lrworld.com/images_cms/layout/fonts/sansation/sansationbold.eot');
    src: url('https://cdn.lrworld.com/images_cms/layout/fonts/sansation/sansationbold.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.lrworld.com/images_cms/layout/fonts/sansation/sansationbold.woff2') format('woff2'),
    url('https://cdn.lrworld.com/images_cms/layout/fonts/sansation/sansationbold.woff') format('woff'),
    url('https://cdn.lrworld.com/images_cms/layout/fonts/sansation/sansationbold.ttf') format('truetype'),
    url('https://cdn.lrworld.com/images_cms/layout/fonts/sansation/sansationbold.svg#SansationBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

/*
  ----------------------------------------------------------------------------------------------------------------------
  content
  ----------------------------------------------------------------------------------------------------------------------
 */

body {
    background: #fff;
}

.page {
    background: #fff;
}

hr {
    margin: 0;
    height: 5px;
    border: 0;
    background-color: #f6a200;
}

.margin-top {
    margin-top: 20px;
}

.img-medium {
    height: 175px
}

.img-small {
    height: 296px
}

.hr-mobile {
    margin: 0;
    height: 1px;
    border: 0;
    background-color: #3c3c3c;
}

.hero-landing {
    border-top: #f6a200 solid 5px;
    border-bottom: #f6a200 solid 5px;
	width: 98%;
}

#video-seasonal-support{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.expert-tips {
    border-top: #f6a200 solid 5px;
}

.expert-tips-mobile {
    border-top: #f6a200 solid 5px;
}

.lr-card-divider.card-divider {
    border-bottom: solid 2px #f6a200;
}

.card-section {
    border-top: solid 2px #f6a200;
}

#uppercase {
    text-transform: uppercase;
}

.lr-icon {
    height: 200px;
}

.lr-dropdown-pane {
    width: 360px;
    background-color: #fff;
    color: #7a7a7a;
    text-transform: uppercase;
    font-family: 'sansationbold', sans-serif;
}

.lr-callout {
    border: 1px solid #ededed;
}

.lr-card {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.lr-card-divider {
    margin-bottom: 10px;
    height: 110px;
    border-bottom: solid 2px;
    background: #fff;
}

/*
  ----------------------------------------------------------------------------------------------------------------------
  Accordion
  ----------------------------------------------------------------------------------------------------------------------
 */

.lr-accordion-title {
    color: #7a7a7a;
    font-weight: 500;
    font-size: 20px;
    font-size: 20px;
    font-family: sansationbold, sans-serif;
}

.lr-accordion-title:hover {
    background: #f6a200;
    color: #fff;
}

.lr-accordion-title:focus {
    background: #f6a200;
    color: #fff;
}

.lr-accordion-title:active {
    background: #f6a200;
    color: #fff;
}

/*
  ----------------------------------------------------------------------------------------------------------------------
  Buttons
  ----------------------------------------------------------------------------------------------------------------------
 */

.lft-button {
    border-radius: 2px;
    background: #f6a200;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    color: #fff;
    font-weight: 700;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.lft-button:hover {
    background: #f6a200;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    color: #fff;
}

.lft-button a {
	color: #fff;
	text-decoration: none;
}


.lft-button-tip {
    border-radius: 2px;
    background: #f6a200;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    color: #fff;
    font-weight: 700;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.lft-button-tip:hover {
    background: #f6a200;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    color: #fff;
}

.lft-button-tip a {
	color: #fff;
	text-decoration: none;
}

.seasonal-button {
    margin-top: 5px;
    background-color: #f6a200;
    text-transform: uppercase;
}

.seasonal-button:hover {
    background-color: #f6a200;
}

.body-button {
    margin-top: 5px;
    background-color: #007d97;
    text-transform: uppercase;
}

.body-button:hover {
    background-color: #007788;
}

.activity-button {
    margin-top: 5px;
    background-color: #85cee6;
    color: #3c3c3c;
    text-transform: uppercase;
}

.activity-button:hover {
    background-color: #4ec2e3;
    color: #3c3c3c;
}

a.lr-button.expanded.lft-button-tip:active {
	color: #ffffff;
	background-color: #f6a200;
}

a.lr-button.expanded.lft-button-tip:focus {
	color: #ffffff;
	background-color: #f6a200;
}

/*
  ----------------------------------------------------------------------------------------------------------------------
  Navigation
  ----------------------------------------------------------------------------------------------------------------------
 */

#navi-bottom {
    border-top: #85cee6 solid 5px;
}

.lr-menu>li>a {
    padding: .7rem 1.16rem;
}

a.lr-active {
    background: #f6a200;
	color: #fff;
    text-decoration: none !important;
}

.start-nav {
    margin-right: 1px;
    border: solid #e5e5e5 1px;
    color: #767676;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'sansationbold', sans-serif;
}

.start-nav:hover {
    background: #76ab95;
	border: solid #ffffff 1px;
    color: #fff;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}

.daily-nav {
    margin-right: 1px;
    border: solid #e5e5e5 1px;
    color: #7a7a7a;
    text-decoration: none;
    font-size: 16px;
    font-family: 'sansationbold', sans-serif;
}

.daily-nav:hover {
    background: #ffea2d;
	border: solid #ffffff 1px;
	color: #7a7a7a;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}

.mental-nav {
    margin-right: 1px;
    border: solid #e5e5e5 1px;
    color: #7a7a7a;
    text-decoration: none;
    font-size: 16px;
    font-family: 'sansationbold', sans-serif;
}

.mental-nav:hover {
    background: #9c4995;
	border: solid #ffffff 1px;
    color: #fff;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}

.vital-nav {
    margin-right: 1px;
    border: solid #e5e5e5 1px;
    color: #7a7a7a;
    text-decoration: none;
    font-size: 16px;
    font-family: 'sansationbold', sans-serif;
}

.vital-nav:hover {
    background: #007c31;
	border: solid #ffffff 1px;
    color: #fff;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}

.seasonal-nav {
    margin-right: 1px;
    border: solid #e5e5e5 1px;
    color: #7a7a7a;
    text-decoration: none;
    font-size: 16px;
    font-family: 'sansationbold', sans-serif;
}

.seasonal-nav:hover {
    background: #f6a200;
	border: solid #ffffff 1px;
    color: #fff;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}

.body-nav {
    margin-right: 1px;
    border: solid #e5e5e5 1px;
    color: #7a7a7a;
    text-decoration: none;
    font-size: 16px;
    font-family: 'sansationbold', sans-serif;
}

.body-nav:hover {
    background: #007d97;
	border: solid #ffffff 1px;
    color: #fff;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}

.activity-nav {
    margin-right: 1px;
    border: solid #e5e5e5 1px;
    color: #7a7a7a;
    text-decoration: none;
    font-size: 16px;
    font-family: 'sansationbold', sans-serif;
}

.activity-nav:hover {
    background: #85cee6;
	border: solid #ffffff 1px;
	color: #7a7a7a;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}

.beauty-nav {
    margin-right: 1px;
    border: solid #e5e5e5 1px;
    color: #7a7a7a;
    text-decoration: none;
    font-size: 16px;
    font-family: 'sansationbold', sans-serif;
}

.beauty-nav:hover {
    background: #d50785;
	border: solid #ffffff 1px;
    color: #fff;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}

.night-nav {
    margin-right: 1px;
    border: solid #e5e5e5 1px;
    color: #7a7a7a;
    text-decoration: none;
    font-size: 16px;
    font-family: 'sansationbold', sans-serif;
}

.night-nav:hover {
    background: #001434;
    border: solid #ffffff 1px;
    color: #fff;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}

.lifetakt-button {
    margin-top: 5px;
    background-color: #76ab95;
    text-transform: uppercase;
}

.lifetakt-button:hover {
    background-color: #5a957c;
}

.essentials-button {
    margin-top: 5px;
    background-color: #ffea2d;
    color: #3c3c3c;
    text-transform: uppercase;
}

.essentials-button:hover {
    background-color: #e4d90e;
    color: #3c3c3c;
}

.mental-button {
    margin-top: 5px;
    background-color: #9c4995;
    text-transform: uppercase;
}

.mental-button:hover {
    background-color: #87488f;
}

.vital-button {
    margin-top: 5px;
    background-color: #007c31;
    text-transform: uppercase;
}

.vital-button:hover {
    background-color: #006327;
}

/*
  ----------------------------------------------------------------------------------------------------------------------
  Navigation-mobile
  ----------------------------------------------------------------------------------------------------------------------
 */

.mobile-start-nav:hover {
    color: #76ab95;
}

.mobile-daily-nav:hover {
    color: #ffea2d;
}

.mobile-mental-nav:hover {
    color: #9c4995;
}

.mobile-vital-nav:hover {
    color: #007c31;
}

.mobile-seasonal-nav:hover {
    color: #f6a200;
}

.mobile-body-nav:hover {
    color: #007d97;
}

.mobile-activity-nav:hover {
    color: #85cee6;
}

.mobile-beauty-nav:hover {
    color: #d50785;
}

.mobile-night-nav:hover {
    color: #001434;
}

/*
  ----------------------------------------------------------------------------------------------------------------------
  Keyframes
  ----------------------------------------------------------------------------------------------------------------------
 */
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/*
  ----------------------------------------------------------------------------------------------------------------------
  Media Queries
  ----------------------------------------------------------------------------------------------------------------------
 */

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
.seasonal-button {
    margin-top: 5px;
    margin-left: -4px !important;
    width: 101% !important;
    background-color: #f6a200;
    text-transform: uppercase;
}
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  

.seasonal-button {
    margin-top: 5px;
    margin-left: -6px !important;
    width: 103% !important;
    background-color: #f6a200;
    text-transform: uppercase;
}
  
}