/* General Styles */
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 100%;
	color: #000000; /* $primary */
	background-image: url(../images/Pattern.png);
}

form *, form *:before,form *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

h1,h2,h3,h4,h5 {
	margin: 0px;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.2;
}

h1 {
	font-size: 2em;
	text-transform: uppercase;
	color: #000000; /* $primary */
}

h2, h3 {
	font-weight: 300;
	color: #000000; /* darken($secondary,20%) */
	margin: 5px 0;
}

strong {
	font-weight: 600;
}

.main {
	width: 100%;
	max-width: 1000px;
	margin: 0px auto;
	min-width: 320px;
}

#MainZone img, #MainZone iframe {
	max-width: 100%;
}

#MainZone img {
	height: auto!important;
}

.main:after {
	content: ' ';
	display: block;
	clear: both;
}

a {
	text-decoration: none;
	color: #000000; /* $primary */
}

a:hover {
	text-decoration: none;
}

.hidefordesktop {
	display: none;
}

.right {
	float: right;
	clear: right;
}

.left {
	float: left;
	clear: left;
}

.third {
	float: left;
	width: 30%;
	margin-right: 5%;
}

.third:last-child {
	margin-right: 0;
	float: right;
}

html.no-lastchild .third {
	width: 31%;
	margin: 0 1%;
}

img {
	max-width: 100%;
}
/* End General Styles */

/* layout */
#NavZone {
	background-image: -webkit-linear-gradient(top,#102E6B,#000000);
	background-image: -moz-linear-gradient(top,#102E6B,#000000);
	background-image: -o-linear-gradient(top,#102E6B,#000000);
	background-image: linear-gradient(to bottom,#102E6B,#000000);
	background-color: #000000; /* $primary */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, #NavZone {
		max-width: 1000px;
		: ;margin: 0 auto;
	}
}

#TopZone {
	background-image: url(../images/TopNav.jpg);
	background-color: #FFFFFF;
}

#SlideZone {
	background-image: url(../images/bg.jpg); /* darken($secondary,40%) */
}

#SideZone {
	width: 36%;
	float: right;
}

#MainZone {
	width: 64%;
	line-height: 1.5;
	padding: 0 3% 0px 0;
	float: left;
}

#MainZone a {
	color: #EE2529;
}

#MainContent a:hover, #MainZone a:hover {
	text-decoration: underline;
	color: #000000;
}

#MainContent ul.two-column {
	float: left;
	width: 50%;
}

#Footer {
	background-image: url(../images/Footer.png),-webkit-linear-gradient(left,#102E6B,#000000); /* $text2,$primary */
	background-image: url(../images/Footer.png),-moz-linear-gradient(left,#102E6B,#000000); /* $text2,$primary */
	background-image: url(../images/Footer.png),-o-linear-gradient(left,#102E6B,#000000); /* $text2,$primary */
	background-image: url(../images/Footer.png),linear-gradient(to right,#102E6B,#000000); /* $text2,$primary */
	border-top: solid 50px #000000; /* $primary */
	background-color: #FFFFFF;
}

#FooterZone {
	overflow: hidden;
	padding: 20px 0;
}
/* End layout */

/* topnav */
nav.top-nav {
	display: table;
	width: 100%;
}

nav.top-nav ul {
	display: table-row;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

nav.top-nav ul li {
	display: table-cell;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

nav.top-nav ul li a {
	color: #FFFFFF;
	font-weight: 400;
	display: block;
	padding: 15px;
	font-size: 0.813em;
}

nav.top-nav ul li a:hover {
	text-decoration: underline;
}

html.no-display-table nav.top-nav ul li {
	float: left;
}
/* End topnav */

/* Flyout Menu */
nav.top-nav div.iflylist {
	background-color: #ffffff;
	color: #000000; /* $primary */
	border: none;
	box-shadow: 0px 2px 6px rgba(0,0,0,1);
	border-radius: 6px;
	padding: 17px 0px 6px 0px;
	text-align: left;
	min-width: 225px;
}

nav.top-nav div.iflylist:before {
	font-family: 'icomoon-ult';
	content: '\e0eb';
	position: absolute;
	top: -15px;
	left: 30px;
	font-size: 40px;
	line-height: 40px;
}

nav.top-nav div.iflylist div.iflylist {
	padding: 6px 0px;
}

nav.top-nav div.iflylist div.iflylist:before {
	display: none;
}

nav.top-nav div.ifly {
	background-color: #ffffff;
	border: none;
	border-top: solid 1px #ddd;
}

nav.top-nav div.ifly a {
	padding: 12px 25px;
	color: #000000; /* $primary */
	min-width: 150px;
	line-height: 1.5em;
}

nav.top-nav div.ifly a:hover {
	text-decoration: none;
}

nav.top-nav div.iflyOver {
	background-color: #000000; /* $primary */
}

nav.top-nav div.ifly a.iflyOver {
	color: #ffffff;
}

nav.top-nav div.iflyRight {
	background-image: none;
}

nav.top-nav div.iflyRight>a:before {
	font-family: 'icomoon-ult';
	content: '\e0ea';
	float: right;
	margin-right: -27px;
	font-size: 20px;
}
/* End Flyout Menu */

/* Masthead */
#MastHead .right p {
	color: #000000; /* $primary */
	margin: 0px;
}

#MastHead .logo {
	-webkit-transition: .185s ease;
	-moz-transition: .185s ease;
	-o-transition: .185s ease;
	transition: .185s ease;
}

#MastHead .right {
	position: relative;
	top: 40px;
}

#MastHead {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	color: #102E6B; /* $text2 */
	text-align: right;
	font-size: 0.813em;
	padding: 15px 0;
	position: relative;
}

