* { -moz-box-sizing: border-box; box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; overflow:hidden !important; }
body { background: #ececec}
.clear { clear: both } 
.wrapper { position: relative; min-height: 100%; margin: 0 auto -30px; }
.logo { position: absolute; left: 50%; margin-left:-150px; top: 50%; margin-top: -150px; z-index: 3;}

/*NAV*/
#shift { position: absolute; left: 50%; top: 50%; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition:  all ease 0.5s; transition: all ease 0.5s; }
#mainNav { display: none; background: rgba(255,255,255,0.75) none scroll 0 0; width: 780px; position: absolute; left: 50%; margin-left:-390px; height: 316px; top: 50%; margin-top: -158px; z-index: 2; font-family: 'momstypewriterregular'; font-size: 16px; text-transform:uppercase; padding: 20px; }
#mainNav ul { list-style: none; padding: 0; margin: 0; line-height: 1.2em; width: 176px;   }
#mainNav ul li { margin-bottom: 9px; }
#mainNav ul li a { text-decoration: none; color: #2b2b2b; font-size: 13px }
#mainNav ul li a:hover { color: #444 }
ul.leftNavlist { float:left; text-align:right}
ul.rightNavlist { float:right; text-align: left; }
ul.rightNavlist li { margin-bottom: 6px !important }
#openMenu { position: absolute; top: 50%; left: 50%; width: 50px; margin-left: -25px; height: 26px; background: #141414; border:2px solid #fff; color: #fff; padding: 2px 0;font-family: 'basic_title_fontregular';  font-size: 15px; text-align:center; margin-top: -190px;}
.menuToggle { color: #fff;text-decoration: none; }
a#close { display: none; }
.show { display: block !important; }
.hide { display: none !important }

/*PAGES*/
#quickMenu {
	float: right;
	height: 29px;
	overflow: hidden;
	background: url(../img/icons/down_arrow_select.jpg) no-repeat right #ddd;
	border: 1px solid #ccc;
	width: 240px;
	cursor: pointer;
}
#quickMenu select {
   background: transparent;
   padding: 5px;
   font-size: 13px;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
   font-family: 'momstypewriterregular';
   color: #555;
   width: 262px;
   cursor: pointer;
   }
