
body, p {
    font-size: 14px !important;
}


/* PURE THEME */
.pure-menu-item, .pure-menu-heading 
{
    white-space:normal;
	 cursor:pointer; 
}
.pure-form input:focus:invalid, .pure-form textarea:focus:invalid, .pure-form select:focus:invalid {
    color:inherit; 
    border-color:inherit;	
	
}
/* END PURE THEME */
/* ANIMATION */

 .grow 
 { 
     -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
	-webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    max-width: 100%;
    width: 100%;
 
 
 }
/* GLOBAL SG CSS HACK */


.Content
{
	
}
.Maintailtle
{
	   padding:0;
}

/* GENERAL CSS */
span.break
{
	floatt:left;
	display:block;
}
.red-text
{
	color: #d31145;
}
.add-20-down
{
	margin-bottom:20px;
}
.bigOlFatButton
{
	padding:15px;
}

.oneThousandWide
{
	position:relative;
	width:1000px;
	margin:0 auto;
}
.text-right
{
	text-align:right;
}
.pull-right
{
	float:right;
}
.text-center
{
	text-align:center;
}
.h3
{
	font-size: 2.5em;
	margin: 30px  0;
}
.price, span.price, .product-price
{
	color: #d31145;
	font-weight:bold;
}
.absolute-wrapper
{
	position: absolute;
	display:block;
	width:100%;
	float:left;
	z-index:100;
}
.spacer-hack-40
{
	position:relative;
	width:100%;
	height:40px;
}
.spacer-hack-100
{
	position:relative;
	width:100%;
	height:100px;
}
.spacer-hack-300
{
	position:relative;
	width:100%;
	height:320px;
}
.spacer-hack-340
{
	position:relative;
	width:100%;
	height:340px;
}
.spacer-hack-380
{
	position:relative;
	width:100%;
	height:380px;
}
.spacer-hack-400
{
	position:relative;
	width:100%;
	height:400px;
}
.spacer-hack-500
{
	position:relative;
	width:100%;
	height:500px;
}
.spacer-hack-600
{
	position:relative;
	width:100%;
	height:600px;
}
.spacer-hack-650
{
	position:relative;
	width:100%;
	height:650px;
}
.spacer-hack-700
{
	position:relative;
	width:100%;
	height:700px;
}
.spacer-hack-750
{
	position:relative;
	width:100%;
	height:750px;
}
.spacer-hack-800
{
	position:relative;
	width:100%;
	height:800px;
}
.spacer-hack-880
{
	position:relative;
	width:100%;
	height:880px;
}
.spacer-hack-900
{
	position:relative;
	width:100%;
	height:900px;
}
.spacer-hack-1000
{
	position:relative;
	width:100%;
	height:1000px;
}
.spacer-hack-1100
{
	position:relative;
	width:100%;
	height:1100px;
}
.spacer-hack-1200
{
	position:relative;
	width:100%;
	height:1200px;
}
/* END GENERAL CSS */
/* BASE FORM STYLES */
.required 
{
	
}
.error
{
	color:#FF0004;
}

/* HERO  {GLOBAL}*/
.hero-section
{

    background-position: 50% 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
    min-height: 380px;
    left: 0;	 
}

.hero-section.hero-hub
{
	/*background-image:url(/images/myadvantage/hero-hub-bg.jpg);*/
	background-image:url(../../images/myadvantage/hero-hub-sailing-bg.jpg);
	background-attachment:scroll;

}
.hero-section.hero-hub-golf
{
	background-image:url(../../images/myadvantage/hero-hub-golf-bg.jpg);
	background-attachment:scroll;

}

.hero-section.hero-hub-sailing
{
	background-image:url(../../images/myadvantage/hero-hub-sailing-bg.jpg);
	background-attachment:scroll;

}


.hero-section .block-message-wrapper
{
	position:absolute;
	right:30px;
	padding:20px;
	background-color: rgba(255, 255, 255, 0.7);
	margin:60px 0;
	display:block;
}
.hero-section h2
{
	margin-bottom:20px;
}

.hero-section .hero-navigation li 
{
	float:left;
	
}
.hero-section.hero-section .hero-navigation li , .hero-section.hero-section .hero-navigation li a
{
	font-weight:bold;
}

