@charset "UTF-8";
/*! 
/* --------------------------------------------------------------------------------------------------


                                                                                                                        
                                      XXXXXXXXX                                                      
                                      XXXXXXXXX                                                     
              XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  XXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXX            
            XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  XXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXX         
          XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  XXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX        
         XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX           XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX       
         XXXXXXXXX                    XXXXXXXXX      XXXXXXXX XXXXXXXXXX            XXXXXXXXX       
         XXXXXXXXXXXXXXXXXXXXXXXX     XXXXXXXXX      XXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX       
         XXXXXXXXXXXXXXXXXXXXXXXXXXX  XXXXXXXXX      XXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX       
          XXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXX      XXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX        
           XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX      XXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXX         
              XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX      XXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXX            
                              XXXXXXXXXXXXXXXXXXXXXX XXXXXXXX XXXXXXXXXXXXXXXX                    
          XXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX        
          XXXXXXXXXXXXXXXXXXXXXXXXXXX  XXXXXXXXXXXXX XXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX        
          XXXXXXXXXXXXXXXXXXXXXXXXXX     XXXXXXXXXXX XXXXXXXX XXXXXXXXX XXXXXXXXXXXXXXXXXXXX        
          XXXXXXXXXXXXXXXXXXXXXXX           XXXXXXXX XXXXXXXX  XXXXXXXX    XXXXXXXXXXXXXXXXX        
                                                                                               
            C     R     E     A     T     I      V     E          G     R     O     U     P


----------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------- */
/*       Contents                                     */
/*         Fonts                                      */
/*         COLORS                                     */
/*      1. Main Structure (global)                    */
/*      2. Top, Logo, Mast                            */
/*      3. Main Navigation                            */
/*      4. Content                                    */
/*      5. Footer                                     */
/* -------------------------------------------------- */
/*! */

@import url('fonts.css');
/*! 
** -----------------------------------------------------------------------------
     colors:
-----------------------------------------------------------------------------*
 
Pantone 222 - purple            RGB: 108 29 69          HEX: #6C1D45
Pantone 266 - bright purple     RGB: 117 59 189         HEX: #753BBD
Pantone 442 - Gray              RGB: 162 172 171        HEX: #A2ACAB
Pantone 420 - Mid Gray          RGB: 199 201 199        HEX: #C7C9C7
Pantone 418 - Dark Gray         RGB: 81 83 74           HEX: #51534A


Pantone Cool Gray 1 (Light)     RGB: 217 217 214        HEX: #D9D9D6  
Pantone Cool Gray 5             RGB: 177 179 179        HEX: #B1B3B3
Pantone Cool Gray 8             RGB: 136 139 141        HEX: #888B8D

Pantone Black 6                 RGB: 16 24 32           HEX: #101820

Various Gray                    RGB: 243 243 243        HEX: #f3f3f3
                                RGB: 29 29 29           HEX: #e5e5e5


Gradient: 246 => 2602 bottom-left / top-right;
          #753BBD => #6C1D45


background: #6C1D45;
background: -moz-linear-gradient(45deg, #6C1D45 25%, #753bbd 100%, #753bbd 100%);
background: -webkit-linear-gradient(45deg, #6C1D45 25%,#753bbd 100%,#753bbd 100%);
background: linear-gradient(45deg, #6C1D45 25%,#753bbd 100%,#753bbd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6C1D45', endColorstr='#753bbd',GradientType=1 );

/* ---------------------------------------------------------------------------
	1. Main Structure Items / Globals
-----------------------------------------------------------------------------*/
body:before, body:after { content: ""; display: table; }
body:after { clear: both; }
body {
	width: 100%;
	background: #fff;
	color: #51534A;
	font: 16px/1.618 "Lato", Helvetica, sans-serif;
	font-weight: 300;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	*zoom: 1;
	/*  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; */
}

