/* CSS Document */
@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,400i,700';
/* =======================

font-family: 'Roboto', sans-serif;
----------------------------------
font-weight:400;
font-weight:700;
font-style:italic;

font-family: 'Roboto Condensed', sans-serif;
----------------------------------
font-weight:400;
font-weight:700;

RED: #e64550;

========================== */
body * {
	box-sizing:border-box;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#5c5a5a;
	line-height:1.5;
	letter-spacing:.01em;
	background:url(../images/texture.png);
}
body img {
	max-width:100%;
	height:auto;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed', sans-serif;
	line-height:1.35;
}
a {
	color:#e64550;
	text-decoration:underline;
}
a:hover,
a:focus, 
a:active {
	color:#282727;
	outline:none;
}
h1 {
	font-size:3.25em;
	font-weight:700;
	color:#282727;
	text-transform:uppercase;
	letter-spacing:.02em;
	line-height: 1.15;
	margin:1.5em 0 .5em 0;
	margin-top:0;
}
h1 + h2 {
	color:#8f8c8c;
	font-size:1.5em;
	text-transform:uppercase; 
	font-weight:700;
	
}
h2 {
	font-size:2.5em;
	color:#e64550;
	font-weight:700;
	text-transform:uppercase;
	margin: .75em 0 1em 0;
}
h3 {
	font-size:1.5em;
	font-weight:400;
	color:#5c5a5a;
}
p {
	font-size:1.01em;
}
/* =============== HEADER =============== */
#header {
	padding:1em 0;
}
#header .container .row, 
#navigation ul, 
.social ul {
	/*
	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
	height:100%;
	
	display:block\9;
	*/
}
#header .container .row > div {
	float:left\9;
}
#logo {
}
#logo img {
	display:block;
	margin:0px auto;
}
.social {
}
#header ul {
	list-style:none;
	padding:0;
	margin:0;
}
#header li {
	display:inline-block;
	float:none;
	vertical-align:middle;
}
#header .social ul {
	float:right;
}
#header .social li {
	margin:0 .5em;
}
#header .fb, #header .youtube {
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-size:0;
	text-decoration:none;
	color:transparent;
	display:inline-block;
	transition:all ease-in-out .25s;
	width: 70px;
    height: 40px;
	
}
#header .fb {
	background-image:url(../images/fb.png);
}
#header .fb:hover {
	background-image:url(../images/fb-hover.png);
}
#header .youtube {
	background-image:url(../images/youtube.png);
}
#header .youtube:hover {
	background-image:url(../images/youtube-hover.png);
}
/* =============== MENU =============== */
#navigation, 
#NavigationDropDown {
	border:none;
	background:none;
	margin:0;
	height:100%;
}
.navbar-default .navbar-collapse {
	height: 100% !Important;
}
#navigation ul {
	float:none;
	text-align: left;
}
#navigation li {
	display:inline-block;
	float:none;
}
#navigation li a {
	color:#e64550;
	padding:.5em .75em;
	font-weight:700;
	border-radius:0;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:.93em;
	text-transform:uppercase;
	text-decoration:none;
	transition:all ease-in-out .25s;
}
#navigation li a:hover {
	color:#282727;
}
.navbar-default .navbar-collapse {
	padding:0;
}

/* =============== CONTENT =============== */
#content {
	padding:3em 0;
}
a.btn  {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	color:white;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:.02em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	background-color:#e64550;
	padding:.75em 1.25em;
	margin:1em auto;
	transition:all ease-in-out .15s;
}

a.btn:hover, 
a.btn:focus {
	background:#282727;
	color:white;
	outline:none;
}
.hero-image {
	background-image:url(../images/collage.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50% 50%;
	text-align:center;
	height:615px;
}
/* -- GOOGLE MAPS IFRAME -- */
.flexible-container {
    position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
	float: right;
	width: 100%;
	margin-top:1.25em;
}
.flexible-container iframe, 
.flexible-container object, 
.flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flexible-container.googlemaps {
	width:50%;
	margin:0;
	padding-bottom:45%;
}


/* =======================================================
					CONTACT FORM
======================================================== */
#content .form-content {
	padding:1em 5%;
	margin:2em auto;
	font-weight:400;
	font-size:.9em;
	line-height:1.72;
	letter-spacing:.01em;
	color:#5c5a5a;
	border:1px solid #ccc8c8;
}
 
#content ul.form-list {
	list-style-type:none;
	border-bottom:none;
	width:100%;
	margin:0px auto;
	margin-top:1em;
	padding:0;
}
#content .form-content li + li {
	margin-top:.5em;
}
.form-content .form-list label {
	float: left;
  	width: 35%;
  	text-align: right;
  	font-weight: 400;
  	font-size: 1.2em;
  	line-height: 1.72;
  	letter-spacing: .01em;
	margin:0;
	padding-right:5%;
}

