@charset "UTF-8";

/**********************  IMPORTANT - PLEASE READ ********************/
/**********************  Additions at bottom ********************/
/* DUE TO THE COMPLEXITY OF CUSTOM SITES, PLEASE SEE BUILDER OR
DESIGNER BEFORE MAKING CHANGES TO FUNCTIONALITY OR ADDING/REMOVING CONTENT OR SECTIONS

BUILDER: Jose Azua
DESIGNER: Jose Azua
JOB #: 14-BR65T-0004
COMPLETION DATE: January 2015
ADDITIONAL NOTES: If adding new navigation with dropdown please add it to the tablet
fix sections for tablet devices see homepage for example. */

/* CSS Document */
@import url('callouts.css');
@import url('retirement.css');

body { margin:0; padding:0; }

.home.fall { background:url(../images/bkg-home-fall.jpg) no-repeat; height: 910px; margin: auto 0; position: relative; background-size: cover; background-position: center center; background-attachment:fixed; }

.home.spring {
	background:url(../images/bkg-home-spring.jpg) no-repeat; height: 910px; margin: auto 0; position: relative; background-size: cover; background-position: center center; background-attachment:fixed;
}

.home.summer {
	background:url(../images/bkg-home-summer.jpg) no-repeat; height: 910px; margin: auto 0; position: relative; background-size: cover; background-position: center center; background-attachment:fixed;
}

.home.winter {
	background:url(../images/bkg-home-winter.jpg) no-repeat; height: 910px; margin: auto 0; position: relative; background-size: cover; background-position: center center; background-attachment:fixed;
}


.Int { /*background:url(../images/bkg_blur.jpg) no-repeat;*/ height: 910px; margin: auto 0; position: relative; background-size: cover; background-position: center center; background-attachment:fixed; }

p { padding-bottom:5px; }

/*.interiorImage { height:491px; margin-bottom:50px; margin-top: -19px; z-index: 5; position: relative;}*/

.interiorImage { height:585px; /*margin-bottom:50px;*/ margin-top: -54px; z-index: 5; position: relative;}

// .photoset-6 { background:url(../images/photo_int_6.jpg) no-repeat center center; background-size: cover; }
.photoset-6.spring { background:url(../images/photo_int_6-spring.jpg) no-repeat center center; background-size: cover; }
.photoset-6.summer { background:url(../images/photo_int_6-summer.jpg) no-repeat center center; background-size: cover; }
.photoset-6.fall { background:url(../images/photo_int_6-fall.jpg) no-repeat center center; background-size: cover; }
.photoset-6.winter { background:url(../images/photo_int_6-winter.jpg) no-repeat center center; background-size: cover; }

// .photoset-4 { background:url(../images/photo_int_4.jpg) no-repeat center center; background-size: cover; }
.photoset-4.spring { background:url(../images/photo_int_4-spring.jpg) no-repeat center center; background-size: cover; }
.photoset-4.summer { background:url(../images/photo_int_4-summer.jpg) no-repeat center center; background-size: cover; }
.photoset-4.fall { background:url(../images/photo_int_4-fall.jpg) no-repeat center center; background-size: cover; }
.photoset-4.winter { background:url(../images/photo_int_4-winter.jpg) no-repeat center center; background-size: cover; }

// .photoset-1 { background:url(../images/photo_int_1.jpg) no-repeat center center; background-size: cover; }
.photoset-1.spring { background:url(../images/photo_int_1-spring.jpg) no-repeat center center; background-size: cover; }
.photoset-1.summer { background:url(../images/photo_int_1-summer.jpg) no-repeat center center; background-size: cover; }
.photoset-1.fall { background:url(../images/photo_int_1-fall.jpg) no-repeat center center; background-size: cover; }
.photoset-1.winter { background:url(../images/photo_int_1-winter.jpg) no-repeat center center; background-size: cover; }

// .photoset-2 { background:url(../images/photo_int_2.jpg) no-repeat center center; background-size: cover; }
.photoset-2.spring { background:url(../images/photo_int_2-spring.jpg) no-repeat center center; background-size: cover; }
.photoset-2.summer { background:url(../images/photo_int_2-summer.jpg) no-repeat center center; background-size: cover; }
.photoset-2.fall { background:url(../images/photo_int_2-fall.jpg) no-repeat center center; background-size: cover; }
.photoset-2.winter { background:url(../images/photo_int_2-winter.jpg) no-repeat center center; background-size: cover; }

.photoset-5 { background:url(../images/photo_int_5.jpg) no-repeat center center; background-size: cover; }

// .photoset-3 { background:url(../images/photo_int_3.jpg) no-repeat center center; background-size: cover; }
.photoset-3.spring { background:url(../images/photo_int_3-spring.jpg) no-repeat center center; background-size: cover; }
.photoset-3.summer { background:url(../images/photo_int_3-summer.jpg) no-repeat center center; background-size: cover; }
.photoset-3.fall { background:url(../images/photo_int_3-fall.jpg) no-repeat center center; background-size: cover; }
.photoset-3.winter { background:url(../images/photo_int_3-winter.jpg) no-repeat center center; background-size: cover; }


