/*

Theme Name: Port of South Louisiana

Theme URI: https://www.portsl.com

Author: Curran & Connors

Author URI: https://www.curran-connors.com

Description: Responsive theme created by Curran & Connors

Version: 1.0



*/





/* =Reset

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

}

body {

	line-height: 1;

}

ol,

ul {

	list-style: none;

}

blockquote,

q {

	quotes: none;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

caption,

th,

td {

	font-weight: normal;

	text-align: left;

}

h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

}

html {

	overflow-y: scroll;

	font-size: 100%;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

}

a:focus {

	outline: thin dotted;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

	display: block;

}

audio,

canvas,

video {

	display: inline-block;

}

audio:not([controls]) {

	display: none;

}

del {

	color: #333;

}

ins {

	background: #fff9c0;

	text-decoration: none;

}

#page hr {

	border-color: rgba(0, 0, 0, 0.1);

	height: 1px;

}

sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	top: -0.5em;

}

sub {

	bottom: -0.25em;

}

small {

	font-size: smaller;

}

img {

	border: 0;

	-ms-interpolation-mode: bicubic;

	max-width: 100%;

}

.clearfix:after {

  content: "";

  display: table;

  clear: both;

}



/* Clearing floats */

.clear:after,

.wrapper:after,

.format-status .entry-header:after {

	clear: both;

}

.clear:before,

.clear:after,

.wrapper:before,

.wrapper:after,

.format-status .entry-header:before,

.format-status .entry-header:after {

	display: table;

	content: "";

}





/* =Repeatable patterns

-------------------------------------------------------------- */



/* Small headers */

.archive-title,

.page-title,

.widget-title,

.entry-content th,

.comment-content th {

	font-size: 11px;

	line-height: 2.181818182;

	font-weight: bold;

	text-transform: uppercase;

	color: #636363;

}



.entry-content th{

	font-size: 12px;

	line-height: 2.181818182;

	font-weight: bold;

	text-transform: uppercase;

	color: #744d97;

}



/* Shared Post Format styling */

article.format-quote footer.entry-meta,

article.format-link footer.entry-meta,

article.format-status footer.entry-meta {

	font-size: 11px;

	line-height: 2.181818182;

}



/* Form fields, general styles first */

button,

input,

select,

textarea {

	border: 1px solid #ccc;

	border-radius: 3px;

	font-family: inherit;

	padding: 6px;

}

button,

input {

	line-height: normal;

}

textarea {

	font-size: 100%;

	overflow: auto;

	vertical-align: top;

}



/* Reset non-text input types */

input[type="checkbox"],

input[type="radio"],

input[type="file"],

input[type="hidden"],

input[type="image"],

input[type="color"] {

	border: 0;

	border-radius: 0;

	padding: 0;

}



/* Responsive images */

.entry-content img,

.comment-content img,

.widget img {

	max-width: 100%; /* Fluid images for posts, comments, and widgets */

}

img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"] {

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

img.size-full,

img.size-large,

img.header-image,

img.wp-post-image {

	max-width: 100%;

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}



/* Make sure videos and embeds fit their containers */

embed,

iframe,

object,

video {

	max-width: 100%;

}

.entry-content .twitter-tweet-rendered {

	max-width: 100% !important; /* Override the Twitter embed fixed width */

}



/* Images */

.alignleft,

.alignright,

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

	display: block;

	margin: 0 auto 12px auto;

}

#primary img.img-circle {

	max-width: 200px;

}

.wp-caption {

	max-width: 100%; /* Keep wide captions from overflowing their container. */

	padding: 4px;

}

.wp-caption .wp-caption-text,

.gallery-caption,

.entry-caption {

	font-style: italic;

	font-size: 12px;

	line-height: 2;

	color: #757575;

}

img.wp-smiley,

.rsswidget img {

	border: 0;

	border-radius: 0;

	box-shadow: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

.entry-content dl.gallery-item {

	margin: 0;

}

.gallery-item a,

.gallery-caption {

	width: 90%;

}

.gallery-item a {

	display: block;

}

.gallery-caption a {

	display: inline;

}

.gallery-columns-1 .gallery-item a {

	max-width: 100%;

	width: auto;

}

.gallery .gallery-icon img {

	height: auto;

	max-width: 90%;

	padding: 5%;

}

.gallery-columns-1 .gallery-icon img {

	padding: 3%;

}



/* Navigation */

.site-content nav {

	clear: both;

	line-height: 2;

	overflow: hidden;

}

#nav-above {

	padding: 24px 0;

}

#nav-above {

	display: none;

}

.paged #nav-above {

	display: block;

}

.nav-previous,

.previous-image {

	float: left;

	width: 50%;

}

.nav-next,

.next-image {

	float: right;

	text-align: right;

	width: 50%;

}

.nav-single + .comments-area,

#comment-nav-above {

	margin: 48px 0;

}



/* Author profiles */

.author .archive-header {

	margin-bottom: 24px;

}

.author-info {

	border-top: 1px solid #ededed;

	margin: 24px 0;

	padding-top: 24px;

	overflow: hidden;

}

.author-description p {

	color: #757575;

	font-size: 13px;

	line-height: 1.846153846;

}

.author.archive .author-info {

	border-top: 0;

	margin: 0 0 48px;

}

.author.archive .author-avatar {

	margin-top: 0;

}



/* GLOBAL STYLES

-------------------------------------------------- */

/* Padding below the footer and lighter body text */



body {

  padding-bottom: 0;

  color: #5a5a5a;

  height: auto !important;

  font-family: Georgia, serif !important;

 background: url(images/concrete_seamless.png);  

}

#page {

	/*background: #fff;

	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);

	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);*/

}

#top-bar {

	background: #f2f2f2;

	padding: 12px;

	font-size: 12px;

	color: #444;

	overflow-x: hidden;

}

#top-bar a {

	display: inline-block;

	color: #fff;

	padding: 12px 0;

}

#top-bar a.btn {

	padding: 6px 12px;

}

.main-content {

	background: rgba(255, 255, 255, 0.95);

}

#page h4.srp-post-title {

	font-size: 14px;

}

#powered {

	padding: 6px 0 6px 30px;

	background: url(//killershark.me/images/shark-icon.png) 0 50% no-repeat;

	display: inline;

}

#page .btn {

	font-family: "Raleway";

	letter-spacing: 1px;

	white-space: normal;

}

#page .btn-primary,

#page .btn-success,

#page .btn-info {

	color: #fff;

}

.btn i {

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;

}

.btn:hover i {

	padding-left: 6px;

}

.site-content .btn-block {

	margin-bottom: 12px;

}



.btn small {

font-size:12px;

}



/* MODALS

-------------------------------------------------- */



#start-form span.wpcf7-not-valid-tip,

