html.html {
	background-color: rgb(51, 51, 51);
}

html.html > body {
	font-family: 'Montserrat', Calibri, sans-serif;
	background-color: rgb(51, 51, 51);
	color: rgb(51, 51, 51);
	margin: 0;
    font-size: 17px;
    line-height: 1.412;
}

h1, h3, h4, h5 {
	font-weight: bold;
}

h5 {
    font-size: 17px;
}

header {
	background-color: rgb(122, 193, 67);
}

#topNavLinks {
	background-color: rgb(255, 255, 255);
}

#topNavLinks i {
    margin-right: 10px;
}

#topNavLinks > div {
	padding: 8px 0;
}

#topNavLinks a {
	font-size: 15px;
	color: rgb(102, 102, 102);
	text-decoration: none;
}

#topNavLinks ul li {
	margin: 0 10px;
}

i#mainNavLogo {
    color: rgb(255,255,255);
    font-size: 60px;
    vertical-align: middle;
    margin-top: 10px;
}

#mainNavArea {
	min-height: 125px;
}

#mainNavMobileDropdown {
	font-size: 14px;
	color: rgb(51, 51, 51);
	text-transform: uppercase;
	cursor: pointer;	
}

#mainNavMobileDropdown i {
	margin-top: 2px;
}

#mainNavMobileDropdownTitle {
	font-weight: bold;
}

.mainNavLinkDivider {
	border-bottom: 1px solid rgb(176, 218, 143);
	display: block;
}

#mainNavLinks ul li:first-child{
    margin-top: 10px;
}

#mainNavLinks a:hover {
	text-decoration: none;
}

#mainNavLinks h1, #mainNavLinks h2 {
	font-size: 22px;
	color: rgb(51, 51, 51);
	line-height: 2.273;
	font-weight: normal;
	display: inline;
	padding-right: 8px;
	margin-top: 0;
    letter-spacing: -1px;
}

#mainNavLinks h2 {
	margin-top: -20px;
}

#mainNavLinks h2 > p {
	margin: 0;
	padding: 0;
	display: inline;
}

#mainNavLinks li:last-child .mainNavLinkDivider {
	margin-bottom: 10px;
}

#promo-box {
	border-radius: 4px;
	background-color: rgb(53, 154, 239);
	padding: 20px;
	width: 100%;
	display: block;
    margin-top: 8px;
}

#promo-box-left {
	width: 50px;
}

#promo-box-left > div {	
	display: table;
	height: 50px;
}

#promo-box-left > div > div {
	display: table-cell;
	vertical-align: middle;
}

#promo-box-left img {
	width: 100%;
}

#promo-box-right {
	width: 100%;
	margin-left: -50px;
	height: 100%;
}

#promo-box-right > div {
	padding-left: 50px;
	width: 100%;
	display: table;
	height: 50px;
}

#promo-box-right > div > div {
	display: table-cell;
	vertical-align: middle;	
}

#promo-box img {
	/*margin-right: 25px;*/
}

#promo-box h1 {
	color: rgb(255, 255, 255);
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1;
	margin: 0;	
	margin-left: 20px;
}

#subNavBar {
	position: relative;
	z-index: 5;
}

#subNavBar > div {
	background-color: rgb(51, 51, 51);
	position: absolute;
	top: -25px;
	left: 0;
	right: 50px;
	/*bottom: 0;*/
	padding: 10px 20px;
	font-size: 19px;
	/*height: 50px;*/
}

#subNavBar > div ul {
	
}

#subNavBar.mobileLess > div {
	height: 47px;
}

#subNavBar .mobileLessLabel {
	display: none;
}

#subNavBar .mobileMoreLabel {
	display: inline;
}

#subNavBar.mobileLess .mobileLessLabel {
	display: inline;
}

#subNavBar.mobileLess .mobileMoreLabel {
	display: none;
}

#subNavBarLinks {
	overflow: hidden;
    margin-top: -2px;
}

#subNavBar.mobileLess #subNavBarLinks {
	height: 27px;
}

#subNavBarLinks li {
	padding-right: 10px;
    padding-bottom: 20px;
}

#subNavBar a {
	color: rgb(170, 170, 170);
	text-decoration: none;
    margin-right: 10px;
    font-size: 14px;
}

#subNavBar a:hover, a:focus {
  color: rgb(170, 170, 170);
  text-decoration: underline;
}

#subNavBar li i {
	padding-right: 10px;
}

#subNavSocial li i {
	padding-right: 0;
}

#subNavSocial a {
    margin-right: 0;
}

#subNavSocial a:hover, #subNavSocial a:active {
    text-decoration: none;
}

#subNavBarBottomLinks ul:first-child {
	border-top: 1px solid rgb(77,77,77);
    padding-top: 20px;
    margin-top: 5px;
}

#subNavBarBottomLinks ul li {
	padding-bottom: 20px;
}

#subNavBarLinks a > span {
	width: 35px;
	display: inline-block;
}

#subNavBarLinks a > span > img, #topNavLinks a > span > img {
	margin-top: -5px;
}

#subNavMobileDropdown {	
	color: rgb(170, 170, 170);
	position: absolute;
	right: 0;
	top: 0;
	width: 75px;
	font-size: 15px;
	margin-top: 13px;
	cursor: pointer;
}

#subNavSearch {
	background-color: rgb(53, 154, 239);
	width: 50px;
	height: 47px;
	position: absolute;
	top: 0;
	right: -50px;
	padding: 12px;
	cursor: pointer;
}

#subNavSearch i {
	color: rgb(255, 255, 255);
	font-size: 18px;
	padding: 0;
}

#searchBox {
	position: absolute;
	top: 47px;
	left: 0;
	right: -50px;
	background-color: rgb(53, 154, 239);
    padding: 10px;
}

#searchBox > div {
	margin-right: 0;
}

#searchBox input {
	font-size: 17px;
	background-color: rgb(53, 154, 239);
	color: rgb(255, 255, 255);
    padding: 10px;
	border: none;
	width: 100%;
    outline: none;
}

#searchBoxInput {
    width: 90%;
}

#searchBox button {
    background-color: transparent;
    border: none;
    margin-top: 10px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgba(255, 255, 255, 0.502);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgba(255, 255, 255, 0.502);
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: rgba(255, 255, 255, 0.502);
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: rgba(255, 255, 255, 0.502);
}

#fa-search-searchbox {
	color: rgb(255, 255, 255);
    margin-right: 5px;
}

#topNavLinks ul, #subNavBar ul {
	margin-bottom: 0;
}

#heroArea, #heroAreaLanding {
	background-size: cover;
	clear: both;
	height: 300px;
}

#heroArea {
	background-position: -100px 0;
}

#heroAreaLanding {
	position: relative;    
    height: 200px;
	/*background-position: -625px 0;*/
}

#heroArea h1 {
	font-size: 30px;
	padding: 75px 0;
}

#heroAreaLanding > div {
    height: 100%;
}

#heroAreaLanding:after {
	z-index: 2;
	content: '';
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.2);
}

#heroAreaLanding h1 {
	bottom: 20px;
	color: rgb(255, 255, 255);    
	position: absolute;
    bottom: 20px;
    z-index: 3;
}

#heroAreaLandingHeaderWrapper {
    width: 100%;
    position: relative;
    height: 100%;
}

#onlineServicesArea, #landingContentArea, #contentArea, #searchHeadercontentArea, #blogPostArea, #contactContentArea {
	background-color: rgb(242, 242, 242);
	padding: 50px 0;
}

.no-margin-top {
	margin-top: 0;
}

#landingContentArea {
	/*margin-top: 40px;*/
}

#landingContentArea h3 {
    font-size: 30px;
    padding-top: 40px;
}

#blogSideArea .blogFeatureMiddle h3, #landingContentArea .blogFeatureMiddle h3, #blogSideArea .blogFeatureTitleBelow h3, #landingContentArea .blogFeatureTitleBelow h3 {
	font-size: 18px;
	padding-top: 40px;
}

#contactContentArea {
    line-height: 1.412;
}

#contactContentArea .icon-phone {
    margin-right: 10px;
}

#contactContentArea select {
    font-size: 14px;
    padding: 10px;
}

#contactContentArea h3 {
    padding: 10px 0;
}

#contactContentArea h4 {
    padding-top: 10px;
}

#contactContentArea #featuredContentBox {
    padding: 1px 50px 20px 50px;
}

.documentContentArea {
    font-size: 14px;
}

.documentContentArea h4 {
    font-size: 20px;
}

.crmEntityFormView .tab-title, .crmEntityFormView .actions {
    border: none;
}

#staff_filter {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

#staff_filter label {
    width: 100%;
}

#staff_length {
    float: right;
}

#staff_length select {
    padding: 2px;
}

#staff_filter input {
    font-size: 40px;
    color: #333;
    padding: 25px;
    border: none;
    width: 100%;
    outline: 1px solid rgb(204, 204, 204);
    margin-left: 0;
}

#staff.dataTable.no-footer {
    border-bottom: none;
    box-shadow: 0 4px 0 0 rgba(0,0,0,.05);
    margin-bottom: 10px;
}

