/* CSS content (all website)  */


body.bodywebsite {
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 1.5em;
}

.bodywebsite .opacitymedium {
    opacity: 0.5;
}
.bodywebsite .slideinfo {
    line-height: 1.3em;
}

.bodywebsite .sliderContainer.slideinfo div {
    padding: 20px;
    padding-top: 15px;
    background: #dda;
    font-size: 0.9em;
}
@media only screen and (max-width: 767px) {
    .bodywebsite .sliderContainer.slideinfo {
    }
    .bodywebsite .sliderContainer.slideinfo .wrap {
        width: 100%;
    }
}

h1 {
    font-size: 1.1em;
    margin: 0;
}
h2 {
    font-size: 1.4em;
}

ul { list-style-type: none; margin: 0; -webkit-padding-start: 0; }

ul.listepuce li {
    padding-bottom: 0.5em;
}

span.buttonsite.schedule.nocursor {
    font-size: 0.5em;
}

.wrap {
    width: 96%;
    margin: 0 auto;
}

.center {
  margin: 0 auto;
  width: 100%;
}



/*------- CLEARFIX -------*/

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearB {
  clear: both;
}
.clearB p, p.testimonialAuthor {
  display: inline;
}

/*------- TOOLS -------*/

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.imgprinc {
	padding-top: 0px;
}
.imgcenter {
	line-height: 0.7em;
}

/*------- COLORS -------*/


/*------- TYPE -------*/
@font-face {
    font-weight: normal;
    font-style: normal;
}
[class*="icon-"] {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* text alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.alert {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}
.alert-help {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #e8dc59;
  background: #ebe16f;
}
.alert-info {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #bfe4f4;
  background: #d5edf8;
}
.alert-error {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #f8cdce;
  background: #fbe3e4;
}
.alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #deeaae;
  background: #e6efc2;
}
ul li {
  text-align: left;
}

/*------- BUTTONS -------*/
span.buttonsite {
    font-size: 15px;
}
.buttonsite,
.buttonsite:visited {
  border: none;
  font-weight: bold;
  padding: 5px 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 2px 3px 0 #aaa;
  -webkit-box-shadow: 2px 3px 0 #aaa;
  box-shadow: 2px 3px 0 #aaa;
  background: #9e4ea5;
  color: #fff;
  min-width: 260px;
}

.buttonsite:hover,
.buttonsite:visited:hover,
.buttonsite:focus,
.buttonsite:visited:focus {
  border: none;
  padding: 5px 20px;
  background: #9e4e85;
  color: #fff;
  cursor: pointer;
}
.buttonsite:active,
.buttonsite:visited:active {
  border: none;
  padding: 5px 20px;
  color: #fff;
}

.nocursor {
	cursor: default !important;
}

.buttonsite.blue,
.buttonsite.blue:visited {
  border: none;
  font-weight: bold;
  padding: 10px 30px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #313f69;
  color: #fff;
  cursor: pointer;
}

.buttonsite.blue:hover,
.buttonsite.blue:visited:hover,
.buttonsite.blue:focus,
.buttonsite.blue:visited:focus {
  border: none;
  padding: 10px 30px;
  background: #455483;
  color: #fff;
}
.buttonsite.blue:active,
.buttonsite.blue:visited:active {
  border: none;
  padding: 10px 30px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
a.buttonsite.blue {
  font-size: 0.9em;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #364163 !important;
}
.button.schedule {
  font-size: 0.5em;
}

/*------- GENERAL  -------*/

.pullRight{float: right;}
.pullLeft{float: left;}
blockquote {font-style: italic;}
.hentry ul {margin-left: 20px;list-style: disc;}
.hentry li>ul {margin-left: 40px;list-style: circle;}
.hentry p {margin: 5px 0 10px 0;}
hr {margin: 2em 0;}
strong {font-weight:bold;}

.hideDesktop {
  display: none;
}
.hideMobile {
  display: block;
}
.ieSkeleton img {
  display: none;
}
.ieSkeleton a {
  text-decoration: none !important;
}
/*------- LINK STYLES  -------*/

a,
a:visited {
  color: #313f69;
  text-decoration: underline;
}
.icon-phone a, .icon-phone a:visited, a.button, a.button:visited, .number a, .number a:visited {
  text-decoration: none;
}
a:hover,
a:visited:hover,
a:focus,
a:visited:focus {
  color: #9EAE45;
}
a:link,
a:visited:link {
  /*
		this highlights links on iPhones/iPads.
		so it basically works like the :hover selector
		for mobile devices.
		*/

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/*------- H1, H2, H3, H4, H5 STYLES  -------*/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Source Sans Pro', sans-serif;
  text-rendering: optimizelegibility;
  font-weight: bold;
  text-transform: uppercase;
  /*
	if you're going to use webfonts, be sure to check your weights
	http://css-tricks.com/watch-your-font-weight/
	*/

  /* removing text decoration from all headline links */

}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}
h1, .h1 {
  line-height: 1.033em;
  color: #888;
  padding-top: 45px;
  font-size: 18px;
}
h2, .h2 {
  padding-top: 0 !important;
  font-weight: normal;
  text-transform: none;
}
.welcome h2, .welcome .h2 {
  font-size: 1.5em;
  line-height: 1.1em;
  color: #313f69;
  margin: 12px 0 0;
}
h3, .h3 {
  font-size: 1.250em;
}
h4, .h4 {
  font-size: 1.125em;
}
h5, .h5 {
  font-size: 0.875em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
}
h6, .h6 {
  font-size: 1em;
  color: #313f69;
}
p {
  margin: 10px 0 15px 0;
}

