@import url(https://fonts.googleapis.com/css?family=Lato:400,900italic,900,700,700italic,400italic,300,300italic);

@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);

.fontHolderClass { 
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
}

/** CLEARFIX**/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*Just apply a class="clearfix" to the parent element.*/


/** SWATCHES **/
/** Place any hex codes for branded colors here for quick reference. **/
/**  #005696 : blue **/
/**  #6087A0 : gray **/
/**  #FFCF06 : yellow **/

/** Google Font Import **/


/** TYPOGRAPHY **/
/** Place any CSS code in this section that changes or modifies the headlines, paragraphs or links. **/
p, li, div, td {
	color: #333;
}  
a {
	color: #005696;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
a:hover {
	color: #8bd3f5;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Quattrocento', serif;
	font-weight: 600;
	color: #005696;
	line-height: 1;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: 'Quattrocento', serif;
	font-weight: 600;
	color: #005696;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: none;
	color: #032e44;
}
input[type="button"], input[type="submit"], button, .button, #additional .viewAll a, .submit, #hero aside a, .cta {
    background: #032e44;
    color: #FFF !important;
    display: inline-block;
    padding: 7px 15px;
    height: auto;
    border: none;
    text-shadow: none;
    font-weight: 300;
    line-height: 1.5;
    cursor: pointer;
    margin-bottom: 0;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover, .button:hover, #additional .viewAll a:hover, #hero aside a:hover, .cta:hover {
    background: #032e44;
    color: #8bd3f5 !important;
    border: none;
    text-decoration: none;
}

/* GENERAL HELPER CLASSES */
.space-above-20 {
    margin-top: 20px!important;
}

.space-above-40 {
    margin-top: 40px!important;
}

.space-below-20 {
    margin-bottom: 20px!important;
}

.space-below-40 {
    margin-bottom: 40px!important;
}

img.img-rounded-12 {
    border-radius: 12px;
}




/** HOMEPAGE TEMPLATE **/
/** Place any CSS code in this section that changes or modifies the template including Body, Container, Aside, or Content. **/


/** HOMEPAGE CODE TO REMOVE ASIDE SIDEBAR CONTENT **/
.homepage article {
}

.homepage .body-container .container section#content .row article {
}

.homepage  .body-container .container {
}

.homepage .body-container .container section#content  {
}

}
.homepage #additional .matterContent.selected {
	display: block !important; /** fixes above code to make #additional and #suggested display **/
}

#additional nav {
	border-bottom: 3px solid #3066AF;
}
#additional a.selected {
	background: #3066AF;
	color: #FFF;
}
#additional nav a {
    color: #565659;
}

.thumbnail a img {
	border: 3px solid #EEE;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
.thumbnail .caption {
	display: block !important;
}

/** HOMEPAGE CUSTOM CODE **/


/* Fixes the uncentered content */
.home-intro {
    margin-left: 30px;
    margin-top: -10px!important;
}


/* Special colored icons */



/*General typography */

.home-intro h3 {
    color: #000!important;
    font-size: 1.8em!important;
    text-transform: uppercase;
    font-family: 'Quattrocento', serif;
    margin-bottom: -1em; 
    color: #1F5999;  
}

.home-intro h1 {
    color: #000;
    font-size: 3.2em!important;
    text-transform: none;
    font-family: 'Quattrocento', serif;
    font-weight: 700;
}

.home-intro h2 {
    font-size: 1.5em;
    text-transform: none;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    margin-top: -.2em;
}

p.home-body {
    font-size: 1.4em;
    font-family: 'Lato', sans-serif;
}


/*.home-services {
    width: 100%;
    height: 158px;
    background-image: url(http://platinumstrategies.com/concepts/seagraves/assets/integrity-services-crossbarv01.png);
    background-repeat: no-repeat;
    background-position: center center;
}*/

ul.home-but-row {
    float: left;
    list-style-type: none!important;
    width: 100%;
    margin: 8px auto 30px;
    padding: 0;
}


li.home-but-01 a {
    color: #005696;
    display: inline-block;
    float: left;
    font-family: 'Quattrocento', serif!important;
    font-weight: 600;
    font-size: 1.8em!important;
    line-height: 1;
    margin: 0px .5% 2px 1.75%;
    padding: 10px 2px;
    text-align: center;
    text-transform: uppercase;
    width: 48%!important;
}

li.home-but-01 a:hover {
    color: #fff;
    background-color: #032e44!important;
    -webkit-transition: background 300ms ease-in;
    -moz-transition: background 300ms ease-in;
    -ms-transition: background 300ms ease-in;
    -o-transition: background 300ms ease-in;
    transition: background 300ms ease-in;
}

li.home-but-02 a {
    color: #005696;
    display: inline-block;
    float: left;
    font-family: 'Quattrocento', serif!important;
    font-weight: 600;
    font-size: 1.8em!important;
    line-height: 1;
    margin: 0px .5% 2px 0;
    padding: 10px 2px;
    text-align: center;
    text-transform: uppercase;
    width: 48%!important;
}


li.home-but-02 a:hover {
    color: #fff;
    background-color: #032e44!important;
    -webkit-transition: background 300ms ease-in;
    -moz-transition: background 300ms ease-in;
    -ms-transition: background 300ms ease-in;
    -o-transition: background 300ms ease-in;
    transition: background 300ms ease-in;
}

.advisor-home-links {
    margin: 10px auto 30px;
}

.advisor-home-links h4 {
    font-size: 22px!important;
}

.advisor-home-links small {
    font-size: 75%;
}

.tiles:hover {
    opacity:.6;
    cursor:pointer
}





/** SUBPAGE TEMPLATE **/
/** Place any CSS code in this section that changes or modifies the subpage template including Body, Container, Aside, or Content. **/

body.subpage section#content h1 {
    color: #000;
    text-align: center;
}


