/* CUSTOM STYLE SHEET */


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

.lcms_AdminView .navbar-fixed-top {
    top: 60px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    position: relative;
}

.globalMenu .level2 {

     display: none; 

}

.globalMenu .hasChildren li a {
    padding: 14px 16px;
    display: inline-block;
    border-top: 1px solid #555;
    color: #fff;
    font-size: .8em;
    line-height: 1.5em;
    width: 100%;
}

.globalMenu .level2 li:first-child a {
    border: 0;
}

.globalMenu .hasChildren li a:hover {
background-color: #333;
}


.navbar-nav {

    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.navbar-default .navbar-nav > li.selectedPage > a, .navbar-default .navbar-nav li.selectedPage > a {
    color: #5192b6;
}

.navbar-nav>li.selectedPage::after {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: " ";
    border-bottom: 8px solid #e4eff5;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -6px;
}




.bookFlaps
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
 
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
    .flap
    {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    margin: 30px 0 20px 0;
    }
.flapWrap p {
    color: #888;
    line-height: 1.4em;
}

.flapWrap h4 {
    padding-top: 0;
    color: #444;
    font-size: 1.6em;
}
.flapWrap {
    padding: 30px 20px;
    text-align: center;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
}


/*SIDE NAV*/
ul.sectionMenu {
    list-style: none;
    padding: 0;
    margin-top: 0;
}
ul.sectionMenu a {
    padding: 16px 17px;
    width: 100%;
    display: inline-block;
    background: #e4eff5;
    margin-bottom: 3px;
    color: #2d313d;
}

ul.sectionMenu a.selectedPage {
		background: #cfe2ec;
}
/*MOBILE TOGGLER*/

.toggler {
    position: absolute;
    right: 0;
    top: 10px;
    display: none;
}



/*HELPER STYLES*/

.dark-blue {
background: #2d313d;
color: #a7acb8;
}
.dark-blue p{
color: #a7acb8;
}

.light-blue {
background: #e4eff5;
}

.row.light-grey {
    background: #efefef;
    padding: 40px 0 0;
    position: relative;

}
.ctas {
    display: block;
    padding-top: 30px;
}

.ctas a {
    border: 2px solid #2d313d;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    padding: 10px 25px;
    display: inline-block;
    color: #2d313d;
    font-size: 1.2em;
    margin-right: 10px;
    text-decoration: none!important;
}

.ctas a:hover { 
	background: #2d313d;
	color: #fff;
}


 h2 a,  h2 a:visited {
 	color: #2d313d;

 }


.breadcrumbs {
    padding: 20px 0;
    margin-bottom: 30px;
}



/*SEARCH*/
.search-toggle {
	color: #fff;
    font-size: 1.2em;
    padding: 8px 10px;
    height: 100%;
    display: inline-block;
    margin-top: 29px;
    float: right;
    display: none;
    cursor: pointer;
        margin-left: 13px;
}
nav .search {
    position: absolute;
    width: 300px;
    padding: 10px;
    background: #222;
    top: 100px;
    display: none;
    right: 0;
}
.search div {
    position: relative;
}
.search button.searchButton {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px;
    background: #333;
    border: 0 none;
    color: #999;
}
.search input#search_ctl09 {
    background: #444;
    border: 0 none;
    padding: 11px 10px 10px;
    font-size: 1.2em;
    width: 100%;
    color: #fff;
    padding-right: 100px;
}
.search label {
    display: none;
}


/*----------SUPER SIMPLE SLIDER
-----------------------------------*/
.home-header {
    position: relative;
}

.slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sss {
	    height: 100%;
	margin: 0; 
	padding-bottom: 0!important;
	position: relative;
	display: block;
	overflow: hidden;
	background-color: #000;
}

.ssslide {
	width: 100%;
	margin: 0;
	height: 100%;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
}

.ssslide img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}

.sssnext, .sssprev {
	width: 25px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;

}

.sssprev {
	left: 3%;
	background-position: 0 50%;
}

.sssnext {
	right: 3%;
	background-position: -26px 50%;
}

.sssprev:hover, .sssnext:hover {
	cursor: pointer;
}

.slider .ssslide {
background-size: cover;
background-position: center;
}

.slide1 {
	background: url('../images/header-home-insurance.jpg') no-repeat;
}

.slide2 {
	background: url('../images/header-car-insurance.jpg') no-repeat;	
}

.slide3 {
	background: url('../images/header-commercial-insurance.jpg') no-repeat;
}

.tagline {
    padding-top: 18%;
    padding-bottom: 18%;
    z-index: 999;
    position: relative;
    color: #fff;
}
.tagline .tag1 {
font-weight: 600;
    font-size: 4em;
    line-height: 1em;
    display: block;
    vertical-align: middle;
}
.tagline .tag2 {
    display: block;
    /* float: left; */
    font-size: 2.2em;

    line-height: 1em;
}