h2 {
	padding-top: 30px;
}

/*------- HEADER -------*/

.header {}

.featured {
  padding: 0;
}
.featured span {
  float: left;
  margin: 12px 0;
}
.featured ul {
  float: left;
  margin: 9px 0 1px;
}
.featured ul li {
  display: inline;
  margin-left: 7px;
}

#logo {}

.justify {
	text-align: justify;
}

.circular {
    margin-top: 6px;
    padding-right: 6px;
	width: 110px;
	height: 110px;
	border-radius: 55px;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	/*background: url(/medias/image/ballanger/photoFB3.webp) no-repeat;*/
	background: url(/medias/image/ballanger/banner2.png) no-repeat;
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	
	background-position-x: 6px;
    background-position-y: -15px;
    /*background-size: 110px; */
    background-size: 98px;
}


/*------- NAVIGATION -------*/

/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
.nav {
  border: 1px solid #323f69;
  border-bottom: 0;
  /* end .menu li */

  /* highlight current page */

  /* end current highlighters */

}
.nav li {
  /*
		so you really have to rethink your dropdowns for mobile.
		you don't want to have it expand too much because the
		screen is so small. How you manage your menu should
		depend on the project. Here's some great info on it:
		http://www.alistapart.com/articles/organizing-mobile/
		*/

}
.nav li a {
  color: #ffffff;
  display: block;
  text-decoration: none;
  padding: 10px 10px;
  /*
			remember this is for mobile ONLY, so there's no need
			to even declare hover styles here, you can do it in
			the style.scss file where it's relevant. We want to
			keep this file as small as possible!
			*/

}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  padding-left: 30px;
}

/*------- POST & CONTENT -------*/
#content {

}

.entry-content {
  /*
			image alignment on a screen this size may be
			a bit difficult. It's set to start aligning
			and floating images at the next breakpoint,
			but it's up to you. Feel free to change it up.
			*/

}
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}
.entry-content video,
.entry-content object {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}
/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */

}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

/*------- HEADER STYLES -------*/

#inner-header .search {
  float: right;
  padding: 0.8em 0;
}
#inner-header .search input[type="text"] {
  border: none;
  float: right;
  background: #F6F6F6;
  height: 24px;
  padding: 0 0 0 6px;
}
#inner-header .search input[type="submit"] {
  margin: 0;
  background-color: #6a739a;
  float: right;
  height: 24px;
  border: 0;
  color: #fff;
  cursor: pointer;
  background: url('search.png') no-repeat center #6a739a;
  padding: 0 13px;
  text-indent: -9999px;
}
.searchContainer {
  background-color: #e7e7e7;
}
.searchArticle {
  margin-bottom: 30px;
}
.headerCallContainer {
  background-color: #ffffff;
  color: #fff;
}
.headerCallContainer .sixcol.last.clearfix {
  margin-bottom: 20px;
}
.logo {
  height: 100px;
  padding: 15px 0;
}
.logo img {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: -10px;
  display: block;
  top: -26px;
  right: 0;
  margin-bottom: 10px;
}
.navigationContainer {
  background-color: #923f69;
}
.wpcf7-form-control.wpcf7-textarea {
  max-width: 255px; 
  width: 100%;
}
.contactForm {
  background-color: #eee;
  padding: 10px;
}
.contactUs .sixcol {
  margin-bottom: 30px;
}
div.modal {
  color: #565656 !important;
  border: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  padding: 30px !important;
  /*max-width: 550px !important;
  width: 100% !important;
  margin: 0 auto !important;*/
}
#modal-overlay {
  background: #000 !important;
}
.buttonContact, .buttonContact:visited {
  line-height: 3.2em;
}
div.sixcol table {
  margin: 0 auto;
}