.modal-pop-up span.wpcf7-not-valid-tip {

    background: #fff none repeat scroll 0 0;

    padding: 3px 6px;

    position: absolute;

    top: -35px;

}

#start-form div.wpcf7-response-output,

.modal-pop-up div.wpcf7-response-output {

    border-radius: 20px 20px 0;

    bottom: 0;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

    left: 80px;

    position: absolute;

    width: 200px;

}

#start-form div.wpcf7-validation-errors,

.modal-pop-up div.wpcf7-validation-errors {

    background: #f7e700 none repeat scroll 0 0;

}

#start-form div.wpcf7-mail-sent-ok,

.modal-pop-up div.wpcf7-mail-sent-ok {

    background: #398f14 none repeat scroll 0 0;

    color: #fff;

}

#start-form div.wpcf7-spam-blocked,

.modal-pop-up div.wpcf7-spam-blocked {

    background: #ffa500 none repeat scroll 0 0;

}

#start-form,

.modal-pop-up {

    background: #99cc33 url("images/graph-pattern7.jpg") repeat scroll 0 0;

    font-size: 14px;

    max-width: 100%;

    padding: 24px 48px;

    width: 800px;

}

#start-form .wpcf7,

.modal-pop-up .wpcf7 {

    position: relative;

}

#start-form h3,

.modal-pop-up h3 {

    color: #fff;

    font-size: 30px;

    margin-bottom: 24px;

    padding: 6px 12px;

}

#start-form h3 small,

.modal-pop-up h3 small {

    color: #272727;

}

#start-form input[type="text"], #start-form textarea,

.modal-pop-up input[type="text"], .modal-pop-uptextarea {

    width: 100%;

}

#start-form input[type="submit"],

.modal-pop-up input[type="submit"] {

    background: #ff6600 none repeat scroll 0 0;

}



/* CUSTOMIZE THE NAVBAR

-------------------------------------------------- */



/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper {

  top: 0;

  left: 0;

  right: 0;

  z-index: 30;

}

.home .navbar-wrapper {

	/*position: absolute;*/

/*	margin-bottom: 0;  Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */

/*	background: none;*/

}

.navbar-wrapper .shader {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	opacity: 0.8;

}

.navbar-collapse {

	position: relative;

}

#page .navbar-collapse {

	box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.4) inset;

	border-top: none;

}

/*#page .navbar {

	background: rgba(255, 255, 255, 0.9);

}*/

#page #skrollr-header .navbar {

	background: none;

}

.navbar .nav a {

	text-transform: uppercase;

}



/*** Mega Menu ***/

#page .has-mega-menu {

	position: static;

}

#page .mega-menu {

	width: 100%;

	left: 0;

	right: 0;

	text-align: left;

	padding: 24px;

}

#page .mega-menu ul {

	display: block;

	position: static;

	box-shadow: none;

	background: none;

}

#page .mega-menu ul li a {

	width: auto;

}

.mega-menu img {

	max-width: 75px;

	margin: 0 auto 6px auto;

	display: block;

	border: 1px solid #c2c2c2;

}



/* Remove border and change up box shadow for more contrast */

.navbar .navbar-inner {

  border: 0;

  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);

 -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);

  box-shadow: 0 2px 10px rgba(0,0,0,.25);

}

.navbar .brand {

  padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */

  font-size: 16px;

  font-weight: bold;

  text-shadow: 0 -1px 0 rgba(0,0,0,.5);

}

#navbar .nav > li > a {

  padding: 15px;

  color: #f4f4f4;

}

#navbar .nav > li > a:hover,

#navbar .nav > li > a:focus {

	background: rgba(0, 0, 0, 0.1);

}

#navbar .nav > li > a

#page .navbar-brand, 

#page .navbar-nav > li > a {

	text-shadow: none;

}



/* Offset the responsive button for proper vertical alignment */

.navbar .btn-navbar {

  margin-top: 10px;

}

.navbar .nav .active > a, 

.navbar .nav .active > a:hover, 

.navbar .nav .active > a:focus,

.navbar .nav li.dropdown.open > .dropdown-toggle, 

.navbar .nav li.dropdown.active > .dropdown-toggle, 

.navbar .nav li.dropdown.open.active > .dropdown-toggle {

	background: #dddddd !important;

}

#page .navbar-header {

	position: relative;

	float: none;

	padding: 6px 24px;

}

/*#navbar {

	background: #f2f2f2;

}*/

#page .navbar {

	margin-bottom: 0;

	border-bottom: 1px solid #e5b351;

/* 	background: rgba(87, 105, 162, 0.9); */

/* 	background: #69C; */

    background: #003667;

}

.nav li {

	position: relative;

}

#page .nav > li > a {

	padding: 8px 4px;

	font-size: 11px;

}

.nav li ul {

	display: none;

	position: absolute;

	top: auto;

	right: 0;

	background: rgba(255, 255, 255, 0.95);

	margin-left: 0;

	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.176);

	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.176);

	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.176);

	z-index: 100;

}

.nav li ul li ul {

	position: absolute;

	left: 100%;

	top: 0;

	right: auto;

	z-index: 10;

	background: #ebebeb;

}

.in .nav li ul {

	position: static;

	background: rgba(0, 0, 0, 0.2);

	box-shadow: none;

}

.nav li:hover > a {

	color: #444;

}

.nav li.menu-item-has-children:hover > ul {

	display: block;

}

.nav li ul li:hover ul {

	display: block;

}

.nav li ul li a {

	display: block;

	padding: 6px 12px;

	width: 220px;

}

.nav li ul li a,

.nav li ul li ul a {

	color: #fff;

	font-size: 12px;

}

.nav li.menu-item-has-children ul li:hover {

	background: #e1e1e1;

}

#page .nav li.menu-item-has-children > a {

	padding-right: 15px;

}

.nav li.menu-item-has-children > a:after {

	font-family: FontAwesome;

	content: "\f105";

	padding-left: 6px;

	opacity: 0.3;

	font-weight: normal;

	position: absolute;

	-webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    -o-transition-property: -o-transform;

    transition-property: transform;

}

.nav li.menu-item-has-children a:after {

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;

}

.nav li.menu-item-has-children:hover > a:after {

	-webkit-transform:rotate(90deg);

    -moz-transform:rotate(90deg);

    -o-transform:rotate(90deg);

}

.nav li ul li:hover > a:after {

	margin-left: 12px;

	transform: rotate(0deg) !important;

}

#skrollr-header .navbar {

	margin-bottom: 0;

}

#skrollr-header .nav {

	margin-top: 0 !important;

}

#skrollr-header .navbar .brand, .navbar-inverse .nav > li > a {

	padding: 5px 15px;

}

#skrollr-header .navbar .nav > li > a {

	font-size: 12px;

	text-shadow: none !important;

	color: #fff !important;

}

