/*
Theme URI: http://www.villaluna.co.uk
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
*/
/*//////////////////////////////////  FONTS ////////////////////////////////// */

@font-face {
	font-family: 'FlexoRegular'; 
	src:url('css/fonts/Flexo-Regulard41d.eot?') format('eot'),
		url('css/fonts/Flexo-Regular.otf') format('opentype'),							 		
		url('css/fonts/Flexo-Regular.woff') format('woff'),
		url('css/fonts/Flexo-Regular.ttf') format('truetype');
}

@font-face {
	font-family:'FlexoBold'; 
	src:url('css/fonts/Flexo-Boldd41d.eot?') format('eot'),
		url('css/fonts/Flexo-Bold.otf') format('opentype'),
		url('css/fonts/Flexo-Bold.woff') format('woff'),
		url('css/fonts/Flexo-Bold.ttf') format('truetype');
}

@font-face {
	font-family:'FlexoDemi'; 
	src:url('css/fonts/Flexo-Demid41d.eot?') format('eot'),
		url('css/fonts/Flexo-Demi.otf') format('opentype'),
		url('css/fonts/Flexo-Demi.woff') format('woff'),
		url('css/fonts/Flexo-Demi.ttf') format('truetype');
}

@font-face {
	font-family:'FlexoHeavy'; 
	src:url('css/fonts/Flexo-Heavyd41d.eot?') format('eot'),
		url('css/fonts/Flexo-Heavy.otf') format('opentype'),
		url('css/fonts/Flexo-Heavy.woff') format('woff'),
		url('css/fonts/Flexo-Heavy.ttf') format('truetype');
}

@font-face {
	font-family:'GiddyUpStd'; 
	src:url('css/fonts/GiddyupStdd41d.eot?') format ('eot'),
		url('css/fonts/GiddyupStd.otf') format ('opentype'),
		url('css/fonts/GiddyupStd.woff') format ('woff'),
		url('css/fonts/GiddyupStd.ttf') format ('truetype');
}

@font-face {font-family:'ProximaRegular'; 
src:url('css/fonts/proximanova-webfontd41d.eot?') format('eot'),
	url('css/fonts/proximanova-webfont.otf') format('opentype'),
	url('css/fonts/proximanova-webfont.woff') format('woff'),
	url('css/fonts/proximanova-webfont.ttf') format('truetype');
}

@font-face {font-family:'ProximaBold'; 
src:url('css/fonts/ProximaNova-Boldd41d.eot?') format('eot'),
	url('css/fonts/ProximaNova-Bold.otf') format('opentype'),
	url('css/fonts/ProximaNova-Bold.woff') format('woff'),
	url('css/fonts/ProximaNova-Bold.ttf') format('truetype');
}

@font-face {font-family:'QueensPark'; 
src:url('css/fonts/QUEENS__d41d.eot?') format('eot'),
	url('css/fonts/QUEENS__.otf') format('opentype'),
	url('css/fonts/QUEENS__.woff') format('woff'),
	url('css/fonts/QUEENS__.TTF') format('truetype');
}

/*//////////////////////////////////  FONTS END ////////////////////////////////// */

#testBorder { border-style:solid; border-width:thin; border-color: yellow; }

body {
	color: #4d4d4d;
	font-family:'ProximaRegular', sans-serif;
}

label {
	font-family: "FlexoDemi" sans-serif;
	font-size: 16px;
	padding-bottom: 0px;
	line-height: 25px;
	color: rgb(77, 77, 77);
	margin-top: 10px;
	font-weight: normal;
}

input {
	font-size: 16px;
	line-height: 25px;
	color: #4d4d4d;
	font-family: "ProximaRegular", sans-serif;
}

.alert {font-size:18px;}

.alert-danger {
  color: #4d4d4d;
  background-color: #fff7f5;
  border-color: #ebccd1;
}

.label {margin-right:10px;}

a {
	color: #df473e;
	outline: none;
}

button {
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #d04138;
}

.btn:focus, .btn:active:focus, .btn.active:focus, a:focus {
	outline: none;
}


.nav li>a {
	outline: none;
}


h1,h2,h3,h4 {
	font-family: 'FlexoBold', sans-serif;
}

h6 {
	margin-top: 0px;
}

.subSectionTitle { font-size: 40px; font-weight: bold; color: white; font-family: 'FlexoDemi', sans-serif; margin-bottom:5px; margin-top: 0px; }
.subSectionTitleTest   { font-size: 40px; font-weight: bold; color: black; font-family: 'FlexoDemi', sans-serif; margin-bottom:5px; margin-top: 0px; }
.subBottShift { }
.subMTopShift { }

.subSectionTitleInside { font-size: 30px; font-family: 'FlexoDemi', sans-serif; margin-bottom:20px; margin-top: -25px; }
.subSectionTitleReservation {
	font-size: 18px;
	font-family: 'FlexoDemi', sans-serif;
	margin-bottom:5px;
	margin-top: -10px;
}
.beforeFooter { font-size: 16px; color: black; }

.underlineSubtitle {
	border-top: 5px solid #D8D81C;
	padding-bottom: 50px;
	width: 120px;

}


p {
	padding-bottom: 15px;
	font-size: 16px;
	line-height: 25px;
	color: #4d4d4d;
}

p ul li {
	font-size:100%;
}

strong {
	font-family: 'ProximaBold', sans-serif;
}


.sidebar {
	margin-top: 120px;
	font-family: 'FlexoDemi' sans-serif;
}


.sidebar ul {
	list-style: none;
	padding: 10px 0px ;
}

.sidebar ul li{
border-bottom: 1px solid #ececec;
font-size: 15px;
} 

.sidebar ul li a {
color: #716b7a;
padding: 10px 0;
}

.sidebar ul li a:hover {
color: #df473e;
}

.col-md-9 {
	padding: 0px 15px 0px 15px;
}

header.small .home-nav {
	background: none;
	height: 110px;
	border-bottom: none;
	box-shadow: none;
	padding:0px;
}

.navbar-default {
	background: none;
	height: 70px;
	border-bottom: none;
	box-shadow: none;
	padding: 20px 0 0 0;

}

/* Top Navigation Bar Behavior */

.home-nav .navbar-brand {
	height: auto;
	padding: 0px 10px 10px;
}

header.large .home-nav .navbar-brand {
	height: 70px;
	padding: 0px 10px;
}

header.small .home-nav .navbar-brand {
	height: 81px;

}

/* Top Navigation Bar UL */

.navbar-nav {
	padding: 0px;
	float: left;
}

/* Navigation Menu Behavior */

header .navbar-default .navbar-nav>li>a {
	color: #ffffff;
	font-family: 'FlexoDemi', sans-serif;
	font-size: 16px;
	text-shadow:none;
}

header.small .navbar-default .navbar-nav>li>a {
	color: #4d4d4d;
}

header .navbar-default .navbar-nav>li>a:hover {
	color: #a2a2a2;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #a2a2a2;
}

/* Navigation Active Menu Behavior */

header .navbar-default .navbar-nav .current-menu-item>a {
	color: #e6463a;
}

header.small .navbar-default .navbar-nav .current-menu-item>a {
	color: #e6463a;
}

.navbar-default .navbar-nav .current-menu-item>a {
	color: #e6463a;
}
	

/* ---- Collapsing Menu CSS ---- */

header, a, img, li, li>a{
	transition: all 0.1s;
	-moz-transition: all 0.1s; /* Firefox 4 */
	-webkit-transition: all 0.1s; /* Safari and Chrome */
	-o-transition: all 0.1s; /* Opera */
}

header {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 82px;
	background: rgba(0, 0, 0, 0.0);
}


/* Site Name Behavior */

header h1{ font-size: 18px; display: none; }

header.large h1{
	display: none;
	
}

header.small h1{
	display: inline-block;
	color: #4d4d4d;
	font-size: 20px;
	float: left;
	margin-top: 30px;
}


header.small{
	background: rgba(255, 255, 255, 1.0);
	margin-top: 0px;
	border-bottom: 1px solid #ededed;
}

header.small .home-nav {
	top: 0px;
}

/* Logo Behavior */

header img {
	width: 60px; 
	height: 60px; 
}

header.large img {
	width: 60px; 
	height: 60px; 
}

header.small img{ 
	width: 60px; 
	height: 60px; 
	margin-top: 10px; 
}

/* Navigation li Behavior*/

header.large li{
	margin-top: 0px;
	color:  #4d4d4d;
}

header.small li{ 
	color:  #4d4d4d;
}

/* ----- Mobile View Menu Interaction ----- */

header.large .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background:none;
	color: #df473e;
	font-family: 'FlexoBold', sans-serif;
}

header.small .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background:none;
	color: #df473e;
	font-family: 'FlexoBold', sans-serif;
}

header.small .home-nav .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background:none;
	color:#df473e;
}

/* ----- Mobile View Toggle Button ----- */
.nav-item {
  border:none;
  margin-top:-10px;
  height:12px;
  line-height:25px;
  text-transform:uppercase;
  font-size:14px;
  padding: 1.5rem 1.75rem;
  /*padding:12px 20px 0 20px;*/
  /*background:transparent url("images/DIVIDER.gif") no-repeat top right;*/
}

.navbar-default .navbar-toggle {
	border-color: #333333;
	background: rgba(0, 0, 0, 0.5);
	padding:0.3em;
	line-height:1.2em;
	margin-top:-5px;
       border: 1px solid transparent;
}

header.large .navbar-default .navbar-toggle {
	border-color: #333333;
	background: rgba(0, 0, 0, 0.5);
}

header.small .navbar-default .navbar-toggle {
	border-color: #CCCCCC;
	background: #F0F0F0;
	margin-top: 24px;
	padding:0.3em;
	line-height:1.2em;
  }

/* ----- Mobile View Dropdown Menu ----- */
.navbar-collapse {
	background-color: rgba(0, 0, 0, 0.9);
	border: none;
	padding:0.3em;
	line-height:1.2em;
}
header.large .navbar-collapse {
	background-color: rgba(0, 0, 0, 0.9);
}