/*------- Phone -------*/

.phone p {
  text-align: center;
  margin: 0px 0 5px;
}
.icon-phone {
  font-size: 0.8em;
}
.headerCallContainer .phone {
  font-size: 24px;
  text-transform: uppercase;
  color: #323f69;
  padding: 15px 0 0px;
}
.headerCallContainer .phone .number {
  font-size: 24px;
  font-weight: 900;
  font-family: 'source sans pro';
}
.headerCallContainer .phone input[type="submit"] {
  float: none;
  font-size: 0.5em;
  display: block;
  margin: 0 auto;
}
.footerCallContainer .phone {
  font-size: 27px;
  color: #fff;
  padding: 11px 0;
  text-align: center;
  text-transform: uppercase;
}
.footerCallContainer .phone p {
  margin: 0;
  line-height: 1em;
}
.footerCallContainer .phone .number {
  font-size: 32px;
  font-weight: 900;
  color: #90a8f4;
  position: relative;
  top: 2px;
  display: block;
}
.footerCallContainer .phone .number a {
  color: #90a8f4 !important;
}
.footerCallContainer .phone input[type="submit"] {
  float: left;
  margin-left: 35px;
  cursor: pointer;
  position: relative;
  top: 3px;
  font-size: 0.5em;
}
a.footerLocationsNumbers, a.footerLocationsNumbers:visited, a.footerLocationsNumbers:hover, a.footerLocationsNumbers:link {
  color: #fff !important;
  text-decoration: none !important;
}


/*------- Slider -------*/

.bx-controls.bx-has-pager {
  display: none;
}
.sliderContainer {
  background-color: #f0f0f0;
  word-wrap: break-word;
  box-shadow: 0px 5px 25px #ddd;
}
.sliderContainer .wrap {
  background-color: #f4f4f4;
  word-wrap: break-word;
}
.slideCaption {
  position: absolute;
  bottom: 0;
  background: #000;
  background: rgba(0,0,0,0.8);
  color: #fff;
  padding: 12px;
  display:block;
  max-width: 100%;
}
.welcome {
  background-color: #f4f4f4;
  padding-left: 6px;
  padding-top: 15px;
  padding-right: 16px;
  text-align: justify;
}
.sliderContainer .bx-wrapper {
  position: relative;
  float: left;
  margin-left: 0;
  width: 65.74585634900001%;
  overflow: hidden;
}
.homeSlider p {
  margin: 0 0 5px;
}

.phonerdv {
	padding-right: 10px;
}

/*------- Skeleton -------*/

#Stage_skeleton_5 {
  margin: 0 auto;
  float: none;
  margin-bottom: 20px;
}
.skeletonContent {
  padding: 18px 0;
}
.skeletonContent p {
  margin: 10px 0 15px 0;
}

/*------- CTA -------*/

.ctaContainer {
  background-color: #f0f0f0;
  padding: 35px 0;
  text-align: center;
}
.ctaContainer p.h2 {
  margin-top: 12px;
  color: #565656;
}
.ctaContent a {
  color: #415fb9;
}
.ctaContent img {
  margin-top: 30px;
}
.testimonialsContainer .sixcol h6 {
  margin-top: 60px;
}

/*------- Testimonials -------*/

.testimonialsContainer {
  padding: 40px 0 52px 0;
  position: relative;
  text-align: center;
}
.testimonialsContainer div.sixcol.last {
  margin-top: 25px;
}
.testimonialsContent {
  height: 200px;
  overflow-y: scroll;
  margin: 18px 0;
  background: #f2f2f2;
  padding: 10px;
}
.testimonialAuthor {
  width: 100%;
  text-align: right;
  margin: 0px 0 24px 0;
  float: right;
}
.findMore {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  padding: 6px 0;
  background-color: #f0f0f0;
  width: 155px;
  height: 30px;
  overflow: auto;
  margin: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
}
.subPageFindMoreContainer {
  padding: 5px 0 15px 0;
  position: relative;
}
/*------- Homepage Hidden Content -------*/