.hero-section.hero-navigation .pipe
{ 
	margin: 0 5px;
}
/* END HERO */
/* HUB/ASSESSMENT */
.assessment-section
{
	background-color:#C30003;
	background:url(../../images/myadvantage/color-bars-bg.png) repeat center center;
	background-attachment:fixed;
	min-height:750px;
	left:0;
}
.assessment-section h3
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 60px;
	line-height:normal;
	color:#FFF;
	padding-bottom:10px;
	text-align:center;
	
}
.tab-container
{
	/*background-color:#fff;*/
	min-height:400px;
}
.menu-custom-theme
{

}
/* CONTENT LEFT */
ul.tabs
{
	display:block;
	margin: 0;
	padding: 0;
	list-style: none;
	width:100%;
	height:522px;
	overflow:hidden;
}
ul.tabs li
{
	
	background: #D0D0D0;
	color: #222;
	display: block;
	width:100%;
	height:116px;
	cursor: pointer;
	margin-bottom:20px;

}







ul.tabs li h4.tab-nav-headline
{
	display:block;
	width:100%;
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 24px;
	line-height: normal;
	color: #d31145;
	padding:20px 20px 5px 20px;
}
ul.tabs li a
{
	display:block;
	padding:0 20px;
}
ul.tabs li.current
{
	background: #FFF;
	color: #222;
	
}
/* CONTENT RIGHT */
.tab-group
{
	overflow:hidden;
}
.tab-content
{
	display: none;
	background: #FFF;
	min-height:522px;
	width:100%;
	position:relative;
}

.tab-content .strong-paragraph
{
	font-size:16px !important;
	line-height:normal;
	padding: 30px 30px;
}
.tab-content h4
{
	display:block;
	width:100%;
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 22px;
	line-height: normal;
	color: #d31145;
	padding: 0 0 10px 30px;
}
/* FIRST TAB */
.tab-content .graphic .pie-chart
										
{
	padding:0 30px;
	padding-right:0;
}
.tab-content .graphic .percentage

{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 142px;
	line-height: 100px;
	color: #d31145;
	display:block;
	padding:20px 0  0 30px;
	margin-top:30px;

}
.tab-content .graphic .stat
{
	
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 18px;
	line-height: normal;
	
	display:block;
	padding:0 30px;
	margin-left:10px;
	width:200px;

}
.tab-content .graphic .superscript { position: relative; top: -0.5em; font-size: 60%; left: -.5em; }

/* SECOND AND THIRD TAB */
.tab-content .section-img
{
	padding:0 30px 30px 30px;
}
/* LAST TAB */
.tab-content ul.products
{
	    padding: 10px 30px 10px 30px;
	
}
.tab-content ul.products li.product-img
{
	
	/*padding-right:20px;*/
}

ul.product 
{
	padding:10px;
}
.tab-content ul.products li.product-img:last-child
{
	padding-right:0px;
}
.tab-content ul.products li ul.product li.product-price
{
	color: #d31145;	
	font-size:12px !important;
}

.tab-content ul.products li ul.product li.product-name
{
	margin:5px 0;
	font-size:12px !important;
	font-weight:bold;
	
	
}
.tab-content ul.products li ul.product li.product-qty
{
	margin-bottom:5px;
	font-size:12px !important;
}

.tab-content h5
{
	font-family: 'Open Sans', 'sans-serif';
	font-size: 22px;
	font-weight:300;
	line-height: normal;
	padding: 10px 30px;


	
}
.tab-content p.disclaimer
{
	font-size:12px !important;
	padding: 10px 30px;
}
.tab-content a
{
	display:block;
	
  	text-align:right;
	position: absolute;
    bottom: 0;
    margin-bottom: 40px;
    right: 0;
    margin-right: 30px;

}
.tab-content.current
{
	display: block;

}
/* END HUB/ASSESSMENT */
/* STORIES */
.story-carousel-section
{
	min-height:700px;
	/*background-color:#FFF; */
	
	left:0;
}
.blue-arrow
{
	background-image:url(../../images/myadvantage/blue-arrow-down.png);
	background-position:top center;
	background-repeat:no-repeat;
}
.story-carousel-section h3
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 32px;
	line-height: normal;
	color: #d31145;
	padding-bottom:10px;
	text-align:center;
	margin-top:80px;
	margin-bottom:30px;
}
.story-carousel-section .stories li.pure-u-1-2 .story
{
	padding: 0 100px 0 100px;
	list-style:none;
	float:left;
}
.story-carousel-section .stories li.pure-u-1-3 .story
{
	list-style:none;
	/*float:left;*/
	padding:20px 10px;

	
}
/* Carousel edits 12/2 -SV */
.story-carousel-section .stories li .story h4 a
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 16px;
	line-height: normal;
	color: #d31145;
	margin:10px 0;
	margin-top:30px;
	
}
.story-carousel-section .stories li .story h4 a:hover
{
	text-decoration:none;
}
.story-carousel-section .stories li .story a
{
	display:block;
	margin:10px 0;
	
}