.tagline .ctas-white {
    display: block;
    padding-top: 30px;

}

.tagline .ctas-white a {
    border: 2px solid #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    padding: 10px 25px;
    display: inline-block;
    color: #fff;
    font-size: 1.2em;
            text-decoration: none!important;
    margin-right: 10px;
    
}
.tagline .ctas-white a:hover { 
	background: #fff;
	color: #2d313d;
}





/*FEATURES*/

.container.home-features {
    text-align: center;
    margin-bottom: 5%;
}
.home-features .feature-wrap {
        padding: 20px 0;
    background: #fff;
    height: 100%;
}

.home-features .feature-border {
    border: 1px solid #e1e1e1;
        padding: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    height: 100%;
}
.feature-wrap img {
    max-width: 70px;
    margin-bottom: 20px;
}
.home-features h2 { 
font-size: 23px;
}

.home-features p {
    margin-bottom: 15px;
    color: #777;
    line-height: 1.3em;
}

.home-about .dark-blue, .home-about .light-blue {
    padding: 5%;
    text-align: center;
}

.home-app .row > div {
    
}

/* Global Styles */

.toggleDisplay {
    visibility: hidden;
}

.toggleDisplayTwo {
    visibility: hidden;
}

body {
  padding-top: 100px;
  font-family: 'Roboto', sans-serif;
}

h1 {
	line-height: 160%;
	margin: 0;
	padding: 0 0 4px 0;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 27px;
	font-style: normal;
	color: #2d313d;
	border-bottom: 2px solid #2d313d;
}

h2 {
	line-height: 1;
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	font-style: normal;
	color: #5aa1c8;
}

h2 .leader {
    font-size: .7em;
    color: #777;
    font-weight: 300;
}
.dark-blue h2 {
	color: #fff;
}
.home-app h2 {
    margin-bottom: 21px;
}

h3 {
line-height: 1.3em;
    margin: 0;
    padding: 0;
    font-family: 'Lora', serif;
    font-size: 20px;
    font-style: normal;
    color: #5aa1c8;
}

h4 {
	margin: 0;
	padding: 30px 0 0 0;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	color: #5aa1c8;
}

h5 {
	margin: 0;
	padding: 40px 0 14px;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	text-align: center;
	color: #2d313d;
}

p {
	line-height: 180%;
	margin: 5px 0 15px 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #43464c;
}

ul {
	margin: 10px 0 15px 0;
	padding: 0 0 0 18px;
}

li {
    font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #43464c;
	line-height: 180%;
	margin: 0;
	padding: 0;
    
}

.iconRow {
	margin: 0;
	clear: both;
}

.iconRow img {
	float: left;
	padding: 0 0 20px 0;
}

.iconRow2 {
	margin: 0;
	clear: both;
	height: 40px;
}

.iconRow2 img {
	float: left;
	padding: 0 20px 0 0;
}

.foo {
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 8px;
}

