@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Signika:400,600,700);

/* =Theme Color 
-------------------------------------------------------------- */
.tbgc {
background-color: #097aba;
}

/* =Google Maps
-------------------------------------------------------------- */
.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}

/* =Amenities
-------------------------------------------------------------- */
.amen-holder {
	width:auto;
	float:left;
	margin-bottom:50px;
}
.amen-image {
	float:left;
	width:200px;
	height:auto;
	margin-right:20px;
}
.amen-info {
	float:left;
	height:auto;
}
.amen-virt {
	float:left;
	margin-top:5px;
	max-width:400px;
	height:auto;
	clear:both;
}
.amen-click {
	margin-top:10px;
	float:left;
	margin-bottom:20px;
}

/* =Rooms
-------------------------------------------------------------- */
.rooms-holder {
	width:auto;
	float:left;
	margin-bottom:50px;
}
.rooms-image {
	float:left;
	width:200px;
	height:auto;
	margin-right:35px;
}
.rooms-info {
	float:left;
	height:auto;
	margin-right:25px;
}
.rooms-virt {
	float:left;
	margin-top:5px;
	max-width:400px;
	height:auto;
	clear:both;
}
.rooms-click {
	margin-top:10px;
	float:left;
	margin-bottom:20px;
}

/* =Common Styles
-------------------------------------------------------------- */

body { 
	background: #f7f7f7;
	color: #444;
	font: normal 13px 'Open Sans', 'Segoe UI', arial, sans-serif;
}

