/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */ html.swipebox-html.swipebox-touch{overflow:hidden !important}#swipebox-overlay img{border:none !important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999 !important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100% !important;height:100% !important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(http://www05.drhorton.com/website/code/masonry/gallery/src/img/loader.gif) no-repeat center center}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:0.5s;transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(http://www05.drhorton.com/website/code/masonry/gallery/src/img/icons.png);background-repeat:no-repeat;border:none !important;text-decoration:none !important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:0.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring 0.3s;animation:rightSpring 0.3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring 0.3s;animation:leftSpring 0.3s}.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0px 10px -8px #656565;box-shadow:inset 10px 0px 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0px 10px -8px #656565;box-shadow:inset -10px 0px 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width: 800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:0.95}#swipebox-top-bar{color:white !important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}

.community.landing article, .panel {width: 100% !Important}

* {
		margin: 0;
		padding: 0
	}

/*! Main CSS */
main {padding-top: 0 !important;}
main main {padding: 0 40px !important;}
.site-header,
.site-alert,
main #header,
main bx-wrapper,
.drh-search,
.bx-viewport,
main #scCrossPiece,
.title,
main #nationalPromotionsBannerSlider,
.drh-back {
	display: none !Important
}
@-moz-document url-prefix() {
	main body, main p, #amenities nav ul, #amenities nav ol, #amenities ul, #amenities ol, #amenities li {
		font-weight: 200 !important
	}
	main h1,
	main h2 {
		font-weight: 600 !important
	}
	main button {
		font-weight: 500 !important
	}
	.card-title span,
	.table-content h3 {
		font-weight: 400 !important
	}
	.subtitle,
	.init-menu a {
		font-weight: 300 !important
	}
	.card-title {
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		padding: 0;
		margin: 0;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-smoothing: antialiased;
		font-weight: 500 !important
	}
}
.storyContent .BoxText .text {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	border: none;
	float: left;
	position: absolute;
	width: 100%;
	.vbox-overlay height: 100%;
	z-index: 9999;
	border: none;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0
}
.storyContent {
	width: 100% !Important
}
.slideout-panel {
	background-color: #fff !Important
}
.watch-video {
	width: 125px;
	height: 50px;
	padding-left: 10px;
	font-weight: 500
}
.phone-number {
	margin-top: 0px;
	font-weight: 600 !Important;
	color: #B70101;
	font-size: 18px
}
#return-to-top {
	position: fixed;
	bottom: 25px;
	right: 25px;
	background: #fff;
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
	border: 1px #1a415d solid
}
#return-to-top i {
	color: #1a415d;
	margin: 0;
	position: relative;
	left: 18px;
	top: 14px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
#return-to-top:hover {
	background: #1a415d
}
#return-to-top:hover i {
	color: #fff;
	top: 6px
}
.hide {
	transform: scale(0, 0)
}
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,800);
@import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
main hr {
	height: 0;
	border: 0;
	border-top: 1px solid #e3e3e3
}
main nav,
main #nav {
	text-align: right !important;
	background: #fff;
	padding: 0;
	border-top: 0;
	border-bottom: 0
}
@media screen and (min-width: 1201px) {
	main nav,
	main #nav {margin: 16px 0px 0 0;}
}
@media screen and (max-width: 1200px) {
	main nav,
	main #nav {margin: 0;}
}
main nav ul,
main #nav ul {
	text-align: right !important;
	width: auto
}
main menu,
main ol,
main ul {
	padding: 0 0 0 0
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table
}
.clearfix:after {
	clear: both
}
main p {

	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	color: #656d7b;
	text-align: left;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0.06em;
	-webkit-text-stroke: 0.3px
}
main a {
	color: #aaa;
	text-decoration: none
}
main a:hover,
main a:active {
	color: #333
}
main h1 {
	color: #fff;
	padding: 4% 10px 0;
	-webkit-text-stroke: 0px
}
.div-name h1 {
	padding: 30px 0 0;
	margin: 0;
	font-size: 70px;
	line-height:  75px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px !important;
	font-weight: 800;
	text-transform: initial;
	-webkit-text-stroke: 0px;
	text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1)
}
.div-name h2 {
	padding: 18px 0;
	font-size: 35px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px !important;
	color: #fff;
	font-weight: 800;
	text-transform: initial;
	-webkit-text-stroke: 0px;
	text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 900px) {
	#DCS-logo {width: 50%!important;
		max-width: 330px!important;
	}
	.div-name h1 {
		padding: 10px 25px 0 !important;
		font-size: 10vw!important;
    font-size: 10vw!important;
    line-height: 10vw!important;
	}
	.div-name h2 {font-size: 6vw !Important; line-height: 6.6vw !Important; text-align: center;  white-space: pre-wrap;
	padding: 12px 25px 0 !important;}
}
main h2 {
	color: #1a415d;
	font-weight: 400;
	text-align: center;
	font-size: 30px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 5px !important;
	padding-bottom: 10px;
	-webkit-text-stroke: 0px
}
.div-name h2 span {
	padding: 18px 0;
	font-size: 25px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 4px !important;
	font-weight: 700;
	-webkit-text-stroke: 0px;
	text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
	color: #ffffff;
}
main img {
	border: 0;
	display: block;
	width: 100%
}
.textbox a {
	color: #656d7b
}
.headerimg {
	background: #000;
	height: auto;
	max-height: 700px;
	overflow: hidden;
	position: relative;
	width: 100%
}
.header,
.page {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	
}
.page .slide {
	padding: 0px;
	width: 25%;
	opacity: 1;
	background-color: #fff;
	display: block;
    float: left;
}
.page .slide a {
	width: 100%
}
.page .slide img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%
}
.slide,
.slide1 {
	background-repeat: no-repeat;
	background-position: center center
}
.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: rgba(176, 91, 95, 0.8) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}
#floor-plans {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 100% 100%;
	//min-height:100%;//min-width:100%;background-size:cover}