.story-carousel-section .stories li .story p {
	font-size: 12px !important;
	line-height: 14px;
	}

/* End carousel edits */
.story-carousel-section .stories li .story a div
{
	position:relative;
}
.story-carousel-section .stories li .story a img.story-img
{
	/*border-radius:50%; */
}
.story-carousel-section .stories li .story a img.overlay
{
	visibility:hidden;
	position:absolute;
	

}
.story-carousel-section .stories li .story a:hover img.overlay
{
	visibility:visible;

}
.story-carousel-section .stories li .story a p
{
	margin: 20px 0 0 0;
	text-decoration:none;	
}
.story-carousel-section .stories li .story a p.story-link
{
	text-decoration:underline;
}
/* CTA SECTION {HUB} */
.basketball-img
{
	background: url(../../images/myadvantage/rope-large-compressed.jpg) no-repeat;
	/*background: url(/images/myadvantage/basketball-large-compressed.jpg) no-repeat;*/
    width: 500px;
    display: block;
    position: absolute;
    height: 340px;
    top: 0;
	left:-220px;
    overflow: hidden;
	z-index:99
}

.golfball-img
{
	background: url(../../images/myadvantage/golfball-large-compressed.jpg) no-repeat;
    width: 500px;
    display: block;
    position: absolute;
    height: 340px;
    top: 0;
	left:-220px;
    overflow: hidden;
	z-index:99
}

.rope-img
{
	background: url(../../images/myadvantage/rope-large-compressed.jpg) no-repeat;
    width: 500px;
    display: block;
    position: absolute;
    height: 340px;
    top: 0;
	left:-220px;
    overflow: hidden;
	z-index:99
}
.cta-section, .cta-section-type-2
{
	width:100%;
	min-height:320px;
	left:0;
}
.red-bg
{
	background-color:#d31145;
	z-index:98;
	height:340px
}

.cta-section h3, .cta-section-type-2 h3
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 32px;
	line-height: normal;
	color: #FFF;
	margin-bottom:20px;

	
}
.cta-section h3
{
	padding: 50px 0 0 0;
		
}
.cta-section p, .cta-section-type-2 p
{
	font-size: 32px !important;
	margin: 20px 0 20px 0;
		
}



.cta-section a.bigOlFatButton, .cta-section-type-2 a.bigOlFatButton
{
	margin-right:25px;
}
.cta-section p, .cta-section-type-2 p
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	
	line-height: normal;
	color: #FFF;


}
/*END CTA SECTION */
/* CTA SECTION TYPE 2 */
.cta-section-type-2
{
	background-color:#d31145;
	min-height:400px;
}
.cta-section-type-2 h3
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 32px;
	line-height: normal;
	color: #FFF;
	margin:80px 0 60px 0;
	text-align:center;
}
.cta-section-type-2 p
{
	text-align:center;
}






/* RESOURCES SECTION  {GLOBAL}*/
.resources-section
{
	min-height:320px;
	left:0;	
}
.resources-section h3
{
	background-color:#862633;
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 55px;
	line-height: normal;
	color: #FFF;
	padding:10px 0;
	text-align:center;
	display:block;
	margin-bottom:20px;
	
}