p span a,
p a{ color: #6c1d45 !important; text-decoration: none; border-bottom: none;}

#Message { display: block; color: red; }
article { position: relative; }
img { max-width: 100%; height: auto; }
a, a:link, a:visited { color: inherit; text-decoration: none; }
a { margin: 0; padding: 0; }
/* Float, Clear, Hidden */
.float-right { float: right; }
.float-left { float: left; }
.no-float { float: none; }
.center { margin: auto !important; }
.txt-center { text-align: center !important; }
.txt-left { text-align: left !important; }
.txt-right { text-align: right !important; }
.img-left { float: left; padding: 16px 16px 16px 0; }
.img-right { float: right; padding: 16px 0px 16px 16px; }
.clearfix:before, .clearfix::after { content: ""; clear: both; display: table; }
.clearfix { zoom: 1; }
.invisible { visibility: hidden; }
.hidden, .antispam, .date-input { display: none !important; }
.no-border,
.border-0, .border-none { border:none !important;}
.overflow-hidden { overflow: hidden; }
.overflow-visible { overflow: visible; }
.relative { position: relative !important; }
.animated.fade { opacity: 0; }
.purple { color: #6C1D45 !important; }
.purple-bkg { background-color: #6C1D45; }
.rotate90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: .3s ease-out; transition: .3s ease-out; }
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 20px; }
.uppercase { text-transform: uppercase; }
p { padding: 0 .65em .25em; }
em { font-weight: bold; }
hr.gfx-block { max-width: 60px; height: 5px !important; border-top: 4px solid #81D4FA; margin: 1rem auto; }
.headerbar-hr { height: 2px; width: 48px; background: #888B8D; display: block; position: absolute; left: 0; top: 50%; margin-top: -1px; }
/* .mini-dash { width: 30px; height: 8px !important; background: #6C1D45; opacity: .4; position:relative; margin-left: 8px;} */

.mini-dash {
    max-width: unset;
    height: 8px !important;
    background: #6C1D45;
    opacity: .4;
    position: relative;
    left: 0;
    top: -23px;
    display: block;
    width: 30px;
    margin: 0 0 0 24px;
 }   


.mini-dash-gray { width: 30px; height: 8px !important; background: #D9D9D6; opacity: .4; }
hr.double { padding: 0; border: none; border-top: medium double #888B8D; color: #888B8D; text-align: center; }
.purple-top-border { border-top: #753BBD 1px solid; }
#gradient-bar { display: block; height: 100%; height: 6px; width: 100%; background: -webkit-gradient(linear, right top, left top, from(#6C1D45), to(#753bbd)); background: linear-gradient(270deg, #6C1D45, #753bbd); background-size: 400% 400%; -webkit-animation: gradientBar 20s ease infinite; animation: gradientBar 20s ease infinite; }
@-webkit-keyframes gradientBar { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }
@keyframes gradientBar { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }
.pointer { cursor: pointer; }
.relative { position: relative !important; }
a.top-btn i { font-size: 26px; }
a.top-btn { position: fixed; right: 18px; bottom: 18px; width: 30px; height: 30px; background: rgba(0, 0, 0, 0.5); text-align: center; border-radius: 6px; line-height: 1; display: none; color: white; z-index: 100; min-width: 30px; margin: 0 !important; padding: 0 !important; }
a.top-btn:hover, a.top-btn:focus { /* background: #81D4FA; */ background: #6C1D45; background: linear-gradient(45deg, #6C1D45 25%, #753bbd 100%, #753bbd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6C1D45', endColorstr='#753bbd',GradientType=1 ); }
.scroll-btn { cursor: s-resize; -webkit-transition: .6s ease; transition: .6s ease; display: block; color: white !important; }
.scroll-btn:hover { opacity: .5; }
.blk-divider { height: 100%; margin: -0 13px 0 12px; border-left: 1px solid #101820; /* border-right: 1px solid #101820; */ position: relative; top: -4px; }
.address-marker:before, .phone-marker:before, .fax-marker:before, .email-marker:before { margin-left: -22px; padding: 0 5px; color: #5ab3e8; font-family: 'FontAwesome'; }
.address-marker, .phone-marker, .fax-marker, .email-marker { padding-left: 22px; margin-bottom: .5rem; }
.address-marker a, .phone-marker a, .fax-marker a, .email-marker a { border-bottom: 1px dotted #DADADA !important; padding-bottom: 4px; line-height: 1.8; }
.address-marker:before { content: ' \f041 \a0'; }
.phone-marker:before { content: ' \f095 \a0'; }
.fax-marker:before { content: ' \f1ac \a0'; }
.email-marker:before { content: '\f003 \a0'; }
/* // ICON LINKS USE THROUGHOUT BODY TEXT (FONTAWESOME HEX VALUES) */
.external-link:after { content: '\a0 \f08e'; margin-left: 0px; padding: 0 4px; font-family: 'FontAwesome'; font-size: 0.75rem; }
.pdf-link:after { content: '\a0 \f1c-1'; margin-left: 0px; padding: 0 4px; font-family: 'FontAwesome'; font-size: 0.75rem; }
.tel-link:after { content: '\a0 \f095'; margin-left: 0px; padding: 0 4px; font-family: 'FontAwesome'; font-size: 0.75rem; }
.email-link:after { content: '\a0 \f003'; margin-left: 0px; padding: 0 4px; font-family: 'FontAwesome'; font-size: 0.75rem; }
.pointer-RT-link:after { content: '\a0 \f0a4'; margin-left: 0px; padding: 0 4px; font-family: 'FontAwesome'; font-size: 0.75rem; }
.facebook-link:after { content: '\a0 \f082'; margin-left: 0px; padding: 0 4px; font-family: 'FontAwesome'; font-size: 0.75rem; }
.twitter-link:after { content: '\a0 \f081'; margin-left: 0px; padding: 0 4px; font-family: 'FontAwesome'; font-size: 0.75rem; }
/* //MUST HAVE UPPER ELEMENT POSTION: RELATIVE */
.youtube-link:after { content: '\a0 \f16a'; margin-left: 0px; padding: 0 4px; font-family: 'FontAwesome'; font-size: 2.75rem; position: absolute; margin-left: auto; top: calc(50% - 2rem); left: calc(50% - 2.75rem); z-index: 10; color: white; opacity: .8; }
blockquote { display: block; /* // background: #fff; */ padding: 15px 20px 25px 45px; margin: 0 auto 10px auto; position: relative; z-index: 2; /*Font*/ font-family: 'GothamBook'; font-size: 1.75rem; line-height: 1.2; /* //letter-spacing: 2px; */ color: #101820; text-align: center; /* //width: 80%; */ }
blockquote::after { content: "\201C"; /*Unicode for Left Double Quote*/ /*Font*/ font-family: Georgia, serif; font-size: 240px; font-weight: bold; color: #dedede; /*Positioning*/ position: absolute; z-index: -1; left: 8px; top: 1px; opacity: .5; }
blockquote::before { /*Reset to make sure*/ content: ""; }
.underlined { margin-bottom: 3px; border-bottom: 1px solid #C7C9C7; }
.rounded-corners { border-radius: 6px; }
.tiny { font-size: 80%; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #757575; }
::-moz-placeholder { /* Firefox 19+ */ color: #757575; }
:-ms-input-placeholder { /* IE 10+ */ color: #757575; }
:-moz-placeholder { /* Firefox 18- */ color: #757575; }
.breadcrumb { list-style: none; overflow: hidden; font: 10px Sans-Serif; padding-left: 0rem !important; }
.breadcrumb li { float: left; padding-left: 0 !important; }
.breadcrumb li:first-child a { margin-left: 0; }
.breadcrumb li a::after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid #dedede; position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; }
.breadcrumb li a::before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1; }
.breadcrumb li:last-child a { background: #dccbd3 !important; color: #666; pointer-events: none; cursor: default; }
.breadcrumb li:last-child a::after { /* border-color: #be9eae; */ background: #ffffff00; /* color: #666 !important; */ border-left: 30px solid #dccbd3; }
.breadcrumb li a { color: #666; text-decoration: none; padding: 5px 0 5px 30px; background: #dedede; position: relative; display: block; float: left; margin-left: 20px; }
.breadcrumb li a:hover { background: #cecece; }
.breadcrumb li a:hover:after { border-left-color: #cecece !important; }
/* 
.breadcrumb li:first-child a { padding-left: 10px; }
.breadcrumb li:nth-child(2) a { background: hsla(34,85%,45%,1); }
.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); }
.breadcrumb li:nth-child(3) a { background: hsla(34,85%,55%,1); }
.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); }
.breadcrumb li:nth-child(4) a { background: hsla(34,85%,65%,1); }
.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
.breadcrumb li:nth-child(5) a { background: hsla(34,85%,75%,1); }
.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }
*/
.breadcrumbs { background-color: #f3f3f3; padding-left: 0.5rem !important; margin-top: -11px; }
.breadcrumbs li { display: inline-block; font-size: 11px; padding: 0 !important; margin: 0 !important; padding-left: 0rem !important; }
.breadcrumbs li:after { content: '\f101'; display: inline; /* width: 20px; */ text-align: center; padding: 0 6px; font-family: 'FontAwesome'; }
.breadcrumbs li:last-child:after { content: ''; display: inline; /* width: 20px; */ text-align: center; padding: 0 6px; font-family: 'FontAwesome'; }

.bkg-img {
	background-position: 50% 60%;
	background-size: cover;
	background-repeat: no-repeat;
}

#top-slides .bkg-img {
	width: 100%;
	height: 90vh;
}


.font-theinhardt-reg{
  font-family: 'Lato' !important;
}

.font-rozha{
  font-family: 'Rozha One' !important; 
}




/* ------------------------------------------------------------- */
/* .parallax                                                     */
/* ------------------------------------------------------------- */
.parallax {
	/* background-image: url("img_parallax.jpg"); */
	height: 100vh;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top: 1px solid #D9D9D6;
	margin-top: 3vh;
}

.photo-row {
	/* IE10 */
	display: flex;
	-ms-flex-wrap: wrap;
	/* IE10 */
	flex-wrap: wrap;
	padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.photo-column {
	-ms-flex: 25%;
	/* IE10 */
	-webkit-box-flex: 25%;
	flex: 25%;
	max-width: 25%;
	padding: 0 4px;
}

.photo-column img {
	margin-top: 8px;
	vertical-align: middle;
}

/* Responsive layout - makes a two column-layout instead of four columns */

@media screen and (max-width: 800px) {
	.photo-column {
		-ms-flex: 50%;
		-webkit-box-flex: 50%;
		flex: 50%;
		max-width: 50%;
	}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 600px) {
	.photo-column {
		-ms-flex: 100%;
		-webkit-box-flex: 100%;
		flex: 100%;
		max-width: 100%;
	}
}

/* ---------------------------- */
/* SLIDES */
/* ---------------------------- */
#new-intros-slider.flexslider { background: transparent !important; }

#new-intros-slider.flexslider .slides {
	text-align: center;
	vertical-align: middle;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: flex;
	padding-bottom: 20px;
}

.slides li {
	position: relative;
	vertical-align: middle;
}

.slide { text-align: center; }
ul.slides { padding-left: 0 !important; }

.slide::before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.slide img {
	vertical-align: middle;
	display: inline-block;
}

.slides li { min-height: 320px; }

#new-intros-slider.flexslider .slides img {
	-webkit-box-shadow: 0 0 8px #c7c7c7;
	box-shadow: 0 0 8px #c7c7c7;
}

/* 
#new-intro-section .flex-direction-nav { bottom: -5px;
} */

.slide-img { margin: 0 2.8%; }

.flex-direction-nav {
	position: absolute;
	right: 5%;
	height: 52px;
	bottom: -1px;
	/* border-top: 1px solid #C7C9C7 */
	/* border-right: 1px solid #C7C9C7 */
	/* border-left: 1px solid #C7C9C7 */
	border: 1px solid #C7C9C7;
	padding-left: 0 !important;
}

li.flex-nav-prev, li.flex-nav-next {
	width: 50px;
	height: 50px;
	background: white;
	/* border: 1px solid #888B8D; */
	display: inline-block;
	color: #afafaf !important;
	text-align: center;
}

.flex-nav-prev, .flex-nav-next { padding-left: 0 !important; }
.flex-control-nav { padding-left: 0rem !important; }

/* 
.flex-nav-prev:after { content: '\f177'; display: block; position: absolute; top: 0%; left: 18%; transform: translate(-25%,-50%);    font-family: 'FontAwesome'; line-height: 50px;
} */

/* li.flex-nav-next { margin-left: -1px; } */

/* 
.flex-nav-next:after { content: '\f178'; display: block; position: absolute; top: 0; right: 18%; transform: translate(-25%,-50%);    font-family: 'FontAwesome'; line-height: 50px;
} */

/* 
li.flex-nav-prev:hover,
li.flex-nav-next:hover { opacity: .4;} */

a.flex-prev, a.flex-next {
	display: block;
	height: 100%;
	width: 100%;
	font-size: 20px;
	line-height: 53px;
	color: #C7C9C7;
	text-align: center;
	-webkit-transition: .6s ease;
	transition: .6s ease;
}

a.flex-prev { cursor: w-resize; }
a.flex-next { cursor: e-resize; }

a.flex-prev:hover, a.flex-next:hover {
	color: #888B8D;
	background: #f6f6f6;
}

/*.slides--text { color: black !important; position: absolute; bottom: 5px; right: 4px; padding: 3px 8px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); font-size: 12px; line-height: 1;
} */

.slides--text {
	color: #fff !important;
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	font-size: 15px;
	line-height: 1.35;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.6);
	height: 100%;
	vertical-align: middle;
	padding: 30px;
	width: 280px;
}

.slides--text_detail {
	position: absolute;
	top: 0;
	/* left: 50%; */
	/* transform: translate(-50%,-50%); */
	font-family: 'Lato';
	font-weight: 300;
	font-size: 8vw;
	width: 100%;
	color: #888B8D;
	text-align: center;
	line-height: 1;
	/* text-shadow: 0 0 3px #c1c1c1; */
}

.slides .btn {
	padding: 8px 20px;
	border: 0px solid #fff !important;
	background: linear-gradient(45deg, #6C1D45 25%, #753bbd 100%, #753bbd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6C1D45', endColorstr='#753bbd',GradientType=1 );
	color: #fff !important;
	/* border-radius: 2px; */
	font-size: 16px;
	text-shadow: none;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
}

.slides .btn:hover {
	background: linear-gradient(45deg, #753bbd 0%, #6C1D45 75%, #6C1D45 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#753bbd', endColorstr='#6C1D45',GradientType=1 );
	color: #fff !important;
	/* border-radius: 2px; */
	font-size: 16px;
	text-shadow: none;
}

/* -------------------------*/
/* CONTROLERS */
/* -------------------------*/
.arrows {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 90000;
}

#prev {
	cursor: w-resize;
	width: 50px;
	height: 49px;
	background: white;
	text-align: center;
	margin: 0px auto;
	vertical-align: top;
	line-height: 50px;
	font-size: 20px;
	-webkit-transition: all 1s;
	transition: all 1s;
	display: inline-block;
	font-family: 'Lato';
	font-weight: 300;
}

#next {
	cursor: e-resize;
	width: 50px;
	height: 49px;
	background: white;
	text-align: center;
	margin: 0px auto;
	vertical-align: top;
	line-height: 50px;
	font-size: 20px;
	-webkit-transition: all .6s;
	transition: all .6s;
	display: inline-block;
	font-family: 'Lato';
	font-weight: 300;
}

#prev.disabled, #next.disabled {
	cursor: default;
	opacity: 0.2;
}

#prev:hover, #next:hover { opacity: 0.4; }

div#mast-container h3 {
	color: #fff;
	font-family: 'Lato';
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0.3rem;
	text-shadow: 0 0 3px #101820;
	font-size: 100%;
}

#mast-container {
	top: 30%;
	right: 10%;
	/* left: 0; */
	/* bottom: 0; */
	width: 280px;
	position: absolute;
	/* width: 91.875%; */
	font-size: 320%;
	color: white !important;
	padding: 10px 0;
	/* float: right; */
}

.top-spacer { height: 30px !important; }

.top-spacer {
	display: block;
	width: 100%;
	clear: both;
}

.grid-img.grid-img-left { top: 60px; }

.grid-img {
	position: relative;
	float: left;
	width: 50%;
}


img { width: 100%;}
/* 
.grid-img-right { position: absolute; right: -60px; top: 0px; width: 60vw; padding: 60px 0 0 60px;
}

.grid-img-left { position: absolute; left: -60px; top: 0px; width: 60vw; padding: 60px 60px 0 0;
} */

/* ---------------------------------------------------------------------------
	2. Top, Logo, Mast etc...
-----------------------------------------------------------------------------*/

#wrapper {
	height: 100%;
	margin: 0;
	min-height: 320px;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

#header {
	background-color: #888B8D;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
}

#header h2 {
	color: #101820;
	font-size: 120%;
	font-family: 'Lato','GothamBook', san-serif;
	padding-left: 2.5%;
	vertical-align: middle;
	line-height: 4;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: -.6em;
}

.transition-mask {
	position: fixed;
	z-index: 1000;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #C7C9C7;
}

/* 
#top {
	background-color: #fff;
	left: 0;
	margin-left: 0;
	overflow: hidden;
	padding: 0;
	top: 0px;
	width: 100%;
	height:90vh;
}
 */


#top {
    background-color: #fff;
    left: 0;
    margin-left: 0;
    overflow: hidden;
    padding: 0;
    top: 0px;
    width: 100%;
   /*  height:90vh; */
}



.loading {
	background: url(../img/img_loading.gif) no-repeat 50% 50%;
	height: 24px;
	margin-left: -12px;
	margin-top: -12px;
	width: 24px;
}

.nav-bar-bkg {
	background: rgba(255, 255, 255, 0.9);
	width: 100%;
	position: fixed;
	height: 100px;
	z-index: 99;
	top: 0;
	left: 0;
	display: none;
	/* opacity: 0; */
	-webkit-box-shadow: 0 0 5px #ddd;
	box-shadow: 0 0 5px #ddd;
}

.nav-bar-bkg.active { display: block; }

#logo, #logo--details {
	position: fixed;
	z-index: 2000;
	top: 15px;
	left: 17px;
	-webkit-transition: .6s ease;
	transition: .6s ease;
}

#logo.active, #logo--details.active {
	position: fixed;
	top: 15px;
	left: 17px;
}

#logo img, #logo--details img {
	width: 120px;
	height: auto;
	-webkit-transition: .6s ease;
	transition: .6s ease;
}

#logo.isScrolling img, #logo--details.isScrolling img, #nav-logo.isScrolling img {
	width: 74px;
	height: auto;
}

#nav-logo {
	position: absolute;
	top: 15px;
	left: 17px;
	z-index: 2000;
	width: 74px;
	display: none;
}

#nav-logo.active { display: block; }

#bkgImg {
	overflow: hidden;
	width: auto;
}

#topbkgImg {
	width: 100%;
	height: 90vh;
	/* max-height: 800px; */
	background-size: cover;
	background-position: 50% 15%;
	/* border-bottom: 8px solid $gold; */
	opacity: 0;
}

.topbkgImg {
	width: 100%;
	height: 80vh !important;
	/* max-height: 800px; */
	background-size: cover;
	background-position: 50% 15%;
	/* border-bottom: 8px solid $gold; */
	opacity: 0;
}

#top-slides {
	overflow: hidden;
	width: auto;
	background: url(../img/img_loading.gif) center no-repeat;
}



#home #topbkgImg {
	/* max-height: 800px; */
	background-image: url("/img/home_slides/bkg_home01.jpg");
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	border-bottom: 1px solid #ccc;
}

.flex-direction-nav {
    position: absolute;
    right: 5%;
    height: 50px;
    bottom: 0px;
    /* border-top: 1px solid #C7C9C7; */
    /* border-right: 1px solid #C7C9C7; */
    /* border-left: 1px solid #C7C9C7; */
    border: 1px solid #C7C9C7;
    border-bottom: none;
    padding-left: 0 !important;
    /* display: none; */
    z-index: 3;
}
/* 
#contact #topbkgImg { height: 60vh !important; background-position: center bottom;
} */

/* 
#top-container {
    width: calc(100% - 120px);
    background-color: rgba(121, 121, 121, 0.7);
    color: #888B8D;
    position: relative;
    border-bottom: #753BBD 1px solid;
    font-size: 10px;
    letter-spacing: 0.225rem;
    font-family: "Tstar";
    padding: 0 2%;
    height: 50px;
    max-width: 1280px;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
}
 */

#top-container p { padding-top: 16px; }


#top-container {
    top: -50px;
    /* width: calc(100% - 120px); */
    background-color: rgba(121, 121, 121, 0.7);
    /* margin-top: -80px; */
    color: #888B8D;
    margin: -50px auto;
    z-index: 2;
    position: relative;
    border-bottom: #753BBD 1px solid;
    font-size: 10px;
    letter-spacing: 0.225rem;
    font-family: "Tstar";
    padding: 0 2%;
    height: 50px;
    max-width: 1280px;
}


.blk-screen {
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 46%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100vh;
}

/* --------------------------------------------------------------------------
	 3. Navigation
-----------------------------------------------------------------------------*/

nav {
	background: transparent;
	float: left;
	margin: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2000;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
}

/* 
#navWrapper {
	float: left;
	width: 100%;
	height: 50px;
	background-color: #4DFD08;
	display: block;
	-moz-opacity: .95;
	filter: alpha(opacity=95);
	opacity: .95;
} */

nav .nav-list-wrap {
	display: block;
	width: 90%;
	position: absolute;
	top: 0px;
	left: 30px;
	/* transform: translateX(-50%); */
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	overflow: hidden;
	margin-right: 0px;
	padding-right: 30px;
}

nav.active .nav-list-wrap { top: 14px; }

.main-menu li a {
	text-indent: 20px;
	/* margin-bottom: 20px; */
	text-align: left;
	width: calc(100% - 40px);
}

.main-menu li .sub-menu li {
	text-indent: 0px;
	display: inline-block;
}

.main-menu li a {
	border-top: 1px solid #909090;
	display: block;
	position: relative;
	color: #121212 !important;
	padding: 10px 0 5px;
}

.main-menu li a:hover, .main-menu li a.active { color: #121212 !important; }
.main-menu li:last-of-type { border-bottom: 1px solid #909090; }
.main-menu li li:last-of-type { border-bottom: 0px solid white; }

.sub-menu {
    font-size: 13px;
    display: none;
    width: 90%;
    margin: 10px 0 10px 0px;
    padding-left: 1.9rem;
}

.sub-menu li { margin-bottom: 0px; }

.sub-menu li a:hover, .sub-menu li a:focus {
	border-bottom: 0px solid #757575;
	color: #757575 !important;
}

.sub-menu li a {
	text-indent: 0px !important;
	width: auto !important;
	border: 0px solid white;
	display: inline !important;
}

.sub-menu li a:after {
	content: ',\A0\A0';
	display: inline;
}

.sub-menu li:last-child a:after {
	content: '';
	display: inline;
}

/* 
#home nav li {
	display: inline-block;
	*display: inline;
	float: left;
	font-family: 'Helvetica-Neue-Light', "GothamBook", sans-serif;
	font-size: 0.9375em;
	font-weight: bold;
	line-height: 25px;
	margin: 0 6px;
	    margin: 1px 3px;
} */

nav h3 > a {
	display: block;
	width: 100%;
	height: 100%;
}

nav a span {
	display: inline-block;
	*display: inline;
	margin: 0 6px;
	zoom: 1;
}

nav a, nav a:visited, nav a:link { color: inherit; }
a.sub-nav, a.sub-nav:visited, a.sub-nav:link { color: #999 !important; }

/* nav a:hover, a.sub-nav:hover { color: #C72481 !important; } */
nav a { text-decoration: none; }

/* 
nav.active { color: #121212; height: 53px; background: #fff; border-bottom: 1px solid #c5c5c5;
} */

.nav-overlay {
	background: rgba(255, 255, 255, 0.99);
	position: fixed;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}

.nav-position {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 50%;
	max-width: 433px;
	overflow: hidden;
	/* border: 2px dotted red; */
	height: 100%;
	width: 100%;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	display: none;
}

.nav-overlay.active, .nav-position.active { display: block; }

#main-nav {
	height: 100%;
	max-width: 360px;
	width: 100%;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	position: fixed;
	z-index: 10000;
	top: 0;
	right: 50%;
	/* background-color: rgba(255,255,255, 0.95); */
	overflow-x: hidden;
	padding: 0;
	font-size: 14px;
	overflow: hidden;
	/* border-left: 3px solid #888B8D; */
	-webkit-transition: .35s ease;
	transition: .35s ease;
	padding-bottom: 120px;
	margin-right: 30px;
}

#nav-wrap {
	width: 100%;
	height: 100%;
	position: relative;
}

#nav-inner {
	width: 100%;
	height: 100%;
	margin: 103px 0 60px 40px;
	overflow-y: scroll;
	position: absolute;
}

.nav-inner li {
	/* padding-left: 6px; */
	font-size: 15px;
	text-indent: 10px;
}

.nav-inner li a { color: #888B8D; }

/* 
#nav-list { z-index: 20; position: absolute; right: 16px; top: 16px; text-align: center; width: 60px; height: 60px; background-color: rgba(185, 185, 185, 0.75); vertical-align: bottom; line-height: 66px;
} */

/* 
#nav-list li { display: inline-block; float: none;
} */

nav h3 {
	color: inherit;
	font-family: 'Lato', 'GothamBook', san-serif;
	font-size: 1em;
	/* font-style: italic; */
	line-height: 1.2;
	font-weight: 700;
}

.nav-social-media {
	position: absolute;
	bottom: -10px;
	height: 50px;
	width: 100%;
	text-align: center;
	border-top: 1px solid #C7C9C7;
	margin: 0 auto;
	padding: 0;
	background-color: white;
}

.nav-social-media ul {
	/* border-top: 1px solid; */
	/* position: relative; */
	top: -1px !important;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	max-width: 400px;
	/* left: 50%; */
	/* transform: translateX(-50%); */
	padding-right: 0 !important;
}

.nav-social-media li {
	text-align: center;
	width: calc(100% / 4 - 6px);
	display: inline-block;
	/* border: 1px solid; */
	margin: 0px 0px 0 0;
	max-width: 100px;
	padding: 0 !important;
	/* padding: 10px 10px !important; */
	border-right: 1px solid #C7C9C7;
	background: white;
}

.nav-social-media li:first-child { border-left: 1px solid #C7C9C7; }

.nav-social-media a {
	display: block;
	text-align: center;
	padding: 8px 0;
	background-color: #fff;
}

#nav-list {
	z-index: 20;
	position: absolute;
	right: 16px;
	top: 16px;
	text-align: center;
	width: 60px;
	height: 60px;
	background-color: rgba(185, 185, 185, 0.75);
	vertical-align: bottom;
	line-height: 66px;
	-webkit-transition: background-color .6s ease;
	transition: background-color .6s ease;
}

#nav-list:hover {
	/* transition: .6s ease */
	background: linear-gradient(45deg, #6C1D45 25%, #753bbd 100%, #753bbd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6C1D45', endColorstr='#753bbd',GradientType=1 );
	cursor: pointer;
}

#nav-list:hover .burger-icon { color: #fff !important; }

.burger-icon {
	/* font-size: 1.625rem;
	color: #fff !important;
	
float: none;
	margin: 1px auto 0;
	padding: 0;
	transition: .6s ease;	text-align: center;
	width: 100%;
	height: 60px;
	DISPLAY: BLOCK;
 */

	
}
.burger-icon {
    font-size: 1.625rem;
    color: #fff !important;
    float: none;
    margin: 0 auto;
    padding: 0;
    /* transition: .6s ease; */
    text-align: center;
    width: 100%;
    height: 60px;
    DISPLAY: BLOCK;
}
.burger-icon.active { color: #fff !important; }
.burger-icon.active:hover { color: inherit; }

/* SEARCH BAR */
.search-icon {
	position: absolute;
	left: -41px;
	background-color: rgba(185, 185, 185, 0.75);
	border-radius: 100px;
	height: 30px;
	width: 30px;
	text-align: center;
	vertical-align: middle;
	line-height: 35px;
	top: 16px;
	color: #fff !important;
}

.wish-icon {
	left: 19px;
	background-color: rgba(185, 185, 185, 0.75);
	border-radius: 100px;
	height: 30px;
	width: 30px;
	text-align: center;
	vertical-align: middle;
	line-height: 37px;
	top: 67px;
	color: #fff !important;
	position: absolute;
}

#nav--search {
	width: 40%;
	margin: 22px auto 0;
	position: relative;
	display: none;
}

#nav--search.active { display: block; }

#nav--search .search-submit-icon {
	position: absolute;
	top: -6PX;
	left: 0;
}

.search-submit-icon-outer {
	position: absolute;
	top: -5PX;
	left: 5px;
	font-size: 20px;
	background: transparent;
	border: none;
	color: #888B8D;
	line-height: 80px;
}

.search-wrapper-outer {
	position: relative;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 22px;
	max-width: 100%;
}

#search-input {
	height: 43px;
	padding: 19px 15px 14px 28px;
	margin: 10px auto;
	width: 100%;
	font-size: 22px;
	font-family: 'Lato';
	font-weight: 300;
	text-transform: uppercase;
	background-color: #f7f7f700;
	color: #101820 !important;
	caret-color: #6C1D45;
	border: none;
	border-bottom: 1px solid #d6d6d6;
	-webkit-appearance: none;
	border-radius: 0 !important;
}

#searchbar.active {
	opacity: 1;
	display: block;
}

:-webkit-search-cancel-button {
	display: none;
	-webkit-appearance: none;
	appearance: none;
}

#searchbar {
	height: 100%;
	padding: 20px;
	position: fixed;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 1000;
	border-bottom: 3px solid #6C1D45;
	background: url(../img/bkg_search.jpg) 0 0 no-repeat;
	background-size: cover;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	/* opacity: 0; */
	display: none;
}