#skrollr-header .navbar .nav > li > a:hover,

#skrollr-header .navbar .nav > li:hover > a {

	color: #707070 !important;

}

#skrollr-header .col-sm-2 {

	position: relative;

	height: 50px;

}

#skrollr-header a {

	color: #fff;

}

#skrollr-logo {

	position: relative;

	top: 50%;

	margin-top: -1px;

	left: 0;

}

.skrollr-phone {

	margin-top: 14px;

}



/** Top Menu **/

#page .top-menu {

	text-align: right;

}

#page .top-menu > li {

	float: none;

	display: inline-block;

}

#page .top-menu > li > a {

	font-size: 12px !important;

	letter-spacing: normal;

	padding: 3px 8px !important;

	text-transform: none;

}



/** Mobile Nav **/

#page .nav-toggle,

#page .search-btn {

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -12px;

	z-index: 20;

	margin-left: 15px;	

	text-transform: uppercase;

}

#page .search-btn {

	right: 0;

	left: auto;

	margin-right: 15px;

}

#page .navbar button {

	

}

.mobile-search-container {

	padding: 6px;

}

.mobile-search-container i {

	color: #fff;

}

.mobile-search-container .btn {

	margin-top: 3px;

}

.nav-toggle .icon-bar {

	background: #000;

}

#page .light .nav-toggle {

	background: rgba(0, 0, 0, 0.5) !important;

}

#page .light .nav-toggle .icon-bar {

	background: fff;

}

/*.search-box {

	margin-top: 10px;

}*/

#page .search-box input[type="text"] {

	max-width: 71%;

	margin-right: 12px;

}

#page .search-box .btn {

	margin-top: -5px;

}

#page .search-box .btn:hover i {

	padding-left: 0;

}

.location-dropdown {

	margin-top: 36px;

}

#page .dropdown-header {

	font-size: inherit;

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	margin-top: 12px;

	font-weight: bold;

	color: #a278c8;

}

#page .dropdown-header i {

	font-weight: normal;

	color: #744d97;

}

#page .open > .dropdown-toggle.btn-primary {

	background: #a278c8;

	border-color: #a278c8;;

}



/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



/* Carousel base class */

#myCarousel {

  height: auto;

  clear: both;

  background: url(images/bg.jpg) 0 0;

  background-size: 100% 100% !important;

  background-position: 0 100%;

  

}

.carousel,

.carousel .item {

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out

}

/* Since positioning the image, we need to help out the caption */

#page .carousel-caption {

  z-index: 20;

  text-shadow: none;

}



/* Declare heights because of positioning of img element */

#myCarousel .item {

  height: auto;

  padding-top: 230px;

}

.carousel-inner > .item > img {

  position: absolute;

  top: 0;

  left: 0;

  min-width: 100%;

  height: 500px;

}

#myCarousel .carousel-caption {

	top: 12%;

	left: 12px;

	right: 12px;

}

.intro-phrase p {

	padding: 3px 6px;

	background: rgba(0, 0, 0, 0.5);

	display: inline-block;

}

.feature-title-container,

.feature-descr-container {

	position: relative;

}

.feature-title-container h1 {

	position: relative;

	z-index: 20;

}

.feature-title-container .shader,

.feature-descr-container .shader {

	opacity: 0.9;

}

.feature-title-container .shader {

	background: #2e6da4;

}

.feature-descr-container p {

	position: relative;

	z-index: 20;

}

.feature-descr-container .shader {

	background: #46b8da;

}

.braves-falcons {

	margin-top: 12px;

}

#myCarousel .carousel-caption h1,

#myCarousel p.lead {

	padding: 6px 12px;

	display: inline-block;

	color: #fff;

	text-shadow: none;

	margin-bottom: 0;

}

#myCarousel .carousel-caption i.fa-circle {

	text-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px;

	text-shadow: none;

}

#page i.fa-circle {

	color: #6699CC;

}

#myCarousel .carousel-caption h1 {

	font-size: 12px;

}

#myCarousel .carousel-caption h1.intro-header {

	font-size: 18px;

}

#myCarousel p.lead {

	font-size: 12px;

}

.carousel-title{

	position: absolute;

	text-align: center;

	top: 60px;

	left: 0;

	right: 0;

}

.carousel-title h3 {

	margin-bottom: 0;

}

#myCarousel .carousel-caption h3 span.header-title {

	/*background: rgba(255, 255, 255, 0.9);*/

	padding: 6px 12px;

	margin: 3px 0;

	display: block;

	font-weight: bold;

	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

}

.title-border {

	height: 2px;

	display: block;

	background: rgba(255, 255, 255, 0.9);

}

#page #myCarousel i.fa-circle {

	color: rgb(197, 155, 75);

}

/*#myCarousel .shader {

	background: rgba(0, 0, 0, 0.5);

}*/



/* MOBILE CONTACT BUTTONS

-------------------------------------------------- */

#mobile-contact-buttons {

	padding: 24px 15px;

	background: rgba(0, 0, 0, 0.05);

	margin-bottom: 12px;

}

.home #mobile-contact-buttons {

	margin-bottom: 0;

	padding: 6px 15px;

}



/* HEADER FORM

-------------------------------------------------- */

#header-form {

	background: #f2f2f2;

	position: absolute;

	right: 24px;

	top: 24px;

	width: 250px;

	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

	z-index: 100;

}

#header-form h4 {

	margin-top: 0;

	font-size: 14px;

}

#header-form h4 small {

	font-size: 12px;

}

#header-form .btn-block {

	margin-bottom: 10px;

	text-align: left;

}

#header-form .btn-block:last-child {

	margin-bottom: 0;

}

#page .btn-primary .fa-circle,

#page .btn-success .fa-circle,

#page .btn-info .fa-circle,

#page #secondary .fa-circle {

	color: rgba(0, 0, 0, 0.4);

}

#header-form center {

	display: none;

}

#header-form input[type="text"],

#header-form textarea {

	border: 1px solid #00af9f;

}

#header-form textarea {

	max-height: 65px;

}

#header-form span.wpcf7-not-valid-tip {

	position: absolute;

	top: -50px;

	background: #fff;

}

#header-form div.wpcf7-response-output {

	position: absolute;

	left: -200px;

	bottom: 0;

	width: 200px;

	-webkit-border-radius: 20px;

	-webkit-border-bottom-right-radius: 0;

	-moz-border-radius: 20px;

	-moz-border-radius-bottomright: 0;

	border-radius: 20px;

	border-bottom-right-radius: 0;

	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

}

#header-form div.wpcf7-validation-errors {

	background: #f7e700;

}

#header-form div.wpcf7-mail-sent-ok {

	background: #398f14;

	color: #fff;	

}

#header-form div.wpcf7-spam-blocked {

	background: #ffa500;	

}



/* POP OUT FORM

-------------------------------------------------- */