.resources-section ul.resource-list
{
	margin-top:50px;
}
.resource
{
	padding: 20px 0 0 0;
	
}
.resource a.resource-img, .product-link 
{
	overflow:hidden;
	position:relative;
	display:block;
}
.product-link .msg-overlay h4
{
	
	margin-top:24%;
	
}
.product-link .msg-overlay p
{
	
	margin-top:24%;
	
}

 .msg-overlay
{
	display:none;	
	position:absolute;
	width:332px;
	height:100%;
	background-color:rgba(0,0,0,0.69);
	z-index:1;
}

.resource a.resource-img:hover .msg-overlay
{
	display:block;	
	position:absolute;
	width:332px;
	height:100%;
	background-color:rgba(0,0,0,0.69);
	z-index:1;
}
.product-link:hover .msg-overlay
{
	display:block;	
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.69);
	z-index:1;
}



.msg-overlay h4
{
	display:block;
	text-align:center;
	margin-top:20%;
	bottom:0;
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 24px;
	line-height: normal;
	color: #FFF;
	margin-bottom:10px;
	text-decoration:none;
}
.msg-overlay p
{
	display:block;
	text-align:center;
	margin-top:20%;
	bottom:0;
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 24px;
	line-height: normal;
	color: #FFF;
	margin-bottom:10px;
	text-decoration:none;
}
.resource  .resource-copy h4 a
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 24px;
	line-height: normal;
	margin-bottom:10px;
	color: #d31145;
	display:block;
}
.resource  .resource-copy h4 a:hover
{
	text-decoration:none;
}
.resource  .resource-copy p
{
	margin-bottom:10px;
}
.resource  .resource-copy ul li
{
	margin-bottom:5px;
}
.resource .resource-copy h4, .resource .resource-copy p, .resource .resource-copy ul
{
	padding: 0 0 0 30px;	
}
/* STORIES/STORY-SECTION */

h4.marketing-fact {
	font-size: 18px;
	margin-bottom: 5px;
	}

/* TRUVANT STORY */
.hero-section.hero-truvant
{
	background-image:url(../../images/myadvantage/truvant-story-hero-bg-compressed.jpg);
	background-attachment:scroll;
}

.hero-section.hero-truvant h2
{
	font-size:38px
}

.orange-arrow
{
	background-image:url("../../images/myadvantage/orange-arrow-down.png");
	background-position:top center;
	background-repeat:no-repeat;
}


/* WINCHEL STORY */
.hero-section.hero-winchel {
    background-attachment: scroll;
    background-image: url("../../images/myadvantage/winchel-story-hero-bg-compressed.jpg");
}

.story-section.winchel-story {
    background:  url("../../images/myadvantage/winchel-story-bg-compressed.gif") repeat-x scroll 10% -80px;
	background-color:#e1f2fa;
}

.winchel-arrow {
    background-image: url("../../images/myadvantage/winchel-arrow-down.png");
    background-position: center top;
    background-repeat: no-repeat;
}

/* GRATON STORY */
.hero-section.hero-graton 
{
    background-attachment: scroll;
    background-image: url("../../images/myadvantage/graton-story-hero-bg-compressed.jpg");
}

.story-section.graton-story 
{
    background: #d5dae6 url("../../images/myadvantage/graton-story-bg-compressed.gif") repeat-x scroll 10% -80px ;
}
.graton-arrow {
    background-image: url("../../images/myadvantage/graton-arrow-down.png");
    background-position: center top;
    background-repeat: no-repeat;
}

/* ECOGREEN STORY */
.hero-section.hero-ecogreen {
    background-attachment: scroll;
    background-image: url("../../images/myadvantage/ecogreen-story-hero-bg-compressed.jpg");
}

.story-section.ecogreen-story {
    background:  url("../../images/myadvantage/ecogreen-story-bg-compressed.gif") repeat-x scroll 10% -80px;
	background-color:#e1f2fa;
}

.ecogreen-arrow {
    background-image: url("../../images/myadvantage/ecogreen-arrow-down.png");
    background-position: center top;
    background-repeat: no-repeat;
}


/* NEWPORT STORY */
.hero-section.hero-newport {
    background-attachment: scroll;
    background-image: url("../../images/myadvantage/newport-story-hero-bg-compressed.jpg");
}

.story-section.newport-story {
    background:  url("../../images/myadvantage/newport-story-bg-compressed.gif") repeat-x scroll 10% -80px;
	background-color:#e1f2fa;
}