header.small .navbar-collapse {
	background-color: #ffffff;
	color: #000000;
	border-bottom: 1px solid #ededed; 
	padding:0.3em;
	line-height:1.2em;
	margin-top:1px;
}


.image-slider .carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	margin-left: -30%;
	padding-left: 0;
	list-style: none;
	text-align: center;

}

.image-slider .carousel-indicators li {
	width: 10px;
	height:10px;
	margin-right: 3px;
}

#carousel-one {
	margin-bottom: 80px;
}

/*//////////////////////////////////  INNERPAGE NAVIGATION  ////////////////////////////////// */

.inner-nav .navbar{
	height: 82px;
	background: rgba(255, 255, 255, 1.0);
	background-color: rgba(255, 255, 255, 1.0);
	margin-top: 0px;
	border-bottom: 1px solid #ededed;
	color: #4d4d4d;
	padding: 0px;
}

.inner-nav {
	height: 82px;
	background: rgba(255, 255, 255, 1.0);
	background-color: rgba(255, 255, 255, 1.0);
}

.inner-nav .navbar ul {
	float: left;
	padding: 20px 0;
}

.inner-nav .navbar-collapse {
	background-color: #ffffff;
	color: #000000;
	border-bottom: 1px solid #ededed;

}

.inner-nav .navbar-default ul>li>a{
	font-size: 16px;
	font-family: 'FlexoDemi' sans-serif;
	color: #4d4d4d;
}

.inner-nav ul li a:hover, a:focus, a:active, .active{
	color: #df473e;
	
}

.inner-nav ul li a .active{
	color: #df473e;
	font-family: 'FlexoBold', sans-serif;
}

.inner-nav .navbar-brand h1 {
padding: 5px 10px;
font-size: 18px;
line-height: 20px;
height: 50px;

}

.inner-nav .navbar-brand {
padding: 0px 10px;
height: 82px;
}

.inner-nav .navbar-header-inner .navbar-brand img {
	width: 60px;
	height: 60px;
	margin-top: 10px;
}

.inner-nav .navbar-header-inner h1 {
	font-size: 20px;
	float: left;
	margin-top: 30px;
	color: #4d4d4d;
}

.inner-nav .navbar-toggle {
	border-color: #CCCCCC;
	background: #F0F0F0;
	margin-top: 24px;
	margin-right: 20px;
}


.home-about { height: 100%; }
.home-dupl { height: 100%; }
.home-dupl#commsId { height: 100%; }
.home-dupl#contactPointId { height: 100%; }

.home-about .jumbotron {
	background: url(images/slideTop.bmp) no-repeat top center;
	color: #ffffff;
	margin-bottom: 0;
	background-size: cover; /* cover */ 
  	-moz-background-size: cover;  /* cover, the first value, Firefox 3.6 */
  	background-position: center;  /* Internet Explorer 7/8 */
  	position: fixed;
  	width: 100%;
  	z-index: -999;
}
.home-dupl .jumbotron {
	background: url(images/slideTop1.jpg) no-repeat top center;
	color: #ffffff;
	margin-bottom: 0;
	background-size: cover;
  	-moz-background-size: cover;  /* Firefox 3.6 */
  	background-position: center;  /* Internet Explorer 7/8 */
  	position: fixed;
  	width: 100%;
  	z-index: -999;
   opacity: 1.0;
}

.home-dupl#commsId .jumbotron {
	background: url(images/slideTop1.jpg) no-repeat top center;
	color: #ffffff;
	margin-bottom: 0;
	background-size: cover;
  	-moz-background-size: cover;  /* Firefox 3.6 */
  	background-position: center;  /* Internet Explorer 7/8 */
  	position: fixed;
  	width: 100%;
  	z-index: -999;
   opacity: 0.8;
}

.home-dupl#contactPointId .jumbotron {
	background: url(images/slideTop1.jpg) no-repeat top center;
	color: #ffffff;
	margin-bottom: 0;
	background-size: cover;
  	-moz-background-size: cover;  /* Firefox 3.6 */
  	background-position: center;  /* Internet Explorer 7/8 */
  	position: fixed;
  	width: 100%;
  	z-index: -999;
   opacity: 0.8;
}

.home-about                       .container { height: 350px; padding-left: 0px; }
.home-about                  .jumbotron-copy { float:left; width:100%; z-index:-1; position:relative; pointer-events: none; }
.home-about                        .headline { position: fixed; margin-top: 140px; }
.home-about .jumbotron .headline          h2 { font-size: 30px; font-weight:bold; font-family:'FlexoRegular', sans-serif; margin-bottom: 20px; }
.home-about .jumbotron .headline          h1 { font-size: 90px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 80px; }
.home-about .jumbotron .headline     h2 span { font-family:'FlexoBold', sans-serif; line-height: 70px; }
.home-about         .jumbotron  .font-change { font-family: 'GiddyUpStd', sans-serif; color: #df473e;}

.home-dupl                        .container { height: 350px; padding-left: 0px; }
.home-dupl                   .jumbotron-copy { float:left; width:100%; z-index:-1; position:relative; pointer-events: none; }
.home-dupl                         .headline { position: fixed; margin-top: 140px; }
.home-dupl           .jumbotron .headline h2 { font-size: 30px; font-weight:bold; font-family:'FlexoRegular', sans-serif; margin-bottom: 20px; }
.home-dupl          .jumbotron .headline   h1{ font-size: 90px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 80px; }
.home-dupl    .jumbotron .headline   h2 span { font-family:'FlexoBold', sans-serif; line-height: 70px; }
.home-dupl         .jumbotron   .font-change { font-family: 'GiddyUpStd', sans-serif; color: #df473e;}

.home-dupl#commsId                .container { height: 350px; padding-left: 0px; }
.home-dupl#commsId           .jumbotron-copy { float:left; width:100%; z-index:-1; position:relative; pointer-events: none; }
.home-dupl#commsId                 .headline { position: fixed; margin-top: 140px; }
.home-dupl#commsId .jumbotron  .headline  h2 { font-size: 30px; font-weight:bold; font-family:'FlexoRegular', sans-serif; margin-bottom: 20px; }
.home-dupl#commsId  .jumbotron .headline  h1 { font-size: 90px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 80px; }
.home-dupl#commsId .jumbotron .headline   h2 span { font-family:'FlexoBold', sans-serif; line-height: 70px; }
.home-dupl#commsId .jumbotron   .font-change {font-family: 'GiddyUpStd', sans-serif; color: #df473e;}

.home-dupl#contactPointId         .container { height: 350px; padding-left: 0px; }
.home-dupl#contactPointId    .jumbotron-copy { float:left; width:100%; z-index:-1; position:relative; pointer-events: none; }
.home-dupl#contactPointId          .headline { position: fixed; margin-top: 140px; }
.home-dupl#contactPointId .jumbotron .headline   h2 { font-size: 30px; font-weight:bold; font-family:'FlexoRegular', sans-serif; margin-bottom: 20px; }
.home-dupl#contactPointId .jumbotron .headline   h1 { font-size: 90px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 80px; }
.home-dupl#contactPointId .jumbotron .headline   h2 span { font-family:'FlexoBold', sans-serif; line-height: 70px; }
.home-dupl#contactPointId .jumbotron .font-change {font-family: 'GiddyUpStd', sans-serif; color: #df473e;}

#aboutHAId                           {color: #df473e;margin-bottom:40px;}
.aboutHBBB                           {margin-bottom:30px;}
.aboutHHBB                           {margin-top:-20px;}
.aboutAroundP                        {margin-top:40px;}
.aboutHH1                            {margin-top:0px;}
.aboutHH2                            {margin-top:15px;}


.allAboutBackA { background-image: url(images/back1_1.jpg); min-height: 257px; margin-bottom: 0; background-size: cover; -moz-background-size: cover; background-position: center; position: fixed; width: 100%; z-index: -999; }
.allAboutBackB { background-image: url(images/back1_12.jpg); min-height: 257px; margin-bottom: 0; background-size: cover; -moz-background-size: cover; background-position: center; position: fixed; width: 100%; z-index: -999; }
.allAboutBackC { background-image: url(images/back1_13.jpg); min-height: 257px; margin-bottom: 0; background-size: cover; -moz-background-size: cover; background-position: center; position: fixed; width: 100%; z-index: -999; }
.allAboutBackD { background-image: url(images/back1_21.jpg); min-height: 257px; margin-bottom: 0; background-size: cover; -moz-background-size: cover; background-position: center; position: fixed; width: 100%; z-index: -999; }
.allAboutBackE { background-image: url(images/back1_22.jpg); min-height: 257px; margin-bottom: 0; background-size: cover; -moz-background-size: cover; background-position: center; position: fixed; width: 100%; z-index: -999; }

#fntChangeID     { display:block; font-size: 16px; color: blue; padding: 0.1em; line-height: 1.2em; }
#sectionBrief_firstLetter p:first-of-type::first-letter { font-size: 30px; font-weight: bold; color: red; }
#reservingTop      {margin-top:-30px; margin-bottom:10px;}


		.navbar-default .navbar-collapse, .navbar-default .navbar-form {background: none;}
		.navbar-nav {float: right;}
		.navbar-default .navbar-collapse li a {margin-top: 0px;}
		header.large img {width: 100px;height: 100px;}
		header img {width: 100px;height: 100px;}
		header.large .navbar-collapse {background: none;}
		header.small .navbar-collapse {background: none;}
		.inner-nav .navbar-header-inner h1 {display: inherit;}
		.inner-nav .navbar-header-inner h1 {display: inherit;}
		.nav>li>a {padding: 10px 15px;}

.work .container .row .container .descrFntChange { color: blue; opacity: 0.7; }

.fnt-descrHouseB        { font-size: 20px; font-family:'GiddyUpStd', sans-serif; color: #df473e; padding: 0.5em; text-align: justify; }

div#overview p:first-of-type::first-letter {
	font-size: 50px;
	font-weight: bold;
}

#sectionBrief_firstLetter p:first-of-type::first-letter {
	font-size: 24px;
	font-weight: bold;
   color: red;
}

div#overviewAC p:first-of-type::first-letter {
	font-size: 30px;
	font-weight: bold;
   color: red;
}