section { overflow: hidden; }
::selection { background: #060606; color: #fff; }
::-moz-selection { background: #060606; color: #fff; }
#loading { display: none; }

.clear {width: 100%; clear: both;}


/* =Typography
-------------------------------------------------------------- */

p { color: #444;
	line-height: 20px;
	margin: 0 0 20px 0;
}

em { font-style: italic; }
strong { font-weight: 600; }
small { font-size: 11px; }

h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: 600;
	line-height: 33px;
	margin: 0 0 15px;
	font-family: 'Signika', Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
}

h2 {
	font-size: 25px;
	letter-spacing: 3px;
}

h3 {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.20em;
	font-weight: 400;
}

h4 {
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 400;	
}

h5 {
	font-size: 1em;
	font-weight: 400;
}

h6 {
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 400;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 2px solid #ededed;
  border-bottom: 1px solid #fff;
}

/* Typography for dark backgrounds */

.dark p, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { color: #fff; }
.dark a { color: #fff!important; }

/* Links */
a, a:visited { font-weight: 400; text-decoration: none; }

/* Top-Dropdowns */

.top-drop {
	width:100%;
	height:50px;

}

/* Address Top */
.address-top {
	float:right;
	margin-right:21px;
	font-size:12px;
	color:#ffffff;
	line-height:13px;
	margin-top:11px;
}

/* Phone Top */
.phone-top {
	float:right;
	margin-right:10px;
	font-size:18px;
	color:#ffffff;
	line-height:13px;
	margin-top:17px;
}

/* Mobile Top */
.mob-nav {
	float:right;
	margin-right:10px;
	font-size:18px;
	color:#ffffff;
	line-height:13px;
	margin-top:17px;
	display:none;
}

.bars {
  float: right;
  margin-left: 0px;
  color: #ffffff;
  margin-top: 11px;
  margin-right: 10px;
  font-size:18px;
}

/* Footer */
.col1 {
	text-transform:uppercase;
	float:left;
	width:210px;
	color:#ffffff;
	height:auto;
}

.col2 {
	text-transform:uppercase;
	float:left;
	margin-left:0px;
	width:210px;
	color:#ffffff;
	height:auto;
}
.col3 {
	text-transform:uppercase;
	float:left;
	margin-left:0px;
	width:170px;
	color:#ffffff;
	height:auto;
}
.col4 {
	text-transform:uppercase;
	float:left;
	margin-left:0px;
	width:350px;
	color:#ffffff;
	height:auto;
}
.col4 h2 {font-size:16px !important;}
	
/* =Buttons
-------------------------------------------------------------- */

.button {
	display: inline-block;
	padding: 20px 55px;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.20em;
	font-weight: 400;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
}

.dark .button { border: 1px solid #fff!important; }
.dark .button:hover { background: rgba(255, 255, 255, .1); filter: alpha(opacity=50); }

.button.no-border { border: none!important; padding: 20px 0px; }

.button.no-border:hover {
	border: none!important;
	background: transparent;
	opacity: .7;
    filter: alpha(opacity=70);
}

.button .icon {
	display: inline-block;
	margin-left: 17px;
	margin-bottom: -6px;
	width: 26px;
	height: 26px;
	cursor: pointer;
	background: url(images/icons/right.png) no-repeat center center;
}

/* arrow bullet list */
ul.arrow-list {
  list-style: none;
  margin: 0;
  position: relative;
  font-size: 25px;
  margin-left:40px;
}

ul.arrow-list li {
  padding-left: 1em;
  text-indent: -1em;
  position: relative;
  margin: 6px 0 0 0;
  padding-bottom: 6px;
  /*border-bottom: 1px #e1e1e1 solid;*/
}

ul.arrow-list li:before {
  font-size: 25px;
  content: "»";
  padding-right: 10px;
  color: #36a2e0;
}

/* =Forms
-------------------------------------------------------------- */
input,
textarea,
input[type="text"],
input[type="textarea"] {
	background: #fff !important; 
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px 15px; 
	border: none;
	width: 90%;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
background-color: #CB1616 !important;
	border-radius: 3px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	padding: 8 15px; 
	border: none;
	width: 220px;
	color: #ffffff;
	cursor: pointer;
}

input[type="submit"]:hover{
    background-color: #ffffff !important;;
	color:#000000;
}

input {
    -webkit-appearance: none;
}


/* =Social Buttons
-------------------------------------------------------------- */
.atss {
  position: absolute;
  top: 60%;
  width: 48px;
  z-index: 100020;
  background: 0 0;
  right:0;
}

/* =Content Styles
-------------------------------------------------------------- */

.content { padding: 30px 0 80px 0;}
.content.padded { padding-bottom: 100px; }

.content-sub { 
	padding: 30px 0 0 0; 
	width: 100%; 
	background: #fff; 
	position: absolute;
	top: 400px;
}

.parallax {
	width: 100%;
	background-attachment: fixed;
	background-position: 50% 0;
}

.trans-line-bottom {
	background: #fff;
	opacity: .6;
	-moz-opacity: .6;
	-webkit-opacity: .6;
    filter: alpha(opacity=60);
	position: absolute;
	top: -40px;
	width: 100%;
	height: 40px;
	text-align: center;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 10px 0 0 0;
	display:none;
}
.trans-line-top {
	background: #fff;
	opacity: .8;
	-moz-opacity: .8;
	-webkit-opacity: .8;
    filter: alpha(opacity=80);
	position: absolute;
	top: 50px;
	width: 100%;
	height: 30px;
	text-align: right;
	color: #444;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 10px 15px 0 0;
	display:none;
}

.sub-header {
	margin: auto;
	padding: 0;
	
	height: 400px;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #ccc;
}

.overlay-pat {
	background: url('images/slider/overlays/02.png');
	width: 100%;
	height: 100%;
}

ul.bullet-amenities {
	list-style: none;
  	margin: 0;
	padding: 0 0 30px 0;
  	position: relative;
  	font-size: 20px;
	color: #222;
	font-style: italic;
}
ul.bullet-amenities li {
  padding-left: 1em;
  text-indent: -1em;
  position: relative;
  margin: 10px 0 0 0;
  padding-bottom: 6px;
  border-bottom: 1px #e1e1e1 solid;
}

ul.bullet-amenities li:before {
  font-size: 20px;
  content: "»";
  padding-right: 10px;
  color: #2869b2;
}
ul.bullet-amenities li:last-child {
  border: none;
}

.img {margin: 0 8px 0 0; padding: 0; position: relative; border: 3px solid #fff; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}

img.gallery-img {
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.4);

	zoom: 1;
	width: auto;
	height: auto;
	border: 5px #fff solid;
}

.gallery-wrapper img.gallery-img {
	width: auto !important;
	height: 190px;
}
.gallery-wrapper {
	text-align: center;
}

.pkg1 {
	margin: 0 auto; 
	padding: 30px 0 0 0; 
	position: relative;
	width: 90% !important; 
	font-size: 18px; 
	color: #ffffff; 
	/*background-image: url(images/pkgbg.png); 
	background-repeat: no-repeat; 
	background-position: center top;*/
	text-align: center;
	font-family: 'Signika', Arial, sans-serif;
	text-transform: uppercase;
	border-radius: 5px 5px 0 0;
	background: #097aba;
	
}
.pkg1 img {
	margin: 10px 0 10px 0; 
	width: 80% !important; 
	height: auto !important;
	position: relative;
	text-align: center;
}
.pkg1bottom {
	margin: auto; 
	padding: 0 40px 0 40px; 
	font-weight: normal; 
	color: #ffffff;
	font-size: 13px;
	text-align: center;
	text-transform: none;
}
.pkg1reserve {
	margin: 0 auto 30px auto; 
	padding: 17px 0 0 0; 
	position: relative;
	width: 90% !important; 
	height: 65px; 
	/*background-image: url(images/pkgreservebg.png); 
	background-repeat: no-repeat; 
	background-position: center top;*/
	text-align: center;
	font-family: 'Signika', Arial, sans-serif;
	letter-spacing: 1px;
	border-radius: 0 0 5px 5px;
	background: #097aba;
}
.pkg1reserve a {
	color: #ffffff; 
	font-size: 15px; 
	text-transform: uppercase; 
	text-decoration: none;
	background-color: #CB1616;
	padding: 7px 15px 7px 15px;
	border-radius: 5px 5px 5px 5px;
}
.pkg1reserve a:hover {
	color: #000000; 
	background: #ffffff;
}

/* book online styles */
h1.book-head {
	font-size: 25px !important;
	letter-spacing: 0px !important;
	margin: 0 0 10px 0 !important;
}
.book-wrapper-small {
	display:none;
}
.book-wrapper {
	margin: 0 auto; 
	padding: 0px 30px 25px 20px; 
	position: relative;
	width: auto !important; 
	border-radius: 30px 0 30px 0;
	position: absolute;
	margin-top:10px;
}
.book-wrapper p {
	margin: 0 0 10px 0;
	float:left;
}
.book-cal {
	float:left;
}
.book-night {
	float:left;
	margin-left:19px;
}
.book-night select {
	color: #a3a3a3;
	border:none;
}
.book-night option {
	border:none;
}

.book-wrapper .book-cal input {
	margin: auto; 
	padding: 5px; 
	width: 175px; 
	height: 30px; 
	border: none; 
	background-image: url('images/input-calendar.png') !important; 
	background-repeat: no-repeat; 
	background-position: top right;
	position: relative;
	padding-left:14px;
}
.book-wrapper input[type=submit] {
	float: left;
	margin-left:20px;
}


/* =Custom Drop-down for "Nights"
-------------------------------------------------------------- */
.custom-dropdown--large {
    font-size: 1.5em;
}

.custom-dropdown--small {
    font-size: .7em;
}

.custom-dropdown__select{
    font-size: inherit; /* inherit size from .custom-dropdown */
    padding: 7px; /* add some space*/
    margin: 0; /* remove default margins */
}

.custom-dropdown__select--white {
    background-color: #fff;
    color: #444;  
	border-radius:3px; 
	border-collapse:collapse;
	border-style:none; 
}

@supports (pointer-events: none) and
      ((-webkit-appearance: none) or
      (-moz-appearance: none) or
      (appearance: none)) {

    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .custom-dropdown__select {
        padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;    
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%; margin-top: -.5em;
    }

    .custom-dropdown::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
    }

    .custom-dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
    }

    .custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0,0,0,.1);
    }

    /* White dropdown style */
    .custom-dropdown--white::before {
        background-color: #fff;
        border-left: 1px solid rgba(0,0,0,.1);
    }

    .custom-dropdown--white::after {
        color: rgba(0,0,0,.9);
    }

    /* FF only temp fix */
    @-moz-document url-prefix() {
        .custom-dropdown__select             { padding-right: .9em }
        .custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
        .custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
    }
}