#MastHead:after {
	content: '';
	display: block;
	clear: both;
}

#MastHead .phone {
	color: #A93132;
	font-size: 1.875em;
	font-weight: 700;
}

#MastHead h3 {
	color: #2A1E1E;
}
/* End Masthead */

/* Animation */
#Animation {
	height: 456px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

#Animation div.slide {
	height: 100%;
	position: absolute;
	width: 100%;
	display: none;
}

#Animation div.slide:first-child {
	display: block;
}

#Animation div.slide img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

div.slide div.info {
	position: absolute;
	left: 0px;
	background-color: rgba(0,0,0,0.8);
	color: #102E6B; /* $text2 */
	padding: 25px 3%;
	width: 100%;
	font-size: 0.938em;
	bottom: 0px;
}

html.no-rgba div.slide div.info {
	background-color: #000;
}

div.slide div.info h2 {
	font-size: 2.625em;
	color: #fff;
	text-transform: uppercase;
}

div.slide div.info h3 {
	font-size: 2.188em;
	color: #FFFFFF; /* $SLIDE */
	text-transform: uppercase;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
}

div.slide div.info p {
	display: block;
	line-height: 1.5em;
	margin: 5px 0px;
	color: #DDDDDD;
	font-size: 1.1em;
}

.button {
	font-size: 16px;
	line-height: 1em;
	margin: 0px auto;
	color: #FFFFFF;
	background-color: #A93132;
	font-weight: 400;
	text-align: center;
	padding: 10px 20px 7px 20px;
	display: block;
	box-shadow: 2px 2px 2px #000000;
}

.button:hover {
	background-color: #1A1A1A; /* lighten($primary,10%) */
	color: #fff;
	box-shadow: none;
}

div.slide div.info .button {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -25%;
	display: none;
}
/* End Animation */

/* CTAs */
.cta-list {
	display: table;
	padding: 15px 0 25px;
}

.cta-list ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: table-row;
}

.cta-list ul li {
	width: 25%;
	background-image: url(../images/Pattern.png); /* lighten($secondary,95%),lighten($secondary,90%) */
	padding: 0px;
	position: relative;
	text-align: center;
	color: #5C6A78; /* darken($text,20%) */
	font-size: 1em;
	display: table-cell;
	background-color: #F5F5F5; /* lighten($secondary,96%) */
	box-shadow: 0px 5px 30px rgba(0,0,0,0.757);
}

.cta-list ul li>a {
	padding: 10px 2% 60px 2%;
	display: block;
}

@-moz-document url-prefix() {
	.cta-list {
		height: 100%;
	}

	.cta-list ul {
		height: 100%;
	}

	.cta-list ul li {
		height: 100%;
	}

	.cta-list ul li>a {
		height: 100%;
		position: relative;
	}
}

html.no-display-table .cta-list ul li {
	float: left;
}

html.no-cssgradients .cta-list ul li {
	background-color: #E3E7EA; /* lighten($text,80%) */
}

.cta-list ul li icon {
	font-size: 2em;
	color: #A93132;
	border-radius: 50%;
	display: inline-block;
	padding: 3%;
}

.cta-list ul li h2 {
	color: #000000; /* $primary */
	font-size: 1.5em;
	padding: 0px 0px;
	text-transform: uppercase;
	margin: 0px;
}

.cta-list ul li h3 {
	color: #000000; /* $secondary */
	font-size: 1.5em;
	padding: 0px 0px;
	text-transform: uppercase;
	margin: 0px;
}