.newport-arrow {
    background-image: url("../../images/myadvantage/newport-arrow-down.png");
    background-position: center top;
    background-repeat: no-repeat;
}

/* ELPANAL STORY */
.hero-section.hero-elpanal {
    background-attachment: scroll;
    background-image: url("../../images/myadvantage/elpanal-story-hero-bg-compressed.jpg");
}

.story-section.elpanal-story {
    background:  url("../../images/myadvantage/elpanal-story-bg-compressed.gif") repeat-x scroll 10% -80px;
	background-color:#e1f2fa;
}

.elpanal-arrow {
    background-image: url("../../images/myadvantage/elpanal-arrow-down.png");
    background-position: center top;
    background-repeat: no-repeat;
}

/* MATTICS STORY */
.hero-section.hero-mattics {
    background-attachment: scroll;
    background-image: url("../../images/myadvantage/mattics-story-hero-bg-compressed.jpg");
}

.story-section.mattics-story {
    background:  url("../../images/myadvantage/mattics-story-bg-compressed.gif") repeat-x scroll 10% -80px;
	background-color:#e1f2fa;
}

.mattics-arrow {
    background-image: url("../../images/myadvantage/mattics-arrow-down.png");
    background-position: center top;
    background-repeat: no-repeat;
}



/* SMITH STORY */
.hero-section.hero-smith {
    background-attachment: scroll;
    background-image: url("../../images/myadvantage/smith-story-hero-bg-compressed.jpg");
}

.story-section.smith-story {
    background:  url("../../images/myadvantage/smith-story-bg-compressed.gif") repeat-x scroll 10% -80px;
	background-color:#e1f2fa;
}

.smith-arrow {
    background-image: url("../../images/myadvantage/smith-arrow-down.png");
    background-position: center top;
    background-repeat: no-repeat;
}




.story-section
{
	/*background-color:#C30003;*/
	min-height:900px;
	left:0;
}
.story-section.truvant-story
{
	background:url(../../images/myadvantage/truvant-story-bg-compressed-v3-SV.gif);
	background-position: 10% -80px;
	background-repeat:repeat-x;
	background-color:#232020;

	
}
.story-section .story-middle h3
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:bold;
	font-size: 16px;
	line-height: normal;
	margin-bottom:10px;
	
	padding:30px 30px 0 20px;

}
.story-section .story-middle .img-wrapper
{
    position: relative;
    height: 435px;
    padding: 10px 10px 0 40px;
}
.story-section .story-middle .img-wrapper .pull-down
{
	position:absolute;
	bottom:0;
}
.story-section .story-middle .bigOlFatButton
{
	margin: 20px 0 20px 40px;
}
.story-section .story-middle ul
{
	    padding: 10px 40px 0 40px;	
}
.story-section .story-middle ul li
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:400;
	font-size: 16px;
	line-height: normal;
	margin-bottom:10px;

	list-style:disc;
	
}
.story-container
{
	
	background-color:#fff;
	/*min-height:400px;*/
	
	
}	
.story-container.top
{
	margin-top:40px;	
}
.story-container div
{
	padding:40px;
}
.story-container div.bottom
{
	
}
.story-container p
{
	margin-bottom:14px;
}
.story-container p:last-child
{
	margin-bottom:0;
}
.story-container.bottom
{

		
}
.story-middle
{
	background-color: #f5f5f5;
	
}

p.story-disclaimer  {
	    display: block;
    position: absolute;
    /* bottom: 0; */
    margin:0 auto;
    z-index: 10000;
    width: 940px;
   /* color: #999999;*/
    color: #58595B;
    font-size: 11px !important;
		}
p.story-disclaimer span
{
	position: absolute;
    /*bottom: -470px;*/
	bottom: 10px;
}


/* END STORY/STORY-SECTION */
/* STORY/STORY-LIST-VIEW {GLOBAL} */
.story-list-section
{
	min-height:320px;
	left:0;	
}
.story-list-section h3
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 32px;
	line-height: normal;
	text-align:left;
	margin-top:40px;
	margin-bottom:40px;
	color: #d31145;
}
.story-list-section h4 a
{
	display:block;
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 26px;
	line-height: normal;
	margin-top:30px;
	margin-bottom:20px;
	color: #d31145;
}
.story-list-section p
{
	margin-bottom:10px;	
}
.story-list-section img
{

    
    padding-top: 30px;	
}
.story-list-section h4 a:hover
{
	text-decoration:none;	
}