#staff.dataTable thead th, #staff.dataTable thead td {
    padding: 10px;
}

.spacerTop {
	margin-top: 60px;
}

#landingContentArea #blogFeatureArea h3, #landingContentArea #blogFeatureArea h4, #blogSideArea .blogFeatureMiddle h3, #blogSideArea .blogFeatureMiddle h4 {
	padding-top: 0;
}

#landingContentArea .blogFeatureMiddle, #blogSideArea .blogFeatureMiddle {
	height: 220px;
}

#landingContentArea .blogFeatureImageRight {
	width: 100%;
	height: 100px;
}

.exampleText {
	font-style: italic;
    font-size: 12px;
}

.blogFeatureTitleBelow {
	margin-top: 10px;
}

#descriptiveTextArea {
	font-size: 12px;
	margin-top: 10px;
}

#onlineServicesItems {
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}

#onlineServicesArea img {
	padding: 40px 0 25px 0;
}

#onlineServicesArea a, #onlineServicesArea a:active, #onlineServicesArea a:hover {
	text-decoration: none;
	color: rgb(51, 51, 51);
}

#relatedInsuranceSubNav .listLinkItem:last-child {	
	padding-bottom: 5px;
	border-bottom: none;
}

#relatedInsuranceSubNav h4 {
	margin-top: 0px;
    font-size: 18px;
}

.listLinkItem {
	margin-top: 20px;
	/*margin-left: -5px;*/
	padding: 5px 5px 20px 5px;
	border-bottom: 1px solid rgb(215, 215, 215);
}

.listLinkItem .listLinkIcon {
    font-size: 18px;
    width: 50px;
    float: left;    
	color: rgb(102, 102, 102);
    text-align: center;
}

.listLinkItem .listLinkText {
    margin-left: -50px;
    padding-left: 50px;
    float: left;
    margin-top: 2px;
    width: 100%;
}

/*
.listLinkItem div {
	display: inline-block;
}

.listLinkItem div:nth-child(2) {
	width: 85%;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

.listLinkItem div:last-child {
	padding-right: 20px;
}
*/

.sideLinksListTitle a {
    color: #333;
}

.sideLinksList .listLinkItem, .sideLinksList .listLinkItem:last-child {
	margin-top: 10px;
	padding: 5px 5px 10px 5px;
}

.sideLinksList .icon-arrow-right {
	padding-right: 5px;
}

.sideLinksList a.current {
    color: #333;
}

#relatedInsuranceSubNavDropDown {
	margin-bottom: -10px;
    cursor: pointer;
}

#relatedInsuranceSubNavWrapper .listLinkItem:first-child {
	padding-top: 10px;
}

#relatedInsuranceSubNav {
	border-bottom: 1px solid rgb(204, 204, 204);
	background-color: rgb(255, 255, 255);
	padding: 20px;
	position: absolute;
	width: 100%;
	z-index: 100;
}

#featuredContentBox, .formBox, .blogPost {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05);
	padding: 0 50px;
	margin: 50px 0;
	position: relative;
}

.formBox {
    padding-top: 50px;
    padding-bottom: 30px;
}

.blogPost {
    margin: 0 0 40px 0;
    padding-top: 30px;
    padding-bottom: 30px;
}

.blogPost img {
    margin-bottom: 40px;
}

#featuredContentBox h4, .formBox h4 {
	padding-top: 40px;
}

.formBox .entity-form input, .formBox .entity-form select, .formBox .entity-form textarea {
	border: 1px solid rgb(204, 204, 204);
	background-color: rgb(251, 251, 251);
	padding: 10px;
	width: 100%;
}

.formBox .entity-form input[type=radio] {
    width: auto;
}

.formBox h5 {
	margin-top: 20px;
    margin-bottom: 10px;
}

.formBox .actions {
    /*text-align: center;*/
}

#featuredContentBox .triangle-top-right, .formBox .triangle-top-right {
	width: 0;
	height: 0;
	border-bottom: 30px solid rgb(204, 204, 204);
	border-right: 30px solid rgb(242, 242, 242);
	position: absolute;
	top: 0;
	right: 0;
}

.formBox > .entity-form:after {
    content: '';
	width: 0;
	height: 0;
	border-bottom: 30px solid rgb(204, 204, 204);
	border-right: 30px solid rgb(242, 242, 242);
	position: absolute;
	top: 0;
	right: 0;
    height: 30px;
}

#featuredContentBox .btn-blue, .formBox .btn-blue, #contactContentArea .btn-blue, .btn-blue {
	color: rgb(255, 255, 255);
    background-color: rgb(53, 154, 239);
	padding: 16px 40px;
	font-size: 18px;
	margin: 10px 0 40px 0;
	box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05);
}

.formBox .btn-blue, #contentArea.quoteContentArea button.btn-default.btn-black.previousButton {
    margin-top: 40px;
}

#contentArea.quoteContentArea button.btn-blue.continueButton, #contentArea.quoteContentArea button.btn-blue.submitButton, #contentArea.quoteContentArea button.styled.btn.btn-blue.paynow, #contentArea.quoteContentArea button.btn-blue.nextButton, #contentArea.quoteContentArea button.btn-default.chatButton {
    margin-right: -75px;
}

#contentArea.quoteContentArea button.btn-default.btn-black.previousButton {
    margin-left: -75px;
}

#contentArea.quoteContentArea button.btn-default.btn-black.previousButton, #contentArea.quoteContentArea button.btn-blue.submitButton, #contentArea.quoteContentArea button.btn-blue.continueButton, #contentArea.quoteContentArea button.styled.btn.btn-blue.paynow, #contentArea.quoteContentArea button.btn-blue.nextButton, #contentArea.quoteContentArea button.btn-default.chatButton {
    width: 200px;
    padding: 16px;
    margin-top: 40px;
    height: 60px;
    margin-bottom: 40px;
}

#contentArea.quoteContentArea button.btn-blue.submitButton.autoQuoteReferButton {
    width: 250px;
}

#featuredContentBox .btn-blue.btn-form, .formBox .btn-blue.btn-form {
	padding: 10px 50px;
}

#featuredContentBox .btn-blue:hover, .formBox .btn-blue:hover, #contactContentArea .btn-blue:hover, .btn-blue:hover {
    background-color: rgb(0, 126, 208);
}

#staffHeader {
    /*margin-bottom: -42px;*/
    margin-top: 20px;
}

#staff_wrapper label:first-child, #staff_info, #staff_paginate {
    font-size: .75em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-image: none !important;
    background-color: rgb(255, 255, 255) !important;
}

.btn-blue-bordered {
    color: rgb(53, 154, 239);
    background-color: transparent;
    padding: 16px 40px;
    font-size: 18px;
    margin: 10px 10px 40px 0;
    border: 1px solid rgb(53, 154, 239);
}

.btn-blue-bordered:hover {
    background-color: rgba(0, 0, 0, .05);
    color: rgb(53, 154, 239);
}

#checkmarkArea {
	margin-top: 40px;
}

.checkmarkBox {
	min-height: 100px;
}

.checkmarkBoxIcon {
    width: 30px;
    color: #7ac143;
    font-size: 28px;
    margin-top: -4px;
}

.checkmarkBoxText {
    width: 100%;
    height: 100%;
    margin-left: -35px;
    padding-left: 45px;
    padding-bottom: 15px;
}

#callToActionBox {
	color: rgb(255, 255, 255);
	background-color: rgb(53, 154, 239);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding: 40px 30px;
	box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.08);
	margin: 40px 0;
}

#callToActionBox h4 {
	margin-bottom: 20px;
	margin-top: 0;
}

#callToActionBox .btn-white {
	color: rgb(255, 255, 255);
    background-color: transparent;
    border-color: rgb(255, 255, 255);
	padding: 20px;
	font-size: 16px;
	/*margin-bottom: 40px;*/
}

#callToActionBox .btn-white:hover {
	color: rgb(242, 242, 242);
	background-color: rgba(0, 0, 0, .1);
}

#blogArea, #searchHeader {
	background-color: rgb(255, 255, 255);
	padding: 80px 0;	
}

#searchHeader {
    margin-top: -50px;
}

#searchHeader h4 {
    font-size: 18px;
}

#searchHeader input {
	border: none;
	font-size: 70px;
	width: 90%;
}

#searchHeader input:focus {
	outline: none;
}

#searchHeader .icon-search {
	font-size: 60px;
	color: rgb(53, 154, 239);
}

#searchHeaderBox {
	border-bottom: 1px solid rgb(204, 204, 204);
}

#searchHeaderInput {
	width: 100%;
}

#searchHeaderButton {
	padding-top: 10px;
    margin-left: -100px;
}

#searchHeaderButton button {
    background-color: transparent;
    border: none;
    margin-top: 10px;
}

.searchRow {
	border-bottom: 1px solid rgb(223,223,223);
	padding: 20px 0;
}

#searchResult {
	font-size: 1.2em;
	margin-top: -50px;
}

#searchResult .searchResultCount {
	font-weight: bold;
}

#noSearchResults {
    padding-bottom: 50px;
}

.pagination {
    border-radius: 0;
    float: right;
}