.whiteUnderline {
    opacity: .3;
    padding: 20px 0 18px;
}
.centered {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.feature img {
	margin: 0px 0 10px 0;
}

/* Global Navigation */

.navbar-brand {
	padding: 0;
	height: 100px;
}

.navbar-default {
    background-color: #000;
    border: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #888;
    padding-left: 12px;
    padding-right: 12px;
}

.navbar-default .navbar-nav > li > a {
    padding-top: 38px;
    padding-bottom: 42px;
}


.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:hover > a {
	background-color: transparent;
	color: #5192b6;
}

.navbar-toggle {
	margin-top: 45px;
}

.homepage-image {
background-image: url(../images/cornerstone.png);
width: 286px;
height: 100px;
border: 0;
}

img.app-example {
    max-width: 100%;
}


@media (min-width: 992px) {
	.navbar-default .navbar-nav > li:nth-child(-n+4) a{
	    color: #fff;   
	}
	.navbar-default .navbar-nav > li:nth-child(4) a {
	    position: relative;
	    padding-right: 23px;
	    margin-right: 8px;
	}
	.navbar-default .navbar-nav > li:nth-child(4) a::after {
	    content: " ";
	    position: absolute;
	    right: 0;
	    top: 50%;
	    height: 21px;
	    margin-top: -13px;
	    border-right: 1px solid #333;
	}

	.globalMenu .level2 {

	}	
.globalMenu > li.hasChildren:hover::after {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: " ";
    border-bottom: 8px solid #222;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -6px;
}
	.globalMenu > li.hasChildren >.level2 {
	 	background: #222 none repeat scroll 0 0;
	    list-style: outside none none;
	    padding: 0;
	    position: absolute;
	    right: 0;
	    top: 100%;
	    font-size: .8em;
	    display: block;
	    width: 210px; 
	    margin: 0;

	  visibility: hidden; /* hides sub-menu */
	  opacity: 0;
	  position: absolute;
	  transform: translateY(-2em);
	  z-index: -1;
	  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	}

	.globalMenu > li.hasChildren:hover >.level2 {
	  visibility: visible; /* shows sub-menu */
	  opacity: 1;
	  z-index: 1;
	  transform: translateY(0%);
	  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
	}

	.search-toggle {
		display: inline-block;
	}
	.home-about .row, .home-app .row {
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
	}
	.home-features .row {
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
	}
	.home-features .feature-wrap {
	    padding: 20px;
	    border-top: 4px solid #efefef;
	    background: #fff;
	    margin-top: -8px;
	    height: 100%;
	}
	img.app-example {
	    position: absolute;
	    bottom: -60px;
	}
	.home-features .feature-border {
	    border: 1px solid #e1e1e1;
	    padding: 12%;
	    border-radius: 3px;
	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    -ms-border-radius: 3px;
	    height: 100%;
	}

	.tagline .tag1 {
	font-weight: 600;
	    font-size: 4em;
	    line-height: 1em;
	    display: inline-block;
	    /* float: left; */
	    vertical-align: middle;
	    padding-right: 39px;
	    border-right: 2px solid #fff;
	}
	.tagline .tag2 {
	    display: inline-block;
	    /* float: left; */
	    font-size: 2.2em;
	    padding-left: 25px;
	    width: 42%;
	    vertical-align: middle;
	    line-height: 1em;
	}

	.row.light-grey {
	    padding: 60px 0;
	}

}


/* Left Navigation */

.subnav-container {
	background: #2d313d;
	min-height: 60px;
	margin: 50px 0 0 0;
}

.subnav-head {
	padding: 15px 0 0 20px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: normal;
}

.leftnavcontainer {
  background: none repeat scroll 0 0 #e4eff5;
  min-height: 250px;
}

.leftnav {
	margin: 0 20px 80px 20px;
	padding-top: 2px;
}

.leftnav ul {
	margin: 0;
	padding: 0;
}

.leftnav li {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-style: normal;
	padding: 20px 0;
	border-bottom: 1px solid #fff;
	list-style: none;
}

.leftnav li img {
margin: 0;
}

.leftnav a:link, .leftnav a:visited {
color: #2d313d;
text-decoration: none;
}

.leftnav a:hover {
color: #5192b6;
text-decoration: none;
}

/* bookflap */

.bookflap-container {
	background: #e4eff5;
	min-height: 250px;
	margin: 40px 0 0 50px;
}

.bookflap-container p {
	line-height: 180%;
	margin: 10px 30px 20px 30px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-style: normal;
	text-align: center;
	color: #2d313d;
}

.bookflap-container a:link, .bookflap-container a:visited {
	color: #5aa1c8;
	text-decoration: none;
	border-bottom: 1px dotted #5aa1c8; 
}

.bookflap-container a:hover {
	color: #8ebad2;
	text-decoration: none;
	border: 0; 
}

/* bio image */

.bio img {
	margin: 0 15px 40px 0;
	float: left;
}



/* Contact Information */

.contact {
	margin: 60px 0 0 0;
}

.contact h2 {
	line-height: 1;
	margin: 0;
	padding: 0 0 10px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 23px;
	font-style: normal;
	font-weight: 300;
	color: #5aa1c8;
}

.contactinfo {
	color: #5aa1c8;
	margin: 0 0 50px 0;
	    padding-top: 30px;
}

.contactinfo img {
	padding: 0 2px;
}

.contactinfo p {
	line-height: 160%;
	color: #5aa1c8;
}

.contactinfo a:link, .contactinfo a:visited {
	color: #5aa1c8;
	text-decoration: underline;
}

.contactinfo a:hover {
	text-decoration: none;
	color: #a7c8db;
}

.bw {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
 
.bw:hover {
  -webkit-filter: grayscale(80%);
  filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.btn-default {
	background-color: #3f4350;
	border: 0;
	min-height: 50px;
	margin: 10px 0;
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.btn-default:hover {
	background-color: #5aa1c8;
}

.btn {
 		-moz-user-select: none;
    background-image: none;
    border: 0;
    border-radius: 0;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #fff;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 14px 40px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn a:link, .btn a:visited {
   color: #fff;
   text-decoration: none;
  -webkit-filter: grayscale(80%);
  filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}



.bluestrip {
    background-color: #e4eff5;
    padding: 35px 40px 40px;
    margin: 30px 0;
}



/*FORMS*/
.fieldItem.fieldSelected {
    background-color: #e4eff5;
    border-color: transparent;
}
.fieldItem .fieldItemInner {
    padding: 10px 0 0 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.fieldItem.fieldSelected .fieldItemInner {
    padding-left: 12px;
}
.form_container .submitButtonContainer {
    padding: 0;
    display: block;
    margin-top: 20px;
}
.form_container .submitButtonContainer .submitButton {
    font-size: 1.2em;
    margin: 0;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    background: none;
    padding: 10px 20px;
}

.fieldItem.type-name .fieldBlock {
	width: 50%;
}
.fieldItem.largeField.type-name .textField {
    width: 100%;
}


/* Footer */

.footer {
	background-color: #000;
}

.footer p {
	color: #999;
	padding: 25px 0 10px 0;
	font-size: 14px;
}

.footer a:link, .footer a:visited {
	color: #999;
	text-decoration: none;
}

.footer a:hover {
	color: #ccc;
	text-decoration: underline;
}

.footer img {
	float: right;
	padding: 20px 0 0 20px;
}

/* Media Queries */

@media (max-width: 991px) {
 .contact {
	 margin: 0;
 }
}

@media (min-width: 1200px) {
	.subnav-container, .leftnavcontainer {
		margin: 0 75px 0 0;
	}
}


@media (min-width: 992px) and (max-width: 1199px) {
	.subnav-container, .leftnavcontainer {
		margin: 0;
	}
	.bookflap-container {
	margin: 40px 0 0 0;
}

	.navbar-default .navbar-nav > li > a {
	    padding-left: 6px;
	    padding-right: 6px;
	    font-size: 13px;
	}
}


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

	.contact h2 {
		margin: 30px 0 0 0;
	}
	nav > .container {
		width: 100%;
	}
}

@media (max-width: 991px) {
	.navbar-brand {
		padding: 0;
		height: 60px;
	}

	.navbar-default .navbar-nav > li > a {
	    padding: 10px 0;
	    border-top: 1px solid #222;
	}
	.homepage-image {
	    background-image: url(../images/cornerstone.png);
	    width: 250px;
	    height: 100%;
	    background-repeat: no-repeat;
	    margin: 0;
	    background-size: auto 100%;
	}
	.navbar-toggle {
	    margin-top: 22px;
	    margin-bottom: 22px;
	}

	body {
	    padding-top: 60px;
	}
	.contact h2 {
		margin: 30px 0 0 0;
	}
	nav .search {
    display: block!important;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    background: none;
        padding: 10px 0;
	}

	ul.globalMenu.nav.navbar-nav.navbar-right {
	        padding-top: 54px;
	    width: 100%;
	}

	.globalMenu .hasChildren li a {
	    padding: 9px 10px;
	    display: inline-block;
	    border-top: 1px solid #555;
	    color: #999;
	    font-size: .8em;
	    line-height: 1.5em;
	    border: 0 none;
	    width: 100%;
	}
	.navbar-nav li li {
	    list-style: none;
	    border: 0 none;
	}
	.globalMenu .level2 {
	    display: none;
	    margin: 0;
	    padding: 0;
	}
}

@media (max-width: 767px) {
	.homepage-image {
	    background-image: url(../images/cornerstone.png);
	    width: 180px;
	    height: 100%;
	    background-repeat: no-repeat;
	    margin: 0;
	    background-size: auto 100%;
	}
	.navbar-toggle {
	    margin-top: 12px;
	    margin-bottom: 12px;
	}
	.tagline {
		text-align: center;
	}
	.tagline .tag2 {
	    font-size: 1.4em;
	    text-align: center;
	    max-width: 249px;
	        margin: 0 auto;
	}	
	.tagline .tag1 {
	    font-size: 2em;
	    text-align: center;
	}
	.tagline .ctas-white a {
	    padding: 7px 15px;
	    font-size: 1em;
	    margin: 0 5px;
	}

}


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

	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left: 0;
	}
	.navbar-brand {
    	padding: 0;
    	height: 79px;
	}

}


@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
      overflow-y: scroll!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  .toggler {
    display: inline-block;
	}
	.home-app .ctas {
	    display: block;
	    width: 50%;
	    padding-top: 30px;
	}
	.home-app .ctas a {
	    margin-bottom: 13px;
	}
	.app-img {
	    text-align: right;
	    margin-top: -195px;
	}
	img.app-example {
	    max-width: 100%;
	    margin-right: -8%;
	}
	.app-list {
		z-index: 999;
	}
}

@media (max-width: 650px) {
	.home-app .ctas {
	    width: 100%;
	}
	.app-img {
	    text-align: right;
	    margin-top: 0;
	}
	img.app-example {
	    margin-right: 0;
	}
	.app-list {
	    z-index: 999;
	    text-align: center;
	}
	.home-app .ctas a {
	    padding: 7px 15px;
	    font-size: 1em;
	    margin: 0 5px;
	}
}