/************** COLORS ***************

Orange:  #e26b4b

**************************************/
/*Changes Stlying from Other Files*/
#footer { border: none; box-shadow: none; } /* remove border and shadow from footer */
#page-wrapper { margin-bottom: 0; } /* fixes -152px margin */
/**********************************/
#NADA {
	background: #fff;
	width: 190px;
	height: 237px;
	border-radius: 13px;
	margin: 35px auto 0;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}


nav.sub {
	border-bottom: 10px solid #e26b4b;
	background: #fff;
	width: 100%;
	padding-bottom: 5px;
	text-align: center;
	/*box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	-o-box-shadow: 0 5px 5px rgba(0,0,0,0.1);*/
}
nav.sub img {
	margin: 0 auto;
	max-width: 100%;
	padding: 20px;
	display: block;	
}
nav.sub a {
	color: #e26b4b;
	background-color: #fff;
	border: 3px solid #fff;	
	display: inline-block;
	padding: 5px 20px;
	margin: 0 20px 5px;
}
nav.sub a:hover { color: #e26b4b; border: 3px solid #e26b4b; text-decoration: none; }

#prizes { text-align: center; }
#prizes img {
	display: block;	
	margin: 10px auto;
}
#prizes div.prize {
	padding: 15px 0;	
}
#prizes span.prize {
	font-weight: bold;
	font-size: 1.2em;
	display: block;
}
#prizes span.value {
	color: #e26b4b;
	font-weight: bold;
	display: block;
}
/* COMMON */
/*div { border: 1px dashed #ccc; }*/
a.btn-primary { padding: 10px 30px; border-radius: 10px; }
.row { padding: 10px 0; }
.orange { color: #e26b4b; }
.blue { color: #355B73; }
.gray { color: #363636; }
p { font: 11pt Verdana, Geneva, sans-serif; color: #363636; padding: 10px 0; }
.centered { text-align: center; }
.left { text-align: left; }
.bold { font-weight: bold; }
.vertical-align { vertical-align: middle; }
img.flex, img.step { max-width: 100%; }
img.photo-review { max-width: 200px; }
img.review-widget
{
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);	
	border-radius: 20px;
	border: 2px solid #fff;
	background-color: #fff;
	margin-top: 20px;
}

/* ANCHORS */
a, a:focus { outline: 0; } /* removes dotted outline from anchors */
a
{
	color: #428BCA;
	-webkit-transition: all 0.2s ease;         
	   -moz-transition: all 0.2s ease;        
		-ms-transition: all 0.2s ease;
		 -o-transition: all 0.2s ease;
			transition: all 0.2s ease;
}
.verticalLinks a { transition: none; } /* remove transition from vheader vertical links */
a.section-link { padding: 0 15px; } /* regular text links for on-page section anchors */


/* FONT STYLES */
h1, h3
{
	font-weight: 100; 
	font-family: "Raleway",sans-serif;
	color: #E26B4B;
}

h1
{
	font-size: 42pt;
	display: inline-block;
	margin-bottom: 10px;
	padding-bottom: 0;
}
h1 span { display: inline-block; }
h1.photo-reviews
{
	display: block;
	color: #363636;
	line-height: 1.5em;
	font-size: 20pt;
	font-weight: 700;
	_font-family: Verdana, Geneva, sans-serif;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	}
	h1.photo-reviews span { font-size: 70%; line-height: 1.2em; display: block; margin-top: 10px; }
	.container-orange h3 { padding: 10px; margin: 0; }

h3 { font-size: 36px; }
h3.modern {
	background: #E26B4B;
	color: #fff;
	padding: 10px 30px;
	margin: 20px auto;
	border: 1px solid #e26b4b;
	display: block;
	border-radius: 10px;
}
h5.modern {
	color: #e26b4b;
	padding: 5px 15px;
	margin: 0 auto;
	border: 1px solid #e26b4b;
	font-size: 18;
	margin: 15px 0;
}
.container-orange h3 { font-weight: bold; }
h4 { margin-top: 30px; }
h5, p.highlight
{
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.5em;
	font-size: 12pt;
	font-weight: 700;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
h6
{
	color: #d9ebf7;
	background: #355b73;
	font-size: 18pt;
	margin: 0;
	border-radius: 10px 10px 0 0;
	border-bottom: 1px solid #fff;
}
.heading-border { border-bottom: 1px dotted #363636; margin-bottom: 10px; padding-bottom: 10px; }
	.heading-border * { display: inline-block; }
	.heading-border img { margin-right: 10px; }
	.heading-border img.icon-sm { width: 28px; }
	.heading-border img.icon { display: block; margin: 0 auto; }
	
.blue-rounded
{
	text-align: center;
	width: 100%;
	border-radius: 10px;
	background: #e7e7e7;
	border: 1px solid #ccc;
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	position: relative;
	padding-bottom: 30px;
	}
	.blue-rounded h6, .blue-rounded p {	padding: 15px; }
	.blue-rounded img { padding-top: 20px; }
	.blue-rounded a   { display: block; width: 100%; position: absolute; bottom: 0; background: #e26b4b; border-color: #b84729; margin-top: 20px; vertical-align: top; vertical-align: bottom; }

#percentages { margin: 20px 0; text-align: left; }
td img { padding-right: 10px; }
tr { padding: 5px 0; }

/* CONTAINERS */

.container { max-width: 980px; }
.container-fw { padding: 30px 10px; }

/* container colors */

.container-blue   { background-color: #355B73; margin: 30px 0; color: #fff; }
.container-orange { background-color: #e26b4b; }
.container-gray   { background-color: #e7e7e7; margin: 30px 0; }
.container-txt-msg   { background-color: #222; color: #fff; font-weight: bold; margin: 0; font-family: "Raleway",sans-serif; font-size: 12pt; letter-spacing: 1px; }
	.container-txt-msg a { color: #fff; text-decoration: underline; }
	.container-txt-msg a:hover { color: #e26b4b; }
.container-video   { background-color: #e7e7e7; border-bottom: 1px solid #ddd; }
.container-video h4 { padding-top: 20px; }
	.container-blue *, .container-orange * { color: #fff; border-color: #fff; }
/* VIDEO */

.videoWrapper {
	position: relative;
	padding-bottom: 60%; /* 16:9 */
	padding-top: 25px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 10px solid #1b1b1b;
	background-color: #1b1b1b;
	border-radius: 20px;	
}

/* REVIEW EXAMPLES */

iframe.review-feed { box-shadow: 0 5px 5px rgba(0,0,0,0.2); border-radius: 20px; }

.review-example {
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	margin: 30px 0 0;
}
.review-example p.name, .review-example p.detail { padding: 0; margin: 0; }
.review-example p.name { font-weight: bold; }
.review-example p.detail { font-size: .7em; font-weight: bold; }
div.circle-border {
	border: 1px solid #bbb;
	padding: 5px;
	width: 192px;
	height: 192px;
	border-radius: 5%; /* 50% makes circle mask */
	margin: 0px auto 25px;	
}
div.circle-border img {
	margin: 0px auto;
	border-radius: 5%; /* 50% makes circle mask */
	width: 180px;
	height: 180px;	
}
img.review-example-stars {
	max-width: 70%;
	margin-bottom: 10px;	
}

/** OUR CLIENTS CAROUSEL **/

.our-clients-container {
    max-width: 100%;
    padding: 0 20px 40px;
    margin: auto;
	background: #fff;
}
.our-clients {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}	
.our-clients h1 { text-align: center; margin-bottom: 30px; }
.our-clients a { outline: none; color: #b0b0b0; font-weight: bold; display: inline-block; }
.our-clients a, .our-clients a:hover, .our-clients a, .our-clients a:active { text-decoration: none; }
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
	text-align: center;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    padding: 0;
	margin: 20px auto;
	padding: 0;
}

.jcarousel li {
    text-align: center;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	vertical-align: middle;
	max-width: 180px;
}

.jcarousel img {
    display: inline-block;
    max-width: 100%;
    height: auto !important;
	margin: 0 auto;
}

/** Carousel Controls **/
.jcarousel-controls { text-align: center; }
.jcarousel-control-prev,
.jcarousel-control-next {
	position: relative;
	transition: all 0.2s ease 0s;
	display: inline-block;
	margin: 0 auto;
    width: 34px;
    height: 34px;
    text-align: center;
    background: none;
	border: 2px solid #B0B0B0;
    color: #B0B0B0;
    text-decoration: none;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
	background-color: #B0B0B0;
	color: #fff;
}

.blue-rounded h6 { height: 150px; padding-top: 30px; }
.blue-rounded { height: 380px; }

.right-arrow { padding-top: 200px; }
.down-arrow { display: none; }
@media (min-width: 768px) { .container { width: auto; } }
@media (max-width: 980px) {
	h1 { font-size: 32pt; }
	h3 { font-size: 22pt; }
	h4 { font-size: 20pt; }
	.review-example p { font-size: 10pt; }
	div.circle-border {width: 152px; height: 152px; }
	div.circle-border img {	width: 140px; height: 140px; }
	.container-video h1.photo-reviews { font-size: 1.5em; }
}

@media (max-width: 767px) {
	h1 { font-size: 28pt; }
	h3 { font-size: 18pt; font-weight: bold; }
	.container-orange h3 { font-size: 12pt; }
	h3, h5, p { padding-left: 15px; padding-right: 15px; }
	.container-fw { padding: 10px; }
	.row { padding-top: 0; padding-bottom: 0; }
	.container-blue { margin: 10px 0; }
	.left { text-align: center; }
	.blue-rounded h6 { height: auto; padding-top: 15px; }
	.blue-rounded { height: auto; margin-bottom: 20px; }
	.videoWrapper {	padding-bottom: 58.5%; /* 16:9 */ }
	.container-video h1.photo-reviews { font-size: 3em; }
	.container-txt-msg { font-size: 9pt; padding: 5px 0; }
	.down-arrow { display: inline-block; margin: 0; }
	.right-arrow { display: none; }
	.step-no { width: 50px; }
	img.photo-review { width: 100px; }
	.col-sm-1 { margin: 20px 0; }
	.container-video .col-sm-4 { padding: 10px; }
	img.step { width: 60%; }
	#NADA {	margin: 35px auto; }
	nav.sub a { display: block; color: #e26b4b; border: 2px solid #e26b4b; }
	nav.sub a:hover { background: #e26b4b; color: #fff; border: 2px solid #e26b4b; }
	h3.modern {	border-radius: 0; }
	img.sponsor { max-width: 85%; }
}

@media (max-width: 480px) {
	h5 { font-size: 10pt; }
	.mobile-hide { display: none; }
	.heading-border img.icon-sm { display: block; width: 100px; margin: 20px auto 0; }
	.container-video h1.photo-reviews { font-size: 1.5em; }
	.videoWrapper iframe { border: 5px solid #222; border-radius: 10px; }
	a.btn-primary { display: block; border-radius: 0; }
}