.pagination .pageButton span, .pagination .nextButton a {
    padding: 10px;
}

.pagination .nextButton a, .pagination .nextButton a:hover {
    background-color: transparent;
    border-color: transparent;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #333;
    border-color: #333;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    background-color: rgba(232,232,232,1);
    border-color: rgb(242, 242, 242);
}

.pagination>li>a, .pagination>li>span {
    margin-right: 10px;
    border: 1px solid #fff;
    padding: 10px;
}

.blogFeatureLeft, .blogFeatureMiddle {
	background-size: cover;
	position: relative;
}

.blogFeatureLeft:after, .blogFeatureMiddle:after {
	z-index: 2;
	content: '';
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background: -moz-linear-gradient(top,  rgba(51,51,51,0) 0%, rgba(51,51,51,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(51,51,51,0) 0%,rgba(51,51,51,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(51,51,51,0) 0%,rgba(51,51,51,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333333', endColorstr='#d9333333',GradientType=0 ); /* IE6-9 */
}

.leftBlog:last-child {
	margin-bottom: 0;
}

#blogFeatureArea {
	margin: 40px 0;
}

#blogFeatureArea a:hover {
	text-decoration: none;
}

.blogFeatureLeft > div {
    position: absolute;
    bottom: 10px;
    left: 20px;
	right: 10px;
	z-index: 3;
}

.blogFeatureLeft h3 {
	font-size: 16px;
	color: rgb(255, 255, 255);
	font-weight: normal;
	margin-top: 0;
}

.blogFeatureLeft {
	height: 220px;
	margin-bottom: 20px;
}

.blogFeatureMiddle {
	height: 220px;
	margin-bottom: 20px;
}

.blogFeatureMiddle > div {
    position: absolute;
    bottom: 10px;
    left: 20px;
	right: 10px;
	z-index: 3;
}

.blogFeatureMiddle h3 {
	color: rgb(255, 255, 255);
	font-weight: normal;
	margin-top: 0;
}

#blogFeatureRight {
	margin-top: 20px;
}

.blogFeatureBoxRight {
	margin-bottom: 20px;
}

.blogFeatureImageRight {
	background-size: cover;
	width: 85px;
	height: 80px;
}

.blogFeatureTitleRight {
	width: 100%;
	height: 100%;
	margin-left: -85px;
	padding-left: 95px;
}

.blogFeatureTitleRight h5, .blogFeatureTitleBelow h5 {
	font-size: 14px;
	color: rgb(51, 51, 51);
	font-weight: bold;
	margin-top: 0;
}

.blogFeatureLeft h5, .blogFeatureMiddle h5, .blogPost h5 {
	font-size: 14px;
	color: rgb(143, 209, 93);
	font-weight: bold;
	text-transform: uppercase;
}

.blogPost h5 {
    border-bottom: 1px solid rgb(223,223,223);
    padding-bottom: 16px;
}

.blogPost img {
    width: 100%;
}

.blogPost .addthis_inline_share_toolbox {
    margin: 20px 0;
}

#blogSideArea h3 {
    margin-top: 0;
}

.blogFeatureLeft h6, .blogFeatureMiddle h6, .blogFeatureTitleRight h6, .blogFeatureTitleBelow h6 {
	font-size: 12px;
	color: rgb(188, 188, 188);
	text-transform: uppercase;
}

#partnersArea {
	background-color: rgb(242, 242, 242);
	padding: 70px 0;
}

#recentQuotesArea {
	background-color: rgb(122, 193, 67);
	padding: 70px 0;
}

#recentQuotesArea h3 {
	color: rgb(255, 255, 255);
}

#insuranceQuotesArea {
	background-color: rgb(255, 255, 255);
	padding: 70px 0;
}

#insuranceQuotesArea h3 {
	margin: 0 20%;
}

footer {
	color: rgb(255, 255, 255);
	margin: 70px auto;
}

footer h4 {
	font-size: 18px;
	padding-top: 40px;
	padding-bottom: 10px;
}

footer a {
	color: rgb(170, 170, 170);
	text-decoration: none;
}

footer a:hover, a:focus {
	color: rgb(170, 170, 170);
	text-decoration: underline;
}

footer #footerLinks li {
	padding-top: 10px;
}

#footerLogo img {
	width: 150px;
}

#copyrightSocial {
	margin-top: 60px;
	font-size: 13px;
}

#copyrightSocial a:hover, a:focus {
	text-decoration: none;
}

#copyrightSocial div:last-child {
	text-align: left;
	margin-top: 40px;
}

#landingFooter footer {
    margin: 0 auto 30px auto;
}

#landingFooter #copyrightSocial {
    margin-top: 40px;
}

#landingFooter i.icon-tag {
    font-size: 20px;
}

#copyrightSocial div:last-child {
	margin-top: 0;
}

#partnerCarousel {
	margin-top: 40px;
}

#partnerCarouselItemsWrapper {
	width: 100%;
	overflow: hidden;
	height: 100px;
}

#partnerCarousel {
}

#partnerCarouselItems > div {
	height: 100px;
    display: table;
}

#partnerCarouselItems > div > div {
    display: table-cell;
    vertical-align: middle;
}

#partnerCarouselItems {	
	width: 200%;
	margin-left: -50%;
}

#partnerCarouselItems a:hover {
    text-decoration: none;
}

#partnerCarouselItems i {
	color: #888;
    font-size: 0px;
}

#partnersLeft, #partnersRight {
    padding-top: 15px;
}

#partnersLeft i, #partnersRight i {
	font-size: 60px;
	cursor: pointer;
	color: rgb(204,204,204);
	vertical-align: middle;
}

.address {
    padding-top: 10px;
    padding-bottom: 10px;
}

.openStatusDiv {
    padding-top: 5px;
    color: black;
}

.openStatusDiv i {
    padding-right: 10px;
}

#locations h3 {
    margin: 0px;
    padding: 15px;
}

.cityAccordion h3.single {
    color: #7ac143;
}

#locations button.cityAccordion div.moreless h3 {
    color: #359aef;
    font-size: 12px;
    font-weight: bold;
}

#locations button.cityAccordion.multipleLocations div.moreless h3 {
    color: white;
    font-size: 12px;
    font-weight: bold;
}

#locations button.accordion h3 {
    margin: 0px;
    padding: 0px;
}

.locationBetweenHr hr {
    margin: 0px 18px 0px 18px;
}

.cityBottomHr {
    height: 0;
    border-top: 4px solid #E6E6E6;
    margin-bottom: 15px;
}

span.locCount {
    font-size: 14px;
    font-weight: lighter;
}

button.cityAccordion {
    background-color: white;
    color: black;
    cursor: pointer;
    padding-left: 18px;
    padding-right: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    display: block;
}

button.cityAccordion.multipleLocations {
    background-color: #7ac143;
    color: white;
}

button.cityAccordion.active, button.cityAccordion:hover {
    /*background-color: #7ac143;*/
}

button.cityAccordion:after {
    
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.cityAccordion.active:after {
    
}

button.accordion {
    background-color: White;
    color: #7ac143;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

button.accordion .moreless i {
    font-size: 26px;
}

button.accordion.active, button.accordion:hover {
}

button.accordion:after {
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}


.cityLocation {
    padding: 0 18px 18px 18px;
    background-color: white;
    display: none;
}

.cityLocation.open {
    display: block;
}

.location {
    padding: 0 18px 18px 18px;
    background-color: white;
    color: black;
    display: none;
}

.location i, #ContactEddyHome i.eddyContactIcon {
    width: 25px;
    line-height: 30px;
    display: inline-block;
    padding-right: 10px;
}

#locations i, #ContactEddyHome i.eddyContactIcon {
    vertical-align: baseline;
}

#ContactEddyHome i {
    font-size: 16px;
}

.location.open {
    display: block;
}

.location .services i {
    color: #7ac143;
}

.location .services .noSpecialty i {
    color: black;
}

.single button .moreless, .single button h3 {
    display: none;
}

.single button.accordion {
    cursor: default;
}

.dayofweek {
    padding-right: 4px;
}

.col-no-padding {
    padding-left: 0;
    padding-right: 0;
}

.noSpecialty {
    color: #e7e7e7;
}

.openStatus {
    color: black;
}

.sideLinksList.programLinkList a {
	color: rgb(51, 51, 51);
}

.sideLinksList.programLinkList a:active, .sideLinksList.programLinkList a:hover {
	text-decoration: none;
}

.accordion .moreless {
    padding-top: 10px;
}

.moreless .more {

}

.moreless .less {
    display: none;
}

button.active .moreless .more {
    display: none;
}

button.active .moreless .less {
    display: inline;
}

#staff tr {
    font-size: 14px;
}

#staff td {
    border-bottom: 1px solid rgb(221, 221, 221);
}

#staff thead {
    background-color: rgb(122, 193, 67);
    color: rgb(255, 255, 255);
    white-space: nowrap;
}

/* Bootstrap star rating */
.rating-container .rating .filled-stars .star {
    color: #7ac143;
    -webkit-text-stroke: 0px;
    text-shadow: none;
}

.rating-container .rating .empty-stars .star {
    color: #7ac143;
}

/* Web Forms */