#popout {

	background: #F7F5F2;

	border: 1px solid #dddddd;

	width: 400px;

	left: -400px;

	padding: 24px;

	position: fixed;

	top: 45px;

	z-index: 10000;

	font-size: 14px;

}

#open-box {

	background: #5bc0de url(images/ask2.png) no-repeat;

	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);

	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);

	color: #fff;

	cursor: pointer;

	width: 32px;

	height: 184px;

	padding: 10px;

	position: absolute;

	right: -33px;

	text-indent: -9999px;

	top: 20%;

	z-index: 300;

	padding: 0;

}

#close-box {

	cursor: pointer;

	left: 24px;

	position: absolute;

	top: -15px;

	background: #027e73;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	padding: 3px 9px;

	color: #fff;

}

#popout p {

	margin-bottom: 12px;

}

#popout input[type="text"],

#popout textarea {

	width: 91%;

	font-size: 14px;

	border: 1px solid #dddddd;

}

#popout textarea {

	height: 165px;

}

#popout .wpcf7-list-item {

	display: block;

	margin-bottom: 2px;

}

#appointment-button {

	background: #5bc0de;

	position: fixed;

	left: 0;

	top: 400px;

	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);

	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);

}



/* BOTTOM CALL OUT

-------------------------------------------------- */

#bottom-call-out,

#bottom-call-out-right {

	position: fixed;

	left: 24px;

	bottom: 18px;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	border-radius: 20px;

	border: 2px solid #337ab7;

	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

	padding: 6px 12px;

	background: #fff;

	z-index: 1000;

}

#bottom-call-out {

	width: 415px;

}

#bottom-call-out-right {

	left: auto;

	right: 24px;

}

#bottom-call-out:after,

#bottom-call-out-right:after {

	border-color: #337ab7 transparent;

	border-style: solid;

	border-width: 15px 15px 0;

	bottom: -15px;

	content: "";

	display: block;

	position: absolute;

	width: 0;

}

#bottom-call-out-right:after {

	right: 12px;

}

#bottom-call-out span.close-callout,

#bottom-call-out-right span.close-callout-right {

	color: #c20000;

	padding: 3px 8px;

	background: #f2f2f2;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	cursor: pointer;

}

.hide {

	display: none !important;

}



.highlight-bar {

	font-size: 14px;

	padding: 24px;

	color: #fff;

}

.blue-bar {

	background: #323e52;

}

.gray-bar {

	background: rgba(0, 0, 0, 0.05);

}

.black-bar {

	background: #222;

}



/* FOUR PILLARS 

-------------------------------------------------- */

#four-pillars {

	padding: 36px 24px;

	font-size: 16px;

}

#four-pillars h3,

#four-pillars h4 {

	margin-bottom: 24px;

}



/* ANCHOR POST BAR

-------------------------------------------------- */

#anchor-post {

	background: #49648e url(images/anchor-post-bg2.jpg);

	font-size: 20px;

	padding: 12px;

	color: #fff;

}

#anchor-post a {

	display: block;

	color: #fff;

}

#anchor-post span {

	display: block;

	background: rgba(75, 106, 134, 0.85);

	padding: 28px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	width: 200px;

	margin: 0 auto;

}





/* Video

------------------------- */

.video-container {

	position: relative;

}

.video-container .shader {

	background: rgba(0, 0, 0, 0.4);

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	position: absolute;

	z-index: 10;

}

.video-container a{

	color: #fff;

}

.video-container .fa-stack {

    position: absolute;

    width: 56px;

    height: 55px;

    top: 45%;

    left: 50%;

    margin-top: -22.5px;

    margin-left: -22.5px;

    z-index: 20;

    color: #fff;

    font-size: 30px;

}



/** Parallax **/

#page .parallax {

	background-attachment: fixed !important;

	background-position: center center !important;

	background-repeat: no-repeat !important;

	-webkit-background-size: cover !important;

	-moz-background-size: cover !important;

	-o-background-size: cover !important;

	background-size: cover !important;

	color: #fff;

	text-shadow: rgba(0, 0, 0, 0.7) 0 2px 4px;

	padding: 72px 24px;

	position: relative;

	box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.3) inset;

}

.parallax .inner-container {

	position: relative;

	z-index: 20;

}

.parallax .featurette-heading {

	color: #fff;

	letter-spacing: 1px;

}

.parallax .btn {

	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

	border-top: 1px solid rgba(255, 255, 255, 0.2);

	border-left: 1px solid rgba(255, 255, 255, 0.2);

}

.shader {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 10;

}

#call-to-action .shader {

	background: url(images/dot-overlay-white.png);

}

#call-to-action.parallax {

	padding: 30px 40px !important;

}

.parallax .shader {

	background: rgba(0, 0, 0, 0.3);

}

.parallax h3.featurette-heading {

	padding: 12px 24px;

}

.why-should {

	background: url(images/parallax-why-should2.jpg);

}

.need-answers {

	background: url(images/doctor-with-patient.jpg);

}

.location-finder {

	background: url(images/map.jpg);

}

.location-finder-container {

	padding: 24px;

	background: rgba(255, 255, 255, 0.9);

	border: 1px solid rgba(0, 0, 0, 0.1);

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);

	overflow: hidden;

}

#page .testimonials-section {

	background: url(images/testimonials-parallax.jpg);

	background-attachment: scroll !important;

}

.ttshowcase_rl_quote {

	text-shadow: none;

}



/** Animated Arrow **/

.arrow {

    bottom: 30px;

    left: 50%;

    position: absolute;

    display: block;

    z-index: 100;

}

.arrow img {

	width: 37px;

    height: 22px;

}

.arrow{

	animation-name: arrow;

	-webkit-animation-name: arrow;



	animation-duration: 1.5s;	

	-webkit-animation-duration: 1.5s;



	animation-iteration-count: infinite;

	-webkit-animation-iteration-count: infinite;

}



@keyframes arrow {

	0% {

		transform: translateY(0);	

	}

	50% {

		transform: translateY(15px);	

	}	

	100% {

		transform: translateY(0);

	}			

}



@-webkit-keyframes arrow {

	0% {

		-webkit-transform: translateY(0);	

	}

	50% {

		-webkit-transform: translateY(15px);	

	}	

	100% {

		-webkit-transform: translateY(0);

	}			

}



/* Featurettes

------------------------- */



hr.featurette-divider {

  margin: 36px 0; /* Space out the Bootstrap <hr> more */

}

nav hr.featurette-divider {

	margin: 6px 0;

}

.featurette {

  padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */

  overflow: hidden; /* Vertically center images part 2: clear their floats. */

}

.featurette-image {

  margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */

}



/* Give some space on the sides of the floated elements so text doesn't run right into it. */

.featurette-image.pull-left {

  margin-right: 40px;

}