/* =Navigation
-------------------------------------------------------------- */

nav {
	top: 0;
	width: 100%;
	background: #ffffff;
	padding: 7px 0 14px 0;
	z-index: 999;
}

.logo { 
	width: auto;
	margin-left: 5%;
	padding: 5px;
	float: left;
	
	/*-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         1px 1px 2px rgba(0, 0, 0, 0.2);

	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;*/
}

.logo img {width: 171px !important; height: auto !important;}

.navigation { display: none; }

.desktop.navigation {
	display: block !important;
	width: 55%;
	margin-right: 5%;
	float: right;
}

.desktop.navigation .nav-content { float: right; }

.desktop.navigation .nav-content li {
	float: left;
	margin-right: 45px;
	line-height: 20px;
}

.desktop.navigation .nav-content a {
	color: #444;
	text-transform: uppercase;
}

.desktop.navigation .nav-content a:hover, .desktop.navigation .nav-content a.active  { opacity: 1; filter: alpha(opacity=100); }

.desktop.navigation .nav-content li:last-of-type { margin-right: 0px; }

/* Mobile Navigation */

.mobile.navigation {
	display: none;
	width: 90%;
	margin: 0 5%;
	float: left;
	
	display: none !important; /*disable original mobile nav, use flexnav*/
}