section#teamContent h4 a {
	color: #005696;   
    font-family: 'Quattrocento', serif;
    font-size: 1.35em!important;
    font-weight: 600;
}

.team-divider {
    background-color: #032e44!important;
    margin: 40px 4px 20px;
    overflow: hidden;
    padding: 10px 20px 6px;
    width: 100%;
}

.team-divider h2 {
    color: #fff;
    margin-top: 1px!important;
    margin-bottom: 1px!important;
}

.meet-team-mug {
    float: left;
    margin-right: 7%;
    width: 28%
}

.meet-team-descrip {
    float: left;
    width: 65%;
}

.meet-team-descrip h4 {
	color: #005696; 
    font-family: 'Quattrocento', serif;
    font-size: 1.35em!important;
    font-weight: 600;
    margin-bottom: 0;
}

.meet-team-descrip h4 a {
	color: #005696; 
    font-family: 'Quattrocento', serif;
    font-size: 1.35em!important;
    font-weight: 600;
    margin-bottom: 0;
}

.meet-team-descrip h4 a:hover {
	text-decoration: none;
	color: #8bd3f5;
}

.meet-team-descrip p.brief-descrip {
	margin-top: 20px!important;
}

.meet-team-row {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}


#agentContent img {
    border-radius: 6px;  
}

/** HEADER **/
/** Place any CSS code in this section that changes or modifies the main header in Header or .header **/

/** Default Header **/
/*header {
	background: rgba(65, 102, 181, 0.13);
	border-bottom: 2px solid #CCA300;
	border-top: 2px solid #CCA300;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	padding: 20px 0;
	text-align: center;
}
header .branding {
	width: 95%;
	max-width: 300px !important;
    display: none;
}*/


/** Custom Header **/
header {
	background: rgba(3, 50, 74, 1);
	border-top: 4px solid #024C7B;
    height: 185px;
    background-image: url('http://static.contentres.com/media/images/b002d466-8f73-4995-b7c1-20b62049f302.png');
}

.advisorBranding {
    width: 100%;
    height: 180px;
}

.brandingRow1 {
    padding: 5px 0 0 0;
}

.brandingRow1 p.brandingPhone1 {
    color: #fff;
    font-size: 1.4em;
    font-family: 'Quattrocento', serif;
    font-weight: 600;
    text-align: right;
    margin: 0 3.5% 0 0;
    padding: 9px 48px 0 0;
    width: 300px;
    float: right;
}

.brandingRow2 {
    margin-top: -12px;
    float: left;
    width: 100%;
    background-image: url('http://static.contentres.com/media/images/b70d65a5-3ba3-4e51-a2ec-8038b670299b.png');
    background-repeat: no-repeat;
    background-position: 95% 20px;
    background-size: 266px 130px;
}

.brandingRow2 .advisorLogoStack {
    width: 225px;
    height: 185px;
    float: left;
}

.brandingRow2 .advisorLogo1 {
    width: 225px;
    height: 168px;
    float: left;
    background-image: url('http://static.contentres.com/media/images/8e8b558a-9194-436d-bc4f-087e499e0c06.png');
    background-repeat: no-repeat;
    background-position: 0 -8px;
    background-size: 215px 176px;
    margin: -24px 0 0 7%;
}


.brandingRow2 .advisorLogo2 {
    width: 280px;
    height: 140px;
    float: right;
}

.brandingRow2 .advisorLogo2 img {
    width: 280px;
    height: 140px;
    margin: 0 0 0 0;
}



/* Social */
.advisorSoMe  {
    float: right;
}