.featurette-image.pull-right {

  margin-left: 40px;

}



/* Thin out the marketing headings */

#page .featurette-heading {

  font-size: 28px;

  font-weight: 300;

  line-height: 1;

  letter-spacing: -1px;

  padding-top: 36px;

}



/* Our Doctors Page

-------------------------------------------------- */

.page-id-394 img.img-circle {

	border: 1px solid #f2f2f2;

}

.page-id-394 .site-content h4,

.page-id-394 .site-content p {

	margin-bottom: 12px;

}



/* CONTENT

-------------------------------------------------- */

h1, h2, h3, h4, h5, h6, 

#top-bar, 

.navbar .nav a,

 #mobile-feature-boxes a, 

 #skrollr-header,

 .raleway {

	font-family: "Raleway" !important;

	/*font-weight: bold;*/

	text-rendering: optimizelegibility;

}

#page h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

}

#page h1, #page .h1, 

#page h2, #page .h2, 

#page h3, #page .h3 {

	margin-top: 0;

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	hyphens: auto;

	word-wrap: break-word;

}

.site-content h1 {

	font-size: 30px;

}

.site-content h2 {

	font-size: 24px;

}

.site-content h3 {

	font-size: 18px;

}

.site-content h4 {

	font-size: 16px;

}

#page h1.entry-title {

	font-size: 28px;

	text-transform: none;

}

.blog h1.entry-title,

.single h1.entry-title {

	margin-bottom: 12px;

}

.post-meta {

	color: #444;

	padding: 6px;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	margin-bottom: 12px;

	font-size: 12px;

}

.post-meta i {

	color: #959595;

}

#main {

	padding: 24px 24px 36px 24px;

	/*background: rgba(255, 255, 255, 0.9);*/

}

/* .home #main, */

.blog #main  {

	padding: 0;

}

.site-content,

.site-content p,

.site-content li {

	font-size: 16px;

	line-height: 1.71249;

}

.site-content p {

	margin-bottom: 24px;

}

.site-content h1, 

.site-content h2, 

.site-content h3, 

.site-content h4, 

.site-content h5, 

.site-content h6,

.site-content p {

	margin-bottom: 24px;

}

.site-content h1 small {

	color: #744d97;

}

.site-content ul {

	list-style: disc;

}

.list-unstyled {

  padding-left: 0 !important;

  list-style: none !important;

}

.list-title {

  font-size: 14px;

  line-height: 2.181818182;

  font-weight: bold;

  text-transform: uppercase;

  color: #744d97;

}

.site-content ol {

	list-style: decimal;

}

.site-content ul,

.site-content ol {

	padding-left: 36px;

	padding-bottom: 12px;

}

.site-content ul.dropdown-menu {

	padding: 12px;

	list-style: none;

}

.site-content ul.rrssb-buttons {

	padding: 0;

}

.site-content .list-inline {

	padding-left: 0;

}

.site-content li {

	margin-bottom: 12px;

}

.site-content blockquote {

	background: rgba(0, 0, 0, 0.05);

	border-left: 5px solid rgba(0, 0, 0, 0.1);

}

#page input[type="text"],

#page textarea {

	width: 100%;

	max-width: 100%;

	color: #444;

	max-height: 150px;

}

#main .bh-sl-container input[type="text"] {

	width: auto;

}

/*.home #primary {

	margin-top: 48px;

}*/

.entry-content span.num {

	background: #00b19f;

	padding: 6px;

	color: #fff;

	-webkit-border-radius: 60px;

	-moz-border-radius: 60px;

	border-radius: 60px;

	width: 45px;

	height: 45px;

	display: inline-block;

	text-align: center;

	line-height: 30px;

}

.dropdown-block {

	max-width: 300px;

	margin: 0 auto;

}



/** Full Width Sections **/

.full-width {

	margin-left: -24px;

	margin-right: -24px;

}

.wide {

	padding: 24px;

}

.gray {

	/*background: rgba(0, 0, 0, 0.04);*/

	background: #f2f2f2;

	border-top: 1px solid rgba(0, 0, 0, 0.1);

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



/** Single Blog Posts **/

h3.assistive-text {

	font-size: 18px;

}

.single article {

	padding-bottom: 12px;

	margin-bottom: 36px;

	border-bottom: 4px double #ddd;

}

.search-results article {

	padding-bottom: 24px;

	margin-bottom: 36px;

	border-bottom: 1px solid #ddd;

}

.comments-link {

	padding-bottom: 6px;

	margin-bottom: 24px;

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.comments-link i {

	opacity: 0.5;

}

.pad-article {

	padding: 12px 0;

}



/** Featured Content Boxes **/

.featured-box {

	padding: 12px;

	background: rgba(0, 0, 0, 0.05);

	border: 1px solid rgba(0, 0, 0, 0.1);

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	margin-bottom: 12px;

}

.featured-white {

	background: rgba(255, 255, 255, 0.5);

}

.featured-centered {

	max-width: 85%;

	margin: 0 auto;

}

.bottom-margin {

	margin-bottom: 12px;

}



/** Sidebar **/

#secondary .widget {

	margin-bottom: 24px;

}

#secondary h3 {

	font-size: 13px;

	font-family: "Raleway";

	font-weight: normal;

	line-height: 1.35em;

	margin-bottom: 24px;

	background: #744d97;

	padding: 6px 12px;

	color: #fff;

}

#page .srp-widget-singlepost {

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	padding-bottom: 18px;

	margin-bottom: 18px;

}

#page #colophon .srp-widget-singlepost {

	border-bottom: 1px solid rgba(255, 255, 255, 0.2);

	padding-bottom: 12px;

	margin-bottom: 12px;

}

#page .srp-widget-singlepost:last-child {

	border-bottom: none;

}

#page .srp-post-title {

	margin-bottom: 6px;

}

#page .srp-post-content {

	font-size: 12px;

}

.sidebar-image {

	display: block;

	margin: 0 auto 12px auto;

}



/* =Locations Page

----------------------------------------------- */

.page-id-4016 #page {

	overflow-x: hidden;

}



#page .giz_storeLocator {

	display: block;

	width: auto;

}

#page .sl_field {

	margin-bottom: 24px;

	overflow: hidden;

	padding: 12px;

	background: rgba(0, 0, 0, 0.05);

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	border: 1px solid rgba(0, 0, 0, 0.1);

	font-size: 14px;

	height: auto !important;

}

#page .sl_field input[type="radio"] {

	margin-right: 6px;

}

#location-listings {

	clear: both;

	padding-top: 36px;

	font-size: 14px;

}

.site-content #location-listings li {

	font-size: 14px;

	margin-bottom: 6px;

}

#sloc_leftBar {

	max-width: 100% !important;

}

#sloc_Search-area {

	max-width: 100% !important;

}