.homepageHiddenContainer{
  background-color: #f0f0f0;
  padding: 40px 0;
}
.homepageHiddenContent {

}


/*------- Page.php stuff -------*/
.pageHeaderContainer {
  background-color: #fff;
  /*background-color: #313f69;*/
  padding: 10px 0;
  margin-bottom: 30px;
}
.pageHeaderContainer h1, h1.searchTitle {
  color: #313f69;
  border-top: 3px solid #dfdfdf;
  padding-top: 10px;
  border-bottom: 3px solid #dfdfdf;
  padding-bottom: 10px;
}


/*------- Sidebar -------*/

#sidebar1 {
  margin-top: 60px;
}
#sidebar1 a {
  text-decoration: none;
}
.subPages {
  background-color: #f4f4f4;
  border: 1px solid #ccc;
  border-top: 4px solid #313f69;
  padding: 0 20px 20px 20px;
}
.subPagesHeader {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.subPages ul {
  padding-top: 10px;
}

.quickLinks {
  margin-top: 30px;
}
.quickLinks p.h1 {
  background-color: #313f69;
  color: #fff;
  padding: 10px 20px;
  font-size: 20px;
  margin: 0;
}
.quickLinks ul {
  padding: 5px 20px 10px 20px;
}

.sidebarTreatmentSpecialties ul {
  width: 45%;
  font-size: 0.9em;
}

.sidebarTreatmentSpecialties ul:nth-child(1) {
  float: left;
}
.sidebarTreatmentSpecialties ul:nth-child(2) {
  float: right;
}

/*------- footer -------*/

.footerLocationContainer {
  background-color: #923f69;
  color: white;
  padding-bottom: 5px;
  text-align: left;
  text-align: center;
}
.footerLocationContainer .wrap {
  max-width: 320px;
}
.footerLocationContainer .menu-item a {
  color: #fff;
  text-align: center;
  padding: 10px 0;
  display: block;
}
.footerLinksContainer
{
   padding-top: 10px;
}
.footerLinksContainer .nav, .footerLinksContainer .nav li a, .footerLinksContainer .nav li a:hover, .footerLinksContainer .nav li a:focus {
  border: 0;
  padding: 0px 10px 4px;
}

.review-biz-button {
  margin: 0 auto;
  width: 300px;
  margin-top: 45px;
}
.review-biz-button a {
  color: #fff;
}
.review-biz-button ul {
  background: #455483;
}
.review-biz-button ul:after {
    content:".";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}
.review-biz-button ul li {
    margin: 0px;
  padding: 0 0 10px 0;
  float: left;
  display: block;
  width: 145px;
}
.review-biz-button span.head {
  line-height: 0.5em !important;
}

/*------- SIDEBARS & ASIDES -------*/

.widget ul li {
  /* deep nesting */

}

/*------- FOOTER STYLES -------*/
.footerCallContainer {
  background-color: #2b2b2b;
  padding-bottom: 11px;
}
.footerCallContainer .phone p {
  float: none;
}
.footerLocationContainer {
  background-color: #923f69;
  color: white;
  padding-bottom: 5px;
  text-align: left;
}
.footerLocationContainer p {
  font-size: 0.9em;
  line-height: 1.3em;
  margin-top: 0em;
}
.footerLocationContainer .wrap > h3 {
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding: 28px 0;
  margin-bottom: 35px;
}
.footerLinksContainer .nav  {
  float: none;
}
.footerLinksContainer .nav li {
  float: left;
}
.footer {
  clear: both;
  margin-top: 30px;
}
.copyright {
  text-transform: uppercase;
  padding: 20px 10px;
  margin: 0;
  text-align: center;
}
.footerCallContainer .phone {
  color: #fff;
}
.footerLinksContainer {
  background-color: #323f69;
  color: #fff;
  font-size: 0.8em;
}
.footerLocationContainer .threecol {
  text-align: center;
}
.footerLocationContainer .sixcol.first {
  text-align: center;
}

/********** Plugin Overrides **********/
.bx-controls-direction {
  display: none;
}

/* =============================================================================
	2. 481up LARGER MOBILE DEVICES

	This is for devices like the Galaxy Note or something that's
	larger than an iPhone but smaller than a tablet. Let's call them
	tweeners.
   ========================================================================== */
@media only screen and (min-width: 481px) {

/*------- NAVIGATION -------*/

.menu {
    /* end .menu ul */

  }
  .menu ul {
    /* end .menu ul li */

    /* highlight current page */

    /* end current highlighters */

  }
  .menu ul li {
/*
plan your menus and drop-downs wisely.
*/

  }
  .menu ul li a {
/*
you can use hover styles here even though this size
has the possibility of being a mobile device.
*/

  }

/*------- POST & CONTENT -------*/

.entry-content {
    /* at this larger size, we can start to align images */

  }
  .entry-content .alignleft,
  .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright,
  .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter,
  .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }

/*------- FOOTER -------*/

 /*
  check your menus here. do they look good?
  do they need tweaking?
  */

} /* end 481up media query */