.header-social {
    width: 40px;
    height: 120px;
    position: fixed;
    top: 4px;
    right: 3px;
    z-index: 9999;
}


.custom-header-social {    
    width: 160px;
    height: 40px;
    float: left;
    margin: 0 0 0 0;
    float: right;
}

.custom-header-social .twitter {background: #2CAAE1; display: inline-block; width: 40px; height: 40px; margin: 0; padding: 8px 0; text-align: center; color: #fff;}
.custom-header-social .twitter:hover,
.custom-header-social .twitter:active,
.custom-header-social .twitter:focus {background: #46C4FB;}

.custom-header-social .linkedin {background: #007FB1;display: inline-block; width: 40px; height: 40px; margin: 0; padding: 8px 0; text-align: center; color: #fff;}
.custom-header-social .linkedin:hover,
.custom-header-social .linkedin:active,
.custom-header-social .linkedin:focus {background: #1A99CB;}

.custom-header-social .youtube {background: #CD201F;display: inline-block; width: 40px; height: 40px; margin: 0; padding: 8px 0; text-align: center; color: #fff;}
.custom-header-social .youtube:hover,
.custom-header-social .youtube:active,
.custom-header-social .youtube:focus {background: #E52D31;}

.custom-header-social .facebook {background: #00549E;display: inline-block; width: 40px; height: 40px; margin: 0; padding: 8px 0; text-align: center; color: #fff;}
.custom-header-social .facebook:hover,
.custom-header-social .facebook:active,
.custom-header-social .facebook:focus {background: #1A6EB8;}

.custom-header-social a {display: inline-block; width: 40px; height: 40px; margin: 0; padding: 11px 0; text-align: center; color: transparent;}
.custom-header-social a:hover {color:#000;}

.custom-header-social .ico::before {
font-family: 'fontAwesome';
font-size: 1.200em;
margin-right: 0;
color: #fff;
vertical-align: top;
}
.ico-twitter::before {content: '\f099';}
.ico-linkedin::before {content: '\f0e1';} 
.ico-youtube::before {content: '\f167';}
.ico-facebook::before {content: '\f09a';}


/** NAVIGATION **/
/** Place any CSS code in this section that changes or modifies the main navigation bar including Nav, or .socialSidebar **/
.navbar-wrapper {
	width: 100%;
	border-bottom: 0 solid #fff;
/*	box-shadow: 0 2px 2px rgba(0,0,0,0.3);*/
	z-index: 999999;
}
.navbar-default .navbar-nav li a {
	font-weight: normal;
	font-family: 'Quattrocent', serif!important;
    text-transform: uppercase;
    font-size: .9em;
}

.navbar-default .navbar-nav li ul li a {
	font-weight: normal;
    font-family: 'Quattrocent', serif!important;
    text-transform: none;
    font-size: 1.25em;
}

.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:focus,
.navbar-default .navbar-nav li a:active {
	background: #002E52;
}
.dropdown-menu {
	background: #002E52;
}
.dropdown-menu li a {
	color: #EEE;
}
.dropdown-menu li a:hover {
	color: #FFF;
	background: #1A6EB8!important;
}



/** HERO ROTATOR **/
/** Place any CSS code in this section that changes or modifies the Hero Rotator #hero **/
#hero {
	background: none;
	padding-top: 0px;
    height: 450px;
}

#hero .container .row div {
	width: 100%!important;
	padding: 0;   
    overflow: hidden!important;
    margin-right: auto;
    margin-left: auto;
}

.hero-container {
    position: relative;
}

/*.hidden-print {
    height: 450px!important;
}*/

#hero .backArrow, #hero .forwardArrow{
	margin: 0;
}


#hero .heroImages #hero1 img, #hero .heroImages #hero2 img, #hero .heroImages #hero3 img, #hero .heroImages #hero4 img {
	visibility: hidden !important; /** hide FMG supplied images **/
}

/*#hero .heroImages #hero1 {
  background: url('http://platinumstrategies.com/concepts/seagraves/integrity-hero-images/integrity-hero01-v04.jpg') no-repeat center 25% !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  width: 100%;
height: 450px;
}*/

#hero .heroImages #hero1 {
  background: url('http://static.contentres.com/media/documents/5696b441-4bb6-49c6-bbb6-f514a9b8481a.jpg') no-repeat center 25% !important;
  background-size: cover !important;
  width: 100%;
  height: 450px;
}
#hero .heroImages #hero2 {
  background: url('http://static.contentres.com/media/documents/a95362ff-8dbd-4359-82d7-9975d787fb5e.jpg') no-repeat center 20% !important;
  background-size: cover !important;
  width: 100%;
  height: 450px;
}
#hero .heroImages #hero3 {
  background: url('http://static.contentres.com/media/documents/fcc11b47-37d5-45cd-8896-615881b4bd6b.jpg') no-repeat center 20% !important;
  background-size: cover !important;
  width: 100%;
  height: 450px;
}


#hero .backArrow,
#hero .forwardArrow {
    display: inline-block!important;
    top: 40%;
    background-color: rgba(11, 31, 44, 0.9);
    width: 50px;
    height: 60px;
    font-size: 4em;
    text-align: center;
    color: #fff;
}

    #hero .backArrow i,
    #hero .forwardArrow i {
        margin-top: -4px;
        vertical-align: top;
    }

    #hero .forwardArrow i {
        margin-left: 6px;
    }

    #hero .backArrow i {
        margin-right: 4px;
    }