.story-list-section ul.stories
{
	display:block;
	width:100%;
}
.story-list-section ul.stories li.story
{
	width:100%;
	margin: 0 0 10px 0;
}


/* END STORY/STORY-LIST-VIEW {GLOBAL} */
/* PRODUCT BUNDLE SECTION */

.hero-section.hero-bundles, .hero-section.hero-thankyou
{
	/*background-image:url(/images/myadvantage/bundles-hero-bg.jpg);*/
	background-image:url(../../images/myadvantage/bundles-hero-rope-bg.jpg);
	background-attachment:scroll;

}

/* Golf Image */
.hero-section.hero-bundles-golf, .hero-section.hero-thankyou-golf
{
	background-image:url(../../images/myadvantage/bundles-hero-golf-bg.jpg);
	background-attachment:scroll;

}

/* Sailing Image */

.hero-section.hero-bundles-sailing, .hero-section.hero-thankyou-sailing
{
	background-image:url(../../images/myadvantage/bundles-hero-rope-bg.jpg);
	background-attachment:scroll;

}




.hero-section.hero-bundles .block-message-wrapper
{
	    background-color: rgba(255, 255, 255, 0.9);
}


.product-bundles-section
{
	min-height:320px;
	left:0;	
}




.form-wrapper .form-headline
{
	margin-top:30px;
	padding:20px;
	background-color:#98012e;
}
.form-wrapper .form-headline h3
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 20px;
	line-height: normal;
	margin-bottom:10px;
	color: #fff;
	
}
.form-wrapper .form-headline p
{
	font-size:11px !important;
	color: #fff;
	margin-bottom:20px;
	
}
.form-wrapper .form-headline p.instructions
{
	display:block;
	font-style:italic;	
	
}
.form-wrapper h4
{
	font-family: arial;
	font-weight:bold;
	font-size: 13px;
	line-height: normal;
	margin-bottom:10px;
	
}
.form-wrapper p
{
	margin-bottom:20px;
}

.form-wrapper form
{
	padding:20px;
	background-image:url(../../images/myadvantage/red-form-arrow-down.png);
	background-repeat:no-repeat;
	background-position:15px 0;	
	background-color:#f5f5f5;
	border-left: 1px solid #dadee2;
	border-right: 1px solid #dadee2;
	border-bottom: 1px solid #dadee2;
}
.radio-group
{
	border-bottom: 1px solid #c9c9c9;
	padding-bottom:5px;
}
.pure-control-group.fn
{
	padding-top:10px;
}
.pure-control-group label
{
	display:block;
	width:100%;
}
.pure-control-group #agree
{
	
    margin-top: 20px;
    float: left;

}
.pure-control-group.btn-group
{
	    float: left;
	margin-top:20px;
}
.pure-control-group .comments-block
{
	width:100%;	
}
.pure-control-group label.checkbox-details
{
	float: left;
    width: 230px;
    clear: right;
    margin-left: 9px;
    margin-top: 18px	
}
.pure-control-group.radio-control-group
{
	display:block;
	padding-bottom:12px;
}
.pure-control-group.radio-control-group #other
{
	margin-top:10px;
}
.pure-control-group  .radio-label
{
	display: inline;
	width:auto;
}
.pure-control-group input[type=text] 
{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    outline: none;
    display: block;
}
/* BUNDLES / PACKAGE ACCORDION */
.product-section
{
	padding:20px;
}
.product-section h2
{
	padding: 20px 0 0 0;
}
.product-section p.instructions 
{
	font-style:italic;
	padding: 20px 0;
}
#product-bundle-accordion .pure-control-group textarea
{
	width:100%;
	min-height:100px;
}