/* =============================================================================
	3. 768up TABLET & SMALLER LAPTOPS

	This is the average viewing window. So Desktops, Laptops, and
	in general anyone not viewing on a mobile device. Here's where
	you can add resource intensive styles.
   ========================================================================== */

@media only screen and (max-width: 767px) {
  .floatleftondesktop { float: none; }
  .listepuce { padding-left: 25px; }
}

@media only screen and (min-width: 768px) {
  .listepuce { padding-left: 85px; }

/*------- LAYOUT & GRID -------*/
  .floatleftondesktop { float: left; }

  .onecol    { width: 5.801104972%;  }       /* 4.85%;  } /* grid_1  */
  .twocol    { width: 14.364640883%; }       /* 13.45%; } /* grid_2  */
  .threecol  { width: 22.928176794%; }       /* 22.05%; } /* grid_3  */
  .fourcol   { width: 31.491712705%; }       /* 30.75%; } /* grid_4  */
  .fivecol   { width: 40.055248616%; }       /* 39.45%; } /* grid_5  */
  /*.sixcol    { width: 48.618784527%; }   */    /* 48%;    } /* grid_6  */
  .sevencol  { width: 57.182320438000005%; } /* 56.75%; } /* grid_7  */
  .eightcol  { width: 65.74585634900001%; }  /* 65.4%;  } /* grid_8  */
  .ninecol   { width: 74.30939226%; }        /* 74.05%; } /* grid_9  */
  .tencol    { width: 82.87292817100001%; }  /* 82.7%;  } /* grid_10 */
  .elevencol { width: 91.436464082%; }       /* 91.35%; } /* grid_11 */
  .twelvecol { width: 99.999999993%; }       /* 100%;   } /* grid_12 */

   /*layout & column defaults*/
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
  }

  .headerCallContainer .phone {
    font-size: 27px;
    text-transform: uppercase;
    color: #323f69;
  }

  .welcome h2, .welcome .h2 {
    font-size: 1.2em;
    line-height: 1.1em;
    color: #313f69;
  }

  .welcome p {
    line-height: 1.325em;
  }

  .first {
    margin-left: 0;
  }

  .last {
    float: right;
  }
  .center {
    margin: 0 auto;
    width: 650px;
  }
 .wrap {
    max-width: 960px;
    margin: 0 auto;
    text-align: left;
  }

  .hideDesktop {
    display: block;
  }
  .hideMobile {
    display: none;
  }
  .footerCallContainer .phone p {
    float: left;
    margin: 0;
    line-height: 1.7em;
  }

/*------- NAVIGATION -------*/

.nav {
    float: right;
    border: 0;
    /* end .menu ul li */

    /* highlight current page */

    /* end current highlighters */

  }
  .nav li {
    float: left;
    position: relative;
    /*
  		plan your menus and drop-downs wisely.
  		*/

    /* showing sub-menus */

  }
  .nav .current_page_item a {
  }
  .nav li a {
    padding: 12px 14px;

    /*
  			you can use hover styles here even though this size
  			has the possibility of being a mobile device.
  			*/

  }
  .nav li a:hover,
  .nav li a:focus {
    background-color: #475481;
    color: #fff;
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    margin-top: 0;
    border: 0;
    position: absolute;
    display: none;
    z-index: 99999;
    /* highlight sub-menu current page */

  }
  .nav li ul.sub-menu li,
  .nav li ul.children li {
  }
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    border-right: 0;
    display: block;
    width: 180px;
    border-bottom: 0;
    padding: 8px 10px;
  }
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  .nav li:hover ul {
    top: auto;
    display: block;
  }