.pic-1 {
	opacity: 1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}
.pic-2 {
	animation-delay: 6s;
	-o-animation-delay: 6s;
	-moz--animation-delay: 6s;
	-webkit-animation-delay: 6s;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}
.pic-3 {
	animation-delay: 12s;
	-o-animation-delay: 12s;
	-moz--animation-delay: 12s;
	-webkit-animation-delay: 12s;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}
.pic-4 {
	animation-delay: 18s;
	-o-animation-delay: 18s;
	-moz--animation-delay: 18s;
	-webkit-animation-delay: 18s;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.pic-5 {
	animation-delay: 24s;
	-o-animation-delay: 24s;
	-moz--animation-delay: 24s;
	-webkit-animation-delay: 24s;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.about-image {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	//min-height:100%;//min-width:100%;background-size:cover}

.info {    background: none !Important;
     height:auto !Important;
    width: auto !Important;
}

.info-image {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	//min-height:100%;//min-width:100%;background-size:cover}

@media (min-width: 1201px) and (max-width: 1500px) {
	.page .slide {
		width: 33.33% !Important;
	}
}
@media (min-width: 901px) and (max-width: 1200px) {
	.page .slide {
		width: 50% !Important;
	}
}
@media screen and (max-width: 900px) {
	.page .slide {
		width: 100% !Important;
	}
}
@media screen and (max-width: 900px) {
	#floor-plans {
		padding-top: -7px;
		padding-bottom: 20px
	}
	.modal.active {
		margin-top: 0!Important;
	}
}


@media screen and (min-width: 900px) {
	#floor-plans {
		padding-top: 80px;
		padding-bottom: 89px
	}
}
#swipebox-slider .slide {
	background-color: #000
}
.div-img:hover {
	opacity: 0.2;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out
}
#header,
.breadcrumb,
#nav,
#page,
.topdisclaimer {
	display: none
}
.modal {
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	display: inline-block;
	padding: 1em
}
@media (min-width: 43.75em) {
	.modal {
		padding: 1.5em
	}
}
.modal>label {
	background: #FFD300;
	border: 1px solid #f0c600;
	border-radius: .2em;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	padding: 0.75em 1.5em;
	text-shadow: 1px 1px 1px #fff;
	transition: all 0.55s
}
.modal>label:hover {
	transform: scale(0.97)
}
.modal__overlay {
	background: #fff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	text-align: center;
	text-shadow: none;
	top: 40px;
	z-index: 600
}
.modal__wrap {
	padding: 160px 0;
	position: relative;
	margin: 0 auto;
	max-width: 500px;
	width: 90%
}
nav li a,
#nav li a {
	font-weight: normal;
	line-height: 16px;
}
@media (min-width: 50em) {
	.modal__wrap {
		padding: 10px
	}
}
@media (min-height: 37.5em) {
	.modal__wrap {
		left: 50%;
		position: absolute;
		top: 40px;
		transform: translate(-50%, -80%)
	}
}
.modal__wrap label {
	background: #FFD300;
	border-radius: 50%;
	color: #000;
	cursor: pointer;
	display: inline-block;
	height: 1.5em;
	line-height: 1.5;
	position: absolute;
	right: .5em;
	top: .5em;
	width: 1.5em
}
.modal__wrap h2 {
	color: #FFD300;
	margin-bottom: 1em;
	text-transform: uppercase
}
.modal__wrap p {
	color: #FFD300;
	text-align: justify
}
.modal input:focus~label {
	transform: scale(0.97)
}
input {
	position: absolute;
	top: -1000px
}
.modal__overlay {
	opacity: 0;
	transform: scale(0.5);
	transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	z-index: -100
}
input:checked~.modal__overlay {
	opacity: 1;
	transform: scale(1);
	z-index: 800
}
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);
figure.main-links {
	font-family: 'Montserrat', Arial, sans-serif;
	position: relative;
	margin: 20px 0px;
	min-width: 220px;
	max-width: 32.2%;
	max-height: 310px;
	width: 100%;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	background: #000
}
figure.main-links * {
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out
}
figure.main-links img {
	opacity: 0.45;
	max-width: 100%;
	position: relative;
	top: 0;
	left: 0
}
figure.main-links figcaption {
	position: absolute;
	top: 50%;
	left: 30px;
	right: 30px;
	-webkit-transform: rotate(0deg) translateY(-50%) scale(1);
	transform: rotate(0deg) translateY(-50%) scale(1);
	-webkit-transform-origin: center 0;
	transform-origin: center 0
}
figure.main-links figcaption h2 {
	top: 50%;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 0;
	margin: 0;
	font-weight: 400;
	-webkit-text-stroke: 0px
}
figure.main-links figcaption h2 span {
	font-weight: 800
}
figure.main-links figcaption:before,
figure.main-links figcaption:after {
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
	height: 0px;
	position: absolute;
	content: "";
	display: block;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out
}
figure.main-links figcaption:before {
	left: 0;
	top: 0
}
figure.main-links figcaption:after {
	bottom: 0;
	right: 0
}
figure.main-links.blue {
	background: #091b27
}
figure.main-links.red {
	background: #2e0e0a
}
figure.main-links.yellow {
	background: #4f3204
}
figure.main-links.green {
	background: #061c10
}
figure.main-links.navy {
	background: #000
}
figure.main-links a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute
}
figure.main-links:hover img,
figure.main-links.hover img {
	opacity: 1
}
figure.main-links:hover figcaption,
figure.main-links.hover figcaption {
	-webkit-transform: rotate(-45deg) translateY(-50%) scale(0.9);
	transform: rotate(-45deg) translateY(-50%) scale(0.9)
}
figure.main-links:hover figcaption:before,
figure.main-links.hover figcaption:before,
figure.main-links:hover figcaption:after,
figure.main-links.hover figcaption:after {
	width: 200%
}
@media screen and (max-width: 900px) {
	.div-name h2 span {font-size: 3vw !Important; line-height: 5vw !Important;; text-align: center;  white-space: pre-wrap;}
	main nav, main #nav, #menu ul {width: 100% !Important;
	top: 0;
    padding-top: 50px;}
	.init-menu,
	.Location-desktop,
	.About-desktop,
	.contact-image {
		display: none
	}
	.contact-td {
		width: 100%;
		padding: 55px 20px
	}
	.nav-btn {
		display: block;
		position: fixed !important;
		z-index: 99999999999999 !important;
		top: 14px !important;
		right: 40px !important
	}
	.About-mobile {
		display: block;
		width: 100%;
		padding: 25px 0 10px 0
	}
	.Location-mobile {
		display: block;
		width: 100%;
		padding: 82px 25px 40px 25px
	}
	.sticky,
	.stuck {
		height: 48px;
		position: fixed !important;
		top: 0 !important;
		z-index: 99999999999999;
		background-color: white;
		padding: 2vh 0 0 0;
		width: calc(100% - 50px)
	}
	.DRHlogo-100 {
		display: block;
		width: 101px;
		height: 64px;
		left: 25px !important;
		top: 9px !important;
		position: fixed;
		z-index: 999999999;
	}
	h1 span {
		padding: 9px 15px 10px 15px;
		font-size: 9vw;
		line-height: 50px;
		letter-spacing: 3px !important
	}
	h2 {
		font-size: 25px;
		letter-spacing: 4px !important;
		padding-bottom: 0px
	}
	.header,
	.headerimg {
		background: #000;
		height: auto;
		overflow: hidden;
		position: relative;
		width: 100%
	}
	.pic-wrapper,
	.headerimg {
		height: 580px !Important
	}
	.div-name {
		width: 100%;
		text-align: center;
		top: 50%;
		transform: translateY(-50%);
		position: absolute
	}
	.scroll-down a {
		position: absolute;
		top: 320px !important
	}
	menu,
	ol,
	ul {
		padding: 0 0 0 0
	}
	.bottom-menu li {
		width: 100%;
		margin-left: -4px !Important
	}
	#photos {
		display: none
	}
	#show-more-photos {
		margin: 0 auto !Important;
	}
	#photos-mobile {
		display: block;
		margin: 0 auto !Important;
	}
	.show-more-button {
		display: block;
		background: #fff;
		text-align: center;
	}
	.show-more-button .nav-toggle {
		color: #1a415d;
		background: #fff;
		border: 1px solid #1a415d;
		font-size: 16px;
		padding: 9px 22px;
		font-weight: normal;
		margin: 25px auto;
		display: inline-block;
		text-decoration: none;
		font-family: 'Montserrat', sans-serif;
		min-width: 120px;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.05em;
		-webkit-text-stroke: 0px;
		width: auto !Important;
		height: auto !Important;
	}
	.show-more-button .nav-toggle:hover,
	.show-more-button .nav-toggle:active {
		color: #fff;
		background: #1a415d;
		-webkit-transition: all 0.35s ease;
		transition: all 0.35s ease
	}
	.info-image {
		width: 0
	}
	hr.style-title {
		margin: 14px auto 0px auto
	}
	hr.style-plans {
		margin: 20px auto -6px auto
	}
	hr.style-title-request {
		margin: 9px auto 14px auto
	}
	.header-menu-1 {
		width: 100%;
		padding: 0px 15px
	}
	header-menu-1 {}
	#watch-table {
		margin: -45px auto 0 auto
	}