#page .bh-sl-container {

	margin-left: 0;

}



/* CALL TO ACTION

-------------------------------------------------- */

#call-to-action,

#call-to-action h4 {

	color: #444;

}

#call-to-action h3.featurette-heading {

	margin-bottom: 24px;

	font-size: 40px;

}

#call-to-action h3.questions {

	font-size: 30px;

	display: inline-block;

}

#call-to-action .featured-box {

	background: #f2f2f2;

	text-shadow: none;

	margin-bottom: 12px;

	color: #444;

	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);

	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);



}

#call-to-action .wpcf7-form {

	color: #707070;

}

#call-to-action input[type="text"],

#call-to-action textarea {

	max-width: 100%;

}

#call-to-action textarea {

	max-height: 94px;

}

#call-to-action .appointment-box .btn {

	margin-bottom: 24px;

}

#call-to-action center {

	display: none;

}

#call-to-action .raleway {

	color: #444;

	font-size: 20px;

}

.need-answers .glyphicon {

	font-size: 36px;

	color: #fff;

	background: #00af9f;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	padding: 18px;

	margin-bottom: 12px;

}



/* SERVICE TILES

-------------------------------------------------- */

#service-tiles a {

	display: block;

	padding: 8px;

	color: #fff;

	text-shadow: rgba(0, 0, 0, 0.3) 0 0 3px;

	letter-spacing: normal;

}

#service-tiles a:hover {

	background: #1c413e;

}

#service-tiles .row {

	margin: 0;

}

#service-tiles .col-sm-6 {

	padding: 0;

}

.color1 {

	background: #419CE7;

}

.color2 {

	background: #0774CE;

}

.color3 {

	background: #67B1EE;

}

.color4 {

	background: #419CE7;

}





/* RATE US

-------------------------------------------------- */

#rateCont {

	position: relative;

	/*font-weight: bold;*/

}

.rateLinksCont {

	display: none;

}

#star {

	position: absolute;

	top: 0;

	left: -1px;

	padding: 8px 6px;

	z-index: 20;

	width: 135px !important;

	/*background: rgba(255, 255, 255, 1);*/

}

#star img {

	width: 20px;

}

#leave-a-review img {

	display: block;

	margin: 0 auto 6px auto;

}

#leave-a-review .btn {

	margin-bottom: 12px;

}



/* LOGO

-------------------------------------------------- */

#logo {

	max-width: 95px;

	display: block;

	margin: -5px auto -30px auto;

	position: relative;

	z-index: 1;	

}

#page .navbar .brand {

	font-weight: normal;

	text-shadow: none;

	text-transform: uppercase;

	letter-spacing: 2px;

}



/* FEATURE BOXES

-------------------------------------------------- */

.feature-boxes {

	padding: 36px 24px;

/* 	background: #69C; */

	background: #003667;

}

.feature-boxes-sm .fa-stack{

	font-size: 45px;

}

.feature-boxes-sm h4 {

	color:#fff

}

.feature-boxes-sm .col-sm-2{

	padding: 10px;

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

}

.feature-boxes-sm .col-sm-2:hover{

	background-color: rgba(0,0,0,0.25);

}

.feature-boxes.feature-boxes-sm{

	padding: 0px;

}

#page .feature-boxes.feature-boxes-sm i.fa-circle{

	color: #C59B4B;

}

#feature-boxes-large {

	margin-top: 0;

	background: url(images/concrete_seamless.png);

	

}

/*.feature-boxes a {

	color: #753baf;

}*/

#feature-boxes-large h3 {

	font-size: 21px;

}

#feature-boxes-large p {

	color: #0066a4;

}

.feature-boxes i {

	color: #fff;

}

.feature-boxes a:hover .fbox {

	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

}

/** Squar Overlay Boxes **/

.fboxes-square-overlay a {

	position: relative;

	display: block;

	color: #fff;

	text-align: left;

	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;

}

.fboxes-square-overlay h3 {

	border-bottom: 4px double rgba(255, 255, 255, 1);

}

#feature-boxes a h3 {

	font-size: 13px;

	line-height: 28px;

	text-transform: uppercase;

	color: #fff;

	background: #f7714e;

	margin-top: -30px !important;

	margin-left: 18px;

	margin-right: 18px;

	position: relative;

}

#feature-boxes a h3:before,

#feature-boxes a h3:after {

	position: absolute;

	background: url(images/ribbon-end-left.png) no-repeat;

	width: 22px;

	height: 28px;

	content: "";

	top: 0;

	left: -15px;

	background-size: contain;

}

#feature-boxes a h3:after {

	background: url(images/ribbon-end-right.png) no-repeat;

	background-size: contain;

	right: -15px;

	left: auto;

}

#main .four-boxes a h3 {

	font-size: 14px;

	line-height: 18px;

}

.fadeIn {

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;

}

.fadeIn:hover {

	margin-top: -6px;

}

.fbox-wrapper {

	padding: 6px;

	background: rgba(255, 255, 255, 0.9);

	margin-bottom: 24px;

	min-height: 300px;

	margin-bottom: 25px;

	border: 1px solid rgba(102, 153, 204, 0.35);

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;

}

.fbox-wrapper:hover{ 

	margin-top: -5px;

	border: 1px solid rgba(102, 153, 204, 0.9);

/* 	background: #69C; */

	background: #003667;

	color:#fff;

}



.fbox-inner {

	background: rgba(255, 255, 255, 0.9);

	padding: 12px;

	position: relative;

}

#feature-boxes-large .fbox-inner {

	padding: 0;

}

#feature-boxes-large .col-inner {

	padding: 12px;

}

.fbox-img {

	margin-bottom: 12px;

	max-width: 120px !important;

}

.rope {

	width: 100%;

	height: 10px;

	background: url(images/rope.png) repeat-x;

	margin: -2px auto;

}

.feature-boxes .btn-block {

	margin-bottom: 12px;

}

.feature-boxes .btn-default,

#navbar .btn-default,

#colophon .btn-default {

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0px;

	background: none;

	color: #fff !important;

	border: 2px solid #fff;

	position: relative;

	font-size: 14px;

}

.feature-boxes .btn-default:hover {

	color: #255461 !important;

}

.btn-popup {

	padding: 24px;

	background: #f7714e url(images/boat-wheel-bg.jpg) 50% 50% no-repeat;

	color: #fff;

	position: absolute;

	left: 24px;

	width: 80%;

	bottom: 36px;

	-webkit-border-radius: 50px;

	-webkit-border-bottom-left-radius: 0;

	-moz-border-radius: 50px;

	-moz-border-radius-bottomleft: 0;

	border-radius: 50px;

	border-bottom-left-radius: 0;

	z-index: 20;

	font-size: 16px;

	opacity: 0;

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;

	text-shadow: rgba(0, 0, 0, 0.6) 1px 2px 2px;

}

