/*
Theme Name:         FoundationPress
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
Version:            2.1.0
Author:             Ole Fredrik Lie
Author URI:         http://olefredrik.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /assets/scss folder.
  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
  'npm run watch' or 'npm run build'.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */

.su-column.SUCCEEDChallenge img{
	margin-top: 141px;
}
.su-column.GiveUs60DaysLong img{
	    margin-top: 214px;
}
#succeed_blog_section #succeed_blog .columns:last-child:not(:first-child) {
    float: left;
}

.mobile_invite_sidebar{
	display: none;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	    background-color: #FFCF00 !important;
    border: 3px solid #AAAAAA;
    color: #000 !important;
    font-weight: 300;
    padding: 20px;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background-color: #d6af00 !important;
    color: #fff;
}


.sec_nav ul li a:before, .sec_nav ul li a:after{border:none !important;}
.sec_nav ul li a{box-shadow:none !important; }
.succeed_testimonials h4 a{color:#fff;}
#products_section .prod_title a{ color:#000}
.prod_desc a{color:#476700; font-weight: 600;}
.prod_desc a:hover{color:#000; font-weight: 600;}
.close_menu_icon .fa, .close_menu, .menu_icon .fa-bars, .search_icon{cursor:pointer;}

#login{background:#DDDDDD}
.rewards_buttons_section a.active{
	display: block;
	border-bottom: 13px solid #FFD700;
}
.rewards_buttons_section a.active:hover{
	display: block;
	border-bottom: 13px solid #FFD700;
}
.rewards_buttons_section a .rewards_button .step_text{
	font-size:21px;
	font-weight: 300;
	background:#FFD700;
	color:#fff;
	display: block;
}
.rewards_buttons_section a .rewards_button{
	border:3px solid #AAAAAA;
	font-size:35px;
	font-weight: 300;
	display: block;
	text-align: center;
}
.rewards_buttons_section a.disabled .rewards_button{
	border:3px solid #DDDDDD;
	color:#AAAAAA;
}
.rewards_buttons_section a.disabled .rewards_button .step_text{background:#DDDDDD;}

.active_section {
	background:#FFD700;
	max-width: 1366px;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    
}
#rewards_registration_form p {
	padding: 0px 25px;
	font-family: Roboto, Arial, sans-serif;
	font-size: 21px;
	font-weight: 300;
	padding-top: 20px;
}
#rewards_registration_form .large-4 {
	padding: 0px 30px;
}

.rewards_buttons_section .large-4:first-child {
	padding-left: 0px;
	padding-right: 14px;
}
.rewards_buttons_section .large-4:nth-child(2) {
	padding: 0px 7px;
} 
.rewards_buttons_section .large-4:nth-child(3) {
	padding-left: 14px;
	padding-right: 0px;
}
.rewards_buttons_section .medium-4:first-child {
	padding-left: 0px;
	padding-right: 14px;
}
.rewards_buttons_section .medium-4:nth-child(2) {
	padding: 0px 7px;
} 
.rewards_buttons_section .medium-4:nth-child(3) {
	padding-left: 14px;
	padding-right: 0px;
}

#rewards_registration_form input, #rewards_registration_form .dd-select{
	margin-bottom:10px;
}
#rewards_registration_form .dd-container, #rewards_registration_form .dd-select, #rewards_registration_form .dd-options{
	width:100% !important;
}
.login_subtitle {
	font-size: 21px;
	font-weight: 300;
	position: relative;
}
#rewards_registration_form input{
	width:100%;
	font-size: 21px;
	font-weight:100;
	padding: 0px 13px;
	border:none;
	height: 55px;
}
#rewards_registration_form  label{
	display: none;
}
#rewards_registration_form  label.dd-selected-text , #rewards_registration_form  label.dd-option-text{
	display: block;

}
#rewards_registration_form .dd-select a{
		border-bottom: none;
}
#rewards_registration_form .dd-select{
	background:#fff !important;
}
#rewards_registration_form .dd-selected{
	font-weight: 100;
	font-size: 21px;
}
#rewards_registration_form .dd-pointer-down{
	    border: solid 6px transparent;
    border-top: solid 11px #848484;

}
#rewards_registration_form .dd-pointer-up{
    border: solid 6px transparent !important;
    border-bottom: solid 11px #848484 !important;
        margin-top: -12px !important;
    }