div#overviewD p:first-of-type::first-letter {
	font-size: 30px;
	font-weight: bold;
   color: blue;
}

.home-about  .jumbotron span {color: #df473e;}
.home-dupl   .jumbotron span {color: #df473e;}
.home-dupl#commsId   .jumbotron span {color: #df473e;}
.home-dupl#contactPointId   .jumbotron span {color: #df473e;}


.expanding-data{
	float:left;
	width:100%;
	z-index:99;
	position:relative;
	
}

.expanding-data a{
	font-size: 14px;
}

.panel-default>.panel-heading{
	color: #ffffff;
	background: #df473e;
	border:none;
}

.panel {
	border: none;
	border-radius: none;
}

.panel-heading {
	border-radius: none;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

.panel-title {
	text-align: center;
	font-size: .875em;
}

.panel-group .panel {
	border-radius: 0px;
}

.panel-group .panel-heading+.panel-collapse .panel-body {
	border:none;
	background-color: #df473e;
	color: #ffffff;
	font-size: 14px;

}

.panel-group {
	margin-bottom: 00px;
}

.villaLocation {
	padding-bottom: 40px;
	float: left;
	width: 100%;
	z-index: 99;
	position: relative;
	background-color: #ffffff;
	padding-top: 40px;
	border-top: 20px solid #e6463a;;
	
}

.villaLocation h2 {
	font-size: 25px;
	font-weight: normal;
	line-height: 35px;
	margin-bottom: 30px;
	font-family: 'FlexoDemi', sans-serif;

}

.villaLocation p {
	font-size: 1.250em;
	line-height: 25px;
}

.villaLocation a .glyphicon {
	font-size: 0.938em;
	padding-left: 5px;
}

.work .container .row .col-md-4 {
	width:50%; 
	height:50%;
}

.villaReserve .container .row .work-single {
	width:50%; 
	height:50%;
}

.fa {float: left; color: #df473e;}

.work {
	float:left;
	width:100%; 
	z-index:99; 
	position:relative; 
	background-color:#ffffff; 
	padding-top: 40px;
}

.work .underlineSubtitle {
	padding-bottom: 50px;
}

.work-single {
	position: relative;
	float: left;
	margin:0px; 
	padding:0px; 
}


.work-single img {
	margin:0px;
	padding: 10px;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);

}

.work-portfolio-page {
	padding: 0px;
	margin:0px;
}

.work-single .caption h4{
	color: #ffffff;

}

.work-single .work-caption {
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition:opacity .3s ease-in-out;

}

.work-single:hover .work-caption {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	
}

a:hover.work-single:hover .work-caption {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);

}

.work-single .caption {
	bottom: 7%;
	left: 3%;
	position: absolute;
	height: 50px;
	font-family: 'FlexoRegular', sans-serif;
}

.work-single .caption a{
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	display: block;
}

.work-single .caption a:hover{
	color: #e6463a;
}

.work-single .caption small{
	color: #9d9d9d;
	font-size: 14px;
}

.work-single .work-caption .btn-trigger {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -28px 0 0 -28px;
}

.work-single .work-caption .btn-trigger a:hover {
	border-color: #c42e23;
}

.big-quote {
	background: #df473e;
	padding: 80px 0 60px;
	float: left;
	width: 100%;
	z-index: 99;
	position: relative;
	margin-bottom: 0px;
	color: #ffffff;
}

.big-quote blockquote p {
	color: #ffffff;
}

.carousel-caption {
	text-align: left;
	left: 0%;
	position: relative;
	width: 70%;
	text-shadow: none;
	color: #000000;
	font-size: 18px;
}

.carousel-caption a {
	font-size: 18px;
}

.carousel-dynamic {
   width: 50%;
   height: 50%;
}

.carousel-indicators {
	bottom: 20px;
	right: 0%;
	width: auto;
	text-align: right;
	float: right;
}

.carousel-indicators .active {
	background-color: #e6463a;
	border:none;
	width: 15px; height: 15px;
}

.carousel-indicators li {
	background-color: #e5e5e5;
	border:none;
	width: 15px; height: 15px;
	margin: 0px;
}

.carousel .item {-webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -ms-transition: opacity 0.1s; -o-transition: opacity 0.1s; transition: opacity 0.1s;}
.carousel .active.left {left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}

.image-carousel ol {
	display: none;
}

.image-carousel .carousel-control {
	background: none;
}

.villaReserve{
	float:left; 
	width:100%; 
	z-index:99; 
	position:relative; 
	background-color:#ffffff; 
	padding: 60px 15px 0px;
	margin-bottom: -100px;
}

.villaReserve .job-site-logos {
	margin-bottom: 80px;
	padding: 0 15px;
}

.villaReserve .job-site-logos a {
	height: 50px;
	display: inline-block;
	margin-right: 30px;
}

.villaReserve .job-site-logos a img {

	padding-bottom: 20px;
}

.villaReserve .job-site-logos .tooltip {
	top: 250px;

}

footer {
	min-height: 257px;
	background-color: #e6463a;
	padding-top: 50px;
	font-size: 16px;
	line-height: 40px;
	float: left;
	position: relative;
	z-index: 99;
	width: 100%;
	color: #ff8c83;
	margin-top:100px;
}

.first-col 	{padding-left: 40px;}
.second-col, .third-col {padding-left: 40px;}

footer .fa-ul {
	margin-left: 0px;
	padding-bottom: 10px;
}

footer .fa-li {
	color: #ffffff;top: 10px;
	font-size: 20px;
}

footer .fa {
	color: #ffffff;top: 10px;
	font-size: 20px;
}

footer#extendFooter {
	width:50%;
	height:50%;
}

footer span {
	color: #ff8c83;
}

footer a {
	color: #ffffff!important;
	opacity: 1;
	-webkit-transition: opacity 0.3s; 
	-moz-transition: opacity 0.3s; 
	-ms-transition: opacity 0.3s; 
	-o-transition: opacity 0.3s; 
	transition: opacity 0.3s;
}

footer a:hover{
	opacity: 0.5;
}

footer p {
	font-size: 20px;
	margin-left: -30px;
}

.fourth-col {
	margin-top: 5px;
	font-family: 'ProximaRegular', san-serif;
	list-style: none;
}

.fourth-col li {
	border-bottom: 1px solid #e66e65;
	position: relative;
	padding-bottom: 15px;
}

.fourth-col .quote {
	border-bottom: none;
	position: relative;
	margin-top: 15px;
}

.fourth-col a {
	font-size: 20px;

}

.fourth-col .fa {
	float: left;
	display: inline-block;
	margin-left: 10px;
	position: absolute;
}

.copyright {
	padding-top: 20px;
	border-top: 1px solid #e66e65;
}

.copyright p {
	color: #ff8c83;
	font-size: 15px;
}

/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.0.1 - 2014
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated{
    display: none; 
    position: fixed; 
    top:50%; left: 50%; 
    width: 900px; 
    height: 170px;
    margin-left: -450px;
    margin-top: -85px;
    text-align: center;
    z-index:1500;
    background-color: #f25648; 
    color: #ffffff;
    font-family: 'FlexoDemi' Arial sans-serif;
}
* html #outdated{position: absolute;}
#outdated h6{font-size: 30px; line-height: 25px; margin: 30px 0 10px;}
#outdated p{font-size: 16px; line-height: 14px;}
#outdated #btnUpdateBrowser{
    display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 300px;
    color: #ffffff; text-decoration: none; border: 2px solid #ffffff; cursor: pointer;
}
#outdated #btnUpdateBrowser:hover{color: #000000; background-color:#ffffff;}
#outdated .last{position: absolute; top: 20px; right: 30px; width: 15px; height: 15px;}
#outdated #btnCloseUpdateBrowser{
    display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    text-decoration: none; color: #ffffff; font-size: 36px;
}



/*==================================================
 Spec
==================================================*/


#affix-nav {

	font-family: 'FlexoDemi', sans-serif;
	margin-top: 0px;

}

ul.affix {
position: fixed;
top: 120px;
width: 230px;
padding-left: 0px;
}


.sidenav {
margin-top: -20px;
margin-bottom: 30px;
padding-top: 10px;
padding-bottom: 10px;
width: 230px;
}

.sidenav .green-button {
	margin: 10px 0;
}

.sidenav li .btn-success {
	margin: 10px 0;
	height: 35px;
	width: 180px;
	font-size: 15px;
	padding: 10px 0 30px;
	color: #ffffff;
}

.sidenav li .btn-success:hover {
	color: #fff;
	background-color: #449d44 !important;
	border-color: #398439;
}

.sidenav button a{
	color: #ffffff;
}

.sidenav button a:hover{
	color: #ffffff;
	text-decoration: none;
}

.sidebar .nav > .active > a, .sidebar .nav > .active:hover > a, .sidebar .nav > .active:focus > a {

color: #df473e;
}



.sidebar  .nav>li>a:hover, .sidebar .nav>li>a:focus {
	background: none;
}


article {
	margin: 0px 0px 80px 0px;
}

article ul {
	padding-left: 0px;
}

article ul li {
	list-style: none;
	padding-bottom: 20px;
}


.software .small-title {
	font-size: 12px;
	color: #acacac;
	font-family: 'ProximaRegular', sans-serif;
}

.row#expertFooter .fa-ul {
	width:100%; 
}

.work-single#reservationId  {
	padding: 0px 0px 30px 1px;
}


table tbody {
	border: none;
}


.hobbies .carousel {
margin-bottom: 50px;
}

.aboutpage-testimonials p {
	font-size: 20px;
	line-height: 35px;
}

.aboutpage-testimonials .carousel .fa {
	padding: 4px 10px 0 0;
}

.aboutpage-testimonials .carousel-indicators li {
	width: 10px;
	height: 10px;
}

.innerpage .subSectionTitle, .blogpage .subSectionTitle {
	margin-top: 0px;
}