#menu a.icon-drh-logo.logo {font-size: 68px !Important;
    font-size: 6.8rem !Important;
    line-height: 3.4rem !Important;
	margin-left: 16px;
	}
}
@media screen and (min-width: 900px) {
	#watch-table {
		margin: 20px auto 0 auto
	}
	.header-menu-1 {
		width: 100%;
		padding: 0
	}
	hr.style-title {
		margin: -10px auto 14px auto
	}
	hr.style-plans {
		margin: -10px auto -6px auto
	}
	hr.style-title-request {
		margin: -10px auto 14px auto
	}
	.info-image {
		width: 50%
	}
	.contact-td {
		width: 50%;
		padding: 80px 30px
	}
	#photos-mobile,
	.nav-toggle,
	.show-more-photos {

		display: none
	}
	#photos {
		display: block;
		overflow: auto;
	}
	.nav-btn,
	.Location-mobile,
	.About-mobile {
		display: none
	}
	.init-menu,
	.Location-desktop,
	About-desktop,
	.contact-image {
		display: block
	}
	.init-menu {
		z-index: 888;
		position: static
	}
	.sticky {
		height: 67px!important
	}
	.stuck {
		height: 51px!important
	}
	.DRHlogo-100 {
		display: block;
		width: 101px;
		height: 64px;
		position: relative;
	}
	.sticky {
		height: 60px !important
	}
	.stuck {
		height: 60px !important
	}
}
@-moz-document url-prefix() {
	.DRHlogo-100 {
		display: block;
		width: 101px;
		height: 64px;
		position: relative;
	}
	.header-menu-1 {
		width: 100%
	}
}
.init-menu {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 14px;
	text-align: right;
	text-transform: uppercase;
	font-weight: 500;
	float: right;
	position: relative;
	margin-top: -16px;
}
.init-menu * {
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease
}
.init-menu li {
	display: inline-block;
	list-style: outside none none;
	margin: 0 0 0 20px;
	overflow: hidden
}
.init-menu a {
	padding: 10px 0 0 0;
	color: #000;
	position: relative;
	display: inline-block;
	letter-spacing: 1px;
	margin: 0;
	text-decoration: none;
	font-weight: 500
}
.init-menu a:before,
.init-menu a:after {
	position: absolute;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease
}
.init-menu a:before {
	bottom: 100%;
	display: block;
	height: 0px;
	width: 100%;
	content: "";
	background-color: #dbdada
}
.init-menu a:after {
	padding: 10px 0 0 0;
	position: absolute;
	bottom: 100%;
	left: 0;
	content: attr(data-hover);
	color: red;
	white-space: nowrap
}
.init-menu li:hover a,
.init-menu .current a {
	transform: translateY(100%)
}
.init-menu li .active {
	color: red
}
.bottom-menu {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	position: relative;
	background: transparent;
	margin-top: -35px;
	margin-bottom: 16px;
	letter-spacing: 0
}
.bottom-menu * {
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease
}
.bottom-menu li {
	display: inline-block;
	list-style: outside none none;
	margin: 0 0.6em;
	overflow: hidden
}
.bottom-menu a {
	padding: 0;
	color: #fff;
	position: relative;
	display: inline-block;
	letter-spacing: 1px;
	margin: 0;
	text-decoration: none
}
.bottom-menu a:before,
.bottom-menu a:after {
	position: absolute;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease
}
.bottom-menu a:before {
	bottom: 100%;
	display: block;
	height: 0px;
	width: 100%;
	content: "";
	background-color: #dbdada
}
.bottom-menu a:after {
	padding: 12px 0 0 0;
	position: absolute;
	bottom: 100%;
	left: 0;
	content: attr(data-hover);
	color: red;
	white-space: nowrap
}
.bottom-menu li:hover a,
.bottom-menu .current a {
	transform: translateY(100%)
}
.bottom-menu li .active {
	color: red
}
.pic-wrapper {
	position: relative;
	width: 100%;
	height: 700px;
	overflow: hidden
}
figure {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 4px 5px;
	opacity: 0;
	animation: slideShow 30s linear infinite 0s;
	-o-animation: slideShow 30s linear infinite 0s;
	-moz-animation: slideShow 30s linear infinite 0s;
	-webkit-animation: slideShow 30s linear infinite 0s
}
#scroll-down-button {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 300px
}
@keyframes slideShow {
	0% {
		opacity: 0;
		transform: scale(1);
		-ms-transform: scale(1)
	}
	4% {
		opacity: 1
	}
	24% {
		opacity: 1
	}
	28% {
		opacity: 0;
		transform: scale(1.1);
		-ms-transform: scale(1.1)
	}
	100% {
		opacity: 0;
		transform: scale(1);
		-ms-transformm: scale(1)
	}
}
@-o-keyframes slideShow {
	0% {
		opacity: 0;
		-o-transform: scale(1)
	}
	4% {
		opacity: 1
	}
	24% {
		opacity: 1
	}
	28% {
		opacity: 0;
		-o-transform: scale(1.1)
	}
	100% {
		opacity: 0;
		-o-transformm: scale(1)
	}
}
@-moz-keyframes slideShow {
	0% {
		opacity: 0;
		-moz-transform: scale(1)
	}
	4% {
		opacity: 1
	}
	24% {
		opacity: 1
	}
	28% {
		opacity: 0;
		-moz-transform: scale(1.1)

	}
	100% {
		opacity: 0;
		-moz-transformm: scale(1)
	}
}
@-webkit-keyframes slideShow {
	0% {
		opacity: 0;
		-webkit-transform: scale(1)
	}
	4% {
		opacity: 1
	}
	24% {
		opacity: 1
	}
	28% {
		opacity: 0;
		-webkit-transform: scale(1.1)
	}
	100% {
		opacity: 0;
		-webkit-transformm: scale(1)
	}
}
#menu, .sticky {
	position: fixed !Important;
	top: 0 !Important;
	bottom: auto !Important;
	background-color: white;
	font-weight: 500;
	z-index: 3;
	border-top: solid 0px;
	width: calc(100% - 50px);
	max-width: 1220px;
}
#menu {
	margin: 0;
	margin: 0 auto;
	    max-width: 1220px;
	border-bottom: 1px solid #efefec;
}
#menu ul {
	margin: 0;
	padding: 0
}
#menu li {
	display: inline-block
}
.nav-btn {
	position: fixed;
	top: 14px;
	right: 14px;
	z-index: 999999999999;
	height: 25px;
	width: 25px;
	cursor: pointer
}
.nav-btn span {
	display: block;
	height: 4px;
	background: #000;
	margin-bottom: 4px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	border-radius: 9px
}
.menu-list {
	width: 0;
	height: 0;
	background: #fff;
	position: fixed;
	z-index: 999999;
	top: 0px;
	right: 0;
	overflow: auto;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0));
	transform: scale(0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
.menu-list a {
	display: block;
	color: #000;
	text-align: center;
	padding: 20px 0;
	font-weight: 300;
	text-transform: uppercase;
	border-bottom: 1px solid #f3f3f3;
	letter-spacing: 2px;
	-webkit-text-stroke: 0px;
	font-weight: 600
}
#menu-open {
	display: none
}
#menu-open:checked+.menu-list {
	width: 100%;
	height: auto;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