#rewards_registration_form .dd-pointer{
	right:20px;
	margin-top: -6px;
}
#rewards_registration_form  .error_text{ 
	position: absolute;
	right:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d95151+0,d95151+100&0+3,1+17 */
background: -moz-linear-gradient(left,  rgba(217,81,81,0) 0%, rgba(217,81,81,0) 3%, rgba(217,81,81,1) 17%, rgba(217,81,81,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(217,81,81,0) 0%,rgba(217,81,81,0) 3%,rgba(217,81,81,1) 17%,rgba(217,81,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(217,81,81,0) 0%,rgba(217,81,81,0) 3%,rgba(217,81,81,1) 17%,rgba(217,81,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d95151', endColorstr='#d95151',GradientType=1 ); /* IE6-9 */

	display: none; 
	       font-size: 20px;
    font-weight: 300;
    padding: 12px 11px 12px 40px;
    color: #fff;
}
#rewards_registration_form .columns > div{
	position: relative;
}
#rewards_registration_form .dd-options{
	max-height: 250px;
	box-shadow: 0px 0px 8px #666;
}

::-webkit-input-placeholder {
   color: #000;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

:-ms-input-placeholder {  
   color: #000;  
}

#rewardsSponsorCode {
	margin-bottom: 0px !important;
}
#rewards_registration_form small {
	font-weight: 300 !important;
	font-size: 14px;
}
#rewards_registration_form .row {
	margin-left: auto !important;
	margin-right: auto !important;
}
#rewards_registration_form .row .floatLeft.firstHalf {
	padding-left: 16px;
}
#rewards_registration_form .row .medium-4 .floatLeft #rewardsregister {
	width: 100%;
	padding: 27px 0px;
	background: transparent;
	border: 3px solid #ffffff;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 400;
	font-size: 22px;
	height: auto !important;
	transition: 0.5s;
}
#rewards_registration_form .row .medium-4 .floatLeft #rewardsregister:hover {
	background: #FFFFFF;
	border: 3px solid transparent;
	color: #000000;
	transition: 0.5s;
}
#rewards_registration_form .row .floatLeft.firstHalf span {
	font-size: 21px;
	font-weight: 100;
	display: inline-block;
    line-height: 50px;
    padding-top: 0px;
    vertical-align: top;
    padding-top: 28px;
}
.inputfile {
	width: 0.1px !important;
	height: 0.1px !important;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
	display: inline-block !important;
	margin-top: 20px;
}
.inputfile + label div {
    font-size: 21px;
    font-weight: 100;
    color: #000000;
    background-color: #ffffff;
    display: block !important;
    border: 3px solid transparent;
    width: 150px;
    height: 60px;
    line-height: 55px;
    text-align: center;
    margin-left: 15px;
    transition: 0.4s;
}
.inputfile + label span {
	display: block !important;
	padding-left: 40px;
	font-size: 17px !important;
	padding-top: 0px !important;
	padding-bottom: 25px !important;
}
.inputfile:focus + label div,
.inputfile + label div:hover {
    background-color: transparent;
    border: 3px solid #ffffff;
    color: #ffffff;
    font-weight: 300;
    transition: 0.4s;
}
.inputfile + label div {
	cursor: pointer;
}
.inputfile:focus + label div {
	outline: -webkit-focus-ring-color auto 5px;
}