.innerpage .underlineSubtitle{
	padding-bottom: 50px;
}

.embed-responsive {
	margin-bottom: 50px;
}


.back-button {
	margin-bottom: 50px;
}


/*==================================================
=            PORTFOLIO PAGE                        =
==================================================*/

.work-portfolio-page {
	background-color: #ffffff;

}

.toggle-button .btn-group {
	margin-bottom: 50px;
	padding: 0px;

}

.work-portfolio-page .thumbnails .thumbnail {
	border: none;
	margin: 0px;

}


.portfolio-page-header .jumbotron{
	max-height: 600px;
	min-height: 600px;
  	background-position: center;  /* Internet Explorer 7/8 */
  	width: 100%;
  	background-size: cover;
  	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.project-description p{
	font-size: 22px;
	text-align: center;
	line-height: 33px;

	margin-bottom: 50px;
}

.project-page-titles {
	display: inline-block;
	padding-bottom:10px;
	margin-bottom:30px;
	color: #D3D3D3;
	font-family: 'FlexoDemi' sans-serif;

}

.project-description-titles, .project-images h4 {
	font-family: 'ProximaBold' sans-serif;
	font-size: 14px;
	padding-bottom: 0px;
	margin: 50px 0px 20px;
	text-transform: uppercase;

}

.scroll-down .glyphicon {
	color: #ffffff;
	opacity: 0.6;
	filter: alpha(opacity=60); /* For IE8 and earlier */
	font-size: 20px;
	margin-top: 10px;
	padding:10px;
}

#glyMoveLeft { }
#glyMoveTopLeft { }

.back-to-portfolio {
	padding-top: 50px;

}

.back-to-portfolio button {
	color: #ffffff;
	font-size: 20px;
	background: #000000;
	border-radius: 40px;
	padding: 10px 0px 7px 2px;
	width: 50px;
	height: 50px;
	border: none;
}


.footer-inner {
	min-height: 257px;
	background-color: #e6463a;
	color: #ffffff;
	padding-top: 50px;
	font-size: 1.125em;
	line-height: 40px;
	float: left;
	position: absolute;
	width: 100%;


}

.blog-page-header{
	margin-bottom: 50px;
}

.generic-page-header{
	margin-bottom: 50px;
}

.generic-page-header .jumbotron{
	max-height: 300px;
	height: 300px !important;
	border-bottom: 20px solid #df473e;
	margin-top: 15px 0 50px;
  	background-position: center;  /* Internet Explorer 7/8 */
  	width: 100%;
  	background-size: cover;
  	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	padding-top: 140px;
}


/*==================================================
=            COMMS FORM            =
==================================================*/


.form-control {
	box-shadow:none;
	height: 40px;
	font-size: 16px;
}

.form-label {
	font-family: 'FlexoDemi' sans-serif;
	font-size: 16px;
	padding-bottom: 0px;
}

.form-left {
	width: 50%;
	float: left;
	padding-right: 20px;
}

.form-right {
	width: 50%;
	float: left;
}

.contact-message{
	line-height: 27px;
	margin-bottom: 50px;
	/* background: #F8F7F7; */
	border-radius: 5px;
	padding-bottom: 30px;
	/* border: 3px solid #ededed; */
	font-family: 'ProximaRegular';
	font-size: 20px;
	color: #727272;
	border-bottom: 1px solid #ededed;
}


/*==================================================
=            TOP NOTIFICATION BAR            =
==================================================*/

    #close {
      position: absolute;
      right: 10px;
      top: 9px;
      text-indent: -9999px;
      background: url(images/close.html);
      height: 16px;
      width: 16px;
      cursor: pointer;
    }
    .cssanimations.csstransforms #close {
      display: none;
    }
    
    @-webkit-keyframes slideDown {
        0%, 100% { -webkit-transform: translateX(350px); }
        10%, 90% { -webkit-transform: translateX(0px); }
    }
    @-moz-keyframes slideDown {
        0%, 100% { -moz-transform: translateX(350px); }
        10%, 90% { -moz-transform: translateX(0px); }
    }



#divTopBottomMargin  { }
#divTopMargin  { }
#titleTopMargin { }
#titleTopFont { }
/**
#aboutHAId { }
#aboutHAId {color: #df473e;}
**/
#aboutHBId { color:white;}
#aboutHA { }
#aboutHB { }
#islandH2 { }
#islandH1 { }
#aboutTra{ margin-top:40px;}
.carouselBlock  { margin-right:10px;margin-top:15px; margin-left:10px; }
.carouselBath   { }
.carouselArea   { width: auto; position: center;}
.plazasArea     { position: center;}
#glyFooterA     { margin-top:-30px;}
#glycontactFormFooter { margin-top:-30px;}
#glycommsFormFooter   { margin-top:-30px;}
#glyaroundFormFooter  { margin-top:-30px;}
#glyoutsideFormFooter { margin-top:-30px;}
#glyinsideFormFooter  { margin-top:-30px;}
#glytopFormFooter     { margin-top:-30px;}
#glyCopyright   { font-size: 1.0em; }

/* =========================== Modal Style =============================== */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#Ccaption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #Ccaption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.Cclose {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #f1f1f1;
    font-size: 20px;
    font-weight: bold;
    transition: 0.3s;
}

.Cclose:hover, .Cclose:focus {
    cursor: pointer;
    color: #bbb;
    text-decoration: none;
}