#menu-open:checked~.nav-btn span:first-child {
	margin-top: 8px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: #000
}
#menu-open:checked~.nav-btn span {
	margin-top: -8px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #000
}
#menu-open:checked~.nav-btn span:last-child {
	opacity: 0
}
* {
	-webkit-text-size-adjust: none;
	outline: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.div-name {
	width: 100%;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	position: absolute
}
.scroll-down a {
	position: absolute;
	top: 310px;
	left: 50%;
	margin-left: -44px;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .15em;
	text-decoration: none;
	transition: opacity .3s
}
.scroll-down a:hover {
	opacity: .5
}
#scroll-down-button a {
	padding-top: 80px
}
#scroll-down-button a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb07 2s infinite;
	animation: sdb07 2s infinite;
	opacity: 0;
	box-sizing: border-box
}
#scroll-down-button a span:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}
#scroll-down-button a span:nth-of-type(2) {
	top: 16px;
	-webkit-animation-delay: .15s;
	animation-delay: .15s
}
#scroll-down-button a span:nth-of-type(3) {
	top: 32px;
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}
@-webkit-keyframes sdb07 {
	0% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}
@keyframes sdb07 {
	0% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}
@-webkit-keyframes sdb10 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0
	}
	40% {
		opacity: 1
	}
	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0
	}
	100% {
		opacity: 0
	}
}
@keyframes sdb10 {
	0% {
		transform: translate(0, 0);
		opacity: 0
	}
	40% {
		opacity: 1
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0
	}
	100% {
		opacity: 0
	}
}
.panel {
	width: calc(100% - 50px);
	margin: 0 auto;
	max-width: 1800px
}
.fade {
	opacity: 0.7
}
@media only screen and (max-width: 900px) {
	.fade {
		opacity: 1
	}
	button {
		display: block !Important;
		margin: 15px auto !Important
	}
	#scroll-down-button {
		top: 180px !Important
	}
}
.scrolled {
	height: 50px;
	line-height: 50px
}
.progress-bar {
	width: 52px;
	height: 52px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}