.search-close {
	color: #888B8D;
	position: absolute;
	top: 30px;
	right: 34px;
	font-size: 28px;
	cursor: pointer;
	z-index: 5;
}

.search-close :hover { color: #6C1D45; }
.search-close :active { color: #888B8D; }
.search-close:hover { color: #6C1D45; }
.active-search { top: 76px; }
input.search-input:focus { outline: 0 !important; }
input.search-input::-webkit-input-placeholder, input.search-input::-webkit-input-placeholder { color: #aaa; }
input.search-input::placeholder, input.search-input::-webkit-input-placeholder { color: #aaa; }

input.search-submit {
	background-color: transparent;
	border-radius: 100px;
	border: none;
	color: #7b6a4f !important;
	cursor: pointer;
	font-family: 'FontAwesome';
	height: 26px;
	line-height: 0;
	position: relative;
	font-size: 17px;
	float: left;
	margin: 16px -7px;
}

.search-wrapper {
	position: relative;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 22px;
	max-width: 89%;
	margin-left: -15px;
}

.search-input {
	height: 43px;
	padding: 18px 15px 10px 33px;
	margin: 10px auto 10px 35px;
	width: 90%;
	font-size: 18px;
	font-family: 'Lato';
	font-weight: 300;
	text-transform: uppercase;
	background-color: #f7f7f7;
	color: #101820 !important;
	caret-color: #6C1D45;
	border-radius: 200px;
	border: 1px solid #d6d6d6;
	-webkit-appearance: none;
}

.search-wrapper .search-input:placeholder { color: white; }

.search-wrapper .search-input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #6f6f6f;
}

.search-wrapper .search-input::-moz-placeholder {
	/* Firefox 19+ */
	color: #6f6f6f;
}

.search-wrapper .search-input:-ms-input-placeholder {
	/* IE 10+ */
	color: #6f6f6f;
}

.search-wrapper .search-input:-moz-placeholder {
	/* Firefox 18- */
	color: #6f6f6f;
}

.search-submit-icon-inner {
	position: absolute;
	top: -5PX;
	left: 48px;
	font-size: 20px;
	background: transparent;
	border: none;
	color: #888B8D;
	line-height: 80px;
}

/* --------------------------------------------------------------------------
	4. Content
-----------------------------------------------------------------------------*/

#content {
	background: #fff;
	clear: both;
	display: block;
	/* font-size: 1.25em; */
	height: auto;
	left: 0;
	margin: 0 auto;
	/* padding: 0 60px; */
	position: relative;
	top: 100%;
	width: 100%;
	z-index: 98;
	min-height: 400px;
}

#content h1 {
	border-bottom: 1px solid #888;
	color: #888;
	font-family: 'Tstar','Rozha One','Lato','GothamBook', san-serif;
	font-size: 6rem;
	font-weight: normal;
	letter-spacing: .025em;
	line-height: .8;
	margin: .35rem 0 1.8rem;
	text-transform: uppercase;
	width: 100%;
	padding-bottom: 3.6rem;
}

#_projects #content h1 { 
	padding-bottom: unset !important;
	margin: .35rem 0 1.4rem;
}	

#content h2 {
	color: #121212;
	font-family: 'Lato','GothamBook', san-serif;
	line-height: 1.4;
	padding: .695em 0;
	font-size: 1.5rem;
}