.cta-list ul li p {
	margin: 0px;
}

.cta-list ul li .button {
	width: 83%;
	position: absolute;
	color: #FFF;
	padding: 10px 5px;
	margin: 15px auto;
	bottom: 0px;
	left: 50%;
	margin-left: -41.5%;
	cursor: pointer;
	border-radius: 20px;
	box-shadow: 3px 3px 2px rgba(0,0,0,0.988);
	background-image: url(../images/Pattern2.png); /* $secondary */
}

.cta-list ul li:hover .button {
	box-shadow: none;
}
/* End CTAs */

/* Side */
.side {
	margin-bottom: 20px;
}

.side h2 {
	color: #FFFFFF; /* $SLIDE */
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

.side h2 a {
	color: #FFFFFF; /* $SLIDE */
}
/* End Side */

/* Side Nav */
.side-nav {
	background-color: #F0F0F0; /* lighten($secondary,94%) */
}

.side-nav h2 {
	background-image: url(../images/Pattern2.png); /* darken($primary,10%),lighten($primary,10%) */
	border-bottom: 5px solid #2A1E1E;
	padding: 10px 10px;
	background-color: #000000; /* $primary */
}

.side-nav ul {
	padding: 10px 0 0 0;
	margin: 0;
	list-style-type: none;
}

.side-nav li {
}

.side-nav li a:before {
	content: '\e0f6';
	font-family: 'icomoon-ult';
	color: #000000; /* $primary */
	margin-right: 10px;
}

.side-nav li a {
	display: block;
	padding: 10px 15px;
	color: #153C8D; /* lighten($text2,10%) */
	border-bottom: 1px solid #D1D7DC; /* lighten($text,67%) */
}

.side-nav li.level2 {
	padding-left: 15px;
}

.side-nav li a span {
	display: block;
	text-transform: uppercase;
	font-size: 13px;
	margin: 3px 0 0 25px;
	color: #000000; /* $primary */
}

.side-nav li a:hover, .side-nav li.selected  a {
	background-color: #A93132;
	color: #FFF;
}

.side-nav li:hover a span, .side-nav li.selected a span {
	color: #FFF;
}
/* End Side Nav */

/* Contact Form */
#ContactForm {
	padding: 20px 30px;
	background-image: url(../images/BodyPattern2.png),-webkit-linear-gradient(top,#8C8C8C,#FFFFFF);
	background-image: url(../images/BodyPattern2.png),-moz-linear-gradient(top,#8C8C8C,#FFFFFF);
	background-image: url(../images/BodyPattern2.png),-o-linear-gradient(top,#8C8C8C,#FFFFFF);
	background-image: url(../images/BodyPattern2.png),linear-gradient(to bottom,#8C8C8C,#FFFFFF);
}

.no-cssgradients #ContactForm {
	background-color: #989898; /* adjust($text2,47%,-100%,0%) */
}

#ContactForm h2 {
	color: #102E6B; /* $text2 */
}

.contact-form h2 {
}

.contact-form p {
	color: #102E6B; /* $text2 */
	margin: 0 0 10px 0;
}

.contact-form input {
	width: 100%;
	background-color: #E6E6E6; /* lighten($secondary,90%) */
	color: #000000; /* darken($primary,20%) */
	padding: 8px;
	border: none;
	margin: 0 0 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1em;
}

.contact-form textarea {
	width: 100%;
	background-color: #E6E6E6; /* lighten($secondary,90%) */
	color: #000000; /* darken($primary,20%) */
	padding: 8px;
	border: none;
	margin: 0 0 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1em;
	height: 80px;
	resize: auto;
}

.contact-form a {
	color: #FFF;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* End Contact Form */

/* Blog Feed */
.item.blog h2 {
	margin: 12px 0;
}

.item.blog .content {
	margin-bottom: 12px;
}

.comments {
	line-height: 34px;
	margin-right: 8px;
}
/* End Blog Feed */

/* Value Statements */
#ValueStatements {
}

#ValueStatements ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#ValueStatements li {
	display: block;
	padding: 10px 15px 10px 40px;
	color: #000000; /* $primary */
	border-bottom: 1px solid #d1d6dc;
	position: relative;
}

#ValueStatements ul li:before {
	font-family: 'icomoon-ult';
	content: '\e132';
	font-size: 22px;
	color: #000000; /* $primary */
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 10px;
}
/* End Value Statements */

/* Contact Map */
#ContactMap {
	width: 450px;
	height: auto!important;
	margin: 0 auto;
	max-width: 80%;
}
/* End Contact Map */