#hero .forwardArrow {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: none!important;
    left: auto;
    right: 0;
    margin-right: 0px;
}

#hero .backArrow {
    margin-left: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 2px 0 1px rgba(0, 0, 0, 0.3);
}



/** HERO ROTATOR ASIDE **/
/** Place any CSS code in this section that changes or modifies the Hero Rotator #hero aside or wrapper **/
#hero aside {
    width: 100%;
    min-height: 165px!important;
    position: absolute;
    bottom: -50px;
    text-align: center;
    max-width: 2000px;
    margin: 0 auto 0 auto;
}

#hero aside a {
	float: none;
    background: rgba(100, 100, 100, .3);
    border: solid 2px #fff!important;
    color: #FFF !important;
    display: inline-block;
    padding: 7px 15px;
    height: auto;
    border: none;
    text-shadow: none;
    font-weight: 300;
    line-height: 1.5;
    cursor: pointer;
    margin-bottom: 0;
    margin: 10px 20% 0;
}


#hero .container .row div {
    width: 100%!important;
    padding: 0;
    overflow: visible!important;
    margin-right: auto;
    margin-left: auto;
}

#hero aside h2 {
    display: none;
    text-transform: none!important;
    background-color: rgba(11, 31, 44, 0.7);
    margin: -5px auto 0 -35%;
    padding: 6px 110px 6px 250px;
    text-align: center;
    width: 160%;
    overflow: visible;
    height: 40px;
    position: relative;
    bottom: 0px;
}

#hero aside p {
    display: none;
    background-color: rgba(11, 31, 44, 0.7);
    margin: 0px auto 0 -35%;
    padding: 0px 300px 15px 420px;
    width: 160%;
    height: 81px!important;
    overflow: visible;
    position: relative;
    bottom: 0px!important;
}

.learnmore, .submit {
    position: relative!important;
    bottom: -40px!important;
}

/** SIDEBAR WIDGET **/
/** Place any CSS code in this section that changes or modifies the Sidebar Widgets, both default and custom **/
#content aside .wrapper {
	background: #EEE;
	padding: 20px;
	margin-top: 30px;
}
#content aside .rule {
	border-bottom: none;
}

section.sidebarWidget .learnmore, .submit {
    position: relative!important;
    bottom: 0px!important;
}

/** SPECIAL **/

.border-symbol {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 46%, #ffffff 46%, #000000 47%, #ffffff 49%, #ffffff 56%, #000000 57%, #ffffff 59%, #ffffff 100%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 46%,#ffffff 46%,#000000 47%,#ffffff 49%,#ffffff 56%,#000000 57%,#ffffff 59%,#ffffff 100%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 46%,#ffffff 46%,#000000 47%,#ffffff 49%,#ffffff 56%,#000000 57%,#ffffff 59%,#ffffff 100%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    
    width: 100%;
    height: 40px;
}

.border-symbol img {
    border: 0;
    height: 105%;
    margin: 0 auto;
    display: block;
}



/** FOOTER **/
/** Place any CSS code in this section that changes or modifies the main footer in Footer or .footer **/
footer {
	background: #002E52;	
}
footer p, footer li, footer div, footer td {
	color: #DDD;
}
footer a {
	color: #CCA300;
}
footer a:hover {
	color: #FFCF06;
}
footer h4 {
	color: #FFF;
}

.footer-container span.gc-cs-link {
    color: #CCA300;
    text-decoration: underline;
    cursor: pointer;
}

/* CLASSES */
/** Place any CSS code in this section that relates to universal CSS classes **/

/* Targets iPad landscape orientation Google link phone number */
header.header span.gc-cs-link {
    color: #fff!important;
    text-decoration: none;
    cursor: pointer;
} 

/** From client's previous site... not sure whether to include or not **/

/**.leavingSite .header {
	background-image: url(http://static.contentres.com/media/images/81b7d7ac-b801-4cb8-9efa-28883a384701.jpg);
	background-color: #999999;
}
**/