.gallery { width: 40%; float:left; background: #2b2b2b; height:100vh; }
.gallery div { width: 100%; margin: 0 !important; padding: 0 !important; float: left; display:block; opacity: 1; cursor: pointer; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; border: 1px solid #2b2b2b; background-size:cover !important; background-position:center !important }
.content { float: left; height: inherit; width: 60%; overflow-y:scroll; background: #ECECEC url(../img/icons/white_wall.jpg) }
.links, .four-o-four { float: left; height: 100vh; width: 100% !important; }
.center { width: 50%; left: 0; right: 0; position: relative; margin: auto; text-align:center }
.center #quickMenu { float: none; display: block; margin:auto }
.center { width: 100%; left: 0; right: 0; position: relative; margin: auto; text-align:center }
.sitemap ul.sitemap li { float: left; width: 33.33% }
.sitemap img { display: block; margin:auto }
.contentContainer { padding: 3.5% }
.content h1 { font-family: 'momstypewriterregular', Arial, Helvetica, sans-serif; font-size: 40px; margin: 0; border-bottom: 3px dotted #888; font-weight:normal; color: #2b2b2b}
.content h2 { font-family: 'basic_title_fontregular', Arial, Helvetica, sans-serif; font-size: 19px; margin: 0; font-weight:normal; padding: 4px 10px; background: #2b2b2b; color: #FFF; display: inline-block;}
.content h3 { font-family: 'momstypewriterregular'; font-size: 15px; margin: 0; font-weight:normal; color: #444}
.content p, .content ul { font-family: 'Open Sans', sans-serif; font-size: 14px ; line-height: 1.6em; color:#616161}
.content a { color:#616161; text-decoration: none }
.content a:hover { color: #141414; text-decoration: underline }
.content ul { list-style: outside none none; margin: 10px 0 0; overflow: hidden; padding: 0 0 20px 20px; }
.content ul li { background: url("../img/icons/li.png") no-repeat scroll 0 2px; line-height: 1.8em; padding: 1px 0 10px 33px; height:32px; display:inline-block; width: 100% }
.contactDetails li { float: left; margin: 0 15px 15px 0 }
li.phone { background: url("../img/icons/phone.png") no-repeat scroll 0 0px  !important; line-height: 1.8em; padding: 1px 0 0px 38px !important; }
li.email { background: url("../img/icons/email.png") no-repeat scroll 0 0px  !important; line-height: 1.8em; padding: 1px 0 0 38px !important; }
li.website { background: url("../img/icons/website.png") no-repeat scroll 0 0px  !important; line-height: 1.8em; padding: 1px 0 0 38px !important; }
li.connect { background-image:none !important; padding-left: 0 !important; clear: left; }
ul.contactDetails { padding-bottom: 0 !important }
/*CONNECT*/
.connect a { display: inline-block; width: 30px; height: 30px }
.facebook { background:url(../img/icons/ftpi-icons.png) no-repeat 0px 0px; }
.twitter { background:url(../img/icons/ftpi-icons.png) no-repeat -30px 0px; }
.pinterest { background:url(../img/icons/ftpi-icons.png) no-repeat -60px 0px; }
.instagram { background:url(../img/icons/ftpi-icons.png) no-repeat -90px 0px; }
.googleplus { background:url(../img/icons/ftpi-icons.png) no-repeat -120px 0px;}
.youtube { background:url(../img/icons/ftpi-icons.png) no-repeat -150px 0px;}
/*AddThis*/
.addthis_sharing_toolbox { margin: 0 0 20px 0 }


.backLeft { font-family: 'basic_title_fontregular'; text-decoration: none; font-size: 15px; color: #FFF !important; background: #2b2b2b; display: inline-block; padding: 7px 8px 5px; text-decoration:none; margin-bottom: 20px; }
.backLeft::after { content:url(../img/icons/backleft.png); padding-left: 10px; vertical-align: middle}
.backLeft:hover { background: #141414; text-decoration:none !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(170,170,170,1);-moz-box-shadow: 0px 0px 5px 0px rgba(170,170,170,1); box-shadow: 0px 0px 5px 0px rgba(170,170,170,1); }
.backRight { font-family: 'basic_title_fontregular'; text-decoration: none; font-size: 15px; color: #FFF !important; background: #2b2b2b; display: inline-block; padding: 7px 8px 5px; text-decoration:none; margin-bottom: 20px; vertical-align:text-top }
.backRight::before { content:url(../img/icons/backright.png); padding-right: 10px; vertical-align: sub}
.backRight:hover { background: #141414; text-decoration:none !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(170,170,170,1);-moz-box-shadow: 0px 0px 5px 0px rgba(170,170,170,1);box-shadow: 0px 0px 5px 0px rgba(170,170,170,1); }

/*Docs*/
.pdf::after {
    content: url("../img/icons/pdf-logo.png");
    padding-left: 5px;
    position: absolute;
}


/*FOOTER*/
#footer {
    background: #2b2b2b none repeat scroll 0 0;
    bottom: -400px;
    color: #fff;
    position: absolute;
    width: 100%;
	-webkit-transition: bottom 0.5s; -moz-transition: bottom 0.5s; -o-transition: bottom 0.5s; transition: bottom 0.5s;
	z-index: 9
}
#footer a:hover { text-decoration:underline }
.footerContents { height: 30px; overflow:hidden }
.pageFooterContents, .pageFooterContents a, .pageFooterContents .copyrightInfo a  { font-family: 'Open Sans', sans-serif; color: #2b2b2b; text-decoration:none; font-size: 12px }
.copyrightInfo a, .copyrightInfo { color: #ddd; line-height: inherit; font-size: 12px; text-align:center }
.pageFooterContents .copyrightInfo { padding: 10px 20px; text-align: center; font-family: 'Open Sans', sans-serif !important; color: #2b2b2b !important; text-decoration:none; font-size: 12px}

.h1, .contact { width: 33.33%; float: right; line-height: 30px; height: 30px; }
.footerContents, .footerContents a { font-family: 'Open Sans', sans-serif; color: #ddd; text-decoration:none; font-size: 12px }
.footerContents h1 { display: table; margin: auto; font-family: 'basic_title_fontregular', Arial, Helvetica, sans-serif; color: #fff; font-size:14px; letter-spacing: 1px; text-align:center;}
.footerContents span {  color: #fff; font-size: 12px}
.footerContents img { vertical-align: text-top; margin-right:10px }

.contact { float: right; text-align: right }
.contact p { font-family: 'Open Sans', sans-serif; font-size: 13px; margin: 0; text-transform:uppercase; float:right; margin:0; line-height: 30px; }
.contact a { font-family: 'Open Sans', sans-serif; text-transform:lowercase; color: #ddd; text-decoration:none; display: inline-table;}
.contact a.facebook { margin-right: -4px !important; width: 30px; height: 30px; line-height: 30px; background:url(../img/icons/ftpi-icons.png) no-repeat 0px 0px; vertical-align: top; }
.contact a.twitter { width: 30px; height: 30px; line-height: 30px; background:url(../img/icons/ftpi-icons.png) no-repeat -30px 0px; vertical-align: top;}
.contact a.pinterest { width: 30px; height: 30px; line-height: 30px; background:url(../img/icons/ftpi-icons.png) no-repeat -60px 0px; vertical-align: top; }
.contact a.instagram { width: 30px; height: 30px; line-height: 30px; background:url(../img/icons/ftpi-icons.png) no-repeat -90px 0px; vertical-align: top; }
.contact a.googleplus { width: 30px; height: 30px; line-height: 30px; background:url(../img/icons/ftpi-icons.png) no-repeat -120px 0px; vertical-align: top }
.contact a.youtube { width: 30px; height: 30px; line-height: 30px; background:url(../img/icons/ftpi-icons.png) no-repeat -150px 0px; vertical-align: top }

.contact a.facebook, .contact a.twitter, .contact a.pinterest, .contact a.instagram, .contact a.googleplus, .contact a.youtube { cursor: pointer; }

.up { margin-top: -235px !important; position: relative; }
/*MAP*/
a#mapReveal {
    background: #2b2b2b url(../img/icons/map-icon.png) no-repeat center 5px;
    border-radius: 90px 90px 0 0;
    height: 30px;
    left: 50%;
	margin-left: -30px;
    position: absolute;
    text-indent: -9999px;
    top: -30px;
    width: 60px;
	cursor: pointer;
}
a#mapReveal:hover { background: #FFF url(../img/icons/map-icon.png) no-repeat center -22px; }
.peek { bottom: -380px !important } 
.reveal { bottom: 0px !important; }

#panel { position: absolute; top: 5px; left: 50%; margin-left: -180px; z-index: 5; background-color: #fff; padding: 5px; border: 1px solid #999; display: none; }
#info, #map { height:400px; width: 50%; float: left; }
#info { font-family: 'Open Sans', sans-serif; color: #ddd; padding: 10px 30px 10px 70px; line-height: 25px; position:relative; overflow-x: hidden !important; background: #2b2b2b }
#info h2 { font-size: 24px; margin-top: 0 }
#info p { font-size: 14px }
#info a { font-family: 'Open Sans', sans-serif; color: #ddd; text-decoration: none }
#info a:hover { text-decoration: none; text-shadow:  0px  0px 1px #fff; }
.readmore { padding: 5px 10px; background: #141414; color: #EEE; float: right }
.readmore:hover { color:#ACA387 !important; text-shadow:none !important; cursor:pointer}
.map-overlay { height: 100%; position: absolute; right: 0; width: 50%; z-index: 3; background: rgba(0,0,0,0.2); -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }
.map-overlay-remove { display:none; }
.activate-map { border: none; position: relative; width: 150px; height: 50px; top: 50%; margin-top: -25px; background: #FFF; color: #636238; left: 50%; margin-left: -75px; display:none;}
.map-overlay:hover .activate-map {display:block; cursor: pointer}
.map-overlay:hover { background: rgba(0,0,0,0.6); }
.activate-map:hover { background: #FFF; color: #333 }

/*Tooltips*/
.tooltip {
	display: inline;
	position: relative;
	z-index: 999;
}

/* Trigger text */

.tooltip-item {
	cursor: pointer;
	display: inline-block;
	font-weight:bold;
	color: #AFA387;
}


/* Gap filler */

.tooltip-item::after {
	content: '';
	position: absolute;
	width: 200px;
	height: 20px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tooltip:hover .tooltip-item::after {
	pointer-events: auto;
}

/* Tooltip */

.tooltip-content {
	position: absolute;
	z-index: 9999;
	left: 0;
	right: 0;
	margin: 0 auto 15px auto;
	bottom: 96%;
	text-align: center;
	line-height: 1.4;
	box-shadow: -5px -5px 15px rgba(48,54,61,0.2);
	background: #ddd;
	opacity: 0;
	cursor: default;
	pointer-events: none;
	padding: 10px !important
}

.craftShops { width: 200px }

.tooltip-effect-2 .tooltip-content {
	-webkit-transform-origin: 50% calc(100% + 10px);
	transform-origin: 50% calc(100% + 10px);
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);
	transform: perspective(1000px) rotate3d(1,0,0,45deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;

}
.tooltip:hover .tooltip-content {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

.tooltip.tooltip-effect-2:hover .tooltip-content {
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
	transform: perspective(1000px) rotate3d(1,0,0,0deg);
}
.tooltip-content a { display: block; }
.tooltip-content a:hover { text-decoration:underline !important }
/* Arrow */

.tooltip-content::after {
	content: '';
	top: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #ddd;
	border-width: 10px;
	margin-left: -10px;
}

/* Tooltip content*/

.tooltip-content img {
	position: relative;
	height: 170px;
	display: block;
	float: left;
	margin-right: 1em;
}

.tooltip-text {
	line-height: 1.35;
	display: block;
	color: #2b2b2b;
}
.tooltip-text a {color: #2b2b2b !important; }

.tooltip-effect-5 .tooltip-text {
	padding: 1.4em;
}

.tooltip-text a {
	font-weight: bold;
}

#map iframe { width: 100%; height: 100%; border: 0 } 
.iframeWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.iframeWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  border:0;
}
.info_content { color: #2b2b2b; width: 325px; overflow:hidden }
.info_content h3 { font-family: 'momstypewriterregular'; font-size: 18px; margin: 10px 0; font-weight:normal; text-transform:uppercase }
.info_content p { font-family: 'Open Sans', sans-serif; }
.info_content img { width: 120px; float: right; margin: 0 0 20px 20px }

/*SLIDESHOW*/
.vegas-slide-inner h3 {
    color: #dddddd;
    font-family: "basic_title_fontregular",Arial,Helvetica,sans-serif;
    font-size: 28px;
    margin: 0;
    padding: 20px;
    text-shadow: 1px 1px 1px #333;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.scrollup  {
	background: rgba(0, 0, 0, 0.5) url("../img/icons/back-to-top.png") no-repeat scroll center center;
    bottom: 1%;
    display: none;
    height: 85px;
    opacity: 0.6;
    outline: medium none;
    position: fixed;
    right: 1%;
    text-indent: -9999px;
    width: 70px;
	padding: 10px
}
.scrollup:hover  {
    opacity: 1;
}
.breadcrumbs {
    font-family: "open sans";
    font-size: 11px;
    text-align: right;
    text-transform: uppercase;
	color: #999;
	margin-top: 5px;
}

/*FONTS*/
@font-face {
    font-family: 'basic_title_fontregular';
    src: url('fonts/basictitlefont-webfont.eot');
    src: url('fonts/basictitlefont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/basictitlefont-webfont.woff2') format('woff2'),
         url('fonts/basictitlefont-webfont.woff') format('woff'),
         url('fonts/basictitlefont-webfont.ttf') format('truetype'),
         url('fonts/basictitlefont-webfont.svg#basic_title_fontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'momstypewriterregular';
    src: url('fonts/momt___-webfont.eot');
    src: url('fonts/momt___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/momt___-webfont.woff2') format('woff2'),
         url('fonts/momt___-webfont.woff') format('woff'),
         url('fonts/momt___-webfont.ttf') format('truetype'),
         url('fonts/momt___-webfont.svg#momstypewriterregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#nav-text {	display: none; }
#menu { display: none; }
/*RESPONSIVE*/

@media screen and (max-width: 900px) { 
	#mapReveal { display: none }
	#slideshow { height: 100vh }
	#info, #map { float: none; height: inherit; width: 100%; }
	#map { height: 100% }
	#footer { top: 100%; margin-top: -40px; }
	.footerContents { height: 40px; }
	.h1, .contact { width: 50%; float: right; line-height: 30px; height: 30px; }
	.copyrightInfo { width: 100%; float: none; text-align: center; line-height: inherit; height: inherit;}
	.contact p { display: block;float: none; }
	.map-overlay { height: 100%; position: absolute; right: 0; width: 100%; }
	.pageFooterContents, .push { position: relative }

html, body { overflow: auto !important;}
#shift {
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all 0.5s ease 0s;
}
#openMenu, #mainNav {
	display: none
}
#menu {
	background: url(../img/icons/menu-bg.png) repeat-x;
	height: 50px;
	padding: 0;
	width: 100%;
	margin: inherit;
	border: 0;
	display: block;
	position:absolute;
	top: 0;
	bottom: 0;
	z-index: 999;
	height: 50px;
	right: 0
}
#nav-text {
    color: #fff;
    display: block;
    float: right;
    font-family: "momstypewriterregular",Arial,Helvetica,sans-serif;
    line-height: 50px;
    margin: 0 55px;
}
#menu ul li a {
    color: #fff;
    font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	display: block;
	padding: 10px
}
#navigation li { float: left; width: 50%; }
#navigation li:nth-last-of-type(1) { width: 100% !important }
#navigation li a:hover { background: #4c4c4c }
#navigation li a span {	font-size: 32px; }
#menu > a {
}
#menu:not(:target ) > a:first-of-type,  #menu:target > a:last-of-type {
	display: block;
	position: absolute;
	top: 0px;
	background-image: url('../img/icons/nav.png');
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	width: 100%;
	background-position: right;
}
/* first level */
 #menu > ul { border: 2px solid #ddd; border-bottom: none !important; display: none; height: auto; left: 0; margin: 50px auto 0; overflow: auto; padding: 0; position: relative; right: 0; width: 90%; }
#menu:target > ul {
	display: block !important;
}
#menu > ul > li { margin: 0; padding: 0; background-color: #2b2b2b; border-bottom: 2px solid #ddd; list-style:none }
/* second level */
 
#menu li ul {	 : relative!important; width: 100%; }
	
	.logo { left: 50%; margin-left:-100px; top: 50%; margin-top: -100px; z-index: 3;}
	.logo img { width: 200px !important; height: 200px !important }
	#quickMenu, .backLeft, .backRight { float: none; display: block; width: 240px; margin: 0 auto 10px}
	.footerContents { border-bottom: 3px dotted #888; }
}

@media screen and (max-width: 600px) { 
	html, body { overflow: visible !important }
	.content { display: block; float: none; height: auto; width: 100%; }
	.gallery { float: none; height: 100%; width: 100%; }
	.footerContents { height: 70px; }
	.h1, .contact { width: 100%; float: none; line-height: 30px; height: 30px; text-align: center }
	.footerContents h1 { width: 100%;}
	.sitemap ul.sitemap li { float: left; width: 50% }
	
}
@media screen and (max-width: 470px) { 
	#navigation li { float: none; width: 100%; }
	.sitemap ul.sitemap li { float: none; width: 100% }
}
@media screen and (max-width: 400px) { 
	.info_content { width: 100%; font-size: 90% }
	.info_content img { width: 80px; }
}