.getstarted-head {
    background: rgba(0, 0, 0, 0) url("http://raceit.com/assets/getstarted-img/getstarted-banner.jpg") no-repeat scroll center center / cover ;
    height: 399px;
    max-width: 100%;
    text-align: center;
}

.getstarted-head .large-12.columns {
    margin: 121px 0 0;
}

.getstarted-head h1 {
    color: #fff !important;
    font-size: 3.7rem !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-shadow: 1px 2px 1px #777;
}

.getstarted-head p {
    color: #fff !important;
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    font-size: 1.8rem !important;
    font-weight: 300 !important;
    line-height: 2.1rem !important;
    margin: 0 auto;
    padding: 0 !important;
    width: 45%;
    text-shadow: 1px 2px 1px #777;
}


.getstarted-wrapper {
    background: #e9e9e9 none repeat scroll 0 0;
    height: 100%;
    padding: 30px;
    width: 100%;
}

.row.getstarted-body {
    background: #f6f6f6 none repeat scroll 0 0;
    border-radius: 16px;
    margin: 0 auto;
    box-shadow: 0 0 5px #dadada;
}

#original_tabs_content {
    padding: 0 0 39px;
}

.getstarted .tab-content p {
    margin: 18px 0 0 40px;
}

.getstarted .tabs {
    background: #fff none repeat scroll 0 0;
    border-radius: 16px 16px 0 0;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
    line-height: 1.2;
}

.getstarted .tabs li {
    display: inline-block;
    float: left;
    border-right: 1px solid #eee;
    width: 18%;
    text-align: center;
}

.getstarted .tabs li:first-child {
    border: medium none;
    width: 41%;
}

.getstarted .tabs span.tab-desc {
    color: #666;
    display: block;
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    font-size: 1.2rem;
    padding: 1.95rem 4rem 1.69rem;
    text-transform: uppercase;
    background: url("http://raceit.com/assets/getstarted-img/tab-arrow.gif") no-repeat scroll right top;
}

.tabs dd.current > a, .tabs .tab-title.current > a {
    background-color: #ffffff;
    color: #4795d1;
}

.getstarted .tabs dd > a, .tabs .tab-title > a {
    color: #ccc;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 1.5rem;
    padding: 1.6rem 4rem;
    text-decoration: none;
}


.row.getstarted-body, .row.getstarted-action {
    max-width: 80.5rem;
}

.getstarted .content {
    padding-top: 40px !important;
}

.getstarted .content .row {
    margin: 0;
}

.getstarted .content img {
    border: 5px solid #fff;
    border-radius: 6px;
}

.getstarted .content h3 {
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    font-size: 2rem;
    font-weight: 400;
    margin: 0 auto 31px;
    padding: 0 0 15px;
    position: relative;
    text-align: center;
    width: 360px;
    line-height: 2.5rem;
}

.getstarted .content h3::after {
    background-color: #de5c4d;
    bottom: -2px;
    content: "";
    height: 4px;
    left: 120px;
    position: absolute;
    width: 110px;
}

.getstarted .tabs-content .content p {
    color: #666;
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    font-size: 0.9rem;
    line-height: 1.4rem;
    margin: 19px 0 10px 40px;
    max-width: 90%;
}

.getstarted-Info {
	padding: 18px 0 0 40px;
}

.getstarted-Info h4 {
    color: #666;
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.6rem;
    margin: 0 auto;
    padding: 40px 0 0;
    position: relative;
    text-align: left;
}

.getstarted-Info p {
    color: #666;
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    font-size: 0.9rem;
    line-height: 1.4rem;
    margin: 4px 0 10px !important;
    max-width: 90%;
}

.getstarted-btn {
    background: #dedede none repeat scroll 0 0;
    border-radius: 3px;
    color: #777;
    font-size: 0.9rem;
    padding: 6px 16px;
    text-decoration: none;
    display: inline-block;
}

.getstarted-btn:hover {
    background: #333 none repeat scroll 0 0;
    box-shadow: 0 0 3px #999;
    color: #fff;
}

.red {
	background: #de5c4d;
	color: #fff;
}