.feature-boxes button:hover .btn-popup {

	opacity: 1;	

}





/** Mobile Feature Boxes **/

#mobile-feature-boxes {

	margin-top: 24px;

	padding: 0 24px;

}

#mobile-feature-boxes a {

	margin-bottom: 6px;

}

#mobile-feature-boxes a.btn {

	white-space: normal;

	text-align: left;

}

#mobile-feature-boxes img {

	max-width: 50px;

	margin-right: 12px;

	border: none;

}



/* CREDENTIAL LOGOS

-------------------------------------------------- */

#credential-logos {

	padding: 0 24px;

	margin: 0 auto 24px auto;

	display: block;

}



/* BLOG POSTS

-------------------------------------------------- */

.feature-image-container {

	max-height: 300px;

	min-height: 100px;

	margin-bottom: 24px;

	overflow: hidden;

}

.feature-image-container img {

	width: 100%;

}

/** Share Buttons **/

#share-buttons {

	margin: 0 0 20px 0;

	background: rgba(0, 0, 0, 0.05);

	padding: 10px;

	overflow: hidden;

	border: 1px solid rgba(0, 0, 0, 0.1);

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}

#share-buttons {

	margin: 0 0 20px 0;

	background: rgba(0, 0, 0, 0.05);

	padding: 10px;

	overflow: hidden;

	border: 1px solid rgba(0, 0, 0, 0.1);

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}

#share-buttons .label {

	color: #777;

	font-size: 14px;

	padding: 10px 0 0;

	display: block;

	margin-bottom: 3px;

}



/* SOCIAL ICONS

-------------------------------------------------- */

a.social-icon {

	text-decoration: none !important;

}

a.fb i.fa-circle,

a.linkedin i.fa-circle {

	color: #3b5998 !important;

}

a.gplus i.fa-circle,

a.pinterest i.fa-circle,

a.youtube i.fa-circle {

	color: #ed1c24 !important;

}

a.twitter i.fa-circle {

	color: #00aeef !important;

}

a.instagram i.fa-circle {

	color: #a3620a !important;

}

a.foursquare i.fa-circle {

	color: #39b54a !important;

}

a.flickr i.fa-circle {

	color: #ff0080 !important;

}

a.social-icon:hover i.fa-circle {

	opacity: 0.8;

}



/* FOOTER

-------------------------------------------------- */

footer .col-sm-4 {

	padding-bottom: 24px;

}

footer#colophon,

#colophon .text-right {

	text-align: center;

}

footer#colophon {

/* 	background: #69C; */

	background: #003667;

	color: #fff;

	padding: 24px;

}

footer#colophon a {

	color: #fff;

}

footer#colophon .widget-title {

	color: #fff;

}

footer#colophon hr {

	border-color: rgba(255, 255, 255, 0.2);

}

footer#colophon .row {

	padding-bottom: 10px;

}



/* Video Carousel

-------------------------------------------------- */

#video-slider-container .carousel-control {

	opacity: 0.8;

}

#video-slider-container img {

  	-webkit-transition: linear 0.25s;

  	-moz-transition: linear 0.25s;

  	transition: linear 0.25s;



}

#video-slider-container img:hover {

	-webkit-filter: brightness(0.75);

	-moz-filter: brightness(0.75);

	filter: brightness(0.75);

}

/* The indicators */

#video-slider-container .carousel-indicators {

	right: 50%;

	top: auto;

	bottom: -50px;

	margin-right: -19px;

}

/* The colour of the indicators */

#video-slider-container .carousel-indicators li {

	background: #cecece;

}

#video-slider-container .carousel-indicators .active {

background: #49b273;

}



.circle-call {

	color: #fff;

  	background: #744d97;

  	height: 200px;

  	width: 200px;

	margin-bottom:25px;

}

.circle-call-text {

  	margin-top: 30%;

  	font-family: "Raleway" !important;

  	text-transform: uppercase;

  	letter-spacing: 1px;

  	text-rendering: optimizelegibility;

  	font-size: 13px;

  	font-weight: bold;

}

.circle-call hr {

	margin-top: 5px;

  	margin-bottom: 10px;

}

.search-box {

  padding: 6px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  background: #f2f2f2;

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.available strong{

	color:red;

}

.resident strong{

	color:blue;

}

/* RESPONSIVE CSS

-------------------------------------------------- */

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

	.text-overlay span {

		font-size: 20px;

	}

	.table>tbody>tr>td {

		font-size: 14px;

	}

}



/* Minimum width of 768 pixels. */

@media screen and (min-width: 768px) {

	#top-bar {

		padding: 12px 20px;

	}

	#logo {

		max-width: 150px;

		max-height: 120px;

		display: inline;

		position: absolute;

		z-index: 100;

	}

	.alignleft {

		float: left;

		margin: 0 18px 12px 0;

	}

	.alignright {

		float: right;

		margin: 0 0 12px 18px;

	}

	.ap-button {

		margin-top: 36px;

	}

	.navbar-wrapper {

		margin-bottom: 48px;

	}

	.navbar-header {

		border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	}

	.home .navbar-wrapper {

/*		margin-bottom: 0;*/

/*		position: absolute;*/

	}

	.home #page .navbar {

	}

	/*.navbar .container {

		position: relative;

	}*/

	.navbar-collapse {

		position: static;

	}

	.nav li ul li a, .nav li ul li ul a {

		color: inherit;

	}

	#page .absolute-nav {

		position: absolute;

		top: 50%;

		bottom: 0;

		margin-top: -40px;

		height: 50px;

		left: 185px;

	}

	#page .navbar-collapse {

		box-shadow: none;

	}

	#page .navbar-nav {

		float: none;

		text-align: right;

	}

	#page .navbar-nav > li {

		float: none;

		display: inline-block;

	}

	#navbar .nav > li > a {

		color: #f4f4f4;

		padding: 10px 4px;

		font-size: 10px;

	}

	#page .navbar-nav >li:last-child {

		border-right: none;

	}

	#page .navbar-nav > li ul li {

		text-align: left;

	}

	#myCarousel .carousel-caption h1.intro-header {

		font-size: 24px;

		margin-top: 120px;

		margin-right: -24px;

	}

	#myCarousel .carousel-caption h3 span.header-title  {

		font-size: 45px;

	}

	.highlight-bar {

		font-size: 20px;

	}

	.site-content h1 {

		font-size: 36px;

	}

	.site-content h2 {

		font-size: 30px;

	}

	.site-content h3 {

		font-size: 24px;

	}

	.site-content h4 {

		font-size: 18px;

	}

	#page #myCarousel .carousel-caption {

		padding-top: 0;

		padding-bottom: 0;

		top: 142px;

		right: 24px;

