@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	color: #666;
	line-height:100%;
	 }
	 
.nostyle	{
	 }
	 
.zero-left-margin	{
	margin-left:0!important;
}
.zero-right-margin	{
	margin-right:0!important;
}

img		{border:none;
}

.hide-on-screen	{
	display:none;
}

.branding	{
	float:left;
	width: 46%;
	padding-top: 8px;
}
.branding img {
	height:50px;
	width:auto;
	vertical-align: middle;
	padding-right: 1%;
	margin-top: -2px;
}
header	{
	background-color: #FFF;
}

header hr	{
	height: 1px;
	background-color: #CCCCCC;
	border:none;
	clear: both;
}
.CAPS {
	text-transform: uppercase;
}

.CAPS-off {
	text-transform: lowercase;
	color: inherit;
}

.bridges-logo-contact-page	{
	width:45px; height:auto; float:left; padding-right: 10px; vertical-align:middle; margin-top:-10px;
}

.summary-panel	{
	background-color: #F8B1D2;
	height: auto;
	padding-top: 25px;
	padding-bottom: 40px;
	text-align:center;
	padding-right: 12.5%;
	padding-left: 12.5%;
	overflow: hidden;
}
#content {
	clear: both;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 25px;
	overflow: hidden;
}
.mobile-branding {
	display: none;
}

#content .flexbox-container {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

#content blockquote {
	padding-left: 1.5%;
}

#content h1 {
	font-size: 1.75em;
	font-weight:400;
	padding-bottom: 25px;
	color: #EF5A9F;
	text-transform: uppercase;
}

#content h2	{
	font-size: 1.25em;
	font-weight: 400;
	color: #EF5A9F;
	margin-bottom: 5px;
}

#content p {
	line-height:125%;
	margin-bottom:10px;
}

#content p img {
	height: 4em;
	width:auto;
	float:left;
	margin-top:5px;
	padding-right:10px;
	vertical-align: middle;
}

#content p a, #content p a:active, #content p a:visited	{
	color: #EF5A9F!important;
	}
	
#content p a:hover	{
	color: #666666!important;
	}
	
#content ul { 
    display: block;
    list-style-type: disc;
    margin-top: 10px;
    padding-left: 40px;
}

#content li	{
	line-height:125%;
	margin-bottom:5px;
}

#content .room-layouts	{
	height: auto;
	width: 55%;
	overflow: hidden;
}
#content .room-layout	{
	width: 30%;
	margin-right:2.5%;
	margin-bottom: 25px;
	text-align:center;
	float: left;
	border: 1px solid #EF5A9F;
	padding-top:10px;
}

#content .room-layouts img	{
	height: auto;
	width: 100%;
	padding-bottom:5px;
}

#content .image-right	{
	width: 40%;
	float:right;
	padding-left:2%;
}

#content .image-right img	{
	width: 100%;
	height:auto;
	padding-bottom: 10px;
}

#content .google-map {
	height:500px;
	width:50%;
    }
	
    #content .google-map iframe {
		width:100%;
		height:500px;
		border:0; 
		-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
    }

#content .small-text	{
	font-size: .75em;	
}

.summary-panel h1	{
	font-size: 1.5em;
	font-weight: 400;
	color: #FFF;
	padding-bottom: 10px;
}

.summary-panel p, .summary-panel p strong	{
	font-size: 1.1em;
	padding-bottom: 25px;
	color: #FFF;
}

.summary-panel h1, .summary-panel p	{
	line-height:125%;
}

.summary-panel .box	{
	float: left;
	height: auto;
	width: 30%;
	padding-right: 0%;
	padding-bottom: 10px;
	padding-left: 0%;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 2.5%;
	margin-bottom: 0px;
	margin-left: 2.5%;
}

.summary-panel .box	p {
	font-size: 1em;
	text-align: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #666;
	padding-top: 0px;
	padding-right: 4%;
	padding-bottom: 0px;
	padding-left: 4%;
}

.summary-panel .box .image {
	width:100%;
	height:auto;
	vertical-align: bottom;
	margin-bottom: -2.5em;
}

.summary-panel .box img {
	width:100%;
	height:auto;
}

.summary-panel .box	.caption-overlay	{
	position: relative;
	top: -2.5em;
}

.summary-panel .image .caption-overlay h2 {
	color: #EF5A9F;
	font-size: 1em;
	letter-spacing: 1px;
	background-color: rgba(255, 255, 255, 0.9);
	padding-top: 4px;
	padding-right: 5%;
	padding-bottom: 4px;
	padding-left: 5%;
	margin: 0px;
	text-transform: uppercase;
	position: relative;
}

.summary-panel a:link, .summary-panel a:active, .summary-panel a:visited	{
	color: #EF5A9F;
}

.summary-panel a:hover	{
	color: #666;
}

.offer-panel	{
	background-color: #EFEFEF;
	height: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 12.5%;
	padding-left: 12.5%;
	overflow: hidden;
	text-align:center;
}