/*------- header -------*/

  .logo img {
    height: 150px;
    padding: 5px 0;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
  .headerCallContainer {
    height: 100px;
  }
  .headerCallContainer .sixcol.last.clearfix {
    margin-bottom: 0;
  }
  .headerCallContainer .phone input[type="submit"] {
    float: right;
    font-size: 0.5em;
    display: inherit;
    margin: 0;
  }
  .phone p {
    text-align: right;
  }

/*------- Slider -------*/

  .welcome {
      height: 300px;
    }
  .bx-controls.bx-has-pager {
    z-index: 9999;
    position: relative;
  }
  .bx-controls.bx-has-pager {
    display: block;
  }

/*------- content -------*/
.pageHeaderContainer h1, h1.searchTitle {
  color: #313f69;
  border-top: 0;
  padding-top: 25px;
  border-bottom: 3px solid #dfdfdf;
  padding-bottom: 10px;
}
#Stage_skeleton_5 {
  float: right;
  top: -26px;
  right: 26px;
  background-color: transparent !important;
  margin-bottom: 0;
}
.ctaContent img {
  margin-top: 0;
}
.fourcol.ctaContent {
  text-align: center;
}
.testimonialsContainer {
  padding: 40px 0 85px 0;
  position: relative;
  text-align: left;
}
.testimonialsContainer .sixcol h6 {
  margin-top: 0;
}
div.sixcol table {
  margin: 0;
}

/*------- footer -------*/

  .footerCallContainer .phone {
    color: #fff;
  }
  .footerCallContainer .phone .number {
    display: inline;
  }
  .footerLinksContainer {
    color: #fff;
    font-size: 0.8em;
  }
  .footerLocationContainer .wrap {
    max-width: 100%;
  }
  .footerLinksContainer .nav  {
    float: right;
  }
  .footerLinksContainer .nav li {
    float: left;
  }
  .copyright {
    text-align: left;
  }
  .footerLocationContainer .threecol {
    text-align: left;
  }
  .footerLocationContainer .sixcol.first {
    text-align: right;
  }

/*------homepage------*/
  .testimonialsContainer div.sixcol.last {
    margin-top: 0;
  }


/*------- SIDEBARS & ASIDES -------*/

  #sidebar1 {
    margin-top: 0;
  }
  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em;
  }
  .widget {
    padding: 0 10px;
    margin: 2.2em 0;
  }
  .widget ul li {
    margin-bottom: 0.75em;
    /* deep nesting */

  }
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }
  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */

/*------- FOOTER STYLES -------*/
  .footerCallContainer {
  }
  .footerCallContainer {
    background-color: #2b2b2b;
    padding-bottom: 0;
  }
  .footerCallContainer .phone p {
    float: left;
  }
  .subPageFindMoreContainer {
    padding: 40px 0 52px 0;
    position: relative;
  }

  /*
  you'll probably need to do quite a bit
  of overriding here if you styled them for
  mobile. Make sure to double check these!
  */
  .footer-links ul li {
    /*
  			be careful with the depth of your menus.
  			it's very rare to have multi-depth menus in
  			the footer.
  			*/

  }

} /* end 768 media query */

@media only screen and (min-width: 768px) {
	.phonerdv {
		float: right;
		padding-right: 10px;
	}
	.floatiflarge {
		float: left;
	}
}
@media only screen and (max-width: 767px) {
	.phonerdv {
		padding-right: 10px;
		clear: both;
	}

	.navigationContainer {
		clear: both;	
	}

	.sixcol {
		float: right !important;
	}

	.headerCallContainer .phone {
		padding-top: 0px;
		padding-bottom: 10px;
	}

    .slideinfo {
        margin-top: 20px;
    }
}

/* =============================================================================
	4. 1030up DESKTOP

	This is the average viewing window. So Desktops, Laptops, and
	in general anyone not viewing on a mobile device. Here's where
	you can add resource intensive styles.
   ========================================================================== */
@media only screen and (min-width: 1030px) {

  .welcome h2, .welcome .h2 {
    font-size: 1.5em;
    line-height: 1.1em;
    color: #313f69;
  }

} /* end 1030 media query */



/* Css to hide when we use print feature */
@media print {
  .hideonprint {
    display: none !important;
  }
}