#webFormFull .crmEntityFormView .cell.checkbox-cell div.info {
    float: right;
    clear: none;
    display: inline-block;
    padding-left: 0;
    width: 90%;
}

#webFormFull .crmEntityFormView .actions {
    padding: 0;
    margin-left: -15px;
}

/* Online Quote Page */

#contentArea.quoteContentArea {
    background: url(http://endpoint919998.azureedge.net/online-quote-hero.jpg);
    background-color: #f2f2f2;
    background-position: top;
    background-position-y: -50px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0 50px 0;
    background-attachment: fixed;
}

#contentArea.quoteContentArea .formBox h3 {
    font-size: 20px;
}

#landingNavArea.quoteNavArea>.container {
    padding: 15px 0 25px 0;
}

#landingNavArea.quoteNavArea #promo-box {
    margin-top: 15px;
}

#landingNavArea.quoteNavArea #promo-box:hover {
    text-decoration: none;
}

#landingNavArea.quoteNavArea h2 {
    color: #fff;
}

#pageBarTabWrapper {
	font-family: 'Montserrat',Calibri,sans-serif;
}

#pageBarTabWrapper .pageBarTab {
    width: 50%;
    background-color: rgba(74,74,74,.75);
    padding: 24px 20px 20px 20px;
    color: #ccc;
    text-align: center;
}

#pageBarTabWrapper .pageBarTab.active {
	width: 50%;
    background-color: #4a4a4a;
    border-top: 4px solid #7ac143;
    padding: 20px;
    color: #fff;
    text-align: center;
}

#pageBarWrapper {
    background-color: #4a4a4a;
    padding: 0 10px 0 10px;
    height: 60px;
}

#pageBarWrapper ul {
    margin: 0;
    text-align: center;
}

#pageBarWrapper ul li {
    background-color: #fff;
    color: #999999;
    padding: 0;
    font-size: 10px;
    font-weight: bold;
    font-family: 'Montserrat',Calibri,sans-serif;
    position: relative;
}

#pageBarWrapper ul li .pageBarItemTitle {
	position: absolute;
    top: 0;
	left: 0;
	right: 0;
    height: 25px;
    background-color: #fff;
    padding-top: 5px;
}

#pageBarWrapper ul li .pageBarItemOverlay {
	position: absolute;
    top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
    border-right: 1px solid #dedede;
}

#pageBarWrapper ul li.active .pageBarItemOverlay {
	right: 50%;
}

#pageBarWrapper ul li.active ~ li .pageBarItemOverlay {
	right: 100%;
}


#pageBarWrapper ul li .pageBarItemOverlayTitle {
	background: url(http://endpoint919998.azureedge.net/loading-bar-bg.png);
    color: #fff;
    height: 25px;
    padding-top: 5px;
}

#contentArea.quoteContentArea .formBox {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 105px;
    padding-right: 105px;
    font-family: 'Montserrat',Calibri,sans-serif;
}

#contentArea.quoteContentArea .pagebody > .row > div, #contentArea.quoteContentArea .additionalquestiontext, #contentArea.quoteContentArea .followUpConfirmation, #contentArea.quoteContentArea .labelSubtitle {
    padding-top: 25px;
}

#contentArea.quoteContentArea .pagebody > .row > div.remove-div-padding-top, #contentArea.quoteContentArea .pagebody > .row > div.checkboxContainer {
    padding-top: 0px;
}

#contentArea.quoteContentArea .formBox label {
    font-weight: bold;
    font-family: "Montserrat",Calibri,sans-serif;
    font-size: 16px;
    /*margin-top: 20px;*/
}

#contentArea.quoteContentArea .formBox input[type="checkbox"]~label {
    margin-top: 10px;
}

#contentArea.quoteContentArea .input-group-addon {
    pointer-events: none;
}

#contentArea.quoteContentArea .buttonContainer.row, #contentArea.quoteContentArea .dropdownContainer.row {
    /*margin: 0 -20px;*/
    margin-top: 15px;
}

#contentArea.quoteContentArea .btn-default {
    color: #7ac143;
    border: 1px solid #7ac143;
    /*padding: 16px 0;
    margin: 5px;
    width: 170px;*/
    min-height: 45px;
    font-family: 'Montserrat',Calibri,sans-serif;
    font-weight: 400;
    font-size: 16px;
}

#contentArea.quoteContentArea .btn-default.active, #contentArea.quoteContentArea .btn-default:active, .no-touch #contentArea.quoteContentArea .btn-default:hover, #contentArea.quoteContentArea .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: #7ac143;
    border-color: #7ac143;
    box-shadow: none;
}

#contentArea.quoteContentArea .btn-black .btn-default, .no-touch #contentArea.quoteContentArea .btn-default.btn-black {
    color: #333;
    border: 1px solid #333;
    padding: 15px 0;
    margin: 5px;
    width: 200px;
    font-family: 'Montserrat',Calibri,sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.no-touch #contentArea.quoteContentArea .btn-default.btn-black.previousButton {
    font-size: 18px;
    color: #333;
    border: 1px solid #333;
    padding: 15px 0;
    width: 200px;
    font-family: 'Montserrat',Calibri,sans-serif;
    font-weight: bold;
}

.no-touch #contentArea.quoteContentArea .btn-default.btn-black.previousButton:hover, .no-touch #contentArea.quoteContentArea .btn-default.btn-black:hover {
    background-color: #e6e6e6;
    border-color: #8b8b8b;
}

.no-touch #contentArea.quoteContentArea .btn-default.btn-black.downloadApplication, .no-touch #contentArea.quoteContentArea .btn-default.btn-black.downloadInsuranceCertificate {
    width: auto;
    padding: 15px;
}

.no-touch #contentArea.quoteContentArea .btn-default.btn-black.downloadInsuranceCertificate {
    margin-bottom: 40px;
    margin-top: -20px;
}

#signature-pad.autoquote-signature-pad {
    background-color: #7ac143;
    /*padding: 20px;*/
}

#signature-pad.autoquote-signature-pad > div {
    padding: 15px;
}

#signature-pad.autoquote-signature-pad .autoquote-signature-pad-header {
    color: #fff;
}

#signature-pad.autoquote-signature-pad .arrowlogo {
    font-size: 26px;
    margin-bottom: 15px;
}

#signature-pad.autoquote-signature-pad .autoquote-signature-canvas canvas {
    border: 1px solid rgb(204, 204, 204);
    background-color: #fff;
    -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 25px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.3);
    margin-top: 15px;
}

#signature-pad.autoquote-signature-pad .signature-line {
    border-bottom: 2px solid #ccc;
    pointer-events: none;
    position: absolute;
    left: 45px;
    right: 45px;
    bottom: 35px;
    z-index: 1;
}

#signature-pad.autoquote-signature-pad .autoquote-signature-pad-footer {
    background-color: #333;
    /*padding: 30px 40px;
    background-color: #333;
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;*/
}

#signature-pad.autoquote-signature-pad .autoquote-signature-pad-footer .btn-default.btn-white-darkbg {
    color: #359aef;
    padding: 15px 0;
    font-family: 'Montserrat',Calibri,sans-serif;
    font-weight: bold;
    font-size: 12px;
    background-color: #fff;
    border: none;
}

#signature-pad.autoquote-signature-pad .autoquote-signature-pad-footer .btn-default.btn-white-darkbg:hover {
    background-color: #e6e6e6;
}

#signature-pad.autoquote-signature-pad .autoquote-signature-pad-footer .btn-default.btn-blue-darkbg {
    color: #fff;
    padding: 15px 0;
    font-family: 'Montserrat',Calibri,sans-serif;
    font-weight: bold;
    font-size: 12px;
    background-color: #359aef;
    border: none;
}

#signature-pad.autoquote-signature-pad .autoquote-signature-pad-footer .btn-default.btn-blue-darkbg:hover {
    background-color: rgb(0, 126, 208);
}

#signature-pad.autoquote-signature-pad #mobile-signature-canvas-wrapper {
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 25px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 25px 0 rgba(0,0,0,.3);
    margin-top: 15px;
    position: relative;
    height: 200px;
}

#signature-pad.autoquote-signature-pad #mobile-signature-canvas-wrapper canvas {
    background-color: transparent;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: none;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#contentArea.quoteContentArea .signature-container {
    position: relative;
    width: 302px;
    height: 152px;
}

#contentArea.quoteContentArea .signature-container canvas {
    border: 1px solid rgb(204, 204, 204);
    touch-action: none;
    background-color: transparent;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#contentArea.quoteContentArea .signature-container .signature-line {
    border-bottom: 2px solid #ccc;
    pointer-events: none;
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 25px;
    z-index: 1;
}

#contentArea.quoteContentArea .autoquote-signature-pad-footer {
    margin-top:25px;
}

#contentArea.quoteContentArea .btn-default.btn-noborder {
    border: none;
    color: #359aef;
    font-size: 18px;
    width: 100%;
    text-align: left;
    margin-top: 20px;
}

#contentArea.quoteContentArea .btn-blue.verifyMobile {
    margin: 0;
    position: absolute;
    left: 0;
    height: 45px;
    top: 128px;
    padding: 0px 25px;
}