a { color:#000;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   text-decoration: none !important;
}

a:hover{color:#cba67d !important;}

.menuMainWrap { /*background:#402e37;*/ background: #383837; height: 48px; }
.wsmenu { animation-delay:0.2s;}
.logoContainer { width: 370px; margin: 25px auto;  }
.logoContainer img {
	max-width: 370px;
}
.logoContInt { /*margin-top:35px;*/ padding-top: 45px; }

.lineSketch { background:url(../images/lines_x_top.png) repeat-x top center; width:100%; height:20px; z-index: 20; position: relative; }
.bottomLines { background:url(../images/lines_x.jpg) repeat-x top 5px center #fff; width:100%; height:20px;  }
.homeContentWrap { /*margin-top:185px; margin-top: 152px;*/ margin-top: 91px; }
.headlineHome { color:#fff; text-align:center; animation-delay:1.5s; }
.headlineInt { /*color:#8e7059; text-align:center;*/ color: white;
    text-align: center;
    padding: 50px; }
.headlineInt:before { content:'--------------------------------------------------------------------------'; z-index:25; position:relative; top:66px; text-align:center; font-size: 30px; letter-spacing:-4px; display: none;  }
.headlineHome .headA { font-family: 'Prata', serif; font-weight:400; font-size:25px; text-transform:uppercase; padding: 0 10px; }
.headlineHome .headB { font-family: 'Prata', serif; font-weight:400; font-size:56px; text-transform:uppercase; display:block; margin-top: 23px; }
.headlineHome .headC { font-family: 'Prata', serif; font-weight:400; font-size:56px; text-transform:uppercase; display:block; margin-top: 0px; display:block;  }
.headlineHomeOnly {position: relative; top: 4px; }
.headlineInt .headA { font-family: 'Prata', serif; font-weight:400; font-size:22px; text-transform:uppercase; padding: 0px 10px; z-index: 30; position: relative; /*background:#E5E1DE;*/ top: 4px; }
.headlineInt .headB { font-family: 'Prata', serif; font-weight:400; font-size:40px; text-transform:uppercase; line-height: 41px; display:block; max-width: 650px; margin: 18px auto; }
.headlineInt .headC { font-family: 'Prata', serif; font-weight:400; font-size:40px; text-transform:uppercase; display:block; margin-top: 0px; display:block;  }
.headlineInt { /*max-width: 700px; margin: 0 auto; position: relative; top: -8px;*/ max-width: 750px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -75px; }

	@media screen and (min-width: 1025px) {
		.headlineInt {
			visibility: hidden;
		}
	}

.headlineHome .headLineBtm { font-size:29px; letter-spacing:-1px; }
.homeContent { animation-delay:2.8s; font-family: 'Raleway', sans-serif; font-weight: 400; font-size:16px; max-width: 750px; margin: 25px auto; line-height:26px;  }
.scrollWrap { animation-delay:.5s; }
.scrollArrows { max-width: 26px; margin: 10px auto; display:block; text-align:center;  }
.scrollText { font-family: 'Prata', serif; font-weight: 400; font-size: 16px; color:#cba67d; text-transform:uppercase;  }
.scrollLines { font-size: 40px; letter-spacing:-1px; position: relative; top: -10px; }
.middlecontentIcon { max-width: 151px; margin: 0 auto;  }

.markerContainer { width: 220px; height:200px; text-align:center; margin: 0 auto; float:right; right: 5%; margin-top: -28px; z-index: 5; position: absolute; animation-delay:2s;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  display: none;  /* Added this to remove it for the last round of revisions, but wanted to leave it just in case */
 }
.markerContainerInt { margin-top:-58px !important; }
.faMarker { color:#decdb8; font-size: 40px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
 }

 .faMarker.homefaMarker {
	 margin-top: -30px;
 }

.fa-map-marker { animation-delay: 1s; }
.markerContainer:hover > .faMarker {
	animation-name: hatch;
	-webkit-animation-name: hatch;

	animation-duration:2s;
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;


	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;

	visibility: visible !important;

    -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;

}

.markerText { background: rgba(0,0,0, 0.6); height:200px; width: 220px; margin: 0 auto; animation-delay:1.5s;   }
.markerText:before { content:'---------------------'; color:#4b3f3b; font-size: 24px; position: relative; top: -19px; text-align:center }
.markerHeadA { color:#decdb8; font-family: 'Prata', serif; font-weight:400; font-size:16px; text-transform:uppercase; margin-top: -11px; margin-bottom: 20px; padding:0 15px; }
.markerTextB { color:#fff; font-family: 'Prata', serif; font-weight:400; font-size:14px; font-style:italic; padding:0 15px; }

.markerContainer:hover {
  -webkit-transform: translateY(-190px);
  -moz-transform: translateY(-190px);
  -o-transform: translateY(-190px);
  -ms-transform: translateY(-190px);
  transform: translateY(-190px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
	}




.middleContentHomeWrap { background:url(../images/lines_x_top.png) repeat-x top center #fff; padding:18px 0px 9px; /*margin-top:38px;*/ animation-delay:0.5s; z-index: 10; position: relative;}
.middleContentHome {  background:url(../images/line_rr.gif) repeat-x top center #e5e1de; background-position-y: 7px; display: none;}
.middleContentMain { font-family: 'Raleway', sans-serif; font-weight: 400; font-size:16px; color:#8e7059; line-height:28px; max-width: 779px; margin: 0 auto; text-align:left; padding: 55px 0;   }
.middleContentMain p { padding-bottom:10px; }
.middleHome { padding-left:20px; padding-right:20px; }
.middlecontentIcon { margin-bottom: 36px; }
.middleContentInt { padding-top: 0px; }
.middleContentMainInt { margin-bottom:9px; padding:30px 0 33px; }

.clientsModuleContainer { /*background:url(../images/bkg_footer_1-1.jpg) no-repeat top center #fff;*/ position: relative; /*background-size: cover; background-position: center center;*/ min-height:773px;  height:auto !important;  height:773px; z-index: 10;}
.clientsModuleContainer.winter { background:url(../images/bkg_footer_1-1-winter.jpg) no-repeat top center #fff; background-size: cover; background-position: center center;}
.clientsModuleContainer.fall { background:url(../images/bkg_footer_1-1-fall.jpg) no-repeat top center #fff; background-size: cover; background-position: center center;}
.clientsModuleContainer.spring { background:url(../images/bkg_footer_1-1-spring.jpg) no-repeat top center #fff; background-size: cover; background-position: center center;}
.clientsModuleContainer.summer { background:url(../images/bkg_footer_1-1-summer.jpg) no-repeat top center #fff; background-size: cover; background-position: center center;}

.clientsModuleContainerInt { top: 9px; /*background:url(../images/bkg_footer_2.jpg) no-repeat bottom center #fff;*/  min-height:773px;  height:auto !important;  height:773px;}
.clientsModuleContainerInt.winter { background:url(../images/bkg_footer_2-winter.jpg) no-repeat bottom center #fff;}
.clientsModuleContainerInt.spring { background:url(../images/bkg_footer_2-spring.jpg) no-repeat bottom right #fff;}
.clientsModuleContainerInt.fall { background:url(../images/bkg_footer_2-fall.jpg) no-repeat bottom center #fff;}
.clientsModuleContainerInt.summer { background:url(../images/bkg_footer_2-summer.jpg) no-repeat bottom center #fff;}


.mainBodyContent { padding: 93px 0 147px; }
.mainContentB { padding:0 0px 0 60px;  background:url(../images/line_vert.png) repeat-y top left; color:#8e7059;  font-family: 'Raleway', sans-serif; font-weight: 400; font-size:15px; line-height:27px; float:right;}
.mainContentBfin { padding:0 0px 0 60px; color:#8e7059; font-family: 'Raleway', sans-serif; font-weight: 400; font-size:15px; line-height:27px; float:right;}
blockquote { animation-delay:0.5s; background:url(../images/line-pattern.png) repeat; padding:20px 20px; text-align: center ; max-width: 638px; margin: 40px auto; }
blockquote .quoteAuthor { color:#b8b5b5; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 20px; line-height:27px; text-transform:uppercase; }
blockquote .quoteText { color:#946e64; font-family: 'Prata', serif; font-weight:400; font-size:22px; line-height:27px; margin-bottom:30px; padding: 0 58px;}
blockquote .quoteText:before { content:'----------------------------'; display:block; position:relative; top:-13px; letter-spacing:-3px; }
.buttonCO {  color:#003471; }
.buttonCO:hover { color: #9f1115; text-decoration:none !important; }
.link-spanner{ position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1;}

.blogHeadline {  color:#946e64; font-family: 'Prata', serif; font-weight:400 !important; font-size:22px; line-height:27px; text-transform:uppercase ;}
.blogDate { font-family: 'Prata', serif; font-weight:400; font-size:14px; font-style:italic; }
.headJournal { color:#946e64; font-family: 'Prata', serif; font-weight:400 !important; font-size:22px; line-height:27px; text-transform:uppercase ; text-align:center; }
.ArtilceListContainer .journalDate { font-family: 'Prata', serif; font-weight:400; font-size:14px; font-style:italic; text-align: center;  }
.ArtilceListContainer ul { max-width: 100px; margin: 0 auto; font-family: 'Prata', serif; font-weight:400; font-size:14px; list-style:none; padding-left: 0px; }
.ArtilceListContainer li { padding-bottom: 6px;}

.ArtilceListContainer li a:before {
	content: "\f0e5";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	color:#cba67d;
    text-decoration: inherit; margin-right: 9px;
	}

.ArtilceListContainer li:hover >  a:before { 	color:#000;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* Accordians */

.ArtilceListContainer .accordionButton:before {
	content: "\f067" !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	color:#cba67d;
    text-decoration: inherit; margin-right: 5px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
    transform-origin: top left !important;
	}


.ArtilceListContainer .on { color:#cba67d; }


.ArtilceListContainer .on:before {
content: "\f068" !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	color:#000;
    text-decoration: inherit; margin-right: 5px;
  transform: rotate(360deg);

  }


.sideBarA { padding-right: 60px; margin-top: 8px; }
.sideBarA .bannerHead { color:#946e64; font-family: 'Prata', serif; font-weight: 400; font-size: 22px; line-height:27px; text-transform: uppercase; padding:35px 10px;  }
.sideBarA .bannerLearnMore { color:#000; font-family: 'Prata', serif; font-weight: 400; font-size: 14px; font-style: italic; text-transform: none !important; }
.BannerContainer {background:url(../images/line-pattern.png) repeat; padding:35px; }

.sideBarA .BannerContainer .icon { margin-bottom:20px; }
.sideBarA .BannerContainer .iconBulb { height:43px; width:66px; }
.sideBarA .BannerContainer .iconMug { height:50px; width:57px; }
.sideBarA .BannerContainer .iconEnv { height:33px; width:56px; }
.sideBarA .banner { width: auto; text-align:center;  margin:0 auto 35px;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);

  }
.sideBarA .banner:before { content:'----------------------------------------------------------------'; color:#c7b9b6; letter-spacing:-3px; }
.sideBarA .bannerB { margin-bottom:0px; }

.sideBarB { padding-right: 60px; margin-top: 58px;  }
.sideBarB .accordionContent {background:url(../images/line-pattern.png) repeat; padding:35px; }

.bannerHead {
  position:relative; top:0px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  }

.banner:hover > .bannerHead { color:#000;
  position:relative; top:-10px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.bannerLearnMore {
  position:relative; top:0px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.banner:hover > .bannerLearnMore {   color:#8e7059;
  position:relative; top:10px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.icon { transition: all .4s ease-in-out; }
.banner:hover > .icon {  transform: scale(1.3);

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
 }

.st0 { fill:#CBA77E; }
.scrollWrap:hover > .st0 { fill:red ; }
.scrollArrows { transition: all .4s ease-in-out; }
.scrollWrap:hover > .scrollArrows {  transform: scale(1.1);

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	transform-origin: 50% -50%;
	-ms-transform-origin: 50% -50%;
	-webkit-transform-origin: 50% -50%;
 }

.sideBarA .bioPhoto { width: 100%; text-align:center; margin-bottom: 20px; }
.sideBarA .bioPhoto img { width: 220px; height: auto;  padding: 4px; border: 1px solid #ccc; }
.sideBarA .bioName { color:#946e64; font-family: 'Prata', serif; font-weight: 400; font-size: 22px; line-height:27px;  margin-bottom: 20px; padding-left: 12px;}
.sideBarA .bioTitle { color:#9A9A9A; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 17px; line-height:21px;  margin-bottom: 10px; padding-left: 12px; }
.sideBarA .bioDesc { font-size: 16px;  }
.sideBarA .bioSocial { padding-left: 12px;}
.sideBarA .bioSocial a:active { color: red; }

/* Accordians */
.accordionButton {
    width: 96%;
    float: left;
    _float: none;  /* Float works in all browsers but IE6 */
    border-bottom: 1px dashed #DFD3CB;
    cursor: pointer;
    padding:10px;
    margin-bottom: 2px;
    text-transform:uppercase;
    font-size:16px; font-family:"Times New Roman", Times, serif;    color:#000; font-weight:normal;letter-spacing:2px;
	-webkit-transition: color 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  	transition: color 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }

.accordionContent {
    width: 96%;
    float: left;
    _float: none; /* Float works in all browsers but IE6 */
    background: none;
     margin-bottom: 20px;
    padding: 10px;
    }


.on { background:none; color: inherit; }
.over { background: none; color: inherit; }


/*------------------------
//  Transformative Wealth Process Animation Styles
------------------------*/
#consultativeProcess .callOut {margin-bottom: 60px; min-height: 265px; background: rgba(187, 160, 138, 0.6);  }
#consultativeProcess .callOutLast { border-bottom: none !important; }
#consultativeProcess .cProcess { width:100%;  float: left; padding: 0px 10px; clear:both; border-bottom: 1px dashed #ccc; margin-bottom: 23px; padding-bottom: 10px;}
#consultativeProcess .cDiamond {  }
#consultativeProcess .cInfo {  font-family: 'Prata', serif; font-weight: 400; font-size: 22px; line-height:27px; margin-top: 60px;}
#consultativeProcess .cDesc { display: none; width: 66%; float: right;   }
#consultativeProcess .cMoreInfo { font-family: 'Prata', serif; font-weight:400; font-size:14px; font-style:italic; position: relative; top: -12px; }
#consultativeProcess .open2 { font-family: 'Prata', serif; font-weight:400; font-size:14px; font-style:italic; }


.vc1 { animation-delay:0.0s; }
.vc2 { animation-delay:0.2s; }
.vc3 { animation-delay:0.4s; }
.vc4 { animation-delay:0.6s; }
.vc5 { animation-delay:0.8s; }

.footerWrap a { color:#fff; }
.footerWrap { background: rgba(64, 46, 55, 0.9); margin-top:370px; margin-top: 500px}
.footerWrap .contactInfo { color:#c5bfb6; margin:37px 0;  }
.footerWrap .contactHedge a { color:#9c9385; }
.footerWrap .contactHedge { color:#9c9385; margin:61px 0 37px; border-left: double #6D5F63; padding-left: 50px; line-height:14px; font-size:11px; }
.footerDetails { max-width:154px; margin-left: 42px; margin-top: 20px; }
.footerWrap .rjHedge { font-size: 13px; }
.spDetails { display:block ; }


.circleMainWrap { max-width: 100%; margin: 32px auto 0; }
.vc9 { border-left: double #E6DBBB;  }
.vc8 { margin-right: 15px; }
/* Tablet Hover Fix::::::: Initializes the 'display-tablet' class to be invisible */
.display-tablet { display: none !important; }

/* Use the media query to display the 'display-tablet' class from 1px above where the nav changes to mobile and the max-width of the tablet */
@media screen and (min-width: 781px) and (max-width: 1024px) {
/* Now the <li> containing the repeated top-level nav item will display */
.display-tablet { display: block !important; }
}




/* Misc */
sup { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; bottom: 4px; font-size:8px; }
.bioName sup {vertical-align: super;}
#quotes {width: 541px; height: 700px; }
.letter {font-family:Georgia, "Times New Roman", Times, serif !important; font-size: 11px; line-height: 16px; font-weight: bold; color: #2d533e !important;}
.required { font-size: 1em;  top: 0; }
.disclaimer { font-size:11px; line-height:18px; }
hr {border: 0; color: #d9c49c; background-color: #d9c49c; height: 1px; width: 100%; text-align: left; margin:20px 0; }
.letter { color:#000000 !important;}
#aboutrjCommercial {float:right; width:273px; margin-left:30px; margin-bottom:20px; border:#ccc 1px solid; padding:20px;}
#videoContainer {height: 180px; margin-top:10px; }
#videoContainer #playButton {left: 97px; top: 63px;}
#linkContainer { margin-top:10px; text-align:center;  }
#milestone { float: none  !important; width: inherit !important; padding: 0px 0px 0px 0px !important; border-left: none !important; }
#aboutRJHeader { display:none; }
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#aboutrjCommercial { float: none;
	margin: 0 auto 30px !important;
 }
}

h1, h2, h3, h4, h5, h6 { /*reset for mobile browsers */
font-weight: normal !important;
}


/* Media Queries */

/* IE 10+ Styles */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.headlineHome {
		margin-bottom: -115px;
	}

	.scrollArrows {
		position: relative;
		top: -55px;
	}

	.headlineHome.headlineInt {
		margin-top: 0;
		margin-bottom: 30px;
	}

	.headlineHome .headLineBtm {
		font-size: 29px;
		letter-spacing: -3px;
	}
}

@media screen and (min-width: 320px) and (max-width: 666px) {
	.circleMainWrap .callOut {
		width: 100% !important;
	}
}

@media screen and (min-width: 667px) and (max-width: 769px) {
	.circleMainWrap .callOut {
		width: 222px !important;
	}
	#consultativeProcess .callOut .callOutHead {
		font-family: 'Prata', serif;
		font-weight: 400;
		font-size: 21px;
		line-height: 27px;
	}
}

@media screen and (min-width: 770px) and (max-width: 1200px) {
	.circleMainWrap .callOut {
		/*width: 415px !important;*/
		position: relative;
		left: 2%;
	}
}

@media screen and (max-width: 400px) {
	.logoContainer {
		width: 100%;
		max-width: 370px;
	}

	.logoContainer img {
		display: block;
		max-width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 480px) {
	.headlineHome .headB {
		margin-top: 4px !important;
	}
	.circleMainWrap .callOut {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
}

@media screen and (min-width: 569px) {
	/*.ch2 { border-left: double #E6DBBB !important;  }*/
}



@media screen and (max-width: 568px) {
	#consultativeProcess .callOut.ch1, #consultativeProcess .callOut.ch2  {
		position: relative;
		/*left: 50%;
		transform: translateX(-50%);*/
		border-left: none;
		padding-bottom: 20px !important;
		float: none;
	}

	#consultativeProcess .callOut {
		margin: 0 auto 60px !important;
	}

	.callOutContainer {
		height: 100%;
		min-height: 470px;
	}

	.ch1, .ch2 {
		border-bottom: double #E6DBBB !important;
	}

	#consultativeProcess .callOut.ch3 {
		border-bottom: none !important;
	}

	.ch2 {
		padding-top: 20px !important;
	}
}

@media screen and (max-width: 675px) {
	.homeContentWrap {
		margin-top: 0;
	}

	.home {
		height: 100%;
	}
}

@media screen and (min-width: 735px) and (max-width: 769px) {
	.mainContentB {
		margin-bottom: 50px;
	}
	.mainContentBfin {
		margin-bottom: 50px;
	}
}




/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
.lineSketch { display:none;  }
.homeContent { padding: 0 20px; }
.middleContentMain { padding-left: 20px; padding-right: 20px; }
.headlineInt .headA { font-size:21px; }
.headlineHome .headB { margin-top:0px; font-size: 31px; }
.headlineHome .headC { margin-top:0px; font-size: 31px; }
.headlineInt:before { display:none; }
blockquote .quoteText { padding:0 15px; }
/* .footerWrap { margin-top:20px; } */
.bottomLines { display:inherit !important; }
.mainBodyContent { padding:24px 0 147px; }
.mainContentB { padding-bottom:60px; }
.mainContentBfin { padding-bottom:60px; }
.markerContainerInt { margin-top:-56px !important; }
.markerContainer { width:100%; right:inherit; display:none; }
.headLineBtm { width: 140px; overflow: hidden; display: inline-block;}
.circleMainWrap .callOut { width: 100% !important;   }
.circleMainWrap .callOut {margin:0px 0 !important;   }
.homeContent { animation-name:none !important; visibility: inherit !important;}
.Int { background:none; background:#fff; }
.interiorImage { margin-top:-48px; padding: 0px; margin: 0px; width: 100% }
.middleContentHomeWrap { margin-top:0px; }
.mainContentB { padding-left:25px !important; padding-right: 25px !important; }
.mainContentBfin { padding-left:25px !important; padding-right: 25px !important; }
#consultativeProcess .cInfo { margin-top: 0px; padding-left: 0px !important; float:none; }
#consultativeProcess .cMoreInfo { margin-left:0px !important; }
#consultativeProcess .cDesc { width: 100%; float: none; clear: both; margin-top: 0px; padding-top: 0px !important }

}

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
.logoContainer { margin: -12px auto 25px;}
.homeContentWrap{ margin-top: 90px;  }
.scrollWrap { display:none; }
.middleContentHome { padding: 0 20px; }
.headlineInt .headA { font-size:20px; padding:0px; }
.headlineHome .headB { margin-top:0px; font-size: 29px; }
.headlineHome .headC { margin-top:0px; font-size: 29px; }
.home { background-position: -460px 0px !important; }
.middleContentMain { padding-left: 5px !important; padding-right: 5px !important; }
.circleMainWrap { max-width:233px !important; }
.vc9 { border-left: none !important;  }
.vc8 { margin-right: 0px; margin-bottom:20px;  }
.ch2 { border-left: none !important; border-top: double #E6DBBB !important; padding-top: 30px;  }
.ch1 {  padding-bottom: 30px;  }
.circleMainWrap .callOut { padding-right: 20px !important; padding-left: 20px !important; width: 100% !important }
.circleMainWrap .callOut { padding-right: 20px; padding-left: 20px; }

}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
.home { background-position: center center !important; }
.homeContentWrap { margin-top: 75px; }
.headlineHome .headB { font-size:31px !important; }
.headlineHome .headC { font-size:31px !important; }
.vc8 { margin-right: 35px; margin-bottom:20px;  }
.circleMainWrap .callOut { max-width: 240px !important; padding-right: 20px; padding-left: 20px; }
.circleMainWrap .callOut {margin:0px 0 !important; padding-right: 20px; padding-left: 20px; }
.mainBodyContent { padding-top: 20px ; }


}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
.homeContent { padding: 0 20px; }
.scrollWrap { display:none; }
.middleContentMain { padding-left: 20px; padding-right: 20px; }
.headlineInt:before { display:none; }
.Int { background:none; background:#fff; }
.interiorImage { margin-top:-48px; padding: 0px; margin: 0px; width: 100% }
.middleContentHomeWrap { margin-top:0px; }
.mainContentB { padding-left:25px !important; padding-right: 25px !important; }
.mainContentBfin { padding-left:25px !important; padding-right: 25px !important; }
#consultativeProcess .cInfo { margin-top: 0px; padding-left: 0px !important; float:none; }
#consultativeProcess .cMoreInfo { margin-left:0px !important; }
#consultativeProcess .cDesc { width: 100%; float: none; clear: both; margin-top: 0px; padding-top: 0px !important }
.markerContainer { width:100%; right:inherit; display:none; }

}

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
.home { background-position: center center !important; }
.homeContentWrap { margin-top: 75px; }
.headlineHome .headB { margin-top:0px; }
.headlineHome .headB { font-size:40px !important; }
.headlineHome .headC { font-size:40px !important; }
.vc8 { margin-right: 35px; margin-bottom:20px;  }
.circleMainWrap .callOut { max-width: 283px !important; margin:0px 0 !important; padding-right: 20px; padding-left: 20px; }
.circleMainWrap .callOut {  padding-right: 20px; padding-left: 20px; }

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {
.homeContent { padding: 0 20px; }
.scrollWrap { display:none; }
.middleContentMain { padding-left: 20px; padding-right: 20px; }
/* .footerWrap { margin-top:30px; } */
.bottomLines { display:inherit !important; }
.Int { background:none; background:#fff; }
.interiorImage { margin-top:-48px; padding: 0px; margin: 0px; width: 100% }
.middleContentHomeWrap { margin-top:0px; }
.mainBodyContent { padding-top: 20px ; }
.mainContentB { padding-left:40px !important; padding-right: 40px !important; }
.mainContentBfin { padding-left:40px !important; padding-right: 40px !important; }
#consultativeProcess .cInfo { margin-top: 0px; padding-left: 0px !important; float:none; }
#consultativeProcess .cMoreInfo { margin-left:0px !important; }
#consultativeProcess .cDesc { width: 100%; float: none; clear: both; margin-top: 0px; padding-top: 0px !important }

}

/* Portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
.circleMainWrap .callOut { max-width: 100% !important; width: 100% !important; }
}

/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
.home { background-position: center center !important; }
.homeContentWrap { margin-top: 75px; }
.Int { background-position-y: -110px !important;}
.headlineInt:before { content: '-----------------------------------------------------------------------'; top:68px; }
.headlineHome .headB { font-size:48px; }
.headlineHome .headC { font-size:48px; }
.vc8 { margin-right: 35px; margin-bottom:20px;  }
.circleMainWrap .callOut { max-width: 332px !important; margin:0px 0 !important; padding-right: 30px; padding-left: 30px; }
.markerContainerInt { margin-top: -56px !important;}

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3) {
.scrollWrap { display:none; }
.middleContentMain { padding-left: 20px; padding-right: 20px; }
.headlineHome .headB { width: auto !important; }
/* .footerWrap { margin-top:30px; } */
.bottomLines { display:inherit !important; }
.circleMainWrap .callOut { padding-right: 40px; padding-left: 40px; }
.mainContentB { padding-left:40px !important; padding-right: 40px !important; }
.mainContentBfin { padding-left:40px !important; padding-right: 40px !important; }
#consultativeProcess .cInfo { margin-top: 0px; padding-left: 0px !important; float:none; }
#consultativeProcess .cMoreInfo { margin-left:0px !important; }
#consultativeProcess .cDesc { width: 100%; float: none; clear: both; margin-top: 0px; padding-top: 0px !important }

}

/* Portrait */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
.headlineHome .headB { width: 307px; margin: 0 auto; font-size: 38px; }
.headlineHome .headC { width: 307px; margin: 0 auto; font-size: 38px; }
.circleMainWrap .callOut { padding-right: 40px !important; padding-left: 40px !important; }

}

/* Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
.home { background-position: center center !important; }
.homeContentWrap { margin-top: 75px; }
.vc9 { margin-right: 35px; margin-bottom:20px;  }
.lineSketch { display:inherit; }
.circleMainWrap .callOut { max-width: 367px !important; margin:0px 0 !important; padding-right: 40px; padding-left: 40px; }
.markerContainerInt { margin-top: -106px !important;}
.middleContentHomeWrap { margin-top:-50px !important; }
.BannerContainer { padding: 35px 185px; }
.mainBodyContent { padding-top: 20px ; }

}
/* Media Queries */

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/*.menuMainWrap { background:none; }*/
}

@media screen and (max-width: 700px) {
	.headLineBtm {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.circleMainWrap .callOut {
    	width: 222px !important;
	}
}
/* #Tablet (Portrait) */
@media only screen and (max-width: 990px){
.footerDetails { margin-left:0px; text-align:center; max-width: none;  }
.footerWrap .contactInfo { text-align:center; }
.footerWrap .contactHedge { border-top: double #6D5F63; border-left: none; margin: 0px 0 37px; padding: 30px 10px 0;}
/*.menuMainWrap { background:none; }*/
.lineSketch { display:none; }
.logoContainer { margin-top: 30px; }
/*.home { background-position: -480px -160px; }*/
.interiorImage { margin-top:-48px;  }
.spDetails { display: inline !important;  }
.spDetails:after { content:'     //     '; color:#CBA67D; }
.Int { background-position-y: -370px;}
.sideBarA { padding-right:10px; margin-bottom:30px;  }
.mainContentB { padding-left:40px; padding-right: 40px; background: none !important; }
.mainContentBfin { padding-left:40px; padding-right: 40px; background: none !important; }
.bioMain { text-align:center; }
/* .footerWrap { margin-top: 90px; } */
.menuMainWrap { animation-name:none !important; }
.wsmenu { animation-name:none !important; }
.vc9 { margin-right: 35px; margin-bottom:20px;  }

.circleMainWrap { max-width:100% !important; }
.circleMainWrap .callOut { max-width: 389px; padding: 0 20px; }
.callBr { display:inline; }

}
@media screen and (max-width: 768px) {
	#consultativeProcess .callOut .callOutHead {
		font-family: 'Prata', serif;
		font-weight: 400;
		font-size: 21px !important;
		line-height: 27px !important;
	}
}

@media screen and (max-width: 1024px) {
	.headlineHome {
		animation-delay: 0s;
	}
	#consultativeProcess .callOut {
		max-width: 295px !important;
	}
	#consultativeProcess .callOut .callOutHead {
		font-family: 'Prata', serif;
		font-weight: 400;
		font-size: 27px;
		line-height: 35px;
	}
	.home.winter {
		background: url(../images/winter-tablet.jpg) no-repeat !important;
		height: 900px;
		margin: auto 0;
		position: relative;
		background-position: center center;
		background-attachment: fixed;
	}
  .home.fall {
    background: url(../images/fall-tablet.jpg) no-repeat !important;
    height: 900px;
    margin: auto 0;
    position: relative;
    background-position: center center;
    background-attachment: fixed;
  }
  .home.spring {
    background: url(../images/spring-tablet.jpg) no-repeat !important;
    height: 900px;
    margin: auto 0;
    position: relative;
    background-position: center center;
    background-attachment: fixed;
  }
  .home.summer {
    background: url(../images/summer-tablet.jpg) no-repeat !important;
    height: 900px;
    margin: auto 0;
    position: relative;
    background-position: center center;
    background-attachment: fixed;
  }
}
@media screen and (max-width: 414px) {
	.headlineInt {
		color: white;
		text-align: center;
		padding: 20px !important;
	}
	.home.winter {
		background: url(../images/winter-mobile.jpg) no-repeat !important;
		height: 900px !important;
		margin: auto 0;
		position: relative;
		background-position: center center;
		background-attachment: fixed;
	}
  .home.fall {
    background: url(../images/fall-mobile.jpg) no-repeat !important;
    height: 900px !important;
    margin: auto 0;
    position: relative;
    background-position: center center;
    background-attachment: fixed;
  }
  .home.spring {
    background: url(../images/spring-mobile.jpg) no-repeat !important;
    height: 900px !important;
    margin: auto 0;
    position: relative;
    background-position: center center;
    background-attachment: fixed;
  }
  .home.summer {
    background: url(../images/summer-mobile.jpg) no-repeat !important;
    height: 900px !important;
    margin: auto 0;
    position: relative;
    background-position: center center;
    background-attachment: fixed;
  }
}

/* #Tablet (Landscape) */
@media only screen and (max-width: 1200px){
/*.callOut { height: 192px; width: 192px; margin: 0 auto !important; }*/
.view { height: 192px; width: 192px; }
.sideBarA .banner:before { content: '-------------------------------------------------'; }
.menuMainWrap { animation-name:none !important; }
.wsmenu { animation-name:none !important; }
#consultativeProcess .cInfo { margin-top: 30px ; padding-left: 240px ;}
#consultativeProcess .cMoreInfo { margin-left:25px; }
#consultativeProcess .cDesc { width: 100%; float: none; clear: both; padding-top: 29px; }
.circleMainWrap .callOut { max-width: 412px ; padding: 0 10px; }

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 768px) {
.menuMainWrap { animation-name:none !important; }
.wsmenu { animation-name:none !important; }

}

.quoteAuthor-ul {
	padding-bottom: 20px;
}

.quoteText-ul {
	list-style-type: none;
	padding-left: 0 !important;
}

.quoteText-li {
	font-size: 14px !important;
	margin-bottom: 5px !important;
}

blockquote .quoteText-li:before {
	top: 0 !important;
}

.teamphoto img {
	height: auto;
    padding: 4px;
    border: 1px solid #ccc;
	margin-bottom: 20px;
}

.footerLogo img {
	    max-width: 230px;
}

.icon-container {
  width: 16px;
  height: 16px;
  background: transparent;
  position: relative;
  font-size: 16px;
  cursor: pointer;
  color: rgba(0,0,0,1);
  display: inline-block;
  margin-right: 20px;
  top: 2px;
}

.plus, .minus {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 18px;
  text-align: center;
  -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.plus {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.plus.opened {
  opacity: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.minus {
  opacity: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.minus.opened {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  color: #8e7059;
}

.accordionButton.over > .icon-container {
	color: #8e7059;
}

.process-graphic-wrapper {
	margin: 50px 0;
	width: 100%;
}

.lightbox {
	display: none;
}

#captchaAnswer {
	max-width: 375px;
}

@media screen and (max-width: 460px) {
	textarea {
		width: 100% !important;
		max-width: 375px !important;
	}
}

.pad {margin-top:20px; padding-left: 10px;}
.btn {
  background: #cba67d;
  color: #fff;
  font-weight: bold;

}
.btn:hover{
  color: #fff !important;
  background: #8e7059 !important;
}
.socialIcons a {
  margin-right: 8px;
}

/**********************  ADDITIONS ********************/

.home .headA:before, .home .headA:after {
  content: "______________";
  position: absolute;
  font-size: 29px;
    letter-spacing: -1px;
}

.home .headA:before {
  left: 40px;
  bottom: 0;
}

.home .headA:after {
  right: 40px;
  bottom: 0;
}


.mainBodyContent figure.image {
  text-align: center;
}

.mainBodyContent figure.image img {
  text-align: center;
  padding: 4px;
  border: 1px solid #ccc;
  margin: 30px 0;
}

.mainBodyContent h3 {
    color: #946e64;
    font-family: 'Prata', serif;
    font-weight: 400 !important;
    font-size: 22px;
    line-height: 27px;
    text-transform: uppercase;

}
.mainBodyContent p+h3 {
    margin-top: 35px;
}

.mainBodyContent h4 {
    font-family: 'Prata', serif;
    font-weight: 400;
    font-size: 16px;
    font-style: italic;
    text-transform: none !important;
    margin-top: 17px;
}

.mainBodyContent .banner {
  width: 100%;
  max-width: 297px;
}

.mainBodyContent .sideBarA:not(.sideBarBio) .BannerContainer {
  padding-left: 0;
  padding-right: 0;
}

.mainBodyContent p.message {
  background: #D1C1B4;
  padding: 5px 15px;
  font-weight: bold;

}