.btn-top {
	font-size: 25px;
	height: 60px;
	width: 60px;
	line-height: 60px;
	position: fixed;
	right: 27px;
	bottom: 28px;
	color: rgba(77, 91, 109, 0.8);
	text-align: center;
	text-decoration: none
}
.is-visible {
	visibility: visible;
	opacity: 1
}
.dir-button {
	color: #1a415d;
	background: #fff;
	border: 1px solid #1a415d;
	font-size: 15px;
	font-weight: 600;
	padding: 9px 22px;
	margin: 6px 0;
	display: inline-block;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	min-width: 120px;
	text-transform: uppercase
}
.dir-button a {
	color: #1a415d
}
.dir-button a:hover {
	color: #fff
}
.fa-map-o a {
	color: #1a415d
}
.fa-map-o a:hover {
	color: #fff
}
.dir-button:hover,
.dir-button:active {
	color: #fff;
	background: #1a415d;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}
.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1
}
.cd-top.cd-fade-out {
	opacity: .5
}
.no-touch .cd-top:hover {
	background-color: #1a415d;
	opacity: 1
}
@media only screen and (min-width: 900px) {
	.cd-top {
		right: 20px;
		bottom: 20px
	}
}
@media only screen and (min-width: 1024px) {
	.cd-top {
		height: 60px;
		width: 60px;
		right: 30px;
		bottom: 30px
	}
}
button {
	color: #1a415dx;
	background: #fff;
	border: 1px solid #1a415d;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 9px 17px;
	font-weight: 600;
	margin: 15px auto;
	margin-right: 12px;
	display: inline-block;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	min-width: 120px;
	text-transform: uppercase;
	transition: .25s
}
button:hover {
	color: #fff;
	background: #1a415d
}
button a:hover {
	color: #fff;
	background: #1a415d
}
button:focus {
	outline: 0
}
.overlay1,
.overlay2,
.overlay3 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	background: rgba(0, 0, 0, 0.7);
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}
.overlay1.active,
.overlay2.active,
.overlay3.active {
	opacity: 1;
	pointer-events: auto
}
pointer-events:auto
}
.modal {
	background: #fff;
	position: absolute;
	z-index: 10;
	top: 35%;
	height: 50rem;
	margin-top: -16rem;
	left: 50%;
	width: 42rem;
	margin-left: -21rem;
	border-radius: 3px;
	line-height: 2.8rem;
	font-size: 1.5rem;
	text-align: center;
	opacity: 0;
	overflow-y: auto;
	pointer-events: none;
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, transform .5s;
	transition: opacity .5s, transform .5s, -webkit-transform .5s;
	overflow: hidden
}
.modal img {
	cursor: pointer;
	position: absolute;
	display: block;
	width: 20px;
	top: 5px;
	right: 18px;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity .5s, -webkit-transform .45s;
	transition: opacity .5s, -webkit-transform .45s;
	transition: opacity .5s, transform .45s;
	transition: opacity .5s, transform .45s, -webkit-transform .45s;
	-webkit-transition-delay: .45s;
	transition-delay: .45s
}
.plan {
	width: 100%;
	margin-left: 20px
}
.plan img {
	cursor: pointer;
	position: relative;
	height: auto;
	width: 78%;
	margin: 0px auto;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity .5s, -webkit-transform .45s;
	transition: opacity .5s, -webkit-transform .45s;
	transition: opacity .5s, transform .45s;
	transition: opacity .5s, transform .45s, -webkit-transform .45s;
	-webkit-transition-delay: .45s;
	transition-delay: .45s
}
.modal.active {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	margin-top: 50px;
	padding-bottom: 50px;
}
.modal.active img {
	pointer-events: auto;
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
	opacity: 1
}
@media only screen and (max-width: 40em) {
	.modal {
		width: 100%;
		height: 100%;
		-webkit-overflow-scrolling: touch;
		margin: 0;
		top: 0;
		left: 0;
		border-radius: 0;
		font-size: 1.313rem
	}
	.plan {
		width: 100%;
		margin-left: 20px
	}
	.plan img {
		cursor: pointer;
		position: relative;
		height: auto;
		width: 100%;
		margin: 0px auto;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: opacity .5s, -webkit-transform .45s;
		transition: opacity .5s, -webkit-transform .45s;
		transition: opacity .5s, transform .45s;
		transition: opacity .5s, transform .45s, -webkit-transform .45s;
		-webkit-transition-delay: .45s;
		transition-delay: .45s
	}
}
hr.style-title {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(191, 191, 191, 0), rgba(191, 191, 191, 0.75), rgba(191, 191, 191, 0));
	width: 100px
}
hr.style-title-request {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(191, 191, 191, 0), rgba(191, 191, 191, 0.75), rgba(191, 191, 191, 0));
	width: 100px
}
hr.style-plans {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
	width: 100px
}
.gm-style-mtc {
	display: none
}
.icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 10px 10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 1
}
.icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.icon:before {
	font-family: 'ecoicon';
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased
}
.icon-effect {
	width: 432px;
	margin: 32px auto 0 auto !important
}
.icon-effect .icon {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
	margin: 0 1%
}
.icon-effect .icon:after {
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s
}
.icon-effect-a .icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
	opacity: 0.5
}
.icon-effect-a .icon:hover {
	box-shadow: 0 0 0 10px rgba(255, 255, 255, 1);
	color: #fff;
	opacity: 1
}
@-webkit-keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
@keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
.stroke-dotted {
	opacity: 0;
	stroke-dasharray: 4, 5;
	stroke-width: 1px;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: spin 4s infinite linear;
	animation: spin 4s infinite linear;
	-webkit-transition: opacity 1s ease, stroke-width 1s ease;
	transition: opacity 1s ease, stroke-width 1s ease
}
.stroke-solid {
	stroke-dashoffset: 0;
	stroke-dashArray: 300;
	stroke-width: 4px;
	-webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease;
	transition: stroke-dashoffset 1s ease, opacity 1s ease
}
.icon {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform 200ms ease-out;
	transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
	transition: transform 200ms ease-out, -webkit-transform 200ms ease-out
}
#play:hover .stroke-dotted {
	stroke-width: 4px;
	opacity: 1
}
#play:hover .stroke-solid {
	opacity: 0;
	stroke-dashoffset: 300
}
#play:hover .icon {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}
#play {
	cursor: pointer
}
.venoboxvid {
	text-transform: uppercase;
	color: white;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}