.helpList {
    color: #999;
    margin: 10px 0 3px;
    padding: 0 0 0 39px;
}

.helpList li {
    margin: 0 0 0 -23px !important;
    padding: 0 !important;
}

.helpList li a {
    color: #4795d1;
    text-decoration: none;
}

.row.getstarted-action {
    background: #f6f6f6 none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 0 5px #dadada;
    margin: 16px auto 0;
    padding: 19px 20px;
}

.large {
    display: block;
    font-size: 1.3rem;
    margin: 0 auto;
    text-align: center;
    width: 30%;
}


.arrow {
    color: #fff;
    display: block;
    font-family: arial;
    font-size: 6rem;
    font-weight: 200;
    height: 35px;
    line-height: 1rem;
    margin: 40px auto;
    padding: 0;
    text-decoration: none;
    transform: rotate(90deg);
    width: 28px;
}


.additional-info {
    border-top: 1px solid #ccc;
    margin: 30px 0 0;
    padding: 0;
}






/* media queries */

@media only screen and (max-width: 1200px) {
	
	.getstarted .tabs dd > a, .getstarted .tabs .tab-title > a {
	    font-size: 1.5rem;
	    padding: 1.6rem 2rem;
	}
	
	
	}

@media only screen and (max-width: 900px) {

	.getstarted .tabs li:first-child {
	    border-bottom: 1px solid #eee;
	    display: block !important;
	    float: none;
	    text-align: center;
	    width: 100%;
	}
	
	.getstarted .tab-desc {
			    background: none !important;

	}
	
	.getstarted .tabs li:last-child {
	    border-right: none;
	}
	
	.getstarted .tabs li {
	    text-align: center;
	    width: 33%;
	}
	
	.getstarted-head {
	    height: 329px;
	}
	
	.getstarted-head p {
	    width: 71% !important;
	}
	
	.arrow {display: none;}

}

@media only screen and (max-width: 600px) {

	.getstarted-head {
	    height: 199px;
	}
	
	.getstarted-head .large-12.columns {
	    margin: 23px 0 0;
	}
	
	.getstarted-head h1 {
	    font-size: 2.7rem !important;
	}
	
	.getstarted-head p {
	    font-size: 1.4rem !important;
	    line-height: 1.9rem !important;
	    width: 71% !important;
	}
	
	.getstarted .tabs span.tab-desc {
	    padding: 1.2rem 4rem 1rem;
	}
	
	.getstarted .content img {
	    display: none;
	}
	
	.getstarted .tabs dd > a, .tabs .tab-title > a {
	    font-size: 1.2rem;
	    padding: 1.6rem 2rem;
	}
	
	.large {
	    width: 100%;
	}

}

@media only screen and (max-width: 400px) {

	.getstarted-head p {
	    font-size: 1.2rem !important;
	    line-height: 1.4rem !important;
	    width: 100% !important;
	}

	.getstarted-head h1 {
	    font-size: 2.5rem !important;
	}
	
	.getstarted .content h3 {
	    width: auto;
	}

	.getstarted .content h3::after {
	    left: 80px;
	}
	
	.getstarted .tabs dd > a, .getstarted .tabs .tab-title > a {
	    font-size: 1.1rem;
	    padding: 1.6rem 1rem;
	}

}


.tab_content {
    display: none;
}


/* Pricing Styles */


.pricing-head {
    background: rgba(0, 0, 0, 0) url("/assets/pricing-img/pricing-head-img.jpg") repeat scroll 0 0 / cover ;
    border-bottom: 1px solid #cccccc;
    color: #fff !important;
    font-family: "Raleway",helvetica,arial,sans-serif;
    margin: 0 0 20px;
    position: relative;
    text-align: center;
}

.pricing-head h1 {
    font-size: 2.5rem !important;
    color: #fff !important;
}

.pricing-head p {
    color: #333;
    font-size: 1.3em !important;
    font-weight: 500 !important;
    line-height: 1.4em !important;
    color: #fff !important;
}

.pricing-head-content {
    padding: 60px 0 50px;
}

.pricing-head-content em {
    color: #fff !important;
    display: block;
    font-size: 1rem !important;
    font-style: italic !important;
}