.mobile.navigation .nav-content {
	float: left;
	width: 100%;
	
	display: none !important; /*disable original mobile nav, use flexnav*/
}

.mobile.navigation .nav-content li {
	display: block;
	width: 100%;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #f0f0f0;
}

.mobile.navigation .nav-content li:first-of-type { border-top: none; }

.mobile.navigation .nav-content a {
	display: block;
	color: #060606;
	text-transform: uppercase;
	font-size: 0.8em;

}

.nav-button {
	display: none;
	width: 26px;
	height: 30px;
	background: transparent;
	padding: 0;
	margin-right: 5%;
	float: right;
	border: none;
	cursor: pointer;
	
	display: none !important; /*disable original mobile nav, use flexnav*/
}

/* Navigation Icon */
.icon-bar {
	display: block;
	float: left;
	width: 100%;
	height: 3px;
	margin-top: 3px;
	background: #060606;
	
}


/* =Hero
-------------------------------------------------------------- */

.hero { text-align: center; background-size: cover; }
.hero .content { padding-top: 0px; }

.trans-line-headings {
	
	background: #fff;
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	height: 90px;
	width: 100%;
	position: absolute;
	margin: -95px 0 0 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.ticker {
	overflow: hidden;
	height: 90px;
	vertical-align: baseline;
	margin: -65px 0 0 0;
	position: absolute;
	z-index: 9999;
}

.ticker h1 {
	margin-bottom: 0px;
	margin-left: 10px;
	height: 90px;
    -webkit-transition: margin-top 0.8s ease-in-out;
    -moz-transition:    margin-top 0.8s ease-in-out;
    -o-transition:      margin-top 0.8s ease-in-out;
    transition:         margin-top 0.8s ease-in-out;
	color: #333;
	letter-spacing: none;
}

.call-to-action { padding-top: 20px; }
.call-to-action li {  display: inline-block; margin-right: 55px; }
.call-to-action li:last-of-type { margin-right: 0px;}


/* =Services
-------------------------------------------------------------- */

.icons .overview {
	position: relative;
	float: left;
	width: 16.6666666667%;
	text-align: center;
	overflow: visible;
}

.icon {
	display: inline-block;
	width: 64px;
	height: 64px;
	cursor: help;
	margin-bottom: 20px;
}

.tooltip {
	display: none;
	position: absolute;
	width: 260px;
	background: #060606;
	background: rgba(6, 6, 6, .85);
	top: auto;
	bottom: 100%;
	left: 50%;
	margin-left: -130px;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
}

.feature-list {
	font-style: italic;
	font-weight: 300;
	font-size: 0.9333333333333em;
	color: #fff;
	color: rgba(255, 255, 255, .90)!important;
	text-align: left;
	color: #fff;
}

.list-dot {
	display: inline-block;
	margin-right: 15px;
	width: 7px;
	height: 7px;
	border-radius: 50px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
}

.feature-list li { padding-bottom: 10px; }

.arrow-down {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: auto;
	bottom: 100%;
	margin-bottom: 22px;
	width: 0; 
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid rgba(6, 6, 6, .85); 
}

.visible { display: block; }


/* =Footer
-------------------------------------------------------------- */

footer { width: 100%; clear: both; position: relative; display:block;}

footer .content { padding: 40px 0 30px 0;}

.contact { text-align: center; }

.contact ::selection {
	background: #fff;
	color: #060606; 
}

.contact ::-moz-selection { 
	background: #fff;
	color: #060606; 
}

.contact li img { margin-bottom: 15px; }

.contact li:nth-child(1) {
	font-size: 0.9333333333333em; 
	opacity: .5;
    filter: alpha(opacity=50); 
}

.contact a {
	display: block;
	font-size: 0.9333333333333em;
	font-weight: 300;
	margin-bottom: 20px;
	opacity: .5;
    filter: alpha(opacity=50); 
}

.contact a:hover {
	opacity: 1;
    filter: alpha(opacity=100); 
}

.contact-heading { margin-top: 30px; }


#contact-form {
	position: relative;
	display: none;
	text-align: center;
	width: 100%;
	background: #060606;
	padding: 20px 0px 50px 0px;
	margin-top: 20px;
}