h2.side-head2, .event-name h3 b { font-family: 'Lato' !important; font-weight: 700; }
h2.animated.fade.uppercase, h2.animated.fadeInUp.uppercase { margin-top: 3rem; }
#_products-details h2.animated.fade.uppercase, #_products-details h2.animated.fadeInUp.uppercase { margin-top: 0rem; }

h2.shadow-hdr {
	font-family: 'Lato'!important;
	font-weight: 700;
	font-size: 36px !important;
	position: relative;
	top: 80px;
	color: #e8e8e8 !important;
	white-space: nowrap;
	font-weight: bold;
}

#content h3 {
	color: #121212;
	font-family: 'Lato','GothamBook', san-serif;
}

#content h1 a, #content h2 a, #content h3 a {
	border-bottom: 1px solid #ddd;
	color: #121212;
	text-decoration: none;
}

#content p a {
	/* border-bottom: 1px solid #ddd; */
	/* color: #444; */
	text-decoration: none;
}

#contentWrapper {
	display: block;
	margin: 0px 0 0 0;
	padding: 2%;
}

#content article {
	max-width: 1280px;
	margin: 0 auto;
	width: calc(100% - 120px);
	padding-bottom: 20px;
}

#_affiliations #content img {
	max-width: 150px;
	width: 100%;
	border: 1px solid #e6e6e6;
}