#contentArea.quoteContentArea .btn-default.btn-noborder i.icon-plus-circle {
    padding-right: 6px;
}

#contentArea.quoteContentArea .btn-default.btn-noborder:hover, #contentArea.quoteContentArea .btn-default.btn-noborder:active, #contentArea.quoteContentArea .btn-default.btn-noborder:focus, .no-touch #contentArea.quoteContentArea .btn-default.btn-noborder:hover, .no-touch #contentArea.quoteContentArea .btn-default.btn-noborder:active, .no-touch #contentArea.quoteContentArea .btn-default.btn-noborder:focus {
    background-color: transparent;
    color: #359aef;
    border: none;
    outline: none;
}

#contentArea.quoteContentArea .btn-black .btn-default.active,
#contentArea.quoteContentArea .btn-black .btn-default:active,
#contentArea.quoteContentArea .btn-black .btn-default:hover,
#contentArea.quoteContentArea .btn-black .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: #333;
    border-color: #333;
    box-shadow: none;
}

#contentArea.quoteContentArea .btn-black .btn-default.active.focus, #contentArea.quoteContentArea .btn-black .btn-default.active:focus, #contentArea.quoteContentArea .btn-black .btn-default.active:hover, #contentArea.quoteContentArea .btn-black .btn-default:active.focus, #contentArea.quoteContentArea .btn-black .btn-default:active:focus, #contentArea.quoteContentArea .btn-black .btn-default:active:hover, #contentArea.quoteContentArea .btn-black .open>.dropdown-toggle.btn-default.focus, #contentArea.quoteContentArea .btn-black .open>.dropdown-toggle.btn-default:focus, #contentArea.quoteContentArea .btn-black .open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
    box-shadow: none;
    outline: none;
}

#contentArea.quoteContentArea .btn.btn-blue input {
    width: 100%;
    margin-right: 0;
}

#contentArea.quoteContentArea .btn-default.btn-medium {
    width: 100px;
}

#contentArea.quoteContentArea .btn-default.btn-medium.btn-RcWodDuration {
    width: 115px;
}

#contentArea.quoteContentArea .btn-default.btn-xlarge {
    width: 245px;
    height: 65px;
    padding: 0px;
    margin-right: 20px;
}

#contentArea.quoteContentArea .btn-addrightmargin {
    margin-right: 20px;
}

#contentArea.quoteContentArea .btn-default.btn-check {
    text-align: left;
}

#contentArea.quoteContentArea .btn-default.btn-check div:first-child {
    width: 15%;
    padding-left: 11px;
}

#contentArea.quoteContentArea .btn-default.btn-check div:last-child{
    width: 75%;
}


#contentArea.quoteContentArea button i.icon-arrow-circle-right {
    padding-left: 5px;
}

#contentArea.quoteContentArea button i.icon-arrow-circle-left {
    padding-right: 5px;
}

#contentArea.quoteContentArea .row-indent {
    margin-left: 20px;
}

#contentArea.quoteContentArea .row-indent button {
    margin-right: 15px;
}

#contentArea.quoteContentArea .additionalcoverage > .form-group:last-child {
    padding: 0px 0px 25px 0px;
}

/*
#contentArea.quoteContentArea .additionalcoverage .form-group .labelDescription.row-indent:first-child {
    padding: 85px 0px 5px 0px;
}
*/

#contentArea.quoteContentArea .additionalcoverage .form-group .labelDescription.row-indent:nth-child(3) {
    padding: 10px 0px 5px 0px;
}

#contentArea.quoteContentArea .additionalcoverage .wod-vehiclevalue {
    position: relative;
}

#contentArea.quoteContentArea .additionalcoverage span.input-group-addon.autoquote-currency {
    position: absolute;
    left: -40px;
    bottom: 12px;
    font-size: 20px;
}

#contentArea.quoteContentArea .additionalcoverage .wod-vehiclevalue input:not([type="checkbox"]):not([type="button"]) {
    width: 154px;
    margin-left: 5px;
}

#contentArea.quoteContentArea .form-group .labelDescription.row-indent:first-child {
    margin-left: 20px;
    padding: 8px 0 6px 0;
    display: inline-block;
}

#contentArea.quoteContentArea .form-group .labelDescription.row-indent {
    margin-left: 20px;
    padding: 5px 15px 5px 15px;
}

#contentArea.quoteContentArea .form-group label {
    padding-top: 5px;
}

#contentArea.quoteContentArea .form-group {
    margin: 0;
}

#contentArea.quoteContentArea .buttonContainer.row-indent {
    margin-left: 19px;
}

#contentArea.quoteContentArea .buttonContainer.row-indent > span:nth-child(1) {
    margin-left: -15px;
}

#contentArea.quoteContentArea .buttonContainer.row-indent > span:nth-child(2) {
    margin-left: 5px;
}

#contentArea.quoteContentArea input.totalpremium, #contentArea.quoteContentArea input.confirmationpremium {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

#contentArea.quoteContentArea .formBox .arrowpremium {
    margin: auto 10px auto 25px;
    padding: 0;
}

#contentArea.quoteContentArea .arrowquoteinsurer div.arrowpremium > input.noteligible {
    width: 140px;
    padding-right: 20px;
    padding-left: 20px;
}

#contentArea.quoteContentArea .formBox .arrowpremium button {
    font-size: 18px;
    padding: 20px;
}

#contentArea.quoteContentArea .formBox .arrowpremium button.btn-autoquote-buy {
    font-weight: bold;
}

#contentArea.quoteContentArea .formBox .arrowpremium span.autoquote-buy {
    border-left: 1px solid #a1cbf7;
    margin-left: 20px;
    padding: 10px 0 10px 20px;
}

#contentArea.quoteContentArea .formBox .arrowMoreLess {
    text-align: right;
    padding: 15px 30px 0px 0px;
    margin-left: -25px;
}

#contentArea.quoteContentArea .formBox .arrowMoreLess label {
    color: #359aef;
    vertical-align: middle;
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    padding-bottom: 10px;
}

#contentArea.quoteContentArea .formBox .arrowMoreLess i {
    font-size: 30px;
    padding-left: 10px;
}

#contentArea.quoteContentArea .formBox .arrowMoreLess i.icon-shopping-cart {
    font-size: 28px;
    padding-left: 0;
    padding-right: 10px;
}

.no-touch #contentArea.quoteContentArea .btn-default.btn-default.referToBrokerButton i.icon-paper-plane {
    font-size: 26px;
}

#contentArea.quoteContentArea .formBox .arrowMoreLess a:hover, #contentArea.quoteContentArea .formBox .arrowMoreLess a:active, #contentArea.quoteContentArea .formBox .arrowMoreLess a:focus {
    text-decoration: none;
}

#contentArea.quoteContentArea .formBox .arrowMoreLess a:active, #contentArea.quoteContentArea .formBox .arrowMoreLess a:focus {
    color: #359aef;
}

#contentArea.quoteContentArea .arrowquoteinsurer {
    border-color: #cccccc;
    background-color: #fbfbfb;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 20px;
}

#contentArea.quoteContentArea .habquoteinsurer {
    border-color: #ccc;
    background-color: #fbfbfb;
    border-width: 1px;
    border-style: solid;
    margin: 0 0 25px 0;
}

#contentArea.quoteContentArea .formBox .habpremium {
    margin: 0;
}

#contentArea.quoteContentArea .formBox .habpremium div {
    padding: 0 15px 0 15px;
}

#contentArea.quoteContentArea .habquoteinsurerbuttons .btn-default, .habquoteinsurerbuttons .btn-blue {
    margin: 0;
    padding: 15px;
    font-size: 14px;
    margin-top: 10px;
}

#contentArea.quoteContentArea .arrowquoteinsurerheader, #contentArea.quoteContentArea .habquoteinsurerheader {
    padding-top: 20px;
    padding-bottom: 20px;
}

#contentArea.quoteContentArea .arrowquoteinsurer .arrowlogo, #contentArea.quoteContentArea .habquoteinsurer .hablogo {
    /*padding-top: 15px;*/
    padding-left: 40px;
    color: #777;
    margin-right: -25px;
}

#contentArea.quoteContentArea .habquoteinsurer .hablogo {
    font-size: 40px;
}

#contentArea.quoteContentArea .arrowquoteinsurerdetails {
    background-color: rgb(255, 255, 255);
    border-top: 1px solid rgb(204, 204, 204);
    padding: 30px 21px 15px 21px;
}

#contentArea.quoteContentArea .termsofuse {
    height: 475px;
    border: 1px solid #ccc;
    overflow: auto;
    padding: 20px;
    font-size: 13px;
    line-height: 20px;
    margin: 15px 0 0 15px;
}

#contentArea.quoteContentArea .autoquote-signature-btn-clear {
    margin-left: -5px;
}

#contentArea.quoteContentArea .additionalquestionbutton {
    margin: 10px 0 25px -5px;
}

#contentArea.quoteContentArea .arrowquoteinsurer input:not([type="checkbox"]):not([type="button"]) {
    background-color: #fff;
    width:100px;
    height: 60px;
    margin: 0px;
}

