@charset "UTF-8";
body {
    background-color: #32313b;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}
*, *::after, *::before {
    box-sizing: border-box;
}
::-moz-selection {
 background:none repeat scroll 0 0 #6DABED;
 color:#FFF;
 text-shadow:none
}
img, object, embed, video {
    margin-right: 0
}
/* No selection */ 
.no-select {
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
}
/* End no selection
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width: 100%
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		8;
	dw-num-cols-tablet:		12;
	dw-num-cols-desktop:	16;
	dw-gutter-percentage:	25;
	
*/

/* Global Header */

/* Hides 2px header gap caused by animate scroll Parallax */
.section-1 {
	top: -4px;
}

header.globalHeader {
    background-color: rgba(43,48,57,0.96);
    width: 100%;
    top: 0;
    z-index: 998;
}
.globalHeaderWrapper {
    height: 80px;
    width: 98%;
    margin: auto;
}
header.globalHeader a {
 text-decoration: none;
 padding: 0px 250px 60px 0px;
}
header.globalHeader img {
    position: absolute;
}
header.globalHeader img {
    top: 7px;
    width: 100%;
    max-width: 250px;
}
/* Mobile Navigation */

#current-user {
    position: absolute;
    top: 25px;
    right: 48px;
    text-align: right;
    display: none;
}
#current-user a, #current-user {
    color: #FFFFFF;    
}
#current-user #logged-in:after{
    content: ' | '
}
#current-user span.hide {
    display: none;
}
#current-user #logout a {
    text-decoration: none;
}
#current-user #logout a:hover {
    color: #4390EE;
}
nav.globalNav {
    position: absolute;
    top: 0;
    right: 0;
    width: 220px;
}
figure#navToggle {
    position: absolute;
    z-index: 999;
    top: 7px;
    right: 2px;
    padding: 12px;
    font-size: 35px;
    color: #FFFFFF;
    cursor: pointer;
}
div#cat_2214709_divs {
    visibility: hidden;
    background-color: #2b3039;
    position: fixed;
    width: 100%;
    height: 100%;
    -moz-box-shadow: inset 0px 0 3px #000000;
    -webkit-box-shadow: inset 0px 0 3px #000000;
    box-shadow: inset 0px 0 3px #000000;
}
div#cat_2214709_divs.show {
    visibility: visible;
}
ul#nav_2214709 li {
    background-color: transparent;
}
ul#nav_2214709 li, ul#nav_2214709 li.selected {
    opacity: 0;
    border-bottom: 1px solid #282830;
    padding: 20px 0px 20px 0px;
    -webkit-transform: translate3d(30px, 0, 0);
    -moz-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
}
ul#nav_2214709 li a {
    font-size: 20px;
    padding: 20px 25px 20px 20px;
    text-transform: uppercase;
    outline: none;
    color: #FFFFFF;
    letter-spacing: 2px;
    text-decoration: none;
    transition: color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out;
}
ul#nav_2214709 li.selected, ul#nav_2214709 li a:hover, ul#nav_2214709 li a:focus {
    color: #528cb3;
}
ul#nav_2214709 li.selected {
    opacity: 1;
    box-shadow: inset 0px 0 0px #000000;
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
}
ul#nav_2214709 li.selected a:hover {
    color: #FFFFFF;
}
/* Mobile Navigation */

/* Portfolio Filter */
figure.filterOptions {
    position: fixed;
    -webkit-transform: translate3d(0, -112px, 0);
    -moz-transform: translate3d(0, -112px, 0);
    transform: translate3d(0, -112px, 0);
}
/* End Portfolio Filter*/

/* End Global Header */

/* Global Design Quotes */
.design-quote {
    display: table;
    width: 100%;
    margin-bottom: 50px;
}
.design-quote-container {
    text-align: center;
    width: 95%;
    max-width: 550px;
    margin: 80px auto 80px auto;
    position: relative;
}
.design-quote-container .fa {
    color: #C0C0C0;
    position: absolute;
    font-size: 22px;
}
.design-quote-container .fa-quote-left {
    top: -50px;
    left: 0;
}
.design-quote-container .fa-quote-right {
    bottom: 0;
    right: 0;
}
.design-quote-container .quote-text {
    margin: auto;
}
.design-quote p {
    margin: 0;
}
.design-quote p.quote {
    font-size: 30px;
    padding-bottom: 10px;
}
.design-quote p.author {
    font-size: 16px;
}
.design-quote-segment {
    float: left;
}
#quote-symbol {
    width: 40%;
}
#quote {
    width: 60%;
}
/* End Global Design Quotes */