/* Styling For Login Section */
#login {
	padding: 0px;
	margin-bottom: 35px;
}
#login span {
	width: 25%;
	float: left;
	font-size: 37px;
	text-align: center;
	color: #ffffff;
	padding: 30px 20px;
	font-weight: 100;
	font-family: Roboto, Arial, sans-serif;
	line-height: 51px;
}
#login label {
	display: none;
}
#login input {
	width: 100%;
	height: 55px;
	border: none;
	box-shadow: none;
	padding: 0px 30px;
	font-family: Roboto, Arial, sans-serif;
	font-weight: 100;
	font-size: 21px;
	color: #070707;
}
#login p {
	margin: 0px;
}
#login .login-username {
	width: 25%;
	float: left;
	padding: 30px 5px;
}
#login .login-password {
	width: 25%;
	float: left;
	padding: 30px 5px;
}
#login .login-remember {
	display: none;
}
#login .login-submit {
	width: 25%;
	float: left;
	padding: 20px 20px;
}
#login .login-submit input {
	height: 75px;
	background: #ffd900;
	border: 3px solid #ffffff;
	font-weight: 400;
}
#login .logout_link {
	border: none;
	text-decoration: none;
}
#login .logout_text {
	text-align: left;
	width: auto;
	padding-left: 100px;
}
#login .fa-caret-right {
	padding: 30px 0px;
	font-size: 37px;
	color: #ffffff;
	line-height: 51px;
}
/* ----------------------- */

/* Form Header Content Styling */
.sub-header {
	margin-bottom: 60px;
}
.sub-header .instructions {}
.sub-header .instructions p {
	font-family: Roboto, Arial, sans-serif;
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 0px !important;
}
.sub-header .instructions img {
	width: 100%;
	text-align: center;
    padding: 10px 12px;
}
.sub-header .instructions strong {
	font-weight: 500 !important;
	font-size: 21px;
}
.sub-header .instructions ul {
	margin-top: 35px;
	margin-bottom: 0px;
	list-style: none;
	margin-left: 0px;
}
.sub-header .instructions li {
	font-size: 21px;
	font-family: Roboto, Arial, sans-serif;
	font-weight: 300 !important;
	list-style: none;
	padding-left: 17px;
}
.sub-header .instructions li:before {
	position: absolute;
	margin-left: -17px;
	content: '·';
	font-size: 40px;
	margin-top: -15px;
	color: #24811e;
	font-weight: 400;
}

/* Rewards Section 2 */

/* Rewards Survey */
.survey_question{
 display: block;
}
.sel_err_msg{
	display: block;
	margin-top:10px;
}

.no_margin_row{margin-left:0 !important; margin-right: 0 !important;}

#continner .invite_friends_sidebar{
	padding-right:0;
}
#continner .invite_friends_sidebar ul{
	padding:40px;
	background: #FFD700;
	margin-left:0;
	list-style-type: none;
}
#continner .invite_friends_sidebar ul li{
	margin-bottom:15px;
	font-size:32px;
	font-weight: 300;
}
#continner .invite_friends_sidebar ul li a{
	color:#fff;
	text-decoration: none;
	border:1px solid transparent;
}
#continner .invite_friends_sidebar ul li a:hover{
	border-bottom:1px solid #fff;
}

#continner .invite_friends_sidebar .rewards_points_promo{
	margin-top: 30px;
	background:#DDDDDD;
	padding:32px;
	font-size: 17px;
	font-weight: 300;
	text-align: center;
}
#continner .invite_friends_sidebar .rewards_points_promo img{
	margin-bottom: 20px;
}
#continner .invite_friends_sidebar .rewards_points_promo strong{
	font-weight: bold;
}
#continner .invite_friends_sidebar .rewards_points_promo strong a{
	font-weight: bold;
	color:#000;
}
#continner .invite_friends_sidebar .rewards_points_promo strong a:hover{
	border-bottom-color: #000;
	}
#continner .rewards_main_content{
	padding-left:0;
	margin-top:50px;
}
#continner .rewards_main_content{
	font-size:21px;
	font-weight: 300;
}
#continner .rewards_main_content strong, #continner .rewards_main_content b{
	font-weight: 500;
}