#contentArea.quoteContentArea .arrowname {
    padding-bottom: 15px;
    font-size: 14px;
}

#contentArea.quoteContentArea .arrowcheck {
    color: #7ac143;
    padding-bottom: 15px;
    font-size: 18px;
}

#contentArea.quoteContentArea .closestvalue, #contentArea.quoteContentArea .closestvalue i {
    color: #f43535;
    padding-bottom: 15px;
    font-size: 18px;
}

#contentArea.quoteContentArea .arrowvalue {
    font-weight: bold;
    font-size: 14px;
}

#contentArea.quoteContentArea .arrowquotelogopremium i {
    font-size: 30px;
    color: #717171;
}

#contentArea.quoteContentArea #pageFooterDiv .container.arrowquotedetails {
    color: #fff;
    height: 100px;
}

#contentArea.quoteContentArea #pageFooterDiv .arrowquotelogopremium, #contentArea.quoteContentArea #pageFooterDiv .arrowquotegoto {
    border-right: 1px solid #5c5c5c;
    height: 100px;
    background-color: #333;
}

#contentArea.quoteContentArea #pageFooterDiv .arrowquotelogo, #contentArea.quoteContentArea #pageFooterDiv .arrowquotepremiumtotal {
    display: inline-block;
    vertical-align: top;
    padding: 38px 19px;
    font-weight: bold;
    font-size: 18px;
}

#contentArea.quoteContentArea #pageFooterDiv i.icon-arrow-circle-right {
    display: inline-block;
    color: #fff;
    font-size: 32px;
    transform: rotate(90deg);
}

#contentArea.quoteContentArea #pageFooterDiv .footerArrowAnchor {
    padding-top: 35px;
}

#contentArea.quoteContentArea .footerTextboxDiv {
    background-color: #7ac143;
}

#contentArea.quoteContentArea .footerTextboxDiv .arrowlogo {
    background-color: #7ac143;
    height: 100px;
    font-family: Montserrat, Calibri, sans-serif;
    font-size: 22px;
    padding: 35px 0 0 25px;
}

#contentArea.quoteContentArea div.arrowquotepremiumarea div.row {
    margin-left: 0px;
}

#contentArea.quoteContentArea i.icon-calendar {
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 1000;
}

#contentArea.quoteContentArea input.claimnote {
    width: 100%;
    font-weight: normal;
}

#contentArea.quoteContentArea input.confirmationpremium {
    width: 100px;
    margin-right: 35px!important;
}

#contentArea.quoteContentArea .paymentConfirmationDetailCN {
    padding: 30px 0;
}

#contentArea.quoteContentArea .inputpadding {
    padding-left: 10px;
    padding-right: 10px;
}

#contentArea.quoteContentArea .noleftpadding {
    padding-left: 0px;
}

#contentArea.quoteContentArea .fullleftcolpadding {
    padding-left: 15px;
}

#contentArea.quoteContentArea .fullrightcolpadding {
    padding-right: 15px;
}

/* Partner Icons */

#contentArea.quoteContentArea #ArrowQuoteDetails i.icon-partner-aviva, #contentArea.quoteContentArea .bestMatchLogo i.icon-partner-aviva, #contentArea.quoteContentArea .additionalquotes i.icon-partner-aviva {
    display: inline-block;
    font-size: 30px;
    margin-top: 13px;
}

#contentArea.quoteContentArea #ArrowQuoteDetails i.icon-partner-mennonite, #contentArea.quoteContentArea .bestMatchLogo i.icon-partner-mennonite, #contentArea.quoteContentArea .additionalquotes i.icon-partner-mennonite {
    display: inline-block;
    font-size: 40px;
    margin-top: 10px;
}

#contentArea.quoteContentArea #ArrowQuoteDetails i.icon-partner-peacehills, #contentArea.quoteContentArea .bestMatchLogo i.icon-partner-peacehills, #contentArea.quoteContentArea .additionalquotes i.icon-partner-peacehills {
    display: inline-block;
    font-size: 45px;
    margin-top: 2px;
}

#contentArea.quoteContentArea #ArrowQuoteDetails i.icon-partner-saskmutual, #contentArea.quoteContentArea .bestMatchLogo i.icon-partner-saskmutual, #contentArea.quoteContentArea .additionalquotes i.icon-partner-saskmutual {
    display: inline-block;
    font-size: 50px;
    margin-top: 5px;
}

#contentArea.quoteContentArea #ArrowQuoteDetails i.icon-partner-sgicanada, #contentArea.quoteContentArea .bestMatchLogo i.icon-partner-sgicanada, #contentArea.quoteContentArea .additionalquotes i.icon-partner-sgicanada {
    display: inline-block;
    font-size: 46px;
    margin-top: 9px;
}

#contentArea.quoteContentArea #ArrowQuoteDetails i.icon-partner-wawanesa, #contentArea.quoteContentArea .bestMatchLogo i.icon-partner-wawanesa, #contentArea.quoteContentArea .additionalquotes i.icon-partner-wawanesa {
    display: inline-block;
    font-size: 33px;
    margin-top: 10px;
}

/* Birthdate */

#contentArea.quoteContentArea .autoquote-dateofbirth-month select, #contentArea.quoteContentArea .autoquote-dateofbirth-day input, #contentArea.quoteContentArea .autoquote-dateofbirth-year input {
    font-size: 13px;
}

#contentArea.quoteContentArea .autoquote-dateofbirth-month {
    display: inline-block;
    width: 121px;
}

#contentArea.quoteContentArea .autoquote-dateofbirth-day {
    display: inline-block;
    width: 46px;
    margin: auto -5px;
}

#contentArea.quoteContentArea .autoquote-dateofbirth-year {
    display: inline-block;
    width: 55px;
}

#contentArea.quoteContentArea .autoquote-dateofbirth-day input, #contentArea.quoteContentArea .autoquote-dateofbirth-year input {
    text-align: center;
}

/*  */

#contentArea.quoteContentArea .lastname, #contentArea.quoteContentArea .sgicustomernumber, #contentArea.quoteContentArea .vehiclevin, #contentArea.quoteContentArea .ratinginfo {
    white-space: nowrap;
}

#contentArea.quoteContentArea .ratinginfo {
    padding-top: 15px;
}

#contentArea.quoteContentArea button.btn.btn-additem.btn-default.btn-noborder {
    margin-left: -12px;
    white-space: nowrap;
    margin-top: 35px;
}

#contentArea.quoteContentArea #accidentTable button.btn.btn-removeitem.btn-default.btn-noborder, #contentArea.quoteContentArea #claimTable button.btn.btn-removeitem.btn-default.btn-noborder {
    color: #ff6767;
    font-size: 15px;
    margin: 0;
    padding-left: 16px;
    background-color: transparent;
}

#contentArea.quoteContentArea button.btn.btn-removeitem.btn-default.btn-noborder i {
    padding-right: 8px;
    margin-left: -6px;
}

#contentArea.quoteContentArea #accidentTable .accidentFaultRow > div, #contentArea.quoteContentArea #accidentTable .accidentDateRow > div, #contentArea.quoteContentArea #claimTable .claimFaultRow > div, #contentArea.quoteContentArea #claimTable .claimDateRow > div, #contentArea.quoteContentArea #claimTable .claimNoteRow > div {
    padding-top: 11px;
    padding-bottom: 11px;
    height: 100%;
}

#contentArea.quoteContentArea #accidentTable .accidentFaultRow > div, #contentArea.quoteContentArea #claimTable .claimFaultRow > div, #contentArea.quoteContentArea #claimTable .claimDateRow > div {
    margin-right: -20px;
}

#contentArea.quoteContentArea #accidentTable .recordGrid:first-child .accidentFaultRow > div, #contentArea.quoteContentArea #accidentTable .recordGrid:first-child .accidentDateRow > div, #contentArea.quoteContentArea #claimTable .recordGrid:first-child .claimFaultRow > div, #contentArea.quoteContentArea #claimTable .recordGrid:first-child .claimDateRow > div, #contentArea.quoteContentArea #claimTable .recordGrid:first-child .claimNoteRow > div {
    border-top: 1px solid #ccc;
}

#contentArea.quoteContentArea #accidentTable .recordGrid:nth-child(odd) .accidentFaultRow > div, #contentArea.quoteContentArea #accidentTable .recordGrid:nth-child(odd) .accidentDateRow > div, #contentArea.quoteContentArea #claimTable .recordGrid:nth-child(odd) .claimFaultRow > div, #contentArea.quoteContentArea #claimTable .recordGrid:nth-child(odd) .claimDateRow > div, #contentArea.quoteContentArea #claimTable .recordGrid:nth-child(odd) .claimNoteRow > div {
    background-color: #f1f1f1;
}

#contentArea.quoteContentArea #accidentTable .accidentRemoveButtonRow, #contentArea.quoteContentArea #claimTable .claimRemoveButtonRow {
    padding-top: 5px;
    margin-left: -10px;
}

#contentArea.quoteContentArea .autoaccidents select {
    width: 100%;
}