.pricing-head .account-callout {
    border-radius: 4px;
    color: #fff;
    padding: 10px 40px;
}


/*  price blocks  */

.price-block {
    text-align: center;
}

.price-block-inner:hover {
    border-radius: 10px;
    box-shadow: 0 0 5px 0 #ccc;
}


.price-top {
    background: #444 none repeat scroll 0 0;
    border-radius: 10px 10px 0 0;
    padding: 12px 0 17px;
}

.price-bottom {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 0 0 10px 10px;
    padding: 20px 0;
}

.price-percent {
    display: inline-block;
    width: 85px;
}

.price-block:nth-child(3) .price-percent {
    width: 131px;
}

.price-percent h2 {
    color: #fff;
    display: inline-block;
    font-size: 3.8rem;
    font-weight: 400;
    line-height: 4rem;
    margin: 0;
    padding: 0;
}

.price-percent em {
    color: #999 !important;
    display: inline-block;
    font-size: 1.9rem !important;
    margin: 0 0 0 4px;
}

.price-fee {
    background: #222 none repeat scroll 0 0;
    border-radius: 4px;
    color: #ccc;
    display: inline-block;
    margin: 0;
    padding: 8px 0 9px;
    vertical-align: super;
    width: 104px;
}

.price-bottom em {
    color: #999 !important;
    display: block;
    font-size: 1.2rem !important;
    font-weight: 200;
    text-transform: uppercase;
    font-style: normal;
}

.price-bottom p {
    color: #333 !important;
    display: inline-block  !important;
    font-family: helvetica,arial,sans-serif !important;
    font-size: 1.8rem  !important;
    font-weight: 500  !important;
    margin: 9px 0 40px  !important ;
}

.price-bottom strong {
    color: #666;
    display: inline-block;
    font-weight: normal;
    margin: 0 0 0 6px;
}

.merch-donation-pricing {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 10px;
    margin: 26px 0 20px;
    padding: 35px 0 25px 0;
    text-align: center;
}

.merch-donation-pricing h1 {
    background: rgba(0, 0, 0, 0) url("/assets/pricing-img/gift-icon.png") no-repeat scroll 0 0;
    display: inline-block;
    font-size: 1.7rem !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 17px 0 29px 90px !important;
    vertical-align: super;
}

.merch-donation-pricing .price-percent h2 {
    color: #333;
    font-size: 3rem;
}


.special-rates-callout {
    margin: 50px 0 70px;
    text-align: center;
}

.special-rates-callout h1 {
    font-size: 1.7rem;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.special-rates-callout p {
    font-size: 1.2rem !important;
}

.special-rates-callout p a {
	color: #4795d1;
}

.special-rates-callout p a:hover {
	color: #000;
	text-decoration: underline;
}

.pricing-info {
    background: #eee none repeat scroll 0 0;
    padding: 54px 0;
    text-align: left;
}

.pricing-info h2 {
    font-family: "Raleway";
    font-size: 1.7rem;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

.pricing-info p {
    margin: 10px 0 5px;
    padding: 0;
    width: 70%;
}

/* media queries */

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 900px) {


.pricing-wrapper .medium-6 {
    width: 50% !important;
}

.price-block:nth-child(1), .price-block:nth-child(2) {
    margin: 0 0 28px;
}
	
}

@media only screen and (max-width: 600px) {

.merch-donation-pricing h1 {
    background: rgba(0, 0, 0, 0) url("/assets/pricing-img/gift-icon.png") no-repeat scroll center top;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0;
    padding: 75px 0 9px !important;
    vertical-align: super;
}

.pricing-info {
	text-align: center;
}


.pricing-info .large-3.columns {
    padding: 35px 0 0;
}

.pricing-info p {
    width: 100%;
}

.special-rates-callout h1 {
    font-size: 1.5rem;
}

.pricing-info .large-3, .pricing-wrapper .large-3 {
    width: 100% !important;
}


}

@media only screen and (max-width: 400px) {


.merch-donation-pricing {
    margin: 0 0 20px;
}

.price-block {
    margin: 0 0 28px;
}






}