/*		bottom: 0;*/

		bottom: auto;

		left: 0;

	}

	#myCarousel,

	#myCarousel .item {

		height: 475px;

		padding-top: 0;

	}

	.feature-title-container,

	.feature-descr-container {

		margin-bottom: 0;

		margin-left: -24px;

		margin-right: -24px;

	}

	.carousel-title{

		position: absolute;

		text-align: left;

		top: 60px;

		left: 24px;

		right: 0;

	}

	.carousel-title h1 {

		font-size: 32px;

		color: #fff;

		text-shadow: rgba(0, 0, 0, 0.4) 2px 2px 3px;

	}

	.carousel-title h1 small {

		text-shadow: none;

		color: #744d97;

	}

	#myCarousel {

		background-position: 0 100%;

		background-size: 100% 100%;

	}

	#myCarousel .carousel-caption h1, #myCarousel p.lead {

		display: block;

		padding: 6px 24px;

	}

	/*#myCarousel .carousel-caption h3 {

		text-align: right;

	}*/

	.featured-centered {

		max-width: 50%;

	}

	#anchor-post {

		padding: 36px 12px;

	}

	#page .featurette-heading {

	  font-size: 36px;

	}

	#primary img.img-circle {

		max-width: 100%;

	}

	footer#colophon {

		text-align: left;

	}

	#colophon .text-right {

		text-align: right;

	}

	.carousel h1 {

		font-size: 36px;

	}

	.blog .feature-image-container {

		width: 125px;

		height: 125px;

		float: left;

		margin: 0 18px 24px 0;

		border: 1px solid #ddd;

	}

	.blog .feature-image-container img {

		min-height: 100%;

		width: auto;

		max-width: 120%;

	}

	.table>tbody>tr>td {

		font-size: 14px;

	}

	.bottom-margin {

		margin-bottom: 24px;

	}

	#share-buttons .label {

		float: left;

		width: 115px;

		margin-bottom: 0;

	}

	#share-buttons .rrssb-buttons {

		float: left;

		width: calc(100% - 116px);

	}

	.feature-boxes .btn-block {

		margin-bottom: 0;

	}

}



/* Minimum width of 800 pixels. */

@media screen and (min-width: 800px) {

	footer#colophon {

		padding: 10px 0 0 0;

	}

	footer .col-sm-4 {

		padding-bottom: 0;

	}

}



/* Minimum width of 992 pixels. */

@media screen and (min-width: 992px) {

	#page .navbar-header {

		padding: 12px 24px;

	}

	#logo {

		max-width: 185px;

		max-height: none;

		margin-top: -12px;

	}

	.ap-button {

		margin-top: 32px;

	}

	#page .nav > li > a {

		padding: 10px 5px;

		font-size: 12px;

	}

	#page .nav li.menu-item-has-children > a {

		padding-right: 24px;

	}

	#page .absolute-nav {

		left: 230px;

		margin-top: -25px;

	}

	.location-dropdown {

		margin-top: 40px;

	}

	#page .search-box input[type="text"] {

		max-width: 80%;

	}

	.featured-box {

		padding: 24px;

		margin-bottom: 24px;

	}

	#myCarousel,

	#myCarousel .item {

		height: 575px;

	}

	#myCarousel .carousel-title {

		top: 96px;

	}

	#myCarousel .carousel-caption h3 {

		font-size: 32px;

	}

	#myCarousel .carousel-caption p {

	    font-size: 16px;

	}

	#page #myCarousel .carousel-caption {

/*		top: 250px;*/

		top: 20%;

	}

	#myCarousel .carousel-caption h1.intro-header {

		font-size: 34px;

		margin-top: 160px;

	}

	.intro-phrase .btn {

		margin-top: 8px;

	}

	.intro-phrase .decoration {

		max-width: 65%;

	}

	#year-bars .col-xs-4 {

		height: 315px;

	}

	#header-form {

		width: 300px;

	}

	#header-form .btn-block {

		margin-bottom: 12px;

	}

	#main .four-boxes a h3 {

		font-size: 18.5px;

		line-height: 28px;

	}

	.feature-boxes {

		padding: 48px 24px;

	}

	#feature-boxes-large {

		margin-top: 0;

	}

	#feature-boxes a h3 {

		margin-left: 30px;

		margin-right: 30px;

	}

	#credential-logos {

		padding: 0 40px;

	}

	#main,

	.blog #main {

		padding: 36px 40px 36px 40px;

	}

	/* .home #main  {

		padding: 0;

	} */

	.wide {

		padding: 48px 40px;

	}

	#page .parallax {

		padding: 60px 40px;

	}

	#main #secondary {

		float: right !important;

	}

	#secondary .btn {

		text-align: left;

	}

	.sidebar-image {

		max-width: 248px !important;

	}

	.fbox-img {

		margin-bottom: 0;

		max-width: 100% !important;

	}

	#anchor-post {

		padding: 50px 12px;

	}

	.feature-boxes .btn-default {

		font-size: 10px;

	}

}



/* Minimum width of 1200 pixels. */

@media screen and (min-width: 1200px) {

	#videoCarousel a.right.carousel-control {

		margin-right: -85px;

	}

	#videoCarousel a.left.carousel-control{

		margin-left: -85px;

	}

	#videoCarousel .carousel-control .glyphicon-chevron-left, 

	#videoCarousel .carousel-control .glyphicon-chevron-right {

		margin-top: -15px;

	}

	#myCarousel,

	#myCarousel .item {

		height: 500px;

	}

	#myCarousel .carousel-caption h1.intro-header {

		font-size: 42px;

		margin-top: 210px;

	}

	#feature-boxes a h3 {

		margin-left: 48px;

		margin-right: 48px;

	}

	#feature-boxes-large .col-inner {

		padding: 24px;

	}

	#feature-boxes-large h3 {

		margin-top: 12px;

	}

	#anchor-post {

		padding: 70px 18px;

	}

	#myCarousel .carousel-caption h3 span.header-title  {

		font-size: 52px;

	}

	.feature-boxes .btn-default {

		font-size: 13px;

	}

}



/**___________ Height based queries ___________**/



/** Desktop **/

/* Minimum height of 1025 pixels. */

@media screen and (min-height: 1025px) {

	#myCarousel,

	#myCarousel .item {

		height: 715px;

	}

	#page #myCarousel .carousel-caption {

		top: 300px;

	}

}



/* Minimum height of 1240 pixels. */

@media screen and (min-height: 1240px) {

	#myCarousel,

	#myCarousel .item {

		height: 815px;

	}

}



/** iPad **/

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : landscape) { 

	#myCarousel,

	#myCarousel .item {

		height: 475px;

	}

}





/* Header video */

#wrapper_header-video:after {

    z-index: 10;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

}



.slide-play-video {

    display: block;

    margin-top: 5%;

    color: #fff;

    font-size: 25px;

    text-decoration: none !important;

}