/*
''template details start''
'name:Page
'primary:true
'serial:66112
'cssFile:template_page.css
'aspFile:template_page.asp
''template details end''
*/

/* defaults - copied from CMS2016.css so documents will inherit these styles in editing mode 
	* { vertical-align:baseline; font-weight:inherit; font-family:inherit; font-style:inherit; font-size:100%; border:0 none; outline:0; padding:0; margin:0; }*/
	html, body { margin:0; padding:0; font-family:'sans-serif', sans-serif; font-weight:400; color:#555; }
	a { color:#07C; text-decoration:none; }
	a:hover { opacity:0.9; }
	p { margin:1em 0; }
	h1 { font-size:175%; font-weight:400; }
	.pageTitle { border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:30px; text-align:center; }
	h2 { font-size:135%; font-weight:400; }
	h3 { font-size:100%; font-weight:600; }
	hr { height:0; border:none; border-top:#eee solid 1px; margin:1.5em 0; }
	hr.noLine { border:1px solid #fff; }
	ul, ol { margin:1em 0; }
	ul li, ol li { margin:0 0 0 30px; }
	b, strong { font-weight:bold; font-weight:600; }
	.clear { clear:both; }
	iframe { width:100% !important; display:block; }
	.box { padding:30px; border:1px solid #e6e6e6; box-sizing:border-box; }
	.note { padding:20px; background:#fffacd; font-style:italic; font-size:90%; }
/* defaults - copied from CMS2016.css so documents will inherit these styles in editing mode */

.row { max-width:1100px; } /* set the max width of the website row */

/* colours - first is for CMS editor, second is to overide CMS2016.css */
h1.pageTitle,
h2.pageTitle, h1 { color:#333; color:#006893; font-size:150%; font-weight:400; margin-bottom:40px; font-family: 'Roboto Slab', serif; }
h2, .pageContent h2 { color:#006893; font-weight:400; font-family: 'Roboto Slab', serif; }
h3, .pageContent h3 { color:#333; font-size:110%; }
.btn, .bodyStyle .btn { background:#006893; color:#fff; font-family: 'Roboto Slab', serif; }
.bodyStyle .btn:hover { opacity:0.9; }
.box, .pageContent .box { border:1px solid #e6e6e6; }
.intro h1 {font-size:36pt; font-weight:600;}
.intro p {font-family: sans-serif; padding:10px 0; }
h1 {font-weight:bold;}
h1.main-heading {font-size:36pt; font-weight:bold; text-align:left;}
.contact-us p {font-size:18pt; margin:0; }
h2.h2-heading {margin-top:20px; font-weight:bold; }
h3.list-heading {font-size:18pt; font-weight:bold; margin:15px 0;}
.list-heading a {color:#006893;}
p.small-text {font-size:10pt; font-weight:bold;}

/* gradient */
.bodyStyle .datepicker-button,
.bodyStyle .btn { text-transform:uppercase; font-family: 'Roboto Slab', serif; border-radius:4px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a14c', endColorstr='#006893',GradientType=0 ); /* IE6-9 */ }
.bodyStyle .btn:hover { background:#006893; transition:none; }

/* header Navbar */
.headerNav nav {display:inline-block;}
.headerNav .flexnav > li > a { padding:0 12px; line-height:50px; font-weight:400; font-size:100%; text-transform:uppercase; }
.homeHeader .row { position:relative; z-index:2; max-width:1400px; text-align:center; }

/* header */
.header-logo { width: 200px; padding: 10px;}
#headerBlock { height:600px; position:relative; }
.pageHeader { position:relative; overflow:hidden; padding:100px 20px 60px; box-sizing:border-box; height:280px; position:absolute; top:0; left:0; right:0; }
.logoLeft { display:inline-block; float:left; margin-left:50px; }
a.logoLeft:hover { opacity:1; }
.headerContact { display:inline-block; margin:18px 50px 0 0; float:right; }
.headerContact h3 { color:#fff; font-size:150%; line-height:100%; font-weight:600; font-family: 'Roboto Slab', serif; }
.headerContact ul { list-style:none; color:#fff; margin:8px 0; font-size:125%; font-weight:400; }
.headerContact ul li { margin:0 10px 0 0; display:inline-block; }
.headerContact ul .fa-stack { font-size:75%; margin-top:-2px; }
.headerContact .fa-circle { color:#006893; }
.headerContact .fa-stack .fa-inverse { color:#fff; }
.headerBook .webrooms-datepicker { display:block; font-size:90%; }
.headerBook .datepicker-label, .headerBook .datepicker-input, .headerBook .datepicker-button { height:40px; line-height:40px; }
.headerBook .datepicker-label:before { top:4px; }

/* footer */
#footerBlock { margin-top:100px; background:url(/~images/template/contact-background.jpg) center center no-repeat; color:#fff; font-family: 'Roboto Slab', serif; text-align:right; padding:70px 30px 80px; }
#footerBlock .row {max-width:1400px; width:100%;}
.footerContact { font-size:150%; padding:15px 0; float:right; text-shadow: 0 3px 10px #000; }
.footerContact a {color:#fff;}
.footerContact h2 {color:#fff; font-size:175%; font-weight:500; margin-bottom:10px;}
.social a { border-radius:5px; margin:0 1px; }
.footerWhite { padding:50px 0; background:#fff; }
.footerWhite .row {max-width:1300px; width:95%;}
.footerBadges { float:left; margin:0; width:100%; text-align:center; }
.footerBadges img { margin:0 5px; }
.footerCopy { text-align:center; color:#222; font-size:85%; padding:10px; background:#b2b2b2; }
.footerCopy a { color:inherit; }
.footerCopy a:hover { color:#333; }

/**footer seacrh form**/
.footer-seacrh {float:right; width:20%; margin-top: 30px;}
.footer-seacrh form {box-shadow:0 3px 10px rgba(0,0,0,0.2); display:inline-flex; padding:10px; }
.footer-seacrh .fa {color:#00bce4;}
.footer-seacrh form input {width:170px;}

/* page */
#pageOuter {margin-top:50px;}
.bodyStyle { font-size:95%; }
/* .bodyBg { background:url(/~images/template/background.jpg) top center no-repeat; background-attachment:fixed; }*/
.pageContent { padding:0 0 80px 0; max-width:1300px; margin:auto; }
.siteMap { font-size:90%; }
.pageBox { background:#fff; }
.intro { font-size:115%; padding:50px; }
.intro h3 { font-weight:400; font-size:100%; text-align:center; }
.terms { max-width:700px; margin:auto; padding:20px 0; }
.terms h2 { color:#333; }
.pageContent .description ul li { font-size:90%; margin-left:20px; }
.fac li { margin-bottom:8px; }
.galleryThumbs h2.maintitle { font:inherit; color:#333; font-weight:600; margin-bottom:10px; text-align:center; }

/* desc blocks */
.pageContent .descBlock ul.gallery, 
.pageContent .descBlock ul.gallery li { height:250px; width:50%; }
.pageContent .roomtype .rtdGallery { width:50%; }
.pageContent .roomtype .galleryLightbox ul.gallery li.first { height:250px; }
.pageContent .roomtype:after { content:''; display:block; clear:both; }
.pageContent .descBlock ul.gallery li { margin:0; height:100%; width:100%; display:block; }
.pageContent .descBlock h2.maintitle,
.pageContent .descBlock .description,
.pageContent .roomtype h2.maintitle,
.pageContent .roomtype .description,
.pageContent .roomtype .availability,
.pageContent .roomtype h4.subtitle { width:50%; padding-right:30px; }
.pageContent .roomtype h3.subtitle { display:none; }
.pageContent .article h4.subtitle { font-weight:400; color:#006893; }
.pageContent .descBlock a.btn { background:none; color:#07C; border:none; padding:0; text-transform:none; margin:0.5em 0 0 0; }
.pageContent .descBlock a.xlink.btn:before { background:url(/~css/images/icon_xlink.png) center left no-repeat; }

/* ieFix */
.ieBg { height:100%; width:100%; background-color:#eee; }

/*====================== NAVIGATION =====================*/

/* screen */
@media all and (min-width:960px) {
.headerNav { height:120px; z-index:999; background:#006893; position:absolute; top:0; left:0; right:0; }
.headerNav.fixed { background-size:auto 50px; position:fixed; box-shadow:0 3px 5px rgba(0,0,0,0.2); z-index:9999; }
.headerNav .flexnav > li:hover { background:rgba(255,255,255,0.05); }  
/** .headerNav .flexnav > li > a { padding:0 20px; line-height:70px; font-weight:600; font-size:92%; text-transform:uppercase; } **/
.headerNav .flexnav li li a { font-size:90%; }
}

/* mobile */
@media only screen and (max-width:960px) {
.headerNav { color:#fff; background:#006893 !important; font-size:95%; }
}

/*======================= MOBILE ========================*/
@media only screen and (max-width: 1140px) 
{
.headerNav .flexnav > li > a { padding:0 10px; font-size:100%; }
}

@media only screen and (max-width: 1100px) 
{
.logoLeft { margin-left:0; }
.headerContact { margin-right:0; }
.drop { display:none; }
#footerBlock { padding-left:0; padding-right:0; }
}

@media only screen and (max-width: 960px) 
{
.bodyBg { font-size:90%; }
#headerBlock { height:auto; }
.pageHeader { display:none; }
h1.pageTitle, h2.pageTitle { margin-bottom:1em;  }
.pageContent { padding:0; }
.pageBox { padding:2em 1.5em; }
.terms { padding:0; }
#footerBlock { padding:1.5em; margin-top:60px; }
.footerLogo img { height:90px; }
.footerContact { font-size:100%; }
.footerWhite { padding:2.5em 1.5em; }
.footerBadges { margin-bottom:1em; }
.footerBadges img { height:55px; }
}

/******* Article Services******/
.Hhead h1 {text-align:left; color:#00bce4; font-size:200%; font-weight:600; text-transform: uppercase;} 
.articles-services {background:#00bce4; color:#fff;}
.articles-services h2 {font-size:175%; color:#fff; padding:30px 0 0 30px;}
.articles-services .article h4.subtitle, 
.articles-services .description,
.articles-services .teaser { padding:0 0 0 30px;}
.articles-services .article ul.gallery, .descBlock ul.gallery li {height:350px;}
.articles-services .article ul.gallery {width:50%;}
.articles-services .article {padding:0; margin:0;}
.articles-services .article .links {width:40%; float:right;}
.articles-services .article .description {padding-bottom:20px;}
.articles-services .article h2.maintitle, 
.articles-services .article h3.subtitle, 
.articles-services .article h4.subtitle, 
.articles-services .article .teaser, 
.articles-services .article .description, 
.articles-services .article .features, 
.articles-services .article .availability,
.articles-services .article .links {width:50%; float:left;}
.articles-services .article ul.links li {list-style:none;}
.articles-services .article .links a {background: #8dc63f; padding:5px 10px; border-bottom: 2px solid rgba(0,0,0,0.3); border-radius: 3px; color:#fff;}

/******* Article Evtents******/
.Hhead1 h1 {text-align:right; color:#00bce4; font-size:200%; font-weight:600; text-transform: uppercase;} 
.articles-events {background:#00bce4; color:#fff;}
.articles-events h2 {font-size:175%; color:#fff; padding:30px 0 0 30px;}
.articles-events .description { padding:0 0 0 30px;}
.articles-events .article ul.gallery, .descBlock ul.gallery li {height:350px; float:left;}
.articles-events .article ul.gallery {width:50%;}
.articles-events .article {padding:0;  margin:0;}
.articles-events .article .description {padding-bottom:20px;}
.articles-events .article h2.maintitle, 
.articles-events .article h3.subtitle, 
.articles-events .article h4.subtitle, 
.articles-events .article .teaser, 
.articles-events .article .description, 
.articles-events .article .features, 
.articles-events .article .availability,
.articles-events .article .links {width:50%; float:right;}
.articles-events .article ul.links li {list-style:none;}
.articles-events .article .links a {background: #8dc63f; padding:5px 10px; border-bottom: 2px solid rgba(0,0,0,0.3); border-radius: 3px; color:#fff;}

/****** Call a Taxi buttons ******/
.btnH { position: absolute !important; top: 660px; z-index: 9; width:960px; text-align:center; }
.btnH a.btn {background:#006893; border-radius:10px;}
.btnH a img {padding-right:30px;}
.btnH a.btn:hover {background:#006893; opacity:1;}
.btnH .call-taxi {float:left; width:330px; padding:20px 0; font-size:22px;}
.btnH .book-taxi {float:right; width:330px; padding:20px 0; font-size:22px; }
.pageTitle {display:none;}

/*search button */
.footer-seacrh button {background:transparent;}

@media only screen and (max-width:960px)
{
#pageOuter {margin-top:0px;}
.intro { font-size:115%; padding:30px; }
.pageContent .descBlock ul.gallery, 
.pageContent .descBlock ul.gallery li,
.pageContent .roomtype .rtdGallery { width:100%; }
.pageContent .descBlock h2.maintitle,
.pageContent .descBlock .description,
.pageContent .roomtype h2.maintitle,
.pageContent .roomtype .description,
.pageContent .roomtype .availability,
.pageContent .roomtype h4.subtitle { width:100%; padding-right:0; }

/*********navbar section*********/
.homeHeader .row {position:static !important;}
.header-logo img {display:none;}
.btnH { top: 200px; width: 100%; text-align: center; right:0; left:0; }
.btnH .call-taxi { float: none; width: 250px; padding: 10px 0; font-size: 18px; text-align: center; }
.btnH .book-taxi { float: none; width: 250px; padding: 10px 0; font-size: 18px; text-align: center;}
.btnH a img {padding-right:10px; height:20px;}

/*****footer badges*****/
.footerWhite .footerBadges {width:100%; float:none; text-align:center;}
.footerWhite .footer-seacrh {width:100%; float:none; text-align:center;}

/******* Article Services******/
.Hhead h1 {text-align:center; color:#00bce4; font-size:150%; font-weight:600; text-transform: uppercase;} 
.articles-services {background:#00bce4; color:#fff;}
.articles-services .descBlock ul.gallery, 
.articles-services .descBlock ul.gallery li,
.articles-services .article ul.gallery { width:100%; }
.articles-services .descBlock h2.maintitle,
.articles-services .descBlock .description,
.articles-services .article h2.maintitle,
.articles-services .article .description,
.articles-services .article .teaser,
.articles-services .article .availability,
.articles-services .article h4.subtitle,
.articles-services .article .links {width:100%; padding: 0 20px 20px 20px;}

/******* Article Evtents******/
.Hhead1 h1 {text-align:center; color:#00bce4; font-size:150%; font-weight:600; text-transform: uppercase;} 
.articles-events {background:#00bce4; color:#fff;}
.articles-events .descBlock ul.gallery, 
.articles-events .descBlock ul.gallery li,
.articles-events .article ul.gallery { width:100%; }
.articles-events .descBlock h2.maintitle,
.articles-events .descBlock .description,
.articles-events .article h2.maintitle,
.articles-events .article .teaser,
.articles-events .article .description,
.articles-events .article .availability,
.articles-events .article h4.subtitle, 
.articles-events .article .links { width:100%; padding: 0 20px 20px 20px; }

/** new mobile design **/
h1 {font-size:200% !important; color:rgb(2, 113, 163); }

}
.booking-ways img {padding:5px;}

.video .vidBG {width:100%; height:500px; text-align:center;}
.video .vidBG video {width:800px; height:500px;}

@media only screen and (max-width:960px)
{
.video .vidBG {width:100%; height:300px; text-align:center;}
.video .vidBG video {width:100%; height:300px;}
}

/* pop-up window */
.modal { display: none; position: fixed; z-index: 1002;  padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; 
    overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6);}
.modal-content { background-color: #fff !important; margin: auto; padding: 20px; padding-bottom:50px; border: 1px solid #888; border-radius:5px; 
	width:550px; height:auto;}
.close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;}
.close:hover, .close:focus {color: #000; text-decoration: none; cursor: pointer;}
.modal-content a:hover {opacity:1;}

#popup  {  position: fixed; z-index: 1002;  padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; 
    overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8);}

@media (max-width: 940px){
.modal { padding-top: 100px; }
.modal-content { width: 80%;}
}