.venoboxvid:hover {
	color: rgba(255, 255, 255, 0.5)
}
#map {
	width: 100%;
	height: 100%;
	overflow: auto
}
.vbox-overlay {
	z-index: 99999999999 !Important
}
.cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0
}
.cards__item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 10px;
	width: 100%
}
@media (min-width: 690px) and (max-width: 1100px) {
	.cards__item {
		width: calc(50% - 32px) !Important
	}
	.cards {
		margin: 0 -10px !Important
	}
}
@media (min-width: 1100px) and (max-width: 1600px) {
	.cards__item {
		width: calc(33.6% - 32px)
	}
	.cards {
		margin: 0 -10px !Important
	}
}
@media (min-width: 1601px) {
	.cards__item {
		width: 25%
	}
	.cards {
		margin: 0 -10px !Important
	}
}
.card {
	background-color: white;
	border: #d6d5cf 1px solid;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-grow: 1;
	flex-basis: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden
}
.card:hover .card__image {
	-webkit-filter: contrast(100%);
	filter: contrast(100%)
}
.card:hover {
	transform: scale(1.03);
	transition: all .25s ease-in .05s;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22)
}
.card__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 20px;
	text-align: center;
}
.card__content button {
	font-size: 13px;
	color: #fff !Important;

}
.card__content button:hover {
	color: #fff;
	transition: .25s,
}
.card__image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-filter: contrast(70%);
	filter: contrast(70%);
	overflow: hidden;
	position: relative;
	-webkit-transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
	transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
	transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
	transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91), -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
	width: calc(100% - 40px) !Important;
	margin: 20px 20px 0 20px;
	max-height: 230px
}
.card__image::before {
	content: "";
	display: block;
	padding-top: 56.25%
}
@media (min-width: 40rem) {
	.card__image::before {
		padding-top: 66.6%
	}
}
.card-title {
	color: #1a415d;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	width: 80%;
	margin: 10px auto 3px auto;
	text-align: center
}
.card-title span {
	color: #767b83;
	font-size: 16px;
	letter-spacing: 0.05em;
	text-transform: none;
	line-height: 45px
}
.card__text {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-size: 1.375rem;
	line-height: 1.9em;
	margin-bottom: 1.25rem;
	margin: 0 0 5px 0 !important;
	text-align: center
}
.gray {
	background: #f5f4f2
}
.fa-arrow-up {
	font-size: 27px !Important;
	margin: 12px
}
.hcr-logo {
	position: relative;
	z-index: 4;
	margin: 3px auto 0 auto;
	width: 270px
}
#menu a.icon-drh-logo.logo {
    font-size: 84px;
    font-size: 8.4rem;
    color: #28445a;
	line-height: 6.6rem;
}
.init-menu {margin: 13px 0 5px;
	padding: 0;
    float: right;
    max-width: calc(100% - 200px);
	
}
	article ul li:before {display: none}
	article ul li {    text-indent: 0;}