article p { margin: .875em 0; }
.bkg-gray { background: #f3f3f3; }
#content b { font-family: 'Lato'; font-weight: 700; }
#content ul, #content ol { padding-left: 2rem; }
#content ul li, #content ol li { padding-left: .5rem; }
#content ul.nls, #content ol.nls, #content ul.dash { list-style: none !important; }

#content ul.dash li:before {
	content: '– ';
	margin-left: -1rem;
}

#content .side-head2 { text-align: right; }
#content .faq--q {  font-family: 'Lato'; font-weight: 700; }

#content .faq--q:before {
	content: 'Q: ';
	display: inline;
	padding: 0 5px 0 0;
}

.event {
	padding: .5rem;
	list-style: none;
	width: 96.875%;
}

.event:nth-child(2n + 1) { background-color: #f6f6f6; }

.event-place, .event-date {
	margin-left: 1.6rem;
	border-left: 2px solid #753bbd;
}

/* 
#what-we-do-section-section .imgs { position: absolute; right: -60px; width: 58vw; top: 80px; left: unset;
} */

#what-we-do-section-controller {
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#what-we-do-section-section { z-index: 2; }

#new-intros-section {
	border-top: 1px solid #C7C9C7;
	/* border-bottom: 1px solid #C7C9C7 */
}