/* END FORMS */

p.seo-links {
	font-size: 12px;
	letter-spacing: .09em;
	padding-right: 35px;
	border-right: #666666 1px solid;
}

.loader { margin-top: 15px; }

#alert {
	display: none;
	margin-top: 30px;
}

.notification {
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	padding: 10px 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.subscribe .notification {
	display: none;
	margin-left: auto;
	margin-right: auto;
	max-width: 620px;
}

.notification p {
	line-height: 26px;
	display: block;
	padding: 0;
	margin: 0;
	text-align: left;
	text-indent: 45px;
}

.notification.success { 
	border: 1px solid #fff;
	background: rgba(255,255,255,.05);
}

.notification.success p { 
	background: url(images/icons/tick.png) no-repeat;
	background-size: 26px 26px;
	color: #fff; 
}

.notification.error { 
	border: 1px solid #fff;
	background: rgba(255,255,255,.05); 
}

.notification.error p {
	background: url(images/icons/cross.png) no-repeat;
	background-size: 26px 26px; 
	color: #fff;  
}

.social-links {
	text-align: center;
	margin-top: 50px;
}

.social-links li {
	display: inline-block;
	margin-right: 15px;
}

.social-links li:last-of-type { margin-right: 0px; }
.social-links a { display: block; }

.social-links a:hover {
	opacity: .5;
	-moz-opacity: .5;
	-webkit-opacity: .5;
    filter: alpha(opacity=50); 
}

.copyright { margin-top: 25px; margin-bottom: 10px;}
.copyright h6 { color: #ffffff; letter-spacing: 0.20em; }


/* =Media
-------------------------------------------------------------- */

/* Large screens */
@media only screen and (min-width : 1680px) {
	.bx-next { right: -250px; }
	.bx-prev { left: -250px; }
	#nextProject { right: -250px; }
	#prevProject { left: -250px; }

}

/* Tablet Landscape */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.parallax { background-size: cover; background-attachment: scroll; background-position: top center!important; }
	.fade, .slide, .entrance, .hatch { opacity: 1!important; }
	.ae-animation-fade, .ae-animation-slide, .ae-animation-entrance, .ae-animation-hatch { -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; animation-name: none; }
	#bx-prev, #bx-next { display: none; }
	#nextProject, #prevProject { display: none!important; }
	.projectlist a:hover .projectinfo { background: transparent; }
	.hero-video { background: url(video/video-poster.jpg) no-repeat; background-size: cover; background-position: top center;}
}

/* Smaller than 960px */
@media only screen and (max-width: 959px) {
	.nav-button { display: block; }
	.navigation { display: none; }
	.parallax { background-size: cover; background-attachment: scroll; background-position: top center!important; }
	.content { padding-top: 20px; } 
	.content.padded { padding-bottom: 50px; }
	.icons .overview { width: 33.3333333333%; margin-bottom: 30px; }
	.icon { cursor: pointer; }
	.projectlist li { width: 50%; }
	.fade, .slide, .entrance, .hatch { opacity: 1!important; }
	.ae-animation-fade, .ae-animation-slide, .ae-animation-entrance, .ae-animation-hatch { -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; animation-name: none; }
	#bx-prev, #bx-next { display: none; }
	#bx-pager { margin-top: 20px; }
	#bx-pager li { width: 50%; margin-top: 20px; }
	.social-links { margin-top: 30px; }
	#nextProject, #prevProject { display: none!important; }
	#respond { margin-left: 0px; }
	#vegas-prev, #vegas-next { display: none; }
	.tooltip { cursor: pointer; }
	.hero-video { background: url(video/video-poster.jpg) no-repeat; background-size: cover; background-position: top center;}
	.hero .content { display:none;}
	.book-wrapper {left: 30px; right: auto; top: 220px;display:none;}
	.book-wrapper-small {
  margin: 0 auto;
  padding: 0px 30px 25px 20px;
  position: relative;
  width: auto !important;
  border-radius: 30px 0 30px 0;
  position: absolute;
  margin-top: 10px;
  display:block;
  
}
}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* All Mobile Sizes */
@media only screen and (max-width: 875px) {
	.icons .overview { width: 50%; }
	.team-list { padding: 30px 0px 0px; }
	.team-member { padding-bottom: 25px; }
	#respond { padding-bottom: 50px; border-bottom: 2px solid #e9e9e9; }
	.filtering li { margin-bottom: 20px; }
	.value { padding-top: 35px; }
	.subscribe input.submit, .subscribe input.text { width: 100%; margin-left: 0;}
	
	.address-top {display:none;}
	.ticker {display: none;}
	.trans-line-top {top: 150px; height: auto; text-align: center; padding: 10px 0 10px 0;}
	.trans-line-headings {display: none;}
	.content-sub { top: 500px;}
	.sub-header { height: 600px;}
}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.project-info { border-bottom: none; }
	.tooltip { width: 150%; left: 5%; margin-left: 0; }
	.pull-left .tooltip { left: -55%;}

}