table.table1 {
	margin-top: 40px;
	margin-bottom: 25px;
	letter-spacing: 0.05em;
	font-size: 15px;
	font-weight: 400
}
table.table-right,
table.table-left {
	letter-spacing: 0.05em;
	line-height: 22px;
	margin-bottom: 25px
}
table.table-right td,
table.table-left td {
	background: #f5f4f2;
	background-position: center
}
table.table1 td {
	width: 45%;
	padding: 2.5%
}
table.table1 td:nth-child(1) {
	background: #849b8f;
	color: #fff;
	line-height: 30px
}
table.table1 td:nth-child(2) {
	background: #fff;
	color: #849b8f;
	line-height: 36px;
	font-size: 17px
}
.table-image {
	width: 50%;
	text-align: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: cover!important;
	overflow-x: hidden
}
.table-descr {
	background: #fff;
	font-weight: 300;
	font-size: 14px;
	color: #333;
	width: 50%;
	padding: 35px 2.5% 25px 2.5%
}
.table-descr-small {
	background: #fff;
	font-weight: 300;
	font-size: 14px;
	color: #333;
	width: 50%;
	padding: 2.5%;
	height: auto !important
}
h1.heading {
	text-align: center;
	margin: 40px auto 30px auto;
	font-size: 30px;
	color: #4D2B1B;
	line-height: 33px;
	font-size: 32px;
	font-family: 'Balthazar', serif;
	;
	font-weight: 400;
	letter-spacing: 0.05em;
	-webkit-transform: scale(1.2, 1.0);
	-moz-transform: scale(1.2, 1.0);
	-ms-transform: scale(1.2, 1.0);
	-o-transform: scale(1.2, 1.0);
	transform: scale(1.2, 1.0);
	text-transform: uppercase
}
.high1 {
	height: 270px
}
@media screen and (max-width: 690px) {
	.triangle-left,
	.triangle-right {
		display: none
	}
	.high1 {
		height: auto !important
	}
	.table-image {
		height: 200px
	}
	table.table1 td,
	table.table-right td,
	table.table-left td {
		width: 100% !important;
		display: block;
		padding: 25px
	}
	.hcr-logo {
		width: 150px !important;
		margin-top: 58px !important
	}
	#top-header .drh-logo {
		right: 0;
		left: 0 !Important;
		margin: 0 auto
	}
	#top-header h1 {
		font-size: 45px !important
	}
	#top-header h2 {
		font-size: 20px !important;
		line-height: 25px
	}
	.navigation {
		padding: 0 !important
	}
	.navigation ul li {
		width: 100%;
		display: block !important;
		margin: 15px 0px !important
	}
	table.table-right td:nth-child(2),
	table.table-left td:nth-child(1) {
		padding: 25px !important
	}
	.div-main-content {
		margin: -20px 0 0 0 !important
	}
}
.div-logo {
	position: relative;
	z-index: 4;
	margin: 0 auto;
	width: 270px
}
.div-logo {
	width: 150px !important;
	margin-bottom: 15px !important
}
.div-main-content {
	margin: 85px 0 0 0
}
.table-content h3 {
	color: #1a415d;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 0.015em;
	margin: 0 0 5px 10px;
	line-height: 35px
}
.subtitle {
	font-size: 18px;
	line-height: 25px;
	line-height: 40px;
	font-weight: 400
}
.table-content ul {
	margin-top: 2px
}
#amenities nav ul,
#amenities nav ol,
#amenities ul,
#amenities ol,
#amenities li {
	list-style: circle !Important;
	margin-left: 12px
}
.triangle-left {
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-right: 25px solid #f5f4f2;
	border-bottom: 25px solid transparent;
	float: right
}
.triangle-right {
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 25px solid #f5f4f2;
	border-bottom: 25px solid transparent;
	float: left
}	

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
	width: 100%
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
	