/*#contentArea.quoteContentArea .recordGrid {
    padding-top: 10px;
    background-color: #f1f1f1;
    margin-left: 0;
    margin-right: 0;
}

#contentArea.quoteContentArea .recordGrid:first-child div.col-md-5 {
    border-top: 1px solid #cccccc;
}

#contentArea.quoteContentArea .recordGrid div.col-md-5:nth-child(2n), #contentArea.quoteContentArea .recordGrid:nth-child(2n) {
    background-color: #fff;
}*/

/* Spinner */

#contentArea.quoteContentArea .spinnerDiv i, #contentArea.quoteContentArea #pageSpinner i {
    color: #7ac143;
    width: 53px;
    height: 53px;
}

#contentArea.quoteContentArea #paymentSpinner {
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.25);
    margin: auto -10px;
}

#contentArea.quoteContentArea #paymentSpinner i {
    color: #7ac143;
    font-size: 100px;
    margin-top: 50%;
}

#contentArea.quoteContentArea #paymentOverlay {
    background-color: rgba(255,255,255,.5);
}

#contentArea.quoteContentArea select, #contentArea.quoteContentArea input:not([type="checkbox"]):not([type="button"]) {
    padding: 10px 10px;
    background-color: #fbfbfb;
    border: 1px solid #ccc;
    border-radius: 2px;
    /*margin: 5px 0 20px 0;*/
    outline: none;
    height: 45px;
}

#contentArea.quoteContentArea .dropdownContainer select, #contentArea.quoteContentArea input:not([type="checkbox"]):not([type="button"]) {
    width: 100%;
}

#contentArea.quoteContentArea select:focus, #contentArea.quoteContentArea input:not([type="checkbox"]):not([type="button"]):focus {
    border-color: #66afe9;
}

#contentArea.quoteContentArea div.xtra-width {
    width: 229px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}

#contentArea.quoteContentArea div.xtra-width > select, #contentArea.quoteContentArea div.small-label-description > div.form-group > div.labelDescription {
    font-size: 13px;
}

#contentArea.quoteContentArea .formBox input[type="checkbox"] {
    -webkit-appearance: none;
}

#contentArea.quoteContentArea .formBox input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    vertical-align: -25%;
    background-color: #fff;
    border: 3px solid #333;
    width: 22px;
    height: 22px;
    border-radius: 12px;
    margin-right: 15px;
    outline: none;
}

#contentArea.quoteContentArea .formBox input[type="checkbox"]:checked + label::before {
    content: '';
	background: #333;
}

#contentArea.quoteContentArea .formBox input[type="checkbox"]:checked + label::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 9px;
    background: rgba(0, 0, 0, 0);
    top: 20px;
    left: 19px;
    border: 4px solid #fff;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#contentArea.quoteContentArea .input-group {
    display: block;
}

#contentArea.quoteContentArea .formBox .input-group-addon {
    background: none;
    border: none;
    padding: 0 10px 0 20px;
    font-weight: bold;
}

#contentArea.quoteContentArea .formBox .input-group[class*=col-] {
    padding-top: 30px;
}

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

#contentArea.quoteContentArea .labelDescription {
    font-size: 14px;
    padding-top: 4px;
}

#ResidentBuiltDate {
    width: 85px;
}

#contentArea.quoteContentArea .formBox .headingLarge h3 {
    font-size: 28px;
    margin-top: 40px;
}

#contentArea.quoteContentArea .formBox div.primarydriverinformation h3 {
    margin-top: 0px;
    padding-bottom: 10px;
}

#contentArea.quoteContentArea .formBox div.arrowquotedetails > h3 {
    margin-top: 10px;
}

#contentArea.quoteContentArea .ArrowFinalQuoteDetails {
    padding-bottom: 25px;
}

#contentArea.quoteContentArea .formBox .headingEmphasised h3 {
    color: #7ac143;
    font-size: 26px;
    text-align: center;
    margin-top: 40px;
}

#contentArea.quoteContentArea .formTriangleWrapper {
    margin-top: 20px;
}

#contentArea.quoteContentArea .liabilityinfo {
    margin-bottom: 14px;
}

#contentArea.quoteContentArea .has-error select, #contentArea.quoteContentArea .has-error input:not([type="checkbox"]):not([type="button"]) {
    border-color: #a94442;
}

#contentArea.quoteContentArea .otherDropdownCol8 select {
    display: block;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: -10px;
    width: 350px;
}

/* Look up My Quote */

.lookUpMyQuoteHeader h3, .output h2 {
    margin-top: 0;
}

.output h2 {
    margin-bottom: 25px;
}

.lookUpMyQuoteHeader {
    margin-bottom: 25px;
}

/* Online Quote Form - Corner Triangle */
.formTriangleWrapper {
    margin-top: 40px;
}

.formTriangleWrapper .formTriangleLeft {
    width: 10%;
    height: 30px;
    background-color: #fff;
}

.formTriangleWrapper .formTriangleMiddle {
    width: 90%;
    height: 30px;
    background-color: #fff;
    margin-left: -30px;
}

.formTriangleWrapper .formTriangleRight {
	border-bottom: 30px solid #ccc;
    border-right: 30px solid transparent;
    width: 30px;
    height: 30px;
}

/* Email Landing Page */

#landingNavArea {
    background-color : #7AC143;
}

#landingNavArea>.container {
	padding: 5px 0 25px 0;
}

#landingNavArea i#mainNavLogo {
	font-size: 45px;
}

#landingNavArea ~ #heroArea {
	height: 300px;
	background-position: initial;
}

#landingContent {
	background-color: #fff;
	padding: 50px 40px;
	margin: 50px 0 100px 0;
}

#emailLandingContentArea {
	font-size: 14px;
}

#emailLandingContentArea h4 {
	margin: 60px 0 40px 0;
}

#emailLandingContentArea h5 {
	font-size: 20px;
}

.estimateArea {
	font-size: 18px;
	font-weight: bold;
	padding: 40px 0;
}

.estimateName {
	color: #7ac143;
	text-transform: uppercase;
}

.emailLandingFeatureWrapper {
	font-size: 14px;
	padding: 25px;
	border: 3px dashed #e1e1e1;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.emailLandingFeatureWrapper h2 {
	font-weight: bold;
}

.emailLandingFeatureWrapper h5 {
	font-size: 17px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#offerWrapper {
	padding: 50px 25px;
	margin: 60px 0;
	border-top: 2px dashed #ccc;
	border-bottom: 2px dashed #ccc;
}

#offerWrapper p {
	font-size: 12px;
	margin-right: 20px;
    margin-top: -20px;
}

#offerWrapper ul {
	padding-left: 16px;
}

#offerWrapper ul li {
	font-size: 14px;
}

#offerImage {
	background-image: url('/offer-image.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 100%;
	height: 216px;
	margin-top: -5px;
}

.panelMain .panel-title, .panelSecondary .panel-title {
    padding: 10px 5px 10px 18px
}

.panelMain .panel-title a:hover, .panelSecondary .panel-title a:hover {
    text-decoration: none;
}

.panelMain i, .panelSecondary i {
    font-size: 26px;
}

.panelMain .panel-heading {
    background-color: #7ac143;
    color: #fff;
    border-bottom: 3px solid #f2f2f2
}

.panelMain .panel-heading a:focus {
    background-color: #7ac143;
    color: #fff;
    text-decoration: none;
}

.panelSecondary .panel-heading {
    background-color: #fff;
    color: #359aef;
    text-decoration: none;
    border-bottom: 3px solid #f2f2f2;
}

.panelSecondary .panel-heading a:focus {
    background-color: #fff;
    color: #359aef;
    text-decoration: none;
}

#emailLandingContentArea .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
    background-color: #f2f2f2;
}

#landingInfoColumns img {
    padding-bottom: 25px;
}

#landingInfoColumns p {
    padding-bottom: 40px;
}

#sendphonenumber, #sendemail {
    background-color: #359aef;
    color: #fff;
    border: none;
    padding: 10px 40px 20px 16px;
    text-align: left;
    min-width: 100%;
    height: 120px;
    position:relative;
}

button#sendphonenumber i, button#sendemail i {
    font-size: 32px;
}

#sendphonenumber i.eddyContactIcon, #sendemail i.eddyContactIcon {
    font-size: 30px;
    margin-top: 25px;
}

#sendphonenumber {
    margin-bottom: 20px;
}

#sendphonenumber .icon-check {
    color: #7ac143;
}

.landingRunActionDone {
    position:absolute;
    right: 14px;
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    top: 55px;
    font-weight: bold;
}

.landingContactInfo {
    margin-top: 40px;
}

#emailLandingContentArea .panel-default {
    border-color: #ebebeb;
}

.panel-title-span-left, .panel-title-span-right {
    display: inline-block;
}

.panelMain .panel-title-span-left a, .panelMain .panel-title-span-right a {
    color: #fff;
}

.panel-title-span-left {
    width: 80%;
}

.panel-title-span-right {
    padding-top: 20px;
}

/* iframe */
html.html.iframe {
    background-color: #FFF;
}