#product-bundle-accordion h3
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 22px;
	line-height: normal;
	padding: 10px;
	/*background-color:#7a99ac;*/
	background-color: #455A6E;
	color:#fff;
	cursor:pointer;

}
.package-description p
{
	padding:10px;
}
.package-description li.row
{
	display:block ;
	padding:10px;
	border-bottom: 1px solid #d1d1d1
}
.package-description li.row:last-child
{
	/*border-bottom:none;*/
}
.package-description li.row ul.details
{
	display:inline-block;
	height:auto;
	padding: 0 0 0 20px;
}
.package-description li.row ul.details li.headline, .package-description li.row ul.details li.description, .package-description li.row ul.details li.quantity
{
	margin-bottom:10px;	
}
.package-description li.row ul.details li.headline a
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 24px;
	line-height: normal;
	color: #d31145;
	text-decoration:none;
	
}
.package-description .total-cost 
{
	margin: 20px 0;
}
.package-description .total-cost h5
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 26px;
	line-height: normal;
	text-align:right;
}
/* ------------------------------------PRODUCT POPUP WINDOW ---------------------------------------*/
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width:auto;
  max-width: 800px;
  margin: 20px auto;
}
.white-popup h3
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 32px;
	line-height: normal;
	color: #d31145;
	margin-bottom:20px;
}
.white-popup span
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
	font-size: 32px;
	line-height: normal;
	color: #d31145;
	margin-bottom:20px;
}


.white-popup p
{
	margin-bottom:10px;
}

.white-popup p.secondary
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:600;
	font-size: 16px;
	line-height: normal;
	
}
.white-popup p.dimensions
{
	margin-bottom:5px;
}
.white-popup p.disclaimer
{
	margin-top:10px;
	font-size:12px !important;
}

.mfp-close
{
	
	border-radius: 50% !important;
    background-color: #d31145 !important;
    right: -20px !important;
    top: -20px !important;
    opacity: 1 !important;
    color: white !important;
}

/*------------------------------ END PRODUCT POPUP WINDOW -------------------------------------------*/

/* THANK YOU SECTION */
.hero-section.hero-thankyou h2
{
	font-size:90px;
}

.thankyou-section
{
	min-height:320px;
	left:0;	
}

.thankyou-section h3
{
	margin-top:40px;
	margin-bottom:20px;
	font-weight:normal;	
}
.thankyou-section ul li
{
	margin-bottom:5px;
}
.thankyou-section ul li#name
{
 color:#2d9dda;
 font-weight:bold;
 font-size:18px;	
}
.thankyou-section ul li#phone span, .thankyou-section ul li#fax span
{
 font-weight:bold;
}


@media(max-width:767px)
{

	.mainContent {
	width:100%;
	margin: 0 auto;
}
.mainContentHome {
	width:100%;
	margin: 0 auto;
}
.oneThousandWide
{
	width:100%;
	margin: 0 auto;
}
}

@media(min-width:768px)
{

}
@media(min-width:992px)
{

}
@media(min-width:1367px)
{
	.basketball
	{
		background-position: 220px 0;
	}	
}



/*ANIMATIONS */

.graph {

  display: block;
  
  margin: 0 auto;
  position: relative;
  font-size:16px;
 height: 283px;
  width: 283px;
 
}

svg {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}
circle.piefill{
		fill:rgba(0,0,0,1);
  stroke-width:31.8309886184;
  stroke-dasharray: 100,0,0,0;
  stroke-dashoffset: 25;
  z-index:-1;
}
circle.pie1 {
	fill:rgba(0,0,0,0);
  stroke-width:31.8309886184;
  stroke-dasharray: 0,0,0,100;
  stroke-dashoffset: 25;
  -webkit-animation: pie1 3s 1 ease both;
  animation: pie1 3s 1 ease both;
}
.pie1 {
  stroke:rgba(229,142,26,1);
}
.piefill{
	 stroke:rgba(0,85,161,1);
}

/* 1st pie is 40% */
@-webkit-keyframes pie1 {
  50%,100% {stroke-dasharray: 95,5,0,0;}
}
@keyframes pie1 {
  50%,100% {stroke-dasharray: 95,5,0,0;}
}
/* 2nd pie is 30% */
@-webkit-keyframes pie2 {
  50%,100% {stroke-dasharray: 80,5,0,0;}
}
@keyframes pie2 {
   50%,100% {stroke-dasharray: 0,5,0,0;}
}