/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
	.call-to-action li { margin-right: 0px; width: 100%; }
	.projectlist li { width: 100%; }
	#bx-pager li { width: 100%; }
	.project-info { border-bottom: none; }
	.tooltip { width: 180%; left: 5%; margin-left: 0; }
	.pull-left .tooltip { left: -85%;}
	.rooms-info {
	float:left;
	height:auto;
	margin-right:25px;
	clear:both;
}
	
}






/* Footer Line Up */
@media only screen and (max-width: 690px) {
	
footer {display:none;
}
	.col2.fspacing {
  margin-top: 40px;
   }
   .col3.fspacing {
  margin-top: 40px;
}

.col4.fspacing {
  margin-top: 40px;
}
}


/* Remove Phone On Smaller Screens */
@media only screen and (max-width: 1136px) {
	.phone-top {display:none;
   }
   .bars {display:none;}

}


/* Remove Address On Smaller Screens */
@media only screen and (max-width: 1000px) {
	.address-top {display:none;
   }
}

@media only screen and (max-width: 875px) {
	.address-top {display:block;
   }
   .bars {display:none;}
   .phone-top {display:none;
   }

}

@media only screen and (max-width: 615px) {

   .phone-top {display:none;
  
   }
   .bars {display:none;}

}

@media only screen and (max-width: 479px) {
.phone-top {display:none; margin-right:20px; font-weight:bold;
   }
   .bars {display:none;}
   .address-top {display:none;}
	
}

@media only screen and (max-width: 450px) {

input[type="submit"], input[type="reset"], input[type="button"] {
  width: 130px;
}
	.bars {display:none;}
}

/* Mobile Logo */
@media only screen and (max-width: 1308px) {
.logo {
  margin-left: 0 auto;
  padding: 5px;
  float: none;
  text-align:center;
}
}


@media all and (max-width: 1076px) {
	
	nav {	
padding: 0px 0 0px 0;
}
	.logo {
  width: 170px;
  margin: 0px;
  padding: 0px;
  float: left;
  border:none;
  padding:none;
  text-align: left;
	height: 65px;

}	

.logo a {
  width: auto;
  margin-left: 0px;
  padding: 0px;
  float: left;
  border:none;
  padding:none;
  text-align: left;
}

	.logo img {
  width: 155px !important;
  height: 60px !important;
  padding-left:15px;
  padding-top:5px;
}

.atss {
  position: absolute;
  top: 60%;
  width: 48px;
  z-index: 100020;
  background: 0 0;
  right: 0;
  display:none;
}

/* Mobile Top */
.mob-nav {
	float:right;
	margin-right:10px;
	font-size:18px;
	color:#ffffff;
	line-height:13px;
	margin-top:12px;
	display:block;
}

.address-top {
  float: right;
  margin-right: 21px;
  font-size: 12px;
  color: #ffffff;
  line-height: 13px;
  margin-top: 11px;
  display:none;
}

	}