html.html.iframe>body {
    background-color: #FFF;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small and extra small devices (tablets, 768px and up) */
@media (max-width: 991px) {
#mainNavArea {
	margin-bottom: 45px;
}
#mainNavWrapper {
	border-width: 1px;
	border-color: rgb(107, 174, 55);
	border-style: solid;
	border-radius: 4px;
	background-color: rgb(149, 206, 105);
	padding: 10px;
	margin-top: 10px;
	position: absolute;
	left: 15px;
	right: 15px;
	z-index: 7;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}
#mainNavWrapper.open {
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0px 0px 10px 2px rgba(0, 0, 0, 0.1);  /* Firefox 3.5 - 3.6 */
	box-shadow:         0px 0px 10px 2px rgba(0, 0, 0, 0.1);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

#subNavBarLinks > div ul {
	margin-right: 60px;
}

#subNavBarLinks > ul li {
	margin-bottom: 20px;
}

#heroAreaLanding h1 {
    font-size: 45px;
}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#footerLogo img {
	width: 200px;
}

#sendphonenumber, #sendemail {
    padding: 20px 16px;
    min-width: 360px;
    height: auto;
}

#sendphonenumber i, #sendemail i {
    margin-top: auto;
}

.panelMain .panel-title, .panelSecondary .panel-title {
    padding: 10px 18px;
}

.panel-title-span-left {
    width: auto;
}

.panel-title-span-right {
    padding-top: 0;
}

#landingInfoColumns p {
    padding-bottom: 10px;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.pull-left-md {
	float: left;
}

.pull-right-md {
	float: right;
}

#mainNavArea {
	padding: 40px 0 60px 0;
}	

#mainNavLinks h1, #mainNavLinks h2 {
	display: block;
	padding-right: 0;
}

#mainNavLinks h1 {
	font-size: 20px;
	color: rgb(51, 51, 51);
	font-weight: 500;
}

#mainNavLinks h2 {
	font-size: 15px;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	margin-top: -30px;
}
#promo-box {
	width: 170px;
}
.mainNavLinkDivider {
	border-right: 1px solid rgb(255, 255, 255);
	padding-right: 15px;
	border-bottom: none;
	display: inline-block;
}

#mainNavLinks ul li {
	display: inline-block;
	padding-right: 10px;
}

#mainNavLinks li:last-child .mainNavLinkDivider {
	border-right: none;
	margin-bottom: 0;
}

#subNavBar a {
    font-size: 17px;
}

#subNavBarLinks a > span, #topNavLinks a > span {
	width: auto;
}

#subNavBar > div {
	height: 47px;
}

#searchBox button {
    margin-top: 5px;
}

#searchBox input {
	font-size: 40px;
}

#fa-search-searchbox {
	color: rgb(255, 255, 255);
	font-size: 60px;
}

#heroArea {
	height: 500px;
}

#heroAreaLanding {
	height: 300px;
	background-position: 0 0;
}

#landingContentArea {
	margin-top: 0;
}

#heroArea h1 {
	font-size: 70px;
	padding: 100px 0;
}

.blogFeatureLeft {
	height: 180px;
}

.blogFeatureMiddle {
	height: 380px;
}

#blogFeatureRight {
	margin-top: 0;
}

#footerLogo {
	margin-top: 52px;
}

footer #footerLinks li {
	padding-top: 10px;
}

#copyrightSocial a:hover, a:focus {
	text-decoration: none;
}

#footerLinks div:last-child, #copyrightSocial > div:last-child {
	text-align: right;
	margin-top: 0;
}

#partnerCarouselItems {	
	width: 150%;
	margin-left: -25%;
}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#mainNavLinks h1 {
	font-size: 28px;
	color: rgb(51, 51, 51);
	font-weight: 500;
}

#mainNavLinks h2 {
	font-size: 16px;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	margin-top: -35px;
}
#promo-box {
    width: 220px;
}
i#mainNavLogo {
    color: rgb(255,255,255);
    font-size: 60px;
    vertical-align: middle;
    margin-top: 20px;
}
}

/* Medium only */
@media (min-width: 992px) and (max-width: 1199px) {	
.panel-title-span-left {
    width: 80%;
}
i#mainNavLogo {
	margin-top: 23px;
    font-size: 50px;
}
#mainNavLinks h1 {
	margin-top: 10px;
}
#promo-box-left {
	width: 30px;	
}
#promo-box-right {
	margin-left: -30px;
}
#promo-box-right > div {
	padding-left: 30px;
}
#promo-box h1 {
	font-size: 12px;
}
}

header span > i {
    color: rgb(122,193,67);
    padding-right: 0;
    font-size: 20px;
    vertical-align: middle;
}

header #promo-box i {
    color: rgb(255,255,255);
    font-size: 48px;
    vertical-align: middle;
}

#onlineServicesItems i {
    color: rgb(53,154,239);
    font-size: 48px;
}

#onlineServicesItems > div {
    margin-top: 30px;
}

#footerLogo a, #footerLogo a:active, #footerLogo a:hover {
    text-decoration: none;
}

#footerLogo i {
    color: rgb(255,255,255);
    font-size: 26px;
}

.ka-copy, .location, #staff, label {
    font-family: 'Open Sans', Calibri, sans-serif;
    font-weight: normal;
}

.ka-copy h1, .ka-copy h2, .ka-copy h3, .ka-copy h4, .ka-copy h5, .ka-copy h6 {
    font-family: "Montserrat",Calibri,sans-serif;
}

.crmEntityFormView .cell div.control span.checkbox {
    width: 20px;
}

.crmEntityFormView .cell .picklist label, .crmEntityFormView .cell.checkbox-cell label {
    font-size: .8em;
    vertical-align: super;
}

legend.section-title {
    font-family: 'Open Sans',Calibri,sans-serif;
    font-weight: bold;
    font-size: 17px;
}

.location h5 {
    font-family: "Montserrat",Calibri,sans-serif !important;
}

#staff_filter label {
    visibility:collapse;
}

#staff_filter label input{
    visibility:visible;
}

#staff_filter label input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#ccc;
}
#staff_filter label input::-moz-placeholder { /* Firefox 19+ */
  color:#ccc;
}
#staff_filter label input:-ms-input-placeholder { /* IE 10+ */
  color:#ccc;
}
#staff_filter label input:-moz-placeholder { /* Firefox 18- */
  color:#ccc;
}

#staff_filter label:after {
    position: absolute;
    font-family: ka-ico;
    font-size: 70px;
    content: '';
    right: 20px;
    top: 20px;
    color: #359aef;
    visibility: visible;
}

#staff {
    max-width: 100%;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-image: none !important;
}

table.dataTable thead .sorting:after {
    font-family: ka-ico;
    content: '';
    color: #fff;
    font-size: 0.8em;
    padding-top: 0.12em;
    padding-left: 4px;
    visibility: visible;
}

table.dataTable thead .sorting_asc:after {
    font-family: ka-ico;
    content: '';
    color: #333;
    font-size: 1em;
    padding-top: 0.12em;
    padding-left: 4px;
    visibility: visible;
}

table.dataTable thead .sorting_desc:after {
    font-family: ka-ico;
    content: '';
    color: #333;
    font-size: 1em;
    padding-top: 0.12em;
    padding-left: 4px;
    visibility: visible;
}

#contactUsForm .row .btn {
    margin-bottom: 10px;
}


#contactUsForm .btn {
    color: #333;
    background-color: white;
    border-color: #333;
    text-align: left;   
}

#contactUsForm .btn.selected {
    background-color: #333;
    color: white;
}

#contactUsForm .closeButton {
    margin-top: 5px;
    display: inline-block;
}

#contactUsForm .closeButton:hover {
    text-decoration: none;
}

#contactUsForm .closeButton i:before {
    vertical-align: middle;
}

#loading {
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#loading > div {    
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: white;
    font-size: 30px;
}

.crmEntityFormView select {
    padding: 5px 10px !important;
}

#topNavLinks img + span, #subNavBarBottomLinks img + span {
    display: none;
}

.formBox .confirmationpage h4 {
    padding-top: 10px;
}



/* Small Devices up to 768px */
@media (max-width: 768px) {
    #landingNavArea i#mainNavLogo {
        padding-left: 20px;
        padding-top: 15px;
    }
    #landingNavArea ~ #heroArea {
        height: 150px;
    }
}


@keyframes anim-rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
.spinner {
	display: inline-block;
	font-size: 52px;
	height: 1em;
	line-height: 52px;
	/*margin: .5em;*/
	animation: anim-rotate 2s infinite linear;
	color: #fff;
	text-shadow: 0 0 .25em rgba(255,255,255, .3);
}
.spinner--steps {
    animation: anim-rotate 1s infinite steps(8);
}
.spinner--steps2 {
	animation: anim-rotate 1s infinite steps(12);
}

#contentArea.quoteContentArea .homePageSpinner i {
    color: #7ac143;
    width: 53px;
    height: 53px;
    margin-top: 50%;
}

#contentArea.quoteContentArea .homePageSpinner {
    position: absolute;    
    height: 100%;
    width: 100%;
    z-index: auto;
    top: 0;    
    background-color: rgba(255,255,255,.75);
    margin: auto -105px;
}


/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html {
        overflow: hidden;
        height: 100%;
    }

    body {
        overflow: auto;
        height: 100%;
    }
}