#login_width_points br{display: none;}
#login_width_points{font-weight: 300; font-size:21px;vertical-align: middle; text-align: right}
#login_width_points .bar_pipe{padding:0 10px}
.container .main_content_area .loggedin_content_page h1{
	font-size:35px;
}
#continner .rewards_main_content form[name="inviteform"]{
	margin-top:40px;
}
#continner .rewards_main_content form[name="inviteform"] label, #continner .rewards_main_content form[name="updateAcc"] label{
	display: block;
	margin-bottom: 5px;
}
#continner .rewards_main_content form[name="inviteform"] .columns, #continner .rewards_main_content form[name="updateAcc"] .columns{
	margin-bottom: 25px;
}
#continner .rewards_main_content form[name="inviteform"] input, #continner .rewards_main_content form[name="inviteform"] textarea, #continner .rewards_main_content form[name="updateAcc"] input{
	width:100%;
	padding:5px;
}
#continner .rewards_main_content form[name="inviteform"] input[type="submit"], #continner .rewards_main_content form[name="updateAcc"] input[type="submit"]{
	background:#FFCF00;
	border:3px solid #AAAAAA;
	color:#000;
	font-weight: 300;
	padding:20px;
}
#continner .rewards_main_content form[name="inviteform"] input[type="submit"]:hover, #continner .rewards_main_content form[name="updateAcc"] input[type="submit"]:hover{
background:#d6af00;
color:#fff;
}
.page-template-template-ResourcesLogos #continner .rewards_main_content .loggedin_content_page .bttn{
	font-size: 27px !important;
	transition: .25s all ease;
		    -webkit-animation: homeGradientGrowOut .25s;
		    animation: homeGradientGrowOut .25s;
}
.page-template-template-ResourcesLogos #continner .rewards_main_content .loggedin_content_page .bttn:hover{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, #bbbbbb 100%);
	transition: .25s all ease;
		    -webkit-animation: homeGradientGrow .25s;
		    animation: homeGradientGrow .25s;
}
.container .main_content_area .sub-header h2{
	font-family: Roboto, Arial, sans-serif;
    font-weight: 100;
    font-size: 50px;
    margin-top: 0;
    margin-bottom: 60px;
}
#rewardsContent{
	margin-bottom: 60px;
}
.page-template-template-rewards .woocommerce ul.products li.first, .page-template-template-rewards .woocommerce ul.products li{
	clear:none !important;
	margin: 0 3.8% 2.992em 0 !important;
	width: 27.75% !important;
}


/*************** CHALLENGE ****************/
#purchaseform #purchaseform{
	padding: 0 !important;
}
.lodar-image{
	position: relative;
	text-align: center;
}
.lodar-image .fa{
	color:rgb(46, 104, 0);
}
.lodar-image .sr-only{
	display: inline-block; position: absolute; top:50%; transform: translateY(-50%); padding-left:20px; color:rgb(46, 104, 0);
}
#rewardsContent .active_section{
	padding-top:20px;
}
.challenge_title{
	display: inline-block;
	padding-left: 0.9375rem;
}
.challenge_subtext{
	display: inline-block;
    padding-left: 0.9375rem;
}
.container .challenge_subtext a{
	color:#266108;
	border-bottom: none;
}
.container .challenge_subtext a:hover{ 
	color:#000;
}
.challenge_subtext, .challenge_title{display: inline-block; vertical-align: middle;}
.challenge_subtext{text-align: right;}
#challenge-subHeader.sub-header .instructions img{
	width:auto;
}
#challenge-subHeader.sub-header .instructions h3{
	font-size:32px;
	font-weight: 300;
}

#learn_more, #challangform, .purchaseform{
	padding:55px;
}
#learn_more h1{
	font-size:32px;
	margin-bottom: 35px;
}
#learn_more h2{
	margin-top: 10px;
}
#rewards_registration_form select{
	font-size: 21px;
	height: 55px;
	padding: 0px 13px;
	margin-bottom: 10px;
}
#rewards_registration_form .notes{
	margin-bottom: 30px;
}
#rewards_registration_form input[type="checkbox"]{
	width:20px;
	height: auto;
}
#rewards_registration_form .checkbox_container{
	margin-bottom: 60px;
	margin-top: 30px
}