/* Testimonials */
#Testimonials {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #E8E8E8; /* darken($SLIDE,9%) */
	background-image: -webkit-linear-gradient(left,#F0F0F0,#E6E6E6); /* lighten($secondary,94%),lighten($secondary,90%) */
	background-image: -moz-linear-gradient(left,#F0F0F0,#E6E6E6); /* lighten($secondary,94%),lighten($secondary,90%) */
	background-image: -o-linear-gradient(left,#F0F0F0,#E6E6E6); /* lighten($secondary,94%),lighten($secondary,90%) */
	background-image: linear-gradient(to right,#F0F0F0,#E6E6E6); /* lighten($secondary,94%),lighten($secondary,90%) */
	padding: 20px;
}

#Testimonials h2 {
	text-transform: uppercase;
}

#Testimonials article {
}

#Testimonials blockquote:before {
	color: #000000; /* $primary */
	content: '“';
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
}

#Testimonials blockquote {
	font-style: italic;
	margin: 0;
	padding: 30px 0;
	position: relative;
}

#Testimonials blockquote:after {
	color: #000000; /* $primary */
	content: '”';
	font-size: 4em;
	line-height: 0.1em;
	position: relative;
	top: 60px;
	right: -160px;
}

#Testimonials h4 {
	color: #000000; /* $primary */
	margin: 10px 0 0 0;
}

#Testimonials a.button {
	display: none;
}
/* End Testimonials */

/* Footer Area */
#FooterContent, #FooterContent a {
	color: #FFFFFF; /* $SLIDE */
}

#FooterContent a:hover {
	color: #EE2529;
}

#FooterContent h2 {
	color: #A93132;
	text-transform: uppercase;
	font-weight: 400;
}

#FooterContent ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#FooterContent li {
	border-bottom: solid 1px #6B6B6B; /* lighten($secondary,42%) */
	text-transform: uppercase;
	font-size: 0.875em;
}

#FooterContent li a {
	padding: 5px 0;
	display: block;
}

#FooterContent {
	font-weight: bold;
}

.schema {
	text-align: right;
}

#FooterContent a.phone {
	color: #A93132;
	font-size: 2em;
	font-weight: 700;
}

.schema .phone span {
	font-size: 0.875em;
	text-transform: uppercase;
	color: #A93132;
	font-family: 'Montserrat', sans-serif;
	display: block;
}

.social icon {
	background-color: #A93132;
	padding: 5px;
	color: #fff; /* $SLIDE */
	font-size: 1.563em;
	margin-right: 7px;
}

.social li {
	padding: 5px 0;
}

#Payments {
	margin-top: 20px;
}

#Payments h5 {
	margin-bottom: 10px;
}

#Payments img {
	margin-left: 5px;
}
/* End Footer Area */

/* RL Logo */
#BrandZone {
	font-family: Arial;
	font-size: 0.75em;
	line-height: 60px;
	width: 100%;
	margin: 0px auto;
	background-color: #333333;
}

#BrandZone.dark {
	background-color: #333333;
	color: #FFFFFF;
}

#BrandZone.light {
	background-color: #ffffff;
	color: #333333;
}

#BrandContent {
	width: 100%;
	margin: 0px auto;
	position: relative;
	max-width: 1000px;
	overflow: hidden;
}

#BrandContent img {
	float: right;
	clear: right;
	margin: 20px 0px 0 0;
}

.dark #BrandContent img {
}

.light #BrandContent img {
}
/* End RL Logo */

/* Mobile Menu */
html.boxsizing body {
	overflow-x: hidden;
}

div.imenupanel {
	position: absolute;
	left: 0px !important;
	width: 100%;
	background-color: rgba(42,42,42,0.906);
	text-align: left;
	top: 100%!important;
	z-index: 5;
}

div.imenupanel div.imenu {
	width: 100% !important;
}

div.imenupanel div.imenu div.imenuitem {
	color: #FFFFFF;
	font-size: 15px;
	border-bottom: solid 1px #656565;
}

div.imenuitem.iright:before {
	content: '\e0ea';
	font-family: 'icomoon-ult';
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	line-height: 1;
	float: right;
	font-size: 20px;
	color: #000000; /* $primary */
	line-height: 41px;
	padding-left: 25%;
}

div.imenuitem a {
	color: #FFFFFF;
	display: block;
	padding: 12px 15px;
}

div.imenu {
	position: absolute;
	top: 0px !important;
	width: 100% !important;
}
/* End Mobile Menu */

#SmallMenu {
	float: right;
	padding: 5px;
	background-color: #000000; /* $secondary */
	width: 4.2em;
	color: #FFFFFF; /* $SLIDE */
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1em;
	text-align: center;
	border-radius: 6px;
	position: relative;
	margin-right: 2%;
}