#testimonial-section { border-top: 1px solid #C7C9C7; }
#project-section { border-top: 1px solid #C7C9C7; }

#instagram-section {
	border-top: 1px solid #C7C9C7;
	/*  border-bottom: 1px solid #C7C9C7 */
}

.section-intro .intro-copy { font-size: 120%; }

.section-intro .intro-copy {
	font-size: 120%;
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.section-intro h2 { font-size: 160% !important; }

.swatch-wrapper {
	background: #fff;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	position: relative;
}

.swatch-wrapper:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.swatch-wrapper a {
	text-decoration: none !important;
	border-bottom: 0px solid #fff !important;
}

.swatch-wrapper a:hover { color: #ccc !important; }

.swatch-wrapper .swatch {
	min-height: 90px;
	margin: 0;
}

.swatch-wrapper .swatch-name h3 {
	font-family: 'Lato','Gotham-Book', sans-serif !important;
	font-style: normal !important;
	font-size: 13px !important;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 0px solid #333;
	padding: 20px 18px 18px;
	color: #999 !important;
	position: relative;
	text-align: center;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	line-height: 1.2 !important;
}

.swatch-wrapper:hover .swatch-name h3 { font-size: 16px !important; }

.swatch-name {
	position: relative;
	bottom: 0;
	text-align: center;
	width: 100%;
}

.swatch-wrapper .swatch img {
	width: 100%;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.dimensions-action-btn {
	text-align: center;
	margin: 10px 18px;
	-webkit-transition: .6s ease;
	transition: .6s ease;
	width: 100%;
	display: inline;
	max-width: -moz-max-content;
}

.dimensions-action-btn a {
	background: #F2F2F2;
	padding: 13px 26px 10px;
	border: 2px white solid;
	color: #747474;
	line-height: 1.9;
	-webkit-transition: .6s ease;
	transition: .6s ease;
	border-radius: 6px;
	display: inline-block;
}

.dimensions-action-btn a:hover {
	background: #8a275e;
	color: white !important;
}

.next-prod {
	position: absolute;
	z-index: 10;
	top: 48%;
	left: calc(100% - 10px);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: 0 0;
}

.prev-prod {
    position: absolute;
    z-index: 10;
    top: 48%;
    left: -15px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: 0 0;
}

/* 
.next-prod {
	text-align: center;
	vertical-align: middle;
	margin: auto;
	width: 30px;
	position: absolute;
	z-index: 10;
	top: 48%;
	right: -26px;
	font-size: 30px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.prev-prod {
	text-align: center;
	vertical-align: middle;
	margin: auto;
	width: 30px;
	position: absolute;
	z-index: 10;
	top: 48%;
	left: -28px;
	font-size: 30px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
 */

a.prev, a.next {
	font-size: 14px;
	white-space: nowrap;
}

.rep-list {
	padding-bottom: 30px;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.sales-rep {
	width: calc(100% / 3 - 3.125%);
	margin: 30px 1.5625%;
	text-align: center;
	line-height: 22px;
}

.sales-rep h3 {
	background: #f3f3f3;
	padding: 8px 8px 3px;
}

.sales-rep .mini-dash { margin: 11px auto !important; }

p.quote {
	font-family: 'Tstar', 'Bad Script', cursive;
	font-size: 22px;
	padding: 4% 6% !important;
	position: relative;
}

p.quote:before {
	content: '\201C';
	position: absolute;
	font-size: 200px;
	font-family: Times, serif;
	z-index: 0;
	opacity: 0.2;
	top: 59px;
	left: 20px;
	line-height: 0.25;
}

span.quoteClose {
	font-size: 200px;
	font-family: Times;
	line-height: .25;
	position: absolute;
	bottom: -17px;
	opacity: 0.2;
	margin-left: -30px;
}

/*------------------------------*/
/* Our Story page */
/*------------------------------*/
#_our-story #content article img {
	/* max-width: 260px; */
	height: auto;
}

@media screen and (max-width: 500px) {
	#_our-story #content article img {
		max-width: 100%;
		height: auto;
	}
}

/*------------------------------*/
/* Find a Rep page */
/*------------------------------*/
#us-map {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

path:hover, circle:hover {
	stroke: #002868 !important;
	stroke-width: 2px;
	stroke-linejoin: round;
	fill: #002868 !important;
	cursor: pointer;
}

#path67 {
	fill: none !important;
	stroke: #A9A9A9 !important;
	cursor: default;
}

#info-box {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-color: #ffffff;
	border: 2px solid #BF0A30;
	border-radius: 5px;
	padding: 5px;
	font-family: arial;
}

/*------------------------------*/
/* Team page */
/*------------------------------*/
#_team-members #content h3 {
	padding-top: 5vh;
	width: 100%;
	clear: both;
}

.team-member ol {
	padding: 20px 20px 20px 30px;
	MARGIN-TOP: 1.25rem;
	list-style: none;
}

.team-member { position: relative; }

.team-member-caption {
	text-align: center;
	margin: 0 auto;
}

.emp_img {
	-webkit-clip-path: circle(46% at center);
	clip-path: circle(46% at center);
}

.emp_name {
	font-size: 1rem;
	text-transform: uppercase;
}

.emp_position {
	font-size: .875rem;
	 font-family: 'Lato'; font-weight: 700;
	line-height: 1.6;
	padding-bottom: 0.125rem;
}

.emp_facts {
	display: block;
	padding: 0rem 1rem;
}

.emp_facts ol.active { display: block; }

.emp_fun-fact-btn {
	display: block;
	padding: .625rem 1.125rem .3125rem;
	background: #F1F1F1;
	position: relative;
	font-size: .75rem;
}

