/* global */
body { -webkit-font-smoothing: antialiased; background-color: transparent; color: #24282A; font-family: 'Lato', sans-serif; }
body, html {
    height: 100%;
}
a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; text-decoration: none !important; transition: 0.3s }
.copyright-strap { background-color: #24282b; font-size: 12px; color: #fff; padding-top: 10px }
.right { text-align: right }
	header .navbar-brand { padding: 3px 0 0 0 }
	header .navbar { margin: 0; border: 0 }
	header #navbar .navbar-collapse { text-align: right }
	header #navbar { border: none; font-size: 16px; margin: 0; min-height: 0; text-transform: uppercase; margin-top: 40px }
		header .navbar .navbar-nav li { margin: 0 10px; padding: 0 }
			header .navbar .navbar-nav li a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; background: none !important; border-bottom: 7px solid #FFF; color: #000; padding: 14px 0 20px 0; transition: 0.3s }
			header .navbar .navbar-nav li a:hover, header .navbar .navbar-nav li.active a { border-bottom: 7px solid #dd2687 }
		header .navbar .navbar-nav .dropdown.open .dropdown-toggle { border-color: #dd2687 !important  }
		header .navbar .navbar-nav .dropdown li { margin: 0 }
			header .navbar .navbar-nav .dropdown li a { border-bottom: none !important; color: #24282A; padding-left: 10px; padding-right: 10px }
			header .navbar .navbar-nav .dropdown li.active a, header .navbar .navbar-nav .dropdown li a:hover { background-color: #dd2687 !important; color: #FFF }
	
.logo-heading { margin-top: 20px; font-size: 44px; color: #6d6d6d; font-style: italic; font-family: 'Playfair Display', serif; padding: 0 }
	.logo-heading span { color: #dd2687; font-style: normal; font-weight: 600; text-transform: uppercase }
	.logo-heading a { color: #6d6d6d }
	.logo-heading i { color: #dd2687; font-size: 20px; position: absolute; margin-top: 10px }

.space30 { margin-top: 30px }
.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; }

.footer-social { text-align: right; padding-top: 20px }
.facebook { color: #fff; background-color: #0172be; font-size: 30px; padding: 6px; margin-left: 5px  }
	.facebook:hover, .facebook.active { color: #fff; background-color: #dd2687 }
.youtube { color: #fff; background-color: #ce171f; font-size: 30px; padding: 6px; margin-left: 5px  }
	.youtube:hover, .youtube.active { color: #fff; background-color: #dd2687 }
.linkedin { color: #fff; background-color: #0172be; font-size: 30px; padding: 6px; margin-left: 5px  }
	.linkedin:hover, .linkedin.active { color: #fff; background-color: #dd2687 }
.twitter { color: #fff; background-color: #00adef; font-size: 30px; padding: 6px; margin-left: 5px }
	.twitter:hover, .twitter.active { color: #fff; background-color: #dd2687 }

.overlay { height: 0; width: 100%; position: fixed; z-index: 100; left: 0; top: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-x: hidden; transition: 0.5s; }
.overlay-content { position: relative; top: 15%; width: 100%; text-align: center; margin-top: 20px; }
.overlay li { padding: 5px; text-decoration: none; font-size: 34px; color: #818181; display: block; transition: 0.3s; }
.overlay a { padding: 5px; text-decoration: none; font-size: 34px; color: #818181; display: block; transition: 0.3s; }
.overlay a:hover, .overlay a:focus { background-color: #dd2687; color: #fff; }
.overlay .btn-close { position: absolute; top: 10px; right: 35px; font-size: 60px; }

@media screen and (max-height: 450px) { .overlay a {font-size: 20px} .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } }

/* Carousel Fading slide */
.carousel-fade .carousel-control { z-index: 2; }
.carousel-fade .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; background-position: top center!important; background-repeat: no-repeat !important; background-size: cover !important; height: 740px; padding-top: 0; margin-top: 0px } 
.carousel-fade .next.left, .carousel-fade .prev.right, .carousel-fade .item.active { opacity: 1; }
.carousel-fade .active.left, .carousel-fade .active.right { left: 0; opacity: 0; z-index: 1; }

/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) { 	
.carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
/* Carousel Control custom */
.carousel-control .control-icon { font-size: 48px; height: 30px; margin-top: -15px; width: 30px; display: inline-block; position: absolute; top: 50%; z-index: 5; }
.carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */
.carousel-control .next { margin-right: -15px; right: 50%; } /* Next */
/* Removing BS background */
.carousel .control-box { opacity: 0; }
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}
/* Animation */
.control-box, a.carousel-control, .carousel-indicators li { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease }
/* Hover animation */
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }  
/* Carouse Indicator */
.carousel-indicators li.active, .carousel-indicators li { border: 0; }
.carousel-indicators li { background: #666; margin: 0 3px; width: 12px; height: 12px; }
.carousel-indicators li.active { background: #fff; margin: 0 3px; }

.home h1 { color: #919090; font-size: 32px; font-style: italic; font-family: 'Playfair Display', serif; text-align: center; padding: 10px 0 30px 0 }

#home-copy { background-color: #efefef; padding: 55px 0; text-align: center }
	#home-copy h2 { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 400 }
	#home-copy p { font-size: 18px; padding-top: 10px }
	#home-copy .btn { background-color: #dd2687; font-size: 22px; font-weight: 300; color: #fff; padding: 10px 30px; border: 0; margin-top: 20px }

#home-about-copy { padding: 40px 0; }
	#home-about-copy h3 { text-align: center; font-family: 'Playfair Display', serif; font-size: 33px; font-weight: 700; padding-bottom: 30px }
		#home-about-copy h3 span { font-size: 33px; font-weight: 400; font-style: italic }
	#home-about-copy p { font-size: 18px; line-height: 28px }
	#home-about-copy .btn { background-color: #dd2687; font-size: 22px; font-weight: 300; color: #fff; padding: 10px 30px; border: 0; margin: 30px 0 10px 0!important }
	#home-about-copy a { color: #dd2687; font-weight: 600 }
		#home-about-copy a:hover { color: #000 }

.about-logo-heading { margin-top: 20px; font-size: 44px; color: #6d6d6d; font-style: italic; font-family: 'Playfair Display', serif; padding: 0; text-align: right }
	.about-logo-heading span { color: #dd2687; font-style: normal; font-weight: 600; text-transform: uppercase }
	.about-logo-heading i { color: #dd2687; font-size: 20px; position: absolute; margin-top: 10px }

#parallax-home { background-attachment: fixed; background-image: url('/img/layout/home-footer.jpg'); background-position: bottom; background-repeat: no-repeat; background-size: cover; min-height: 240px; text-align: center; padding: 40px 0; margin-bottom: 30px }
	#parallax-home p { font-family: 'Playfair Display', serif; font-size: 33px; color: #fff; font-style: italic }
	#parallax-home a { color: #000; font-size: 24px; outline: none !important; padding: 10px 30px; margin-top: 30px; font-weight: 300 }
		#parallax-home a img { padding-bottom: 15px }

#parallax-bedrooms { background-attachment: fixed; background-image: url('/img/layout/parallax-bedrooms.jpg'); background-position: bottom; background-repeat: no-repeat; background-size: cover; min-height: 240px; text-align: center; padding: 40px 0; margin-bottom: 30px }
	#parallax-bedrooms p { font-family: 'Playfair Display', serif; font-size: 33px; color: #fff; font-style: italic }
	#parallax-bedrooms a { color: #000; font-size: 24px; outline: none !important; padding: 10px 30px; margin-top: 30px; font-weight: 300 }
		#parallax-bedrooms a img { padding-bottom: 15px }

footer { background-color: #24282b; padding-top: 30px; color: #fff; font-size: 18px }
	footer .logo-footer { font-size: 44px; color: #fff; font-style: italic; font-family: 'Playfair Display', serif; padding: 0 }
		footer .logo-footer span { color: #dd2687; font-style: normal; font-weight: 600; text-transform: uppercase }
		footer .logo-footer a { color: #fff }
		footer .logo-footer i { color: #dd2687; font-size: 20px; position: absolute; margin-top: 10px }
	footer .phone { float: left; font-size: 30px; line-height: 33px }
	footer .fax { float: left; padding-left: 10px; line-height: 40px }
	footer .email { float: left; padding-left: 10px; line-height: 40px }
	footer a { color: #fff; font-weight: 600 }
		footer a:hover { color: #dd2687 }
		footer a:hover span { color: #fff }

#category-btns { padding: 25px 0 35px 0; text-align: center }
	#category-btns h2 { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 400 }
	#category-btns p { font-size: 18px; padding-top: 10px }
	#category-btns .btn { background-color: #dd2687; font-size: 22px; font-weight: 300; color: #fff; padding: 10px 30px; border: 0; margin-top: 20px }

.inner-banner { background-position: center; background-repeat: no-repeat; background-size: cover; height: 430px; z-index: 2; margin-top: 0; padding-top: 0; position: relative; top: -2px; text-align: center }
iframe { border: none; height: 430px; width: 100% }

#inner-copy { padding: 40px 0; }
	#inner-copy h1 { text-align: center; font-family: 'Playfair Display', serif; font-size: 33px; font-weight: 700; padding-bottom: 30px; margin-top: 0 }
		#inner-copy h1 span { font-size: 33px; font-weight: 400; font-style: italic }
	#inner-copy p { font-size: 18px; line-height: 28px }
	#inner-copy .btn { background-color: #dd2687; font-size: 22px; font-weight: 300; color: #fff; padding: 10px 30px; border: 0; margin: 20px 0 }
	
	#inner-copy a { color: #dd2687; font-weight: 600 }
		#inner-copy a:hover { color: #000 }
	#inner-copy img { margin: 15px 0}
	#inner-copy .btn-see-more span:before { color: #fff; content: '\f24d'; display: inline-block; font-family: FontAwesome; margin-left: -55px; width: 55px }
	#inner-copy .btn-see-more { background-color: #dd2687; font-family: 'Playfair Display', serif; font-size: 40px; font-style: italic; color: #fff; padding: 10px 30px; border: 0; margin: 0!important; width: 100% }

/* testamonials */

#testimonials { margin-top: 10px }
#testimonials:after { clear: both; content: ''; display: block }
.testimonials-column, #testimonials .testimonial-box { margin: 0 0 15px 0; width: 49% }
.testimonials-gutter { width: 2% }
.comments-testimonial { font-weight: 300; font-size: 20px; color: #5b5c5c; line-height: 30px }

.pink-arrow_box { position: relative; background: #b74983; border-radius: 10px;  color: #fff; padding: 30px; font-weight: 400!important; font-size: 22px; font-style: italic }
	.pink-arrow_box:after, .pink-arrow_box:before { top: 100%; left: 15%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none }
	.pink-arrow_box:after { border-color: rgba(98, 98, 98, 0); border-top-color: #b74983; border-width: 25px; margin-left: -25px }
	.pink-arrow_box:before { border-color: rgba(98, 98, 98, 0); border-top-color: #b74983; border-width: 31px; margin-left: -31px }
.white-arrow_box { position: relative; background: #efefef; border-radius: 10px; color: #b74983; padding: 30px; font-weight: 400!important; font-size: 22px; font-style: italic }
	.white-arrow_box:after, .white-arrow_box:before { top: 100%; left: 15%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none }
	.white-arrow_box:after { border-color: rgba(98, 98, 98, 0); border-top-color: #efefef; border-width: 25px; margin-left: -25px }
	.white-arrow_box:before { border-color: rgba(98, 98, 98, 0); border-top-color: #efefef; border-width: 31px; margin-left: -31px }
.comment-strap { font-family: 'Passion One', cursive; font-size: 44px; color: #fff; font-style: normal; margin-bottom: 0; line-height: 40px; padding-bottom: 10px }
.comment-author { color: #666; font-size: 15px!important; padding: 35px 40px 0px 40px; text-transform: uppercase }

.contact-background { background-color: #efefef; padding: 20px 40px 40px 40px; margin-bottom: 20px }
	.contact-background p { font-size: 24px; color: #000; margin-bottom: 0 }
	.contact-background a { color: #ba9b49; font-size: 20px }
	.contact-background .heading { font-size: 26px; padding-bottom: 20px }

@media (max-width: 1590px) {
	/* global */
	header .navbar .navbar-nav li { margin: 0 7px }
	h1 { font-size: 28px; padding: 10px 0 20px 0 }
	.carousel-fade .item { height: 650px }
	
	#contact-address { margin-bottom: 10px }
}

@media (max-width: 1199px) {	/* global */
	.logo-heading { margin-bottom: 10px }
	.carousel-fade .item { height: 550px }
	
	#home-copy p { font-size: 16px }
	#home-copy .btn { font-size: 20px; padding: 10px 20px }
	#home-about-copy { padding: 20px 0; }
		#home-about-copy h3 { font-size: 28px; padding-bottom: 20px }
			#home-about-copy h3 span { font-size: 28px }
		#home-about-copy p { font-size: 16px; line-height: 24px }
	
	.about-logo-heading { font-size: 38px }
		.about-logo-heading i { font-size: 18px; margin-top: 10px }
	
	#parallax-home {  padding: 40px 0; margin-bottom: 30px }
		#parallax-home p { font-family: 'Playfair Display', serif; font-size: 28px; color: #fff; font-style: italic }
		#parallax-home a { font-size: 20px; margin-top: 20px }
			#parallax-home a img { padding-bottom: 15px }
	
	footer { background-color: #24282b; padding-top: 30px; color: #fff; font-size: 18px }
	footer .logo-footer { font-size: 44px}
	footer .phone { float: left; font-size: 30px; line-height: 33px }
	footer .fax { float: left; padding-left: 10px; line-height: 40px }
	footer .email { float: left; padding-left: 0px; line-height: 10px } 
	
	.inner-banner { height: 350px }
	/* nav breakpoint */
	header .navbar .navbar-nav li a span { display: inline-block}
	header .navbar .navbar-nav li a { padding: 20px 0 }
	.navbar-header { float: none }
	.navbar-toggle { display: block; background-color: transparent; margin: 0; border-radius: 0px; padding-top: 45px  }
		.navbar-toggle .icon-bar { background-color: #a8a8a8; width: 35px; height: 5px }
	header .navbar-collapse { padding: 0 15px; background-color: rgba(0,0,0,0.80) }
		.navbar-collapse.collapse { display: none !important }
			.navbar-collapse.collapse.in { display: block !important }
	.navbar-nav { float: none !important; }
		.navbar-nav > li { float: none }
			.navbar-nav > li > a { padding-left: 15px }
}

@media (max-width: 991px) {
	/* global */
	
	.logo-heading { margin-top: 20px; font-size: 44px; margin-bottom: 10px }
	.carousel-fade .item { height: 450px }
	
	h1 { font-size: 28px; padding: 0px 0 15px 0 }
	
	.right { text-align: center}
	.copyright-strap { text-align: center }
	#home-copy { padding-bottom: 20px }
	#home-copy .btn { margin-bottom: 30px }
	.about-logo-heading { text-align: center }
	footer .logo-footer { font-size: 34px }
		footer .logo-footer i { font-size: 18px }
	footer .phone { font-size: 32px; line-height: 26px }
	footer .fax { padding-left: 0px; line-height: 18px }
	footer .email { padding-left: 0px; line-height: 18px }
	
	#inner-copy .btn-see-more span:before { color: #fff; content: '\f24d'; display: inline-block; font-family: FontAwesome; margin-left: -35px; width: 45px }
	#inner-copy .btn-see-more { background-color: #dd2687; font-family: 'Playfair Display', serif; font-size: 26px; font-style: italic; color: #fff; padding: 10px 30px; border: 0; margin: 0!important; width: 100% }
	
	.testimonials-column, #testimonials .testimonial-box { margin: 0 0 15px 0; width: 100% }
	.testimonials-gutter { width: 0% }
}

@media (max-width: 767px) {
	/* global */
	.navbar-toggle { padding-top: 25px  }
	.logo-heading { margin-top: 20px; font-size: 28px }
		.logo-heading i { font-size: 16px; margin-top: 0 }
	.carousel-fade .item { height: 250px }
	h1 { font-size: 24px; padding: 0px 0 15px 0 }
	#home-copy { padding: 30px }
		#home-copy h2 { font-size: 22px }
		#home-copy p { font-size: 16px; padding-top: 10px }
		#home-copy .btn { font-size: 18px; font-weight: 300; color: #fff; padding: 10px 30px; border: 0; margin-top: 10px }
	
	
	#inner-copy .btn { white-space: normal }
	
	.about-logo-heading { font-size: 28px }
		.about-logo-heading i { font-size: 16px; margin-top: 0px }
	
	footer { text-align: center }
	footer .phone { float: none }
	footer .fax { display: none }
	footer .email { float: none }
	
	footer .logo-footer { font-size: 28px }
		footer .logo-footer i { font-size: 16px; margin-top: 0px }
	.footer-social { text-align: center; padding: 20px 0 }
	.facebook { color: #fff; background-color: #0172be; font-size: 30px; padding: 6px; margin-left: 0px }
	
	
	
}


@media (max-width: 479px) {
	/* global */
	.navbar-toggle { padding-top: 10px  }
	.logo-heading { font-size: 32px }
	
	.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11 { float: left }
	.col-ms-1 { width: 8.33333333% }
	.col-ms-2 { width: 16.66666667% }
	.col-ms-3 { width: 25% }
	.col-ms-4 { width: 33.33333333% }
	.col-ms-5 { width: 41.66666667% }
	.col-ms-6 { width: 50% }
	.col-ms-7 { width: 58.33333333% }
	.col-ms-8 { width: 66.66666667% }
	.col-ms-9 { width: 75% }
	.col-ms-10 { width: 83.33333333% }
	.col-ms-11 { width: 91.66666667% }
	.col-ms-12 { width: 100% }
	.hidden-ms { display: none !important; }
	.col-ms-push-1 { left: 8.33333% }
}

@media (max-width: 399px) {
	/* global */
	.logo-heading { font-size: 28px }
}

@media (max-width: 359px) {
	/* global */
	.logo-heading { font-size: 24px }
}