#rewards_registration_form input[type="submit"] {
	width: 100%;
	padding: 27px 0px;
	background: transparent;
	border: 3px solid #ffffff;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 400;
	font-size: 22px;
	height: auto !important;
	transition: 0.5s;
}
#rewards_registration_form input[type="submit"]:hover {
	background: #FFFFFF;
	border: 3px solid transparent;
	color: #000000;
	transition: 0.5s;
}
#purchaseform .opc-single-product{
	width:50%;
	float:left;
}
#purchaseform .opc-single-product:first-child{
	padding-right: 0.9375rem;
}
#purchaseform .opc-single-product:last-child{
	padding-left: 0.9375rem;
}
#purchaseform .opc-single-product h1{
	font-size: 35px;
	margin-bottom: 15px;
	line-height: 1.2;
}
#purchaseform .opc-single-product .images{
	float:none;
	width:100%;
    overflow: hidden;
}
#purchaseform .opc-single-product .summary{
	float:none;
	width: 100%;
}
button[type="submit"].single_add_to_cart_button {
	padding: 27px 0px;
	background: transparent !important;
	background-color: transparent !important;
	border: 3px solid #ffffff !important;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 400 !important;
	font-size: 22px !important;
	height: auto !important;
	transition: 0.5s;
}
button[type="submit"].single_add_to_cart_button:hover {
	background: #FFFFFF !important;
	border: 3px solid transparent !important;
	color: #000000 !important;
	transition: 0.5s;
}
#purchaseform .opc-single-product .quantity input[type="number"]{
	font-size: 22px !important;
	padding: 13px 0px;
	margin-right:15px;
}
#purchaseform .opc-single-product .product_meta{
	display: none;
}
#purchaseform .woocommerce-billing-fields input[type="text"], #purchaseform .woocommerce-billing-fields input[type="email"], #purchaseform .woocommerce-billing-fields input[type="tel"], #purchaseform .woocommerce-billing-fields .select2-choice,

#purchaseform .woocommerce-shipping-fields input[type="text"], #purchaseform .woocommerce-shipping-fields input[type="email"], #purchaseform .woocommerce-shipping-fields input[type="tel"], #purchaseform .woocommerce-shipping-fields .select2-choice
{
	width: 100%;
    font-size: 21px;
    font-weight: 100;
    padding: 0px 13px;
    border: none;
    height: 55px;
}
#purchaseform .select2-chosen{
	padding: 12px 0;
}
#purchaseform h3{
	font-size:32px;
}
#purchaseform textarea{
	padding: 13px;
}
#challenge-subHeader.sub-header{
	margin-bottom: 35px;
}
#challenge-subHeader.sub-header .instructions .large-8{
	top:15px;
}
.woocommerce table.shop_table th{
	width:100%
}
.woocommerce input.button.alt{
	background-color:#FFCF00 !important;
	border:3px solid #AAAAAA !important;
	color:#000 !important;
	font-weight: normal;
	padding:20px !important;
	text-transform: uppercase !important
}
.woocommerce input.button.alt:hover{
background-color:#d6af00 !important;
color:#fff !important;
}
/* ----------------- */


.container .main_content_area .challenge_title h3{   
	font-family: Roboto, Arial, sans-serif;
    font-weight: 100;
    font-size: 50px;
    }
.challenge_header_section{
	margin-bottom: 60px;
}

.challenge_header_section.rewards_header_section{
	margin-bottom: 30px;
}
.challenge_header_section.rewards_header_section .challenge_subtext, .challenge_header_section.rewards_header_section .challenge_title{
	display: inline-block;
	vertical-align: middle;
}
.challenge_header_section.rewards_header_section .challenge_subtext {
	width: 64%;
}

.challenge_header_section.rewards_header_section .challenge_title {
	width: 35%;
}

table.shop_table tbody tr th{
	background:none;
}
table{
	display: table !important;
}
.woocommerce table.shop_table th{
	width:50%;
}
.woocommerce table.shop_table td{
	text-align: left;
}
#rewards_registration_form .columns {
	padding: 0px 25px;
}

@media only screen and (min-width:1025px){
	.hide-for-large-up{
		display: none !important;
	}
}
@media only screen and (max-width:1360px){
	.challenge_header_section .challenge_subtext{    width: 50%;
    float: right;}
    .challenge_header_section.rewards_header_section .challenge_subtext{    width: 49%;
    float: none;}
	
}