.emp_fun-fact-btn:after {
	content: '';
	position: absolute;
	top: -3px;
	left: -3px;
	right: -3px;
	bottom: -3px;
	Z-INDEX: -1;
	background: linear-gradient(45deg, #6C1D45 25%, #753bbd 100%, #753bbd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6C1D45', endColorstr='#753bbd',GradientType=1 );
	-webkit-transition: .3s ease;
	transition: .3s ease;
}

.emp_fun-fact-btn:hover::after {
	background: linear-gradient(135deg, #6C1D45 25%, #753bbd 100%, #753bbd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6C1D45', endColorstr='#753bbd',GradientType=1 );
}

[class*="emp_fact-"] {
	font-size: .875rem;
	text-align: left;
}

.emp_fact-list li { margin: 5px; }

.emp_fact-list li:before {
	content: '\f004';
	font-family: 'FontAwesome';
	margin-right: 10px;
	margin-left: -19px;
	font-size: 10px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	display: inline-block;
	color: purple;
	opacity: .4;
}

/* ------------------------------------ */
/* PROJECTS PAGES */
/* ------------------------------------ */
.project-wrapper {
	margin: 0;
	padding: 20px 15px;
	background-color: #fff;
}

.project-wrapper a, .project-wrapper a:visited, .project-wrapper a:link { color: #121212; }

.project-list {
	list-style: none;
	margin: 0;
	padding-left: 0 !important;
	padding: 20px 2% !important;
}

.project-list:before, .project-list:after {
	display: table;
	content: "";
	line-height: 0;
}

.project-list:after { clear: both; }

.project-list > li {
	float: left;
	position: relative;
	width: 33.33%;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.project-list > li:hover { z-index: 200; }

.project-block {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	border: 1px solid #fff;
	margin: 0 0 -1px -1px;
	position: relative;
	background-color: #fff;
	padding: 20px 0 40px;
}

.project-block:hover {
	background-color: #fff;
	z-index: 5;
	top: 0px;
	left: 0px;
	right: 0px;
}

.project-block-anchor {
	display: block;
	height: 460px;
	position: relative;
	text-decoration: none;
}

.project-block-img-wrapper {
	bottom: 0px;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.project-block:hover .project-block-img-wrapper {
	left: -20px;
	right: -20px;
	top: -20px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(80, 80, 80, 0.5);
	box-shadow: 0px 0px 8px 0px rgba(80, 80, 80, 0.5);
}

.project-block-img img {
	/* left: 50%; */
	margin: -20px 0 0 -20px;
	position: relative;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.project-block:hover .project-block-img img {
	margin: 0;
	-webkit-filter: none;
	filter: none;
}

.project-block-description {
	background-color: #fff;
	bottom: 0;
	top: 160px;
	left: 0;
	padding: 20px;
	right: 0;
	position: absolute;
	z-index: 5;
	font-size: 1.0em !important;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.project-block:hover .project-block-description {
	background-color: #f3f3f3;
	top: 160px;
	left: -20px;
	right: -20px;
	bottom: -20px;
	padding: 20px 40px 40px 40px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(80, 80, 80, 0.5);
	box-shadow: 0px 0px 8px 0px rgba(80, 80, 80, 0.5);
	z-index: 215;
}

.project-block-description h1 {
	color: #121212;
	font-family: 'Lato','Univers-Ultra-Condensed', san-serif;
	font-size: 2.5em !important;
	font-weight: normal;
	letter-spacing: .025em;
	line-height: .8;
	margin: .35em 0;
	text-transform: lowercase;
	width: 99%;
	border: none !important;
	padding-bottom: 1.6rem !important;
}

.project-block-description p { line-height: 1.3; }

.project-block:hover .project-block-description h1 {
	/* color: #737373 !important; */
	border-color: #c8c8c8 !important;
}

ul.project-block-thumblist li {
	display: inline-block;
	background-color: #f6f6f6;
	width: 30px !important;
	height: 30px !important;
	padding: 0 !important;
	margin: 0 !important;
	background-position: center bottom;
	background-size: cover;
}

ul.project-block-thumblist li a { display: block; }

ul.project-block-thumblist {
	position: absolute;
	width: 80%;
	bottom: 20px;
	padding: 0 !important;
}

.project-block:hover .project-block-thumblist { bottom: 30px; }

/*----------------------------------------------------------------------------
/* PAGINATION */

/*------------------------------*/
.pagination {
	display: inline-block;
	padding: 60px 0 20px;
}

.pagination a {
	color: #101820;
	float: left;
	padding: 8px 16px 4px;
	text-decoration: none;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}

.pagination a.active {
	background: linear-gradient(270deg, #6C1D45, #753bbd);
	background-size: 400% 400%;
	-webkit-animation: gradientBar 20s ease infinite;
	animation: gradientBar 20s ease infinite;
	color: white;
}

.pagination a:hover:not(.active) { background-color: #ddd; }

/*---------------------------------------------------------------------------- Contact Form Items
-------------------------------------------------------------------------*/

.btn-white {
    color: #212529;
    background-color: #fff;
    border-color: transparetn;
}
.contact-list p {
	margin: 0 auto;
	padding: 0 auto;
}

ul.contact-list { width: 100%; }
ul.contact-list h3 { border-bottom: 1px solid #e5e5e5; }

ul.contact-list li {
	display: inline;
	float: left;
	width: 30.20%;
	margin: 0 1.5627%;
}

table.WishListTable td { padding: 5px 10px; }

/***-------- LIGHTBOX  ----------***/
#lightbox, #videobox {
	position: fixed;
	/* keeps the lightbox window in the current viewport */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
	text-align: center;
	z-index: 90000;
	padding: 2% 4%;
	display: none;
}

#lightbox a, #videobox a {
	text-align: center;
	margin: 0;
	font-size: 1.5em;
	text-decoration: none;
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 60px;
	height: 60px;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	line-height: 2.55;
	color: white;
	border-radius: 6px;
	background-color: rgba(25, 25, 25, 0.7);
}

#lightbox a:hover, #videobox a:hover { color: #ccc; }

#lightbox img, #videobox source {
	border: 10px solid #B8B8B8;
	/* padding: 5%; */
	max-height: calc(100vh - 160px);
	position: relative;
	width: auto;
	z-index: 1;
	box-shadow: 0 0 25px #111;
	-webkit-box-shadow: 0 0 25px #111;
	-moz-box-shadow: 0 0 25px #111;
	margin: 4% 0% 0;
	max-width: calc(100% - 22%);
}

#lightbox img:hover { cursor: crosshair; }
.closeX:hover { color: #414f5b !important; }

#vid-content, video {
	width: 100%;
	height: 100%;
}

#videobox { padding: 4%; }

#pop-content {
	display: block;
	/* position: relative; */
	/* top: 152px; */
	/* transform: translatey(-50%); */
}

.close-btn {
	position: absolute;
	top: 16px;
	right: 20px;
	z-index: 2;
	color: #454545 !important;
}

.close-btn:hover { color: #999 !important; }

.swap-img {
		width: 90%;
		display: inline-block;
		margin: 0;
		padding-bottom: 0;
	}


/*----------------------------------------------------------------------------
	5. Footer
-----------------------------------------------------------------------------*/

footer::before {
	content: '';
	display: table;
	background-color: rgba(114, 114, 114, 0.3);
	position: absolute;
	z-index: 0;
	top: 43%;
	left: 0;
	min-width: 23rem;
	min-height: 80px;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 82% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 82% 100%, 0% 100%);
}

footer {
	background: #bdbdbd;
	color: #fff;
	padding: 2% 2% 4%;
	clear: both;
	display: block;
	/* border-top: 20px solid #e3e3e3; */
	position: relative;
	min-height: 200px;
	overflow: hidden;
}

footer a { color: #fff; }
footer h1 { color: #fff; }

.copyright {
	font-size: 80%;
	position: relative;
}

.copyright a:hover { text-decoration: none; }

.footer-social-media {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
}

.footer-social-media ul {
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.footer-social-media li {
	text-align: center;
	width: calc(100% / 4);
	display: inline-block;
	margin: 1px 0px 0 0;
	max-width: 50px;
	padding: 0 !important;
}

.footer-social-media a {
	display: block;
	text-align: center;
	padding: 5px 0px;
	background-color: #fff;
	color: #888B8D;
	border-radius: 1000px;
	line-height: 45px;
	height: 45px;
	font-size: 22px;
	width: 45px;
	-webkit-transition: background-color .9s;
	transition: background-color .9s;
}

.footer-social-media a:hover {
	background-color: #6C1D45;
	color: #ffffff;
}

/*----------------------------------------------------------------------------
	6. Media Queries
-----------------------------------------------------------------------------*/

@media screen and (max-width: 1370px) {
	#content article {
		max-width: 1280px;
		margin: 0 auto;
		width: calc(100% - 120px);
		/* margin: 0 auto !important; */
	}
}

@media screen and (min-width: 1200px) {
	#_team-members .c_3 { width: 21.875% !important; }
}

@media screen and (max-width: 1024px) {
	.project-list > li { width: 50%; }
	#_team-members .c_3 { width: 30.2% !important; }
}

@media screen and (max-width: 768px) {
	#testimonial-slider .slides img { visibility: hidden; }
	#testimonial-slider { background: #f6f6f6 url(../img/bkg_testimonial-slider.jpg) 0 0 no-repeat; }
	.slides li { min-height: 320px; }
	
	.flex-direction-nav {
		position: absolute;
		right: 12%;
		height: 52px;
		bottom: -1px;
		border: 1px solid #C7C9C7;
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}
	
	.flexslider { padding-bottom: 11vh; }
	.slides--text { width: 100%; }
	.address-info .c_4, .address-info .c_6 { width: 96.875%; }
	
	.sales-rep {
		width: calc(100% / 2 - 3.125%);
		margin: 30px 1.5625%;
		text-align: center;
		line-height: 22px;
	}
	
	#products .c_3, #collections .c_3, #finishes .c_3 { width: 30.20% !important; }
	
	#home .form-input {
		width: 100%;
		padding: 0;
	}
	
	#fax, #website, #firstname, #lastname, #email, #company, #country, #phone, #street, #city, #state, #zipcode, #project, #password, #password2 {
		display: inline;
		float: left;
		width: 96.875%;
		margin: 0 1.5625%;
		height: 50px;
		margin-bottom: 8px;
		padding: 0 0.75em;
		border: none;
		border-bottom: 1px solid #d6d6d6;
	}
	
	blockquote { padding: 20px 0 !important; }
	p.copy.c_8 { width: 96.875%; }
}

@media screen and (max-width: 766px) {
	#_our-story .c_8, #_our-story .c_4, #_to-the-residential-designer .c_8, #_to-the-residential-designer .c_4 { width: 96.875%; }
	.project-list > li { width: 100%; }
	.project-block-description { top: 270px; }
	
	#content h1, #content h1 {
		font-size: 14vw;
		MARGIN-BOTTOM: 0;
		padding-bottom: 2.5rem;
	}
	
	ul.project-block-thumblist { bottom: -20px; }
	#_team-members .c_3, #_affiliations .c_3 { width: 46.875% !important; }
}

@media screen and (max-width: 620px) {
	img.img-right, img.img-left {
		float: none;
		display: block;
		padding: 16px;
		width: 100%;
	}
	
	#about .about-info [class*="c_"] { width: 96.875%; }
	#home #topbkgImg { height: calc(100vh - 70px); }
	
	.contact-list li {
		display: inline;
		float: left;
		width: 96.875%;
		margin: 0 1.5625%;
	}
	
	#name, input:not([type='checkbox']), textarea, ::not('.search-input') {
		width: 96.875%;
		margin-bottom: 20px;
	}
	
	.search-input { width: 90%; }
	#message { margin-top: 0; }
	.p_3 { margin-left: 0%; }
	.c_1, .c_2, .c_3, .c_4, .c_5, .c_6, .c_7, .c_8, .c_9, .c_10, .c_11, .c_12 { width: 96.875%; }
	.alt-img-thumb.c_2 { width: 46.875%; }
	
	#content .side-head2 {
		text-align: left !important;
		padding-bottom: 0px;
	}
	
	#alt-img-list {
		padding: 20px 0px;
		border-radius: 6px;
		margin: 0 0 50px;
	}
	
	.section-intro .intro-copy { width: 96.875%; }
	.float-right.mini-dash-gray { float: left; }
	#products .c_3, #collections .c_3, #finishes .c_3, #_affiliations .c_6 { width: 46.875%; }
	#product-block { margin-top: 12vh; }
	#product-block .dimensions .c_6, #collection-block #products-all .c_4, #related-products > div > .c_3 { width: 46.875% !important; }
	#alt-img-main { margin-top: -25px; }
	
	.swap-img {
		width: 90%;
		display: inline-block;
		margin: 0;
		padding-bottom: 0;
	}
	
	.project-list > li { width: 100%; }
	
	.project-block {
		border-bottom: 1px solid #c8c8c8;
		margin: 15px 0;
	}
	
	.project-block:hover .project-block-description, .project-block:hover .project-block-img-wrapper {
		-webkit-box-shadow: none;
		box-shadow: none;
		/* background-color: #fff; */
	}
	
	#mast-container {
		top: 41%;
		/* width: 90%; */
		font-size: 210%;
		/* transform: translateX(50%); */
		right: unset;
		left: 20px;
	}
	
	#top-container, #content article { width: calc(100% - 40px); }
	#content article { margin: 0 20px; }
	#what-we-do-section .imgs { left: -20px; }
	
	.sales-rep {
		width: calc(100% / 1 - 3.125%);
		margin: 30px 1.5625%;
		text-align: center;
		line-height: 22px;
	}
	
	#firstname, #lastname, #email, #company, #country, #phone, #street, #city, #state, #zipcode, #project, .form-input {
		display: inline-block;
		width: 98.875%;
	}
	
	.map { padding-top: 100px; }
}