/* Menu Animation */
.contentSlide {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    background-color: #FFFFFF;
}
.contentSlide.ContentSlideIn {
    -webkit-animation: ContentSlideIn 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: ContentSlideIn 400ms cubic-bezier(0.23, 1, 0.32, 1);
    animation: ContentSlideIn 400ms cubic-bezier(0.23, 1, 0.32, 1);
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}
 @-webkit-keyframes ContentSlideIn {
 0% {
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
 100% {
 -webkit-transform: translate3d(-220px, 0, 0);
 -moz-transform: translate3d(-220px, 0, 0);
 transform: translate3d(-220px, 0, 0);
}
}
@-moz-keyframes ContentSlideIn {
 0% {
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
 100% {
 -webkit-transform: translate3d(-220px, 0, 0);
 -moz-transform: translate3d(-220px, 0, 0);
 transform: translate3d(-220px, 0, 0);
}
}
@-o-keyframes ContentSlideIn {
 0% {
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
 100% {
 -webkit-transform: translate3d(-220px, 0, 0);
 -moz-transform: translate3d(-220px, 0, 0);
 transform: translate3d(-220px, 0, 0);
}
}
@keyframes ContentSlideIn {
 0% {
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
 100% {
 -webkit-transform: translate3d(-220px, 0, 0);
 -moz-transform: translate3d(-220px, 0, 0);
 transform: translate3d(-220px, 0, 0);
}
}
.contentSlide.ContentSlideOut {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-animation: ContentSlideOut 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation: ContentSlideOut 400ms cubic-bezier(0.23, 1, 0.32, 1);
    animation: ContentSlideOut 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
 @-webkit-keyframes ContentSlideOut {
 0% {
 -webkit-transform: translate3d(-220px, 0, 0);
 -moz-transform: translate3d(-220px, 0, 0);
 transform: translate3d(-220px, 0, 0);
}
 100% {
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
}
@-moz-keyframes ContentSlideOut {
 0% {
 -webkit-transform: translate3d(-220px, 0, 0);
 -moz-transform: translate3d(-220px, 0, 0);
 transform: translate3d(-220px, 0, 0);
}
 100% {
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
}
@-o-keyframes ContentSlideOut {
 0% {
 -webkit-transform: translate3d(-220px, 0, 0);
 -moz-transform: translate3d(-220px, 0, 0);
 transform: translate3d(-220px, 0, 0);
}
 100% {
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
}
@keyframes ContentSlideOut {
 0% {
 -webkit-transform: translate3d(-220px, 0, 0);
 -moz-transform: translate3d(-220px, 0, 0);
 transform: translate3d(-220px, 0, 0);
}
 100% {
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
}
ul#nav_2214709 li.In, ul#nav_2214709 li.selected.In {
    -webkit-animation: In 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: In 600ms cubic-bezier(0.23, 1, 0.32, 1);
    animation: In 600ms cubic-bezier(0.23, 1, 0.32, 1);
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}
 @-webkit-keyframes In {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(30px, 0, 0);
 -moz-transform: translate3d(30px, 0, 0);
 transform: translate3d(30px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
}
@-moz-keyframes In {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(30px, 0, 0);
 -moz-transform: translate3d(30px, 0, 0);
 transform: translate3d(30px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
}
@-o-keyframes In {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(30px, 0, 0);
 -moz-transform: translate3d(30px, 0, 0);
 transform: translate3d(30px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
}
@keyframes In {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(30px, 0, 0);
 -moz-transform: translate3d(30px, 0, 0);
 transform: translate3d(30px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
}
ul#nav_2214709 li.Out, ul#nav_2214709 li.selected.Out {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-animation: Out 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation: Out 400ms cubic-bezier(0.23, 1, 0.32, 1);
    animation: Out 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes Out {
 0% {
 opacity: 1;
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(30px, 0, 0);
 -moz-transform: translate3d(30px, 0, 0);
 transform: translate3d(30px, 0, 0);
}
}
@-moz-keyframes Out {
 0% {
 opacity: 1;
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(30px, 0, 0);
 -moz-transform: translate3d(30px, 0, 0);
 transform: translate3d(30px, 0, 0);
}
}
@-o-keyframes Out {
 0% {
 opacity: 1;
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(30px, 0, 0);
 -moz-transform: translate3d(30px, 0, 0);
 transform: translate3d(30px, 0, 0);
}
}
@keyframes Out {
 0% {
 opacity: 1;
 -webkit-transform: translate3d(0px, 0, 0);
 -moz-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(30px, 0, 0);
 -moz-transform: translate3d(30px, 0, 0);
 transform: translate3d(30px, 0, 0);
}
}
ul#nav_2214709 li:nth-child(1) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    -ms-animation-delay: 20ms;
    animation-delay: 20ms;
}
ul#nav_2214709 li:nth-child(2) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    -ms-animation-delay: 60ms;
    animation-delay: 60ms;
}
ul#nav_2214709 li:nth-child(3) {
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -o-animation-delay: 100ms;
    -ms-animation-delay: 100ms;
    animation-delay: 100ms;
}
ul#nav_2214709 li:nth-child(4) {
    -webkit-animation-delay: 140ms;
    -moz-animation-delay: 140ms;
    -o-animation-delay: 140ms;
    -ms-animation-delay: 140ms;
    animation-delay: 140ms;
}
ul#nav_2214709 li:nth-child(5) {
    -webkit-animation-delay: 180ms;
    -moz-animation-delay: 180ms;
    -o-animation-delay: 180ms;
    -ms-animation-delay: 180ms;
    animation-delay: 180ms;
}
ul#nav_2214709 li:nth-child(6) {
    -webkit-animation-delay: 220ms;
    -moz-animation-delay: 220ms;
    -o-animation-delay: 220ms;
    -ms-animation-delay: 220ms;
    animation-delay: 220ms;
}
ul#nav_2214709 li:nth-child(7) {
    -webkit-animation-delay: 240ms;
    -moz-animation-delay: 240ms;
    -o-animation-delay: 240ms;
    -ms-animation-delay: 240ms;
    animation-delay: 240ms;
}
ul#nav_2214709 li:nth-child(8) {
    -webkit-animation-delay: 240ms;
    -moz-animation-delay: 240ms;
    -o-animation-delay: 240ms;
    -ms-animation-delay: 240ms;
    animation-delay: 240ms;
}
/* End Menu Animation */

/* Footer */
.footer {
    width: 100%;
    background-color: #2b3039;
    color: #FFFFFF;
    text-align: center;
}
.footer p.legal {
	font-size: 12px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}
.footer a {
    text-decoration: none;
    color: #FFF;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.footer a:hover {
    color: #4390EE;
}
/* Contol iOS links */
a[href^=tel] {
    color: #6DABED;
    text-decoration: none
}
/* End Contol iOS links */

/* System Message */
.system-message {
    text-align: center;
    color: #303030;
    min-height: 500px;
    max-width: 600px;
    margin: 0px auto 0px auto;
    position: relative;
    top: 150px;
}
.system-message h2, .system-message p {
    margin: 0px;
}
.system-message a {
    text-decoration: none;
    color: #4390EE;
}
/* System Message */
/* Login Styles */
.login-container {
    background-image: url(/img/system/login-hero.jpg);    
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 0% 10%;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 600px;
}
.login {
    width: 95%; 
    max-width: 400px;
    margin: auto;
    background-color: rgba(255,255,255,0.9);
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #C1C1C1;
    text-align: center; 
    position:relative; 
    top: 175px;
}
.login h2 {
    margin: 0;
}
.login form {
 margin-top: 25px;
}
.login input {
    margin-bottom: 10px;
    text-align: center;
}
.login a {
    text-decoration: none;
    color: #6DABED;
}

/* End Login Styles */
@media only screen and (min-width: 360px) {

}
@media only screen and (min-width: 375px) {
/* Global Design Quotes */   

.design-quote-container .fa {
    font-size: 30px;
}
/* End Global Design Quotes */ 
}
@media only screen and (min-width: 414px) {
    
/* Global Design Quotes */   
.design-quote-container .fa-quote-left {
    top: 0px;
}
/* End Global Design Quotes */   
}
@media only screen and (min-width: 480px) {
#current-user.show {
    display: block !important;
}
}
@media only screen and (min-width: 768px) {
/* Menu */	

/* End menu */

/* Global Design Quotes */  
.design-quote-container {
    transform: scale(1.3);
}

/* End Global Design Quotes */ 
	
/* Footer */

/* End Footer */
}