.work .container .row .container .fnt-changeNew { font-size: 25px; font-family:'GiddyUpStd', sans-serif; color: #df473e; padding: 0.5em; text-align: justify; }
.work .container .row .fnt-changeNew { font-size: 25px; font-family:'GiddyUpStd', sans-serif; color: black; padding: 0.5em; text-align: justify; }
/* 100% Image Width on Smaller Screens, line-height: 1.2em; */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
/* =========================== Modal Style =============================== */

/*
 *  special class model for CALENDAR
 */

.table{
  padding: 5px 5px 5px 5px;
  text-align: center;
  color: red;
}
.calandarDay odd{
  background-color: red;
}

.mm1  {}
.mm11 {}
.mrgA {margin-top:0px;}
.mrgU {margin-top:0px;}
.mrgU1{margin-top:0px;}
.mrgL {margin-left:20px;}
.rowL {margin-left:20px;}
.rowLL{margin-left:20px;}
.mrgI {margin-left:0px;}
.mrgO {margin-right:0px;}
.mrgO1{margin-bottom:0px;}
.ftr0 {margin-top:0px; margin-left:0px;}
.ftr1 {margin-top:0px;}
.glyA {margin-left:0px;}
.glyB {}
.glyC {}
.thnA1{}
.thnA2{}
.cncA {margin-top: 30px; margin-bottom:10px;}
.indA1{}
.cncA1{}
.cncA2{}
.cncA3{}
.cncA4{}
.cncA5{}
.rowL1{}
.rowL2{}
.rowL3{}
.rowL4{}
.rowS1{}
.cncB {}
.cncB1{}
.cncAA{}
.cntA1{}
.cntA2{}
.cntA3{}
.cntA4{}
.cntA5{}
.cntA6{}
.cntA7{}
.cncB {margin-left:20px;}
.cncAA{margin-top:-10px; margin-bottom:10px;}
.medA1{margin-bottom:-190px;}

/*
.navbar-inverse .navbar-toggle { border-color: transparent !important; }
.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

	@media screen and (min-width: 240px) and (max-width: 319px) {
      .mrgA {margin-top:-50px;}
      .mrgU {margin-top:-20px;}
      .mrgU1{margin-top:-20px;}
      .mrgL {margin-left:1px;margin-right:5px;}
      .mrgI {margin-top:-20px;margin-left:-20px;}
      .mrgO {margin-top:-20px;margin-right:5px;}
      .mrgO1{margin-bottom:-20px;}
      .ftr0 {margin-top:-35px;margin-left:-25px;}
		#glyMoveLeft    {font-size: 11px; margin-left:10px; margin-right:-10px;}
		#glyMoveTopLeft {font-size: 11px; margin-left:10px; margin-right:-10px;margin-top:-0.5em; }
      .glyA {margin-left:20px;}
      .glyB {margin-left:10px;}
		footer {min-height:90px;margin-bottom:10px;}

      #testBorder { border-style:solid; border-width:thin; border-color: white; }

		.cncA {margin-left:20px;}
		.indA1{margin-top:50px;}
		.cncA1{margin-top:-10px;margin-bottom:-150px;}
      .cncA2 {margin-top:40px;}
		.cncA3{margin-top:-40px;}
		.cncA4{margin-top:-20px;}
		.cncA5{margin-top:50px;}
		.thnA1{margin-top:-10px;}
		.cncB {margin-left:-20px; margin-top:0px;}
		.rowL {margin-left:-20px;}
		.rowLL{margin-left:20px;}
		.rowL1{margin-left:0px;margin-top:10px;}
		.rowL2{margin-left:0px;margin-top:0px;margin-right:5px;}
		.rowS1{margin-top:-10px;}
		.rowS2{margin-top:-10px;}
	   .mm1 {margin-left:-40px;}
	   .mm11{line-height:1.6em;}
		.cntA1{margin-top:-20px;}
		.cntA2{margin-top:10px;margin-bottom:5px;}
		.cntA3{font-size:12px;font-weight:bold;font-family: 'FlexoDemi', sans-serif;line-height:1.4px;}
		.cntA4{font-size:12px;font-family: 'FlexoDemi', sans-serif;line-height:1.4px;}
		.cntA5{margin-top:-20px;}

		.aboutHAAA {margin-left:10px; margin-top:-40px;}
		#aboutHAId {color: #df473e;}
		#aboutHAId {margin-bottom:-20px;;}
		#aboutHBId {margin-bottom:-20px;}
		#aboutHA { margin-top:-200px;margin-bottom:-20px;}
		#aboutIA { margin-top:-10px; margin-bottom:45px;}

      /* .work .container .row .container .fnt-changeNew  { margin-top:-50px; font-size: 8px; font-family:'GiddyUpStd', sans-serif; color: black; padding: 0.5em; text-align: justify; line-height: 1.2em;} */
      .work .container .row .fnt-changeNew  { margin-top:-50px; font-size: 8px; font-family:'GiddyUpStd', sans-serif; color: black; padding: 0.5em; text-align: justify; line-height: 1.2em;}
		#topTitleOutside { margin-top: -15px; margin-bottom:45px;}
		#topTitOutside   { margin-left:10px;}
      header h1{ font-size: 10px; display: none; }

		.home-about .headline { font-size:6px; position:fixed; margin-top:60px; }
		.home-about .jumbotron .headline  h2 { font-size: 12px; font-weight:bold; font-family:'GiddyUpStd', sans-serif; margin-bottom: 20px; }
      .home-about .jumbotron .headline  h1 { font-size: 28px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 25px; }
      .home-about .jumbotron .headline h2 span { font-family:'FlexoBold', sans-serif; line-height: 25px; }
      .home-about .jumbotron  .font-change { font-family: 'GiddyUpStd', sans-serif; color: #df473e;}

		.home-dupl .headline                { font-size: 6px; position: fixed; margin-top: 60px; }
		.home-dupl .jumbotron .headline  h2 { font-size: 12px; font-weight:bold; font-family:'GiddyUpStd', sans-serif; margin-bottom: 20px; }
      .home-dupl .jumbotron .headline  h1 { font-size: 28px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 25px; }
      .home-dupl .jumbotron .headline   h2 span { font-family:'FlexoBold', sans-serif; line-height: 25px; }

		.home-dupl#commsId            .headline     { font-size: 6px; position: fixed; margin-top: 100px; }
      .home-dupl#commsId .jumbotron  .headline h2 { font-size: 12px; font-weight:bold; font-family:'FlexoRegular', sans-serif; margin-bottom: 20px; }
		.home-dupl#commsId .jumbotron .headline  h1 { font-size: 28px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 25px; }
      .home-dupl#commsId .jumbotron .headline h2 span { display: inline; font-family:'FlexoBold', sans-serif; line-height: 25px; }

		.home-dupl#contactPointId            .headline     { font-size: 6px; position: fixed; margin-top: 80px; }
      .home-dupl#contactPointId .jumbotron .headline h2  { font-size: 12px; font-weight:bold; font-family:'GiddyUpStd', sans-serif; margin-bottom: 20px; }
      .home-dupl#contactPointId .jumbotron .headline h1  { font-size: 28px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 25px; }
      .home-dupl#contactPointId .jumbotron .headline   h2 span { font-family:'FlexoBold', sans-serif; line-height: 25px; }
		.aboutHBBB                           {margin-bottom:15px;}
		.aboutHHBB                           {margin-top:-20px;}
		.aboutHH1                            {margin-top:0px;}
		.aboutHH2                            {margin-top:-15px;}
		#aboutHB {color:white;font-size:16px; margin-top:-50px;margin-bottom: -50px;line-height: 15px;}
		.home-about  .jumbotron {padding: 10px;}
		.home-dupl   .jumbotron {padding: 10px;}
      .subSectionTitleTest {font-size: 12px; font-weight: bold; color: black; font-family: 'FlexoDemi', sans-serif; margin-bottom:5px; margin-top: 0px; }
		.work {padding-top:0.3em;}
		.underlineSubtitle { border-top:-40px; padding-bottom:0px;width:0px;}
		.work .container .row .container .fnt-changeNew { display:block; font-size: 8px; color: black; padding: 0.1em; line-height: 1.2em; }
		.work .container .row .fnt-changeNew { display:block; font-size: 8px; color: black; padding: 0.1em; line-height: 1.2em; }
		#fntChangeID    { display:block; font-size: 8px; color: blue; padding: 0.1em; line-height: 1.2em; }
      .work .container .row .container .descrFntChange { display:block; font-size: 8px; color: blue; opacity: 0.7; line-height: 1.2em; }
		#sectionBrief_firstLetter p:first-of-type::first-letter { font-size: 12px; font-weight: bold; color: red; }
		#pricingBottom     {margin-bottom:40px;}
		#pricingCancellingT{margin-bottom:10px;}

		#divTopBottomMargin{ margin-top:-60px; margin-bottom:-20px;}
		#divTopMargin      { margin-top:-20px; }
		#titleTopMargin    { margin-top:-80px; }
		#titleTopFont      { margin-top:-50px; font-size: 15px;}

		th, td { padding: 1px; }
		td { width: 1em;}

		.subSectionTitleReservation {margin-top:-100px; font-size:12px;}
		.subSectionTitleCommsForm   {margin-top:-60px; font-size:12px;}
		.subSectionTitleInside      {margin-top:-55px; font-size:12px;}

      #glyFooterA     { margin-top:35px;}
		#glyOrganise    { width: auto; display: inline; flex-direction: column; flex-wrap: wrap; height: 1.2em; margin-top: -3.5em; margin-bottom: 1em; font-size: 8px; line-height:1.3em; li { height: 1.2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } }
		#glyMoveLeft    { font-size: 1em; margin-left: 40px; }
		#glyMoveTopLeft { font-size: 1em; margin-left: 30px; margin-top:-0.5em; }
		#glyCopyright   { font-size: 0.6em; margin-left: 25px; }

      .carouselBlock  {font-size:8px; margin-bottom:-10px;margin-top:0px; margin-right:0px; margin-left:-5px;padding:0px;}
		.carouselArea   {width: 100%;height: 100%;}
		.carouselBath   {width: 80%;height: 60%;}
		.copyright      { padding-top:8px; }

		.Cclose         { margin-top: 50px; margin-right: 5px; }
		.modal          { margin-top: 30px; margin-right: 30px; }

		.form-control   { box-shadow:none; height: 30px;font-size: 9px; }
		#only400Top     { margin-top:-1em; }

		
      .navbar-default { height: 37px;padding:2px 0 0 0;}
		header { margin-top: 0px; margin-top:0px; height: 35px; }
		header .navbar .container .navbar-header-home .navbar-brand img { width: 35px; height: 45px; margin-top: 1px; }

		header.small .home-nav { height: 25px; }
		header.small .home-nav .navbar-brand { height: 25px; }
		header.large .home-nav .navbar-brand { height: 35px; padding: 0px 8px; }
		header.small h1{ display: inline-block; color: #4d4d4d; font-size: 11px; float: left; margin-top: 20px; }
		header.large img { width: 35px; height: 35px; }
		header.small img{ width: 25px; height: 25px; margin-top: 8px; }
		header.small .navbar-default .navbar-toggle { margin-top: 0px; }
      
		.aboutAroundP           {margin-top:0px;}
		.aboutAroundH           {margin-top:0px;}

		#contactFormFT          { margin-bottom:10px;}
		#glyFooter              { }
		#glycontactFormFooter   { margin-top: -30px;}
		#glycommsFormFooter     { margin-top: -30px;}
		#glyaroundFormFooter    { margin-top: -40px;}
		#glyoutsideFormFooter   { margin-top: -40px;}
		#glyinsideFormFooter    { margin-top: -40px;}
		#glytopFormFooter       { margin-top: -40px;}

	}

	/* Custom, iPhone Retina */
	@media screen and (min-width: 320px) and (max-width: 568px) {
      .mrgA {margin-top:-50px;}
	   .medA1{margin-bottom:-170px;}
      .mrgU {margin-top:-20px;}
      .mrgU1{margin-top:-20px;}
      .mrgL {margin-left:1px;margin-right:5px;}
      .mrgI {margin-top:0px;margin-left:-20px;}
      .mrgO {margin-top:0px;margin-right:5px;}
      .mrgO1{margin-bottom:-40px;}
      .ftr0 {margin-top:-10px;margin-left:-25px;}
		#glyMoveLeft    {font-size: 11px; margin-left:10px; margin-right:-10px;}
		#glyMoveTopLeft {font-size: 11px; margin-left:10px; margin-right:-10px;margin-top:-0.5em; }
      .glyA {margin-left:20px;}
      .glyB {margin-left:10px;}
      .glyC {margin-left:10px;}
		footer {min-height:90px;margin-bottom:20px;}

      #testBorder { border-style:solid; border-width:thin; border-color: white; }

		.cncA {margin-left:20px;}
		.indA1{margin-top:70px;}
		.cncA1{margin-top:-10px;margin-bottom:-150px;}
      .cncA2 {margin-top:40px;}
		.cncA3{margin-top:-40px;}
		.cncA4{margin-top:-20px;}
		.cncA5{margin-top:50px;}
		.cncA6{margin-top:-50px;}
		.cncA7{margin-top:-70px;}
		.thnA1{margin-top:-10px;}
		.thnA2{margin-top:-20px;}
		.cncB {margin-left:-20px; margin-top:0px;}
		.cncB1{margin-top:-40px;}
		.rowL {margin-left:-20px;}
		.rowLL{margin-left:20px;}
		.rowL1{margin-left:0px;margin-top:10px;}
		.rowL2{margin-left:0px;margin-top:0px;margin-right:5px;}
		.rowL3{margin-top:10px;}
		.rowL4{margin-top:-50px;}
		.rowS1{margin-top:-10px;}
		.rowS2{margin-top:-5px;}
	   .mm1 {margin-left:-40px;}
	   .mm11{line-height:1.6em;}
		.cntA1{margin-top:-20px;}
		.cntA2{margin-top:10px;margin-bottom:5px;}
		.cntA3{font-size:12px;font-weight:bold;font-family: 'FlexoDemi', sans-serif;line-height:1.4px;}
		.cntA4{font-size:12px;font-family: 'FlexoDemi', sans-serif;line-height:1.4px;}
		.cntA5{margin-top:-20px;}
		
		header .navbar-default .navbar-nav>li>a { color: black; font-family: 'FlexoDemi', sans-serif; font-size: 12px;text-shadow:none;margin-left:40px;line-height: 1.2em;}

      .subSectionTitleTest {font-size: 12px; font-weight: bold; color: black; font-family: 'FlexoDemi', sans-serif; margin-bottom:5px; margin-top: 0px; }
		.work .container .row .container .fnt-changeNew { display:block; font-size: 10px; color: black; padding: 0.2em; line-height: 1.2em; text-align: justify;}
		.work .container .row .fnt-changeNew { display:block; font-size: 10px; color: black; padding: 0.2em; line-height: 1.2em; text-align: justify;}


		.aboutHAAA {margin-left:10px;margin-top:-40px;}
		#aboutHAId {color: #df473e;}
		#aboutHAId {margin-bottom:-20px;;}
		#aboutHBId {margin-bottom:-20px;}
		#aboutHA { margin-top:-200px;margin-bottom:-20px;}
		#aboutIA { margin-top:-10px; margin-bottom:45px;}

      header h1{ font-size: 12px; display: none; }
		#topTitleOutside { margin-top: -15px; margin-bottom:45px;}
		#topTitOutside   { margin-left:10px;}

		.home-about .headline { font-size:10px; position:fixed; margin-top:80px; }
		.home-about .jumbotron .headline  h2 { font-size: 16px; font-weight:bold; font-family:'GiddyUpStd', sans-serif; margin-bottom: 20px; }
      .home-about .jumbotron .headline  h1 { font-size: 36px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 35px; }
      .home-about .jumbotron .headline h2 span { font-family:'FlexoBold', sans-serif; line-height: 35px; }
      .home-about .jumbotron  .font-change { font-family: 'GiddyUpStd', sans-serif; color: #df473e;}

		.home-dupl .headline                { font-size: 10px; position: fixed; margin-top: 80px; }
		.home-dupl .jumbotron .headline  h2 { font-size: 16px; font-weight:bold; font-family:'GiddyUpStd', sans-serif; margin-bottom: 20px; }
      .home-dupl .jumbotron .headline  h1 { font-size: 36px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 35px; }
      .home-dupl .jumbotron .headline   h2 span { font-family:'FlexoBold', sans-serif; line-height: 35px; }

		.home-dupl#commsId            .headline     { font-size: 10px; position: fixed; margin-top: 120px; }
      .home-dupl#commsId .jumbotron  .headline h2 { font-size: 16px; font-weight:bold; font-family:'FlexoRegular', sans-serif; margin-bottom: 20px; }
		.home-dupl#commsId .jumbotron .headline  h1 { font-size: 36px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 35px; }
      .home-dupl#commsId .jumbotron .headline h2 span { display: inline; font-family:'FlexoBold', sans-serif; line-height: 35px; }

		.home-dupl#contactPointId            .headline     { font-size: 10px; position: fixed; margin-top: 100px; }
      .home-dupl#contactPointId .jumbotron .headline h2  { font-size: 16px; font-weight:bold; font-family:'GiddyUpStd', sans-serif; margin-bottom: 20px; }
      .home-dupl#contactPointId .jumbotron .headline h1  { font-size: 36px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 35px; }
      .home-dupl#contactPointId .jumbotron .headline   h2 span { font-family:'FlexoBold', sans-serif; line-height: 35px; }

		.aboutHBBB                           {margin-bottom:15px;}
		.aboutHHBB                           {margin-top:-20px;}
		.aboutHH1                            {margin-top:0px;}
		.aboutHH2                            {margin-top:-15px;}
		

		#aboutHB {color:white;font-size:26px; margin-top:-50px;margin-bottom: -50px;line-height: 25px;}

		.home-about  .jumbotron {padding: 10px;}
		.home-dupl   .jumbotron {padding: 10px;}

		.work {padding-top:0.3em;}
		.underlineSubtitle { border-top:-40px; padding-bottom:0px;width:0px;}


		#fntChangeID    { display:block; font-size: 12px; color: blue; padding: 0.1em; line-height: 1.2em; }
      .work .container .row .container .descrFntChange { display:block; font-size: 12px; color: blue; opacity: 0.7; line-height: 1.2em; }
		#sectionBrief_firstLetter p:first-of-type::first-letter { font-size: 16px; font-weight: bold; color: red; }
		#pricingBottom     {margin-bottom:40px;}
		#pricingCancellingT{margin-bottom:10px;}


		#divTopBottomMargin{ margin-top:-60px; margin-bottom:-20px;}
		#divTopMargin      { margin-top:-20px; }
		#titleTopMargin    { margin-top:-80px; }
		#titleTopFont      { margin-top:-50px; font-size: 15px;}

		th, td { padding: 1px; }
		td { width: 1em;}

		.subSectionTitleReservation {margin-top:-100px; font-size:15px;}
		.subSectionTitleCommsForm   {margin-top:-60px; font-size:15px;}
		.subSectionTitleInside      {margin-top:-55px; font-size:15px;}
		.beforeFooter {display: block; font-size:10px; line-height:1.6em;}

      #glyFooterA     { margin-top:35px;}
		#glyOrganise    { width: auto; display: inline; flex-direction: column; flex-wrap: wrap; height: 1.2em; margin-top: -3.5em; margin-bottom: 1em; font-size: 10px; line-height:1.3em; li { height: 1.2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } }
		#glyMoveLeft    { font-size: 1em; margin-left: 40px; }
		#glyMoveTopLeft { font-size: 1em; margin-left: 30px; margin-top:-0.5em; }
		#glyCopyright   { font-size: 0.6em; margin-left: 25px; }

      .carouselBlock  {font-size:12px; margin-bottom:-10px;margin-top:0px; margin-right:0px; margin-left:-5px;padding:0px;}
		.carouselArea   {width: 100%;height: 100%;}
		.carouselBath   {width: 80%;height: 60%;}
		.copyright      { padding-top:8px; }

		.Cclose         { margin-top: 50px; margin-right: 5px; }
		.modal          { margin-top: 30px; margin-right: 30px; }

		.form-control   { box-shadow:none; height: 30px;font-size: 13px; }
		#only400Top     { margin-top:-1em; }
		header .navbar .container .navbar-header-home .navbar-brand img { width: 45px; height: 45px; margin-top: 5px; }

		.aboutAroundP           {margin-top:0px;}
		.aboutAroundH           {margin-top:0px;}

		#contactFormFT          { margin-bottom:10px;}
		#glyFooter              { }
		#glycontactFormFooter   { margin-top: -30px;}
		#glycommsFormFooter     { margin-top: -30px;}
		#glyaroundFormFooter    { margin-top: -40px;}
		#glyoutsideFormFooter   { margin-top: -40px;}
		#glyinsideFormFooter    { margin-top: -40px;}
		#glytopFormFooter       { margin-top: -40px;}

	}

	@media screen and (min-width: 321px) and (max-width: 426px) {

      .mrgA {margin-top:-50px;}
      .mrgU {margin-top:-20px;}
      .mrgU1{margin-top:-20px;}
      .mrgL {margin-left:1px;margin-right:5px;}
      .mrgI {margin-top:-20px;margin-left:-20px;}
      .mrgO {margin-top:-20px;margin-right:5px;}
      .mrgO1{margin-bottom:-40px;}
      .ftr0 {margin-top:-40px;margin-left:-25px;}
		#glyMoveLeft    {font-size: 11px; margin-left:10px; margin-right:-10px;}
		#glyMoveTopLeft {font-size: 11px; margin-left:10px; margin-right:-10px;margin-top:-0.5em; }
      .glyA {margin-left:20px;}
      .glyB {margin-left:10px;}
      .glyC {margin-left:10px;}
		footer {min-height:90px;margin-bottom:20px;}

      #testBorder { border-style:solid; border-width:thin; border-color: white; }

		.cncA {margin-left:20px;}
		.indA1{margin-top:70px;}
		.cncA1{margin-top:-10px;margin-bottom:-150px;}
      .cncA2 {margin-top:40px;}
		.cncA3{margin-top:-40px;}
		.cncA4{margin-top:-20px;}
		.cncA5{margin-top:50px;}
		.cncA6{margin-top:-50px;}
		.cncA7{margin-top:-70px;}
		.thnA1{margin-top:-10px;}
		.thnA2{margin-top:-20px;}
		.cncB {margin-left:-20px; margin-top:0px;}
		.cncB1{margin-top:-40px;}
		.rowL {margin-left:-20px;}
		.rowLL{margin-left:20px;}
		.rowL1{margin-left:0px;margin-top:10px;}
		.rowL2{margin-left:0px;margin-top:0px;margin-right:5px;}
		.rowL3{margin-top:10px;}
		.rowL4{margin-top:-50px;}
		.rowS1{margin-top:-10px;}
		.rowS2{margin-top:-10px;}
	   .mm1 {margin-left:-40px;}
	   .mm11{line-height:1.6em;}
		.cntA1{margin-top:-20px;}
		.cntA2{margin-top:10px;margin-bottom:5px;}
		.cntA3{font-size:12px;font-weight:bold;font-family: 'FlexoDemi', sans-serif;line-height:1.4px;}
		.cntA4{font-size:12px;font-family: 'FlexoDemi', sans-serif;line-height:1.4px;}
		.cntA5{margin-top:-20px;}
		
		#aboutIA { margin-top:40px; margin-bottom:50px;}
		 #aboutHAId {color: #df473e;}

      .work .container .row .fnt-changeNew             { margin-top:-50px; font-size: 14px; font-family:'GiddyUpStd', sans-serif; color: black; padding: 0.5em; text-align: justify; line-height: 1.2em;}
      .work .container .row .container .fnt-changeNew  { margin-top:-50px; font-size: 14px; font-family:'GiddyUpStd', sans-serif; color: black; padding: 0.5em; text-align: justify; line-height: 1.2em;}
      .subSectionTitleTest {font-size: 20px; font-weight: bold; color: black; font-family: 'FlexoDemi', sans-serif; margin-bottom:5px; margin-top: 0px; }
		.subSectionTitleReservation {margin-top:-80px; font-size:17px;}
      .carouselBlock  {font-size:11px; margin-bottom:-10px;margin-top:0px; margin-right:0px; margin-left:-5px;padding:0px;}
		#glyOrganise    { width: auto; display: inline; flex-direction: column; flex-wrap: wrap; height: 1.3em; margin-top: -3.5em; margin-bottom: 1em; font-size: 12px; line-height:1.8em; li { height: 1.3em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } }
		#glyMoveLeft    { font-size: 1.1em; margin-left: 40px; }
		#glyMoveTopLeft { font-size: 1.1em; margin-left: 30px; margin-top:-0.5em; }
		#glyCopyright   { font-size: 0.7em; margin-left: 25px; }
		.modal          { margin-top: 35px; margin-right: 35px; }
		#only400Top     { margin-top:-1em; }
      #glyFooterA     { margin-top:40px;}
		header .navbar .container .navbar-header-home .navbar-brand img { width: 50px; height: 50px; margin-top: 7px; }

		.aboutAroundP           {margin-top:30px;}
		.aboutAroundH           {margin-top:40px;}

		#contactFormFT          { margin-bottom:10px;}
		#glyFooter              { }
		#glycontactFormFooter   { margin-top: -30px;}
		#glycommsFormFooter     { margin-top: -30px;}
		#glyaroundFormFooter    { margin-top: -40px;}
		#glyoutsideFormFooter   { margin-top: -40px;}
		#glyinsideFormFooter    { margin-top: -40px;}
		#glytopFormFooter       { margin-top: -40px;}

	}

	@media screen and (min-width: 427px) and (max-width: 568px) {
		#aboutIA   {margin-top:40px; margin-bottom:40px;}
		#aboutHAId {color: #df473e;}
		#aboutHAId {font-size:13px;margin-top:50px;margin-bottom:60px;}
		#aboutHBId {color:white;font-size: 20px; line-height: 20px;}

      .work .container .row .container .fnt-changeNew     { margin-top:-50px; font-size: 15px; font-family:'GiddyUpStd', sans-serif; color: black; padding: 0.5em; text-align: justify; line-height: 1.2em;}
      .work .container .row .fnt-changeNew     { margin-top:-50px; font-size: 15px; font-family:'GiddyUpStd', sans-serif; color: black; padding: 0.5em; text-align: justify; line-height: 1.2em;}
      .subSectionTitleTest {font-size: 25px; font-weight: bold; color: black; font-family: 'FlexoDemi', sans-serif; margin-bottom:5px; margin-top: 0px; }
		.subSectionTitleReservation {margin-top:-80px; font-size:19px;}
		.beforeFooter   {display: block; font-size:11px; line-height:1.4em;}
      .carouselBlock  {font-size:12px; margin-bottom:-10px;margin-top:0px; margin-right:0px; margin-left:-5px;padding:0px;}
		#glyOrganise    { width: auto; display: inline; flex-direction: column; flex-wrap: wrap; height: 1.3em; margin-top: -3.5em; margin-bottom: 1em; font-size: 12px; line-height:1.8em; li { height: 1.3em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } }
		#glyMoveLeft    { font-size: 1.2em; margin-left: 40px; }
		#glyMoveTopLeft { font-size: 1.2em; margin-left: 30px; margin-top:-0.5em; }
		#glyCopyright   { font-size: 0.75em; margin-left: 25px; }
		.modal          { margin-top: 40px; margin-right: 40px; }
		#only400Top     { margin-top:-1em; }
		.subSectionTitleInside {margin-top:-25px; }
		#topTitleOutside { margin-top: 25px; }
      #glyFooterA     { margin-top:45px;}
		header .navbar .container .navbar-header-home .navbar-brand img { width: 54px; height: 54px; margin-top: 8px; }

		.aboutAroundP           {margin-top:30px;}
		.aboutAroundH           {margin-top:40px;}
		.subBottShift           {margin-bottom:30px; }
		.subMTopShift           {margin-top:-60px; }


		#contactFormFT          { margin-bottom:10px;}
		#glyFooter              { }
		#glycontactFormFooter   { margin-top: -30px;}
		#glycommsFormFooter     { margin-top: -30px;}
		#glyaroundFormFooter    { margin-top: -40px;}
		#glyoutsideFormFooter   { margin-top: -40px;}
		#glyinsideFormFooter    { margin-top: -40px;}
		#glytopFormFooter       { margin-top: -40px;}

	}

	@media screen and (min-width: 528px) and (max-width: 568px) {
		#aboutHAId {color: #df473e;}
		#aboutHAId {font-size:15px;margin-top:-30px;margin-bottom:-30px;}
		#aboutHBId {color:white;font-size: 26px; line-height: 25px;}

      .subSectionTitleTest { font-size: 28px; font-weight: bold; color: white; font-family: 'FlexoDemi', sans-serif; margin-bottom:5px; margin-top: 0px; }
		.subSectionTitleReservation {margin-top:-80px; font-size:20px;}

		.work .container .row .container .fnt-changeNew  { display:block; font-size: 16px; color: black; padding: 0.1em; line-height: 1.2em; }
		.work .container .row .fnt-changeNew  { display:block; font-size: 16px; color: black; padding: 0.1em; line-height: 1.2em; }
      .work .container .row .container .descrFntChange { display:block; font-size: 14px; color: blue; opacity: 0.7; line-height: 1.2em; }

		.beforeFooter   {display: block; font-size:12px; line-height:1.5em;}
      .carouselBlock  {font-size:14px; margin-bottom:-10px;margin-top:0px; margin-right:0px; margin-left:-5px;padding:0px;}
		#glyOrganise    { width: auto; display: inline; flex-direction: column; flex-wrap: wrap; height: 1.3em; margin-top: -3.5em; margin-bottom: 1em; font-size: 11px; line-height:1.8em; li { height: 1.3em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } }
		#glyMoveLeft    { font-size: 11px; margin-left: 30px; }
		#glyMoveTopLeft { font-size: 11px; margin-left: 30px; margin-top:-0.5em; }
		#glyCopyright   { font-size: 10px; margin-left: 25px; }

		.modal          { margin-top: 45px; margin-right: 45px; }
		#only400Top     { margin-top:-1em; }
		.subSectionTitleInside {margin-top:-25px; }
		#topTitleOutside { margin-top: 25px; }
		#fntChangeID    { display:block; font-size: 14px; color: blue; padding: 0.1em; line-height: 1.2em; }
		#sectionBrief_firstLetter p:first-of-type::first-letter { font-size: 18px; font-weight: bold; color: red; }

		#pricingBottom   {margin-top:30px;margin-bottom:40px;}
      #glyFooterA     { margin-top:45px;}
		header .navbar .container .navbar-header-home .navbar-brand img { width: 60px; height: 60px; margin-top: 10px; }

		#pricingReservingT      {margin-top:-25px;}
		#reservingTop           {margin-top:-10px; margin-bottom:10px;}

		.aboutAroundP           {margin-top:30px;}
		.aboutAroundH           {margin-top:40px;}
		.subBottShift           {margin-bottom:30px; }
		.subMTopShift           {margin-top:-60px; }


		#contactFormFT          { margin-bottom:10px;}
		#glyFooter              { }
		#glycontactFormFooter   { margin-top: -30px;}
		#glycommsFormFooter     { margin-top: -30px;}
		#glyaroundFormFooter    { margin-top: -40px;}
		#glyoutsideFormFooter   { margin-top: -40px;}
		#glyinsideFormFooter    { margin-top: -40px;}
		#glytopFormFooter       { margin-top: -40px;}

	}

	@media screen and (min-width: 569px) and (max-width: 991px) {
      .mrgA {margin-top:-50px;}
      .mrgU {margin-top:-20px;}
      .mrgU1{margin-top:-20px;}
      .mrgL {margin-left:1px;margin-right:5px;}
      .mrgI {margin-top:-20px;margin-left:-20px;}
      .mrgO {margin-top:-20px;margin-right:5px;}
      .mrgO1{margin-bottom:-40px;}
      .ftr0 {margin-top:-40px;margin-left:-25px;}
		#glyMoveLeft    {font-size: 11px; margin-left:10px; margin-right:-10px;}
		#glyMoveTopLeft {font-size: 11px; margin-left:10px; margin-right:-10px;margin-top:-0.5em; }
      .glyA {margin-left:20px;}
      .glyB {margin-left:10px;}
      .glyC {margin-left:10px;}
		footer {min-height:90px;margin-bottom:20px;}

      #testBorder { border-style:solid; border-width:thin; border-color: white; }

		.cncA {margin-left:20px;}
		.indA1{margin-top:70px;}
		.cncA1{margin-top:-10px;margin-bottom:-150px;}
      .cncA2 {margin-top:40px;}
		.cncA3{margin-top:-40px;}
		.cncA4{margin-top:-20px;}
		.cncA5{margin-top:50px;}
		.cncA6{margin-top:-50px;}
		.cncA7{margin-top:-70px;}
		.thnA1{margin-top:-10px;}
		.thnA2{margin-top:-20px;}
		.cncB {margin-left:-20px; margin-top:0px;}
		.cncB1{margin-top:-40px;}
		.rowL {margin-left:-20px;}
		.rowLL{margin-left:20px;}
		.rowL1{margin-left:0px;margin-top:10px;}
		.rowL2{margin-left:0px;margin-top:0px;margin-right:5px;}
		.rowL3{margin-top:10px;}
		.rowL4{margin-top:-50px;}
		.rowS1{margin-top:-10px;}
		.rowS2{margin-top:-10px;}
	   .mm1 {margin-left:-40px;}
	   .mm11{line-height:1.6em;}
		.cntA1{margin-top:-20px;}
		.cntA2{margin-top:10px;margin-bottom:5px;}
		.cntA3{font-size:12px;font-weight:bold;font-family: 'FlexoDemi', sans-serif;line-height:1.4px;}
		.cntA4{font-size:12px;font-family: 'FlexoDemi', sans-serif;line-height:1.4px;}
		.cntA5{margin-top:-20px;}
		
		#aboutIA   {margin-top:40px; margin-bottom:40px;}
		#aboutHAId {color: #df473e;}
		#aboutHAId {font-size:15px;margin-top:10px;margin-bottom:-30px;}
		#aboutHBId {color:white;font-size: 26px; line-height: 25px;}
		#aboutTra  {margin-top:20px;}

		#topTitleOutside { margin-left:15px;margin-top:60px; margin-bottom:45px;}
		.navbar-collapse {background: none;}
		header.large .navbar-collapse {background: none;}
		header.small .navbar-collapse {background: none;}
		.navbar-nav {float: right; margin-top: 0px;}
		.navbar-default {padding-top: 10px;}
		.navbar-default .navbar-collapse li a {margin-top: 0px; font-size: 14px;}
		.navbar-default .navbar-collapse, .navbar-default .navbar-form {background: none;}
		.nav>li>a {padding: 10px 15px;}
		.inner-nav .navbar-header-inner h1 {display: inherit;}
		header.large img {width: 100px;height: 100px;}
		header img {width: 100px;height: 100px;}

		.home-about  .headline               { font-size: 16px; position: fixed; margin-top: 150px; }
		.home-about .jumbotron .headline  h2 { font-size: 26px; font-weight:bold; font-family:'GiddyUpStd', sans-serif; margin-bottom: 30px; }
      .home-about .jumbotron .headline  h1 { font-size: 46px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 45px; }
      .home-about .jumbotron .headline h2 span { font-family:'FlexoBold', sans-serif; line-height: 55px; }

		.home-dupl .headline                { font-size: 16px; position: fixed; margin-top: 150px; }
		.home-dupl .jumbotron .headline  h2 { font-size: 26px; font-weight:bold; font-family:'GiddyUpStd', sans-serif; margin-bottom: 30px; }
      .home-dupl .jumbotron .headline  h1 { font-size: 46px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 45px; }
      .home-dupl .jumbotron .headline   h2 span { font-family:'FlexoBold', sans-serif; line-height: 55px; }

		.home-dupl#commsId .headline                       { font-size: 16px; position: fixed; margin-top: 180px; }
      .home-dupl#commsId        .jumbotron .headline h2  { font-size: 26px; font-weight:bold; font-family:'GiddyUpStd', sans-serif; margin-bottom: 20px; }
      .home-dupl#commsId        .jumbotron .headline h1  { font-size: 46px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 45px; }
      .home-dupl#commsId    .jumbotron .headline h2 span { display: inline; font-family:'FlexoBold', sans-serif; line-height: 55px; }

		.home-dupl#contactPointId            .headline     { font-size: 16px; position: fixed; margin-top: 150px; }
      .home-dupl#contactPointId .jumbotron .headline h2  { font-size: 26px; font-weight:bold; font-family:'GiddyUpStd', sans-serif; margin-bottom: 20px; }
      .home-dupl#contactPointId .jumbotron .headline h1  { font-size: 46px; font-family:'FlexoHeavy', sans-serif; text-transform: uppercase; line-height: 45px; }
      .home-dupl#contactPointId .jumbotron .headline   h2 span { font-family:'FlexoBold', sans-serif; line-height: 55px; }

		.aboutHBBB                           {margin-bottom:20px;}
		.aboutHHBB                           {margin-top:-20px;}
		.aboutHH1                            {margin-top:0px;}
		.aboutHH2                            {margin-top:15px;}

		.home-about  .jumbotron {padding: 10px;}
		.home-dupl   .jumbotron {padding: 10px;}

      .subSectionTitleTest { font-size:30px; font-weight: bold; color: black; font-family: 'FlexoDemi', sans-serif; margin-bottom:5px; margin-top: 0px; }

		.work {padding-top:0.3em;}
		.underlineSubtitle { border-top:-40px; padding-bottom:0px;width:0px;}
		.work .container .row .container .fnt-changeNew { display:block; font-size: 20px; color: black; padding: 0.1em; line-height: 1.25em; }
		.work .container .row  .fnt-changeNew { display:block; font-size: 20px; color: black; padding: 0.1em; line-height: 1.25em; }
      .work .container .row .container .descrFntChange { display:block; font-size: 15px; color: blue; line-height: 1.25em; }
		#fntChangeID     { display:block; font-size: 15px; color: blue; padding: 0.1em; line-height: 1.2em; }
		#sectionBrief_firstLetter p:first-of-type::first-letter { font-size: 22px; font-weight: bold; color: red; }

		#divTopBottomMargin  { margin-top:-60px; margin-bottom:-20px;}
		#divTopMargin  { margin-top:-20px; }
		#titleTopMargin { margin-top:-80px; }
		#titleTopFont { margin-top:-50px; font-size: 18px;}

		th, td { padding: 1px; }
		td { width: 1.1em;}

		.subSectionTitleReservation {margin-top:-80px; font-size:18px;}
		.beforeFooter   {display: block; font-size:12px; line-height:1.3em;}
      #sutMap{ width: 100%; height: 100%;}
      .carouselBlock  {font-size:13px; margin-bottom:-10px;margin-top:0px; margin-right:0px; margin-left:-5px;padding:0px;}
		.carouselBath   img {width: 50%;height: 50%;}
		.carouselArea   img {width: 100%;height: 100%;}

		#glyOrganise    {display: inline; flex-direction: column; flex-wrap: wrap; height: 1.2em; margin-top: -1.5em; margin-bottom: 1em; font-size: 12px; line-height:1.4em; li { height: 1.2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } }
		#glyMoveLeft    {font-size: 12px; margin-left: 30px; margin-right:5px;margin-top:-5px;}
		#glyMoveTopLeft {margin-left: 30px; margin-right:-5px;margin-top:-13px;}
		#glyCopyright   {font-size: 11px; margin-left:25px; }

		.home-about                .container {height: 500px;}
		.home-dupl                 .container {height: 500px;}
		.home-dupl#commsId         .container {height: 500px;}
		.home-dupl#contactPointId  .container {height: 500px;}

		.modal          { margin-top: 30px; margin-right: 30px; }

		.form-control   { box-shadow:none; height: 30px;font-size: 13px; }
		#only400Top     { margin-top:-1em; }
		.subSectionTitleInside {font-size:18px;margin-top:-25px; }
		#topTitleOutside { margin-top: 25px; }
		#sectionBrief_firstLetter p:first-of-type::first-letter { font-size: 22px; font-weight: bold; color: red; }

		#pricingBottom   {margin-top:30px;margin-bottom:40px;}
      #glyFooterA     { margin-top:45px;}


		header .navbar .container .navbar-header-home .navbar-brand img { width: 60px; height: 60px; margin-top: 10px; }

		#reservingTop           {margin-top:-25px; margin-bottom:0px;}

		.aboutAroundP           {margin-top:30px;}
		.aboutAroundH           {margin-top:40px;}
		.subBottShift           {margin-bottom:30px; }
		.subMTopShift           {margin-top:-60px; }

		#contactFormFT          { margin-bottom:10px;}
		#glyFooter              { }
		#glycontactFormFooter   { margin-top: 10px;}
		#glycommsFormFooter     { margin-top: -30px;}
		#glyaroundFormFooter    { margin-top: -40px;}
		#glyoutsideFormFooter   { margin-top: -40px;}
		#glyinsideFormFooter    { margin-top: -40px;}
		#glytopFormFooter       { margin-top: -40px;}

	}

	@media screen and (min-width: 639px) and (max-width: 991px) {
      .mrgA {margin-top:-20px;}

      .subSectionTitleTest { font-size: 34px; font-weight: bold; color: black; font-family: 'FlexoDemi', sans-serif; margin-bottom:5px; margin-top: 0px; }

		#aboutHAId {color: #df473e;}
		#aboutHAId {font-weight:bold;font-size:30;margin-top:10px;margin-bottom:-30px;}
		.work .container .row .container .fnt-changeNew { display:block; font-size: 24px; color: black; padding: 0.1em; line-height: 1.2em; }
		.work .container .row .fnt-changeNew { display:block; font-size: 24px; color: black; padding: 0.1em; line-height: 1.2em; }
      .work .container .row .container .descrFntChange { display:block; font-size: 15px; color: blue; opacity: 0.7; line-height: 1.2em; }
		.modal          { margin-top: 60px; margin-right: 60px; }

      #glyFooter      {margin-top:-2.3em;}
		#glyOrganise    {display: inline; flex-direction: column; flex-wrap: wrap; height: 1.35em; margin-top: -1.5em; margin-bottom: 1em; font-size: 13px; line-height:1.6em; li { height: 1.35em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } }
		#glyMoveLeft    {font-size: 12px; margin-left: 30px; margin-right:15px;margin-top:3px;}
		#glyMoveTopLeft {margin-left: 30px; margin-right:-1px;margin-top:-10px;}
		#glyCopyright   {font-size: 12px; margin-left:25px; }

		footer .fa-li   { color: #ffffff;top: 10px; font-size: 12px; }
		footer .fa      { color: #ffffff;top: 10px; font-size: 12px; }


		#reservingTop           {margin-top:-25px; margin-bottom:0px;}
	}

/****
@media screen and (max-width: 991px) {
}

@media screen and (max-width: 767px) {
start of medium tablet styles 

}

@media screen and (max-width: 479px) {
start of phone style

}
****/
/* Large Devices, Wide Screens */
@media screen and (min-width : 1200px) {
   .ftr0 {margin-top:0px;margin-left:100px;}
   .glyA {margin-left:0px;}
	.medA1{margin-bottom:-100px;}
   .cncA1{margin-top:-20px;}
   .cncA5{margin-top:-10px;}
   .rowL1{margin-left:20px;}

	.villaLocation {background-position: 100% 70px; background-size: 40%; }
	.subSectionTitleTest { font-size: 34px; font-weight: bold; color: black; font-family: 'FlexoDemi', sans-serif; margin-bottom:5px; margin-top: 0px; }
	.fnt-changeNew { font-size:26px; font-weight:bold; color:black; line-height: 1.4em; margin-top:-50px;}
	.home-about               .headline {position: fixed; top: 50%; margin-top: -100px;}
	.home-dupl                .headline {position: fixed; top: 50%; margin-top: -100px;}
	.home-dupl#commsId        .headline {position: fixed; top: 50%; margin-top: -100px;}
	.home-dupl#contactPointId .headline {position: fixed; top: 50%; margin-top: -100px;}
}