/* Targets Retina Enabled Devices */
@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
  
	.icon.right { background: url(../images/icons/right@2x.png) no-repeat center center; background-size: 26px 26px; }
	.icon.ux { background: url(../images/icons/ux@2x.png) no-repeat top; background-size: 64px 128px; }
	.icon.design { background: url(../images/icons/design@2x.png) no-repeat top; background-size: 64px 128px; }
	.icon.seo { background: url(../images/icons/seo@2x.png) no-repeat top; background-size: 64px 128px; }
	.icon.social { background: url(../images/icons/social@2x.png) no-repeat top; background-size: 64px 128px; }
	.icon.tech { background: url(../images/icons/tech@2x.png) no-repeat top; background-size: 64px 128px; }
	.icon.commerce { background: url(../images/icons/commerce@2x.png) no-repeat top; background-size: 64px 128px; }
	.icon.config { background: url(../images/icons/config@2x.png) no-repeat top; background-size: 64px 128px; }
	.icon.heart { background: url(../images/icons/heart@2x.png) no-repeat top; background-size: 64px 128px; }
	.icon.coffee { background: url(../images/icons/coffee@2x.png) no-repeat top; background-size: 64px 128px; }
	.icon.portfolio { background: url(../images/icons/portfolio@2x.png) no-repeat top; background-size: 64px 128px; }
	.icon.plane { background: url(../images/icons/plane@2x.png) no-repeat top; background-size: 64px 128px; }
	.icon.calculator { background: url(../images/icons/calculator@2x.png) no-repeat top; background-size: 64px 128px; }
	.social-icon.small.facebook { background: url(../images/icons/facebook-small@2x.png) no-repeat center center; background-size: 26px 26px;}
	.social-icon.small.twitter { background: url(../images/icons/twitter-small@2x.png) no-repeat center center; background-size: 26px 26px;}
	.social-icon.small.google { background: url(../images/icons/google-small@2x.png) no-repeat center center; background-size: 26px 26px;}
	.social-icon.small.behance { background: url(../images/icons/behance-small@2x.png) no-repeat center center; background-size: 26px 26px;}
	.social-icon.small.linkedin { background: url(../images/icons/linkedin-small@2x.png) no-repeat center center; background-size: 26px 26px;}
	i.icon-remove { background: url(../images/icons/close@2x.png) no-repeat center center; background-size: 26px 26px;}
	.bx-pager-link { background: url(../images/projects/pager@2x.png) no-repeat top center; background-size: 12px 24px; }
	.bx-pager-link.active { background: url(../images/projects/pager-active@2x.png) no-repeat top center; background-size: 12px 12px; }
	.search-submit { 	background: #fff url(../images/blog/search@2x.png) no-repeat center center; background-size: 16px 16px;}
	.notification.success p  { background: url(../images/icons/tick@2x.png) no-repeat; background-size: 26px 26px;}
	.notification.error p  { background: url(../images/icons/cross@2x.png) no-repeat; background-size: 26px 26px;}

}




/******************************** colors **********************************/
/* Links */
a, a:visited { color: #097aba; font-weight: 400; text-decoration: none; }
a:hover { color: #36a2e0; }

h1,h3,h4,h5,h6 {color: #097aba;}
h2 {color: #097aba;}

.button { border: 1px solid #4fc1e9; }
.button:hover { border: 1px solid #2869b2; }

footer {background: #097aba; clear: both; color:#ffffff;}

.desktop.navigation .nav-content a:hover, .desktop.navigation .nav-content a.active, .post-title a:hover, .cat-item a:hover, .widget-archive a:hover, .recentcomments a:hover, .widget-recent-entries a:hover, .comment-meta a:hover, .required  
{ color: #4fc1e9!important; }


.filter.active, .filter:hover { color: #2869b2; }

.tagcloud a { border: 1px solid #4fc1e9; } 
.tagcloud a:hover { border: 1px solid #2869b2; } 

.tabs ul li.active a {border-top: 2px solid #4fc1e9;}

/* Content */
.parallax.colored { background-color: #4fc1e9; }
.list-dot { background: #4fc1e9; }



/* Targets Retina Enabled Devices */
@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

 

}