#SmallMenu:before {
	font-family: 'icomoon-ult';
	content: '\e187';
	display: block;
	font-size: 1.875em;
	line-height: 1.2;
	-webkit-transform: scale(1.3,1);
	-moz-transform: scale(1.3,1);
	-o-transform: scale(1.3,1);
	transform: scale(1.3,1);
}

/* Responsive */
.no-canvas .main {
	width: 1000px;
}

@media (max-width:965px) {
	.hidefordesktop {
		display: block;
	}

	.hideformobile {
		display: none;
	}

	#TopArea {
	}

	#TopZone {
		position: static;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 200;
	}

	#MastHead {
		padding: 10px;
		overflow: visible;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		top: 0;
		left: 0;
	}

	.logo {
		max-height: calc(100% - 20px);
		max-width: calc(100% - (205px + 4.3em));
	}

	#MastHead .right {
		clear: none;
		margin-right: 2%;
		margin-top: 3%;
	}

	div.slide div.info {
		height: auto;
		padding: 1%;
	}

	div.slide div.info h2 {
		font-size: 1.625em;
	}

	div.slide div.info h3 {
		width: 100%;
		font-size: 1.2em;
	}

	.cta-list {
		padding-bottom: 15px;
		display: block;
		height: auto;
	}

	.cta-list ul {
		display: block;
		height: auto;
	}

	.cta-list ul li {
		width: 50%;
		margin-bottom: 2px;
		display: block;
		float: left;
		height: auto;
	}

	.cta-list ul.item3 li:nth-child(odd):last-child {
		width: 100%;
	}

	#MainZone {
	}

	#MainZone, #SideZone {
		padding: 0 1.5%;
	}

	#Testimonials blockquote:after {
		position: absolute;
		top: auto;
		bottom: 0px;
		right: 20px;
	}

	#FooterContent {
		padding: 0 1%;
		font-size: 0.875em;
	}

	.schema .phone span {
		display: block;
	}

	#BrandContent {
		padding: 2%;
	}
}

@media (max-width:768px) {
	#SideZone {
		width: 100%;
		padding: 0;
	}

	#MainContent {
		padding: 0 1.5%;
	}

	#Animation {
		height: 250px;
	}

	#Animation div.slide div.info p {
		display: none;
	}

	#MainZone {
		width: 100%;
		padding: 1.5%;
	}

	.third {
		width: 100%;
		margin: 0 0 5% 0;
		padding: 0 2%;
	}

	#FooterContent li a {
		font-size: 1.35em;
	}

	.schema {
		text-align: center;
	}

	#FooterContent .schema a {
		font-weight: bold;
		color: #EE2529;
	}
}

@media (max-width:480px) {
	h1 {
		font-size: 1.4em;
	}

	h2,h3 {
		font-size: 1.2em;
	}

	#MastHead {
		background-image: none;
		background-color: #fff;
	}

	#MastHead .phone {
		font-size: 1.5em;
		position: relative;
		bottom: 35px;
		left: 3px;
	}

	#SmallMenu {
		right: 0;
	}

	#MastHead .right {
		position: relative;
		z-index: 5;
	}

	.logo {
		max-width: calc(100% - 5em);
		max-height: calc(100% - 50px);
	}

	div.slide div.info h2 {
		font-size: 1.625em;
	}

	div.slide div.info h3 {
		font-size: 1.2em;
	}

	.cta-list {
		padding-bottom: 0px;
	}

	.cta-list ul li {
		width: 100%;
		margin-bottom: 2px;
		text-align: left;
	}

	.cta-list ul li>a {
		padding: 10px 2%;
	}

	.cta-list ul li icon {
		float: right;
	}

	.cta-list ul li h2, .cta-list ul li h3 {
		display: inline-block;
		margin: 0 5px 0 0;
		font-size: 1.2em;
	}

	.cta-list ul li .button {
		width: 80%;
		float: left;
		margin: 10px 0;
		position: static;
		margin-left: 10%;
	}

	.side h2 {
		font-size: 1em;
	}

	#ContactMap, #ContactMap img {
	}

	#Footer {
		border-top: solid 10px #000000; /* $primary */
		background-image: none;
		background-color: #1a1a1a;
	}

	#BrandZone {
		line-height: 40px;
	}

	#BrandContent img {
		position: absolute;
		margin: -5% 0 0 0;
		width: 31%;
		top: 50%;
		right: 1.5%;
	}

	#Animation div.slide1 img {
		background-position: 25% 100%;
	}
}
/* End Responsive */