.offer-panel h1	{
	font-size: 1.5em;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.offer-panel p	{
	font-size: 1.2em;
	line-height: 125%;
	padding-bottom: 25px;
}

.offer-panel .box	{
	float: left;
	height: auto;
	width: 30%;
	padding-right: 0%;
	padding-bottom: 10px;
	padding-left: 0%;
	margin-top: 0px;
	margin-right: 2.5%;
	margin-bottom: 0px;
	margin-left: 2.5%;
	text-align:left;
	padding-top: 0px;
}

.offer-panel .box p, .offer-panel .box ul li	{
	font-size: 1em;
}

.offer-panel .box p	{
	padding: 0px;
}

.offer-panel .box ul {
    list-style-type: disc;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

.offer-panel .box li {
	margin-top: 0px;
    margin-bottom: 20px;
	
}

.offer-panel .box .bridges-logo	{
	width:15%;
	height:auto;
	float:right;
	padding-left: 1.5%;
}

.testimonials-panel	{
	background-color: #FFFFFF;
	height: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 12.5%;
	padding-left: 12.5%;
	overflow: hidden;
	text-align:center;
}

.testimonials-panel h1	{
	font-size: 1.5em;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 25px;
}

.testimonials-panel p	{
	font-size: 1.1em;
	line-height: 125%;
	padding-bottom: 25px;
	padding-right: 15%;
	padding-left: 15%;
}

.testimonials-panel .box	{
	float: left;
	height: auto;
	width: 30%;
	padding-right: 0%;
	padding-bottom: 10px;
	padding-left: 0%;
	margin-top: 0px;
	margin-right: 2.5%;
	margin-bottom: 0px;
	margin-left: 2.5%;
	text-align:left;
	padding-top: 0px;
}

.testimonials-panel .box p	{
	font-size: 1em;
	padding: 0px;
}

.pre-footer	{
	width:75%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	height: 50px;
}

.facebook-like	{
	float:left;
}

.btt	{
	background-color: #F8B1D2;
	height: 50px;
	width: 50px;
	float: right;
	text-align: center;
}

.btt i	{
	font-size:48px;
	color:#FFF;
	margin-top: -4px;
}

#footer	{
	width:100%;
	background-color: #666;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
}

#footer h2	{
	font-size: 1.5em;
	font-weight: 400;
	color: #FFF;
	line-height: 150%;
	margin-bottom: 10px;
}

#footer p	{
	color: #FFF;
}

#footer .follow img	{
	width:40px;
	height:auto;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

#footer p	{
	font-size: 0.8em;
	margin-top: 0px;
	margin-bottom: 10px;
}

#footer a, #footer a:active, #footer a:visited	{
	color: #FFF;
}

#footer .small-text a, #footer .small-text a:active, #footer .small-text a:visited	{
	color: #FFF;
}


/*Styles for screens 1366px or less*/
@media screen and (max-width: 1366px) {
	
.branding	{width: 40%;}

.branding img {height:40px;	width:auto;}

	.summary-panel, .offer-panel, .testimonials-panel	{
	padding-left:2%; padding-right:2%;
}

#content	{width: 90%;}
}


/*Styles for screens 1024px or less*/
@media screen and (max-width: 1024px) {
	
.branding	{padding-top: 10px!important;	font-size:0.85em!important;}
}


/*Styles for screens 768px or less*/
@media only screen and ( max-width: 768px ) {

div{
  	clear:both!important;
  	display:block!important;
  	width:100%!important;
  	float:none!important;
  	overflow: hidden!important;
  	position:static!important;
 	margin: 0!important;
  	padding: 0!important;
}

img	{float:none!important;}

.hide-on-screen	{display:block;}

.hide-on-mobile	{display:none;}

.mobile-branding {display:block; width:100%;}

.mobile-branding img {width:90%; height:auto; padding-left:5%!important; margin-right:auto!important; padding-top:10px!important; }

header {background-color:#F90;}

header hr {display:none}

.branding {display:none!important;}

.bridges-logo-contact-page	{padding-left:40%!important;padding-right:40%!important;}

#content {width:90%!important; padding-left:5%!important; padding-right:5%!important; font-size:0.9em;}

#content blockquote {padding-left: 15px!important;}

#content ul	{padding-left:15px!important;}

#content h1 {padding-top:25px;}

#content img {padding-bottom:10px;}

#content .image-right img	{padding-bottom: 5px;}

#content .room-layout	{width: 96%!important; height:auto; margin-bottom:10px!important;padding-top:5px!important;padding-bottom:0!important;}

#content .room-layout img	{width: 100%!important; height:auto;}

#content p img {padding-left:40%;}

.summary-panel {padding-bottom:25px!important;}

.summary-panel h1, .offer-panel h1, .testimonials-panel h1 {width:100%;	margin:0; padding-top: 25px; padding-right: 0; padding-bottom: 0; padding-left: 0; }

.summary-panel p {width:98%; padding:0; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;}

.summary-panel .box{margin-top:25px!important;}

.summary-panel .box p{width:94%!important;}

.offer-panel .box	{padding-bottom:0!important;}

.offer-panel p {text-align:center;}

.offer-panel, .testimonials-panel	{padding-bottom:25px!important;}

.offer-panel h1	{padding-bottom:10px; font-size: 1.2em;}

.offer-panel p	{width:95%; padding-left:10px; 	text-align:left;}

.offer-panel box p, .testimonials-panel .box p {width:94%; margin-right: auto; margin-left: auto;}

.offer-panel .bridges p	{text-align:center;}

.testimonials-panel	{width: 98%;}

.testimonials-panel	.box {margin-bottom: 15px!important;}

.testimonials-panel h1	{
	width: 98%;
	font-size: 1.2em;
	padding-right: 2.5%;
	padding-left: 2.5%;
	margin-bottom: 10px;
}

.pre-footer	{margin-top: 10px; padding-top: 25px!important; padding-bottom:25px!important;}

.facebook-like	{padding-left:5%!important; margin-bottom:10px!important;}

.facebook-widgets {width: 96%!important; padding-bottom:10px!important;	margin-right: auto;	margin-left: auto;}
	
#footer	{padding-top:25px!important;}

#footer .small-text	{font-size:0.75em; padding-right:2.5%!important; padding-left:2.5%!important;}

}