.container {
  margin: 2em 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: left;
	    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.plan-card {
  background-color: #fff;
  padding: 0;
  border: 1px solid #b5bbbf;
  margin: auto;
  text-align: center;
  margin: 15px auto;
}
	@media screen and (max-width: 690px) {
		.plan-card {width: calc(100% - 40px)}
	}
	@media screen and (min-width: 691px) {
		.plan-card {width: calc(50% - 40px)}
	}
	@media screen and (min-width: 961px) {
		.plan-card {width: calc(33% - 40px)}
	}
	@media screen and (min-width: 1201px) {
		.plan-card {width: calc(25% - 40px);
    margin: 15px 20px;}
		#plans .container {margin: 0 -20px;}
	}
.plan-card__inner {
  outline: 0;
}
.plan-card__media {
  margin: auto;
  margin-bottom: 2em;
}
	.plan-card__heading {font-size: 20px;
	margin: 15px 20px 0px}
	
	.plan-card__subheading { margin: 0px auto 15px; }
.plan-card__text {
      width: calc(100% - 60px);
    margin: 0 auto;
    text-align: left;
}
.slick-dots {
  list-style: none;
	    margin: 25px 0 30px;
    padding: 0;
	position: relative;
	bottom: auto;
	
}
.slick-dots li {
  display: inline-block;
  margin: 0 0.25em;
}
.slick-dots span {
  display: block;
  background-color: #fff;
	border: 2px solid #28445a;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  cursor: pointer;
}
.slick-dots .slick-active span {
  background: #28445a;
	border: 2px solid #28445a;
}
#plans .slick-dotted.slick-slider {margin-top: 0; margin-bottom: 20px;}

@media only screen and (min-width: 901px) {
	.frame, .profile .content-frame, .testimonials, .line-boxes, .brands-wrapper, .statement, .power-statement, .home .hero, .fob-detail .hero, .map-search, .community.landing .content-frame, .top-description, .two-col-article .page-frame, .one-col-article .page-frame, .breadcrumbs ul, .contact .contact-narrow-frame, .fob-detail .img-stack .row-2, .resources article, .finance article, .tagline {max-width: 1269px !Important;
	padding-left: 25px !Important;
	padding-right: 25px !Important;}
}
@media only screen and (max-width: 900px) {
	.frame, .profile .content-frame, .testimonials, .line-boxes, .brands-wrapper, .statement, .power-statement, .home .hero, .fob-detail .hero, .map-search, .community.landing .content-frame, .top-description, .two-col-article .page-frame, .one-col-article .page-frame, .breadcrumbs ul, .contact .contact-narrow-frame, .fob-detail .img-stack .row-2, .resources article, .finance article, .tagline {
	padding-left: 20px !Important;
	padding-right: 20px !Important;}
	#menu, .sticky {width: 100% !Important}
}