.form-content .form-list p {
    width: 45%;
    height: 35px;
    height: 30px\9;
    padding: .25em !important;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    text-align: left;
    font-size: .9em !important;
    margin-left: 315px;
}

.form-content a.btn {
    margin-left: 315px;
}

    .form-content a.btn[disabled] {
        color: #333;
        background-color: #d4d4d4;
        border-color: #8c8c8c;
    }

.form-content span {
	color:#e64550;
	font-size:14px;
	font-weight:bold;
	margin-left:-10px;
	
}
.form-required {
	padding-right:5px;
	color:#e64550;
}
.form-content input, 
.form-content select, 
.form-content textarea {
	width:45%;
	height:35px; 
	height:30px\9;
	padding:.25em !important;
	-webkit-border-radius:0;
	-webkit-appearance:none;
	text-align:left; 
	border:1px solid #ccc8c8 !important;
	font-size:.9em !important;
}
.form-content input {
}
.form-content .RadInputMgr_Default, 
.form-content select {
	color:#a5a5a5;
}
.form-content .RadInput_Error_Default {
	color:#e64550;
}
.form-content select {
	font-style:normal;
	font-weight:400;
	background:white;
	margin:0;
	padding:0;
	line-height:1;
}
.form-content textarea  {
	height:120px;
	text-align:left;
	margin:0;
	line-height:1.3;
}
.form-content input[type="submit"] {
	border: none;
  	border-radius: 5px; 
  	-webkit-border-radius: 5px; 
  	-moz-border-radius: 5px; 
	display:block;
	color:white;
	text-decoration:none !important;
	text-align:center;
	outline:none;
	
	background-color: #e64550;
	padding:1em 2.5em !important;
	margin:2em auto 3em auto;
	letter-spacing: .03em;
	text-transform: uppercase;
	height:auto;
	font-weight:700;
	transition:all ease-in-out .15s;
}
.form-content input[type="submit"]:hover {
	background-color: #282727;
}

.form-content input[type="submit"]:active {
	position:relative;
	top:.02em;
}


/* =============== ONLINE MALL =============== */
#mall {
	width:100%;
	background:url(../images/blue-texture.png);
	text-align:center;
	color:white;
	border-top:5px solid #007582;
	border-bottom:5px solid #007582;
	padding:2em 0;
}
#mall h2, #mall p, #mall h3, #mall h4, #mall a {
	color:white;
}
#mall h2 {
	margin-bottom:0;
}