@media screen and (max-width: 480px) {
	.project-block-description { top: 160px; }
	#_team-members .c_3 { width: 98.875% !important; }
	#nav--search { display: none !important; }
	
	.flex-direction-nav {
		right: 15%;
	}
}

@media screen and (max-width: 320px) {
	.swap-img {
		width: 32%;
		display: inline-block;
		margin: 0;
		padding-bottom: 0;
	}
}

/*-------------------------*/
/* INSTA-FEED */
/*------------------------*/
#instagram-images {
	overflow: hidden;
	max-height: 150px;
	background: #f2f2f2;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

#insta-feed {
	overflow: hidden;
	max-height: 320px;
	white-space: nowrap;
	position: relative;
}

#insta-feed { text-align: center; }
#insta-feed a:hover, a:focus { opacity: 1; }

#insta-feed a {
	border-bottom: 0;
	position: static;
}

#insta-feed .container:hover .overlay { display: block; }
#insta-feed img { max-width: none; }

#insta-feed .container {
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding: 0;
	color: #fff;
}

#insta-feed .overlay {
	display: none;
	position: absolute;
	background-color: transparent;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#insta-feed .overlay::after {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #101820;
	opacity: 0.5;
}

#insta-feed .overlay::before {
	content: ' ';
	opacity: 1;
	background: url("https://instafeed.n3f.me/assets/img/instagram-mini-white.png") no-repeat center center;
	background-size: 30px 30px;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

@media only screen and (max-device-width: 480px) {
	#insta-feed img {
		width: 150px !important;
		height: 150px !important;
	}
	
	#insta-feed .container {
		width: 150px !important;
		height: 150px !important;
	}
}

/*# sourceMappingURL=lilyjack.css.map */