@media only screen and (min-width: 1025px) {
	.sub-header .instructions .large-2 {
		width: 19%;
	}
	.sub-header .instructions .large-7 {
		border-right: 1px solid #aaaaaa;
		width: 56%;
		float: left;
	}
	.sub-header .instructions .large-3 {
		padding: 0px 15px 0px 30px;
		float: right;
	}
}
/* --------------------------- */
@media only screen and (max-width:1024px){
	.page-template-template-ResourcesLogos #continner .rewards_main_content .loggedin_content_page .bttn{
		font-size:24px !important
	}
	.page-template-template-ResourcesLogos .bttn{
		padding:15px !important
	}
	.rewards_buttons_section .large-4:first-child, .rewards_buttons_section .large-4:nth-child(2), .rewards_buttons_section .large-4:nth-child(3){
		padding:0
	}
	.hide-for-large-up.invite_friends_sidebar .rewards_buttons_section .large-4{
	padding:0 !important;	
	}
	#login .fa-caret-right{
		padding:0 0 0 20px;
	}
	.hide-for-large-up.invite_friends_sidebar h3{
		background:#FFD700;
		color:#fff;
		padding:10px;
		font-weight: normal;
		margin-bottom: 0;
	}
	.hide-for-large-up.invite_friends_sidebar .fa{
		color:#fff;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.rewards_buttons_section a .rewards_button{
		font-size: 27px;
	}
	#navigation .menu_icon .fa::after{
		top:29px !important;
	}
	.woocommerce .order_details li{
		width:100%;
		float:none;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.sub-header .instructions .large-2 {
		text-align: center;
		height: 265px;
	}
	.sub-header .instructions .large-2 img {
		width: 280px;
	}
	.sub-header .instructions .large-3 {
		padding-top: 35px;
		height: 265px;
	}
	#rewards_registration_form .medium-4 {
		padding: 0px 14px !important;
	}
	#rewards_registration_form .row .floatLeft.firstHalf {
		padding-left: 0px;
	}
	.challenge_header_section .challenge_subtext, .challenge_header_section .challenge_title{    
		text-align: left;
		width: 100%;
		float: none;
    }
    .challenge_header_section.rewards_header_section .challenge_subtext, .challenge_header_section.rewards_header_section .challenge_title{    
		text-align: left;
		width: 100%;
		float: none;
    }
	#login_width_points{
		text-align: left;
	}
    #login{
	    padding:15px;
    }
    #login span{
	    width:100%;
	    text-align: center;
	    padding:0 !important;}
	#loginform{
		    text-align: center;
    margin: 0 auto 15px auto;
    float: none;
	}
	#login .login-username, #login .login-password, #login .login-submit {
    width: 25%;
    float: none;
    padding: 10px 5px 0px 5px;
    display: inline-block;
}
	
	    
}
@media only screen and (max-width: 767px) {
	.su-column.SUCCEEDChallenge img{
	margin-top: 0;
}
.su-column.GiveUs60DaysLong img{
	    margin-top: 0;
}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product{
		width:100% !important;
		float:none !important;
	}
	.woocommerce .order_details li{
		width:100%;
		float:none;
		margin-right: 0;
		margin-bottom: 15px;
	}
	#purchaseform .opc-single-product{
		float:none;
		width:100%;
		padding:0;
	}
	#purchaseform form .form-row-first, #purchaseform form .form-row-last, #purchaseform form .form-row-first, #purchaseform form .form-row-last{
		float: none;
		width:100%;
	}
	#purchaseform h3{
		font-size:27px;
	}
	#learn_more, #challangform, .purchaseform{
		padding:15px;
	}
	.challenge_header_section .challenge_subtext, .challenge_header_section .challenge_title{    
		text-align: left;
		width: 100%;
		float: none;
    }
    .challenge_header_section.rewards_header_section .challenge_subtext, .challenge_header_section.rewards_header_section .challenge_title{    
		text-align: left;
		width: 100%;
		float: none;
    }
	#login_width_points{
		text-align: left;
	}
    .instructions.row .medium-4{ text-align: center;}
    #login{
	    padding:15px;
    }
    #login span{
	    width:100%;
	    text-align: center;
	    padding:0 !important;}
	#loginform{
		    text-align: center;
    margin: 0 auto 15px auto;
    float: none;
	}
	#login .login-username, #login .login-password, #login .login-submit {
    width: 100%;
    float: none;
    padding: 10px 5px 0px 5px;
    display: inline-block;
}
	.login_subtitle {
		position: inherit;
    	top: inherit;
    }
    .page-id-5540 .container .main_content_area h1 {
	    margin-bottom: 10px !important;
    }
    #login {
	    margin-top: 30px;
    }
	.sub-header .instructions .large-7 {
		margin-top: 20px;
	}
	.sub-header .instructions .large-3 {
		margin-top: 20px;
	}
	.sub-header .instructions .large-3 ul {
		margin-top: 10px;
	}
	.rewards_buttons_section .medium-4 {
		padding: 0px !important;
	}
	.rewards_buttons_section .medium-4 .step_main {
		display: none;
	}
	.rewards_buttons_section .medium-4 .step_text {
		border-bottom: 2px solid #AAAAAA;
	}
	.rewards_buttons_section .medium-4 .active .step_main {
		display: block;
	}
	.rewards_buttons_section .medium-4 .active .step_text {
		border: none;
	}
	.rewards_buttons_section a.active, .rewards_buttons_section a.active:hover{
		border-bottom: none;
	}
	
	.rewards_buttons_section a.disabled .rewards_button .step_text{
		padding:5px 0;
	}
	.active_section { 
		padding-bottom:40px;
	}
	
	
}
.single #products_section {
	padding: 70px 0px;
	/*background: linear-gradient(#e4e4e4, #ffffff);
		background: -webkit-linear-gradient(#e4e4e4, #ffffff);
    background: -o-linear-gradient(#e4e4e4, #ffffff);
    background: -moz-linear-gradient(#e4e4e4, #ffffff);
    background: linear-gradient(#e4e4e4, #ffffff);*/
}
.single #products_section .prod_desc a {
	display: block;
    padding: 18px 30px;
    background: #fff;
    font-size: 25px;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 300;
    box-shadow: 0px 0px 0px 3px #AAAAAA;
    text-align: center;
    color: #000;
    transition: .25s all ease;
    -webkit-animation: homeGradientGrowOut .25s;
    animation: homeGradientGrowOut .25s;
    width: 270px;
    text-transform: uppercase;
}
.single #products_section .prod_desc a i {
	display: none;
}
.single #products_section .prod_desc a:hover {
	transition: .25s all ease;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, #bbbbbb 100%);
    -webkit-animation: homeGradientGrow .25s;
    animation: homeGradientGrow .25s;
    transition: .25s all ease;
}
.challenge-succeed img{
	margin-top:-65px;
	margin-left: 40px;
    margin-right: 40px;
}
.page-template-template-challenge-learn-more h2, .page-template-template-challenge-learn-more h3, .page-template-template-challenge-learn-more h4, .page-template-template-challenge-learn-more h5, .page-template-template-challenge-learn-more h6{
	font-weight:100;
}
.page-template-template-challenge-learn-more .entry-content h3{
	margin-bottom: 0 !important;
}
.page-template-template-challenge-learn-more .entry-content .bttn{
	border:none !important;
	display: inline-block !important;
	padding: 20px 50px !important;
	margin-right: 20px !important;
	font-size:21px !important;
	box-shadow: 0px 0px 0px 3px #fff !important;
	margin-top:30px !important;
}
.page-template-template-challenge-learn-more .challangform{
	margin-bottom:80px !important;
}

@media only screen and (max-width: 1150px) {
	#continner{
		margin-bottom: 20px;
	}
	.challenge-succeed img{
		margin-top:0px;
		margin-left: 20px;
	    margin-right: 20px;
	}
}

@media only screen and (max-width:1250px){
	.challenge-succeed img{
		margin-top:0;
	}
	.page-template-template-ResourcesLogos #continner .rewards_main_content .loggedin_content_page .bttn{
		font-size:23px !important
	}
	.page-template-template-ResourcesLogos .bttn{
		padding:15px !important
	}
}