/* =============== SVG ONLINE MALL =============== */
.image-map {
	display:none;
	display:block\9;
}
.svg-wrapper {
	display:none\9;
}
.svg-wrapper {
	padding-bottom:48%;
	position:relative;
	height:0;
	width:100%;
	/*
	overflow:hidden;
	*/
}
.svg-wrapper iframe {
	position:absolute;
	border:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* WITHIN IFRAME */
.flexible-svg {
	position:relative;
	height:0;
	width:100%;
	padding:0;
	padding-bottom:45%;
}
svg {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
/* =============== FOOTER =============== */
#footer {
	padding:2em 0;
	border-top: 1px solid #5c5a5a;
}
#footer ul {
	list-style:none;
	padding:0;
	margin:1em 0;
}
#footer li + li {
	margin-top:.5em;
}
.brochures + .half {
	padding:0;
}
h3.resources:before, h3.brochures:before {
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	display:block;
	margin-right:10px;
	float:left;
	content:"";
}
h3.resources:before {
	width:25px;
	height:26px;
	background:url(../images/resources.png); 
}
h3.brochures:before {
	width:25px;
	height:29px;
	background:url(../images/brochures.png); 
}
#footer img {
	display:block;
	margin:1em auto;
}
#footer .logos a + a  {
	margin-top:2em;
}
#footer .logos a {
	display:block;
}
#copyright {
	padding:2em 0;
	background:#e64550;
	text-align:center;
	color:white;
	border-top:1px solid #282727;
	text-transform:uppercase;
	font-size:.8em;
	letter-spacing:.04em;
}
#copyright p {
	margin:0;
}
@media only screen and (min-width:992px) {
	#header .container .row > div {
		/*
		float: none;
		align-self: stretch;
		*/
		padding:3em 0;
	}
	#header #logo {
		padding:0;
	}
}
@media only screen and (max-width:1199px) {
	/*.svg-wrapper  {
		padding-bottom:56%;
	}
	*/
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (aspect-ratio:1),
(min-device-width:768px) and (max-device-width:1280px) and (orientation:landscape),
(min-device-width:768px) and (max-device-width:1024px) and (aspect-ratio:2), 
(max-width:991px) {
/* =======================================================
COLLAPSED MOBILE MENU ON LANDSCAPE TABLET
======================================================== */
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li, 
	.navbar-nav>li.visible-xs, 
	.navbar-nav>li.visible-sm {
        float: none;
		display:block !important;
    }
    .navbar-nav>li>a {
    }
    .collapse.in{
        display:block !important;
    }
	/* MISC HIDES  AND SHOWS FOR TABLET LANDSCAPE LAYOUT */
	#header .hidden-xs, #header .hidden-sm {
		display:none !important;
	}
	#header .visible-xs, #header .visible-sm {
		display:block !important;
	}
	#header .col-xs-12 {
		float:none;
		width:100%;
	}
	#header .col-md-pull-4 {
		right:0;
	}
	#header .col-md-push-4 {
		left:0;
	}
	/* BEGIN RESPONSIVE ADJUSTMENTS FOR LANDSCAPE TABLET [SPECIFIC TO SITE DESIGN] */
	#header {
		padding:0;
	}
	#header .container {
		width:100%;
		padding:0;
	}
	
	.navbar-header {
		padding:0;
		position:relative;
		padding:2.5em 4% 1em 4%; 
	}
	
	.navbar-default .navbar-toggle {
		color: #e64550;
		background: none;
		border-radius: 0;
		border: none;
		letter-spacing: .02em;
		transition:all ease-in-out .25s;
		margin:0;
		padding: 0;
		float:left;
		height: 45px;
	}
	
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
		background:none;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background:#e64550;
	}
	
	#navigation .lines, 
	#navigation .toggle-text {
		display: block;
		float: left;
	}
	#navigation .toggle-text {
		padding-left: 1em;
		margin-top: -.2em;
		text-transform: uppercase;
		font-weight: 700;
	}
	.navbar-nav {
		margin:0;
	}
	.navbar-default .navbar-collapse {
		border:none;
		height:auto !important;
		border-top:1px solid #282727;
		background:#e64550;
	}
	#navigation .navbar-collapse ul {
		height:auto;
	}
	#navigation .navbar-collapse li {
		display:block;
		width:100%;
		border-bottom:1px solid #282727;
	}
	#navigation .navbar-collapse li a {
		padding:1em 5%;
		color:white;
	}
	/* HEADER */
	#logo img {
		margin-top:1.5em;
	}
	#header .fb {
		width:20px;
	}
	.social {
		padding:0;
	}
	#logo + div {
		padding:0;
	}
	#header .container .row > div {
		padding:0;
	}

}
@media only screen and (max-width:991px) {
	.row, 
	#navigation {
		margin:0;
	}
	.container {
		padding-left:5%;
		padding-right:5%
	}
	/* CONTENT */
	h1 {
		font-size:2.5em;
	}
	h2 {
		font-size:2em;
	}
	#content.hero-image {
		height:auto;
		background:none;
		padding-top:0;
	}
	.collage {
		width:100%;
		height:auto;
	}
	.flexible-container.googlemaps {
		width:100%;
		float:none;
		margin:2em 0;
	}
	#content .form-content {
		padding:2em 5%;
		text-align:center;
	}
	.form-content .form-list label, 
    .form-content .form-list p,
	.form-content input, 
	.form-content select, 
	.form-content textarea {
		float:none;
		width:100%;
		text-align:left;
	}
	.form-content input, 
	.form-content select {
		height:40px;
	}
    .form-content .form-list label,
    .form-content .form-list p {
        padding: 0;
        margin: .5em 0 .25em 0;
    }

    .form-content a.btn {
		margin:.5em 0 .25em 0;
	}
	/*
	.svg-wrapper  {
		padding-bottom:64%;
	}
	*/
	.svg-wrapper {
		padding-bottom:100%;
	}
	.svg-wrapper iframe {
	}
	
	/* FOOTER */
	#footer {
		text-align:center;
	}
	.logos > div {
		padding:0;
		margin:0;
	}
	h3.resources:before, h3.brochures:before {
		display: inline-block;
		float: none;
		position: relative;
		top: 5px;
	}
	#footer img {
		margin: 3em auto 2em auto;
	}
	
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.svg-wrapper  {
	} 
}
@media only screen and (max-width:767px) {
	#content.hero-image {
		padding:0;
	}
	#content.hero-image .container {
		padding:0;
	}
	#content.hero-image .container > .row, 
	#content.hero-image .container > .row > div {
		padding:0;
	}
	/*
	.svg-wrapper  {
		padding-bottom:83%;
	} 
	*/
}
@media only screen and (max-width:480px) {
	#content .form-content {
		padding:0;
		border:none;
	}
	
}
@media only screen and (max-width:352px) {
	
}