﻿/* Social Letting Agency styling --------------------------------*/
/* editor styling ----------------------*/
#editor .sys_placeholder {
	margin:0px!important;
	padding:0px!important;/* width: 90%!important;*/
}
#editor strong, #editor bold p, #editor b p, #editor bold, #editor b {
font-weight: bold!important;
}
body {
	font-family: 'Nunito', sans-serif!important;
	font-weight: normal;
}
a {
	overflow-wrap: break-word;
	word-wrap: break-word;
}
blockquote {
	border-left: 9px solid #7fb74d;
}
blockquote p {
	font-size: 24px!important;
	padding: 0px!important;
	line-height: 37px!important;
}
hr {
	border: 7px solid #efeeeb;
	margin: 0px;
}
/* Main Navigation ----------------*/
/*Top Navigation Menu ------------------------------------------  */
/* Responsive Menu ---------------------------------------------- */
/* Sticky Menu ---------------------------------------------- */
#nav {
	width: 100%;
}
#nav.affix {
	position: fixed;
	top: 0;
	z-index:10000;
	-webkit-transition: all .6s ease-in-out;
}
/* Sticky End ---------------------------------------------- */
/* Responsive Menu ---------------------------------------------- */
.navbar {
	border:0px!important;
}
.menu {
	display: inline!important;
}
.navbar-collapse {
	border: 0px;
}
.navbar-toggle.main-nav-icon {
	width: 140px!important;
	margin: 5px;
}
.navbar-header {
	background-color: #d06041;
	color: #fff;
}
.container-fluid {
	padding: 0px;
}
.icon-bar-nav {
	background-color: #fff;
	display: block;
	width:22px;
	height:3px;
	border-radius:1px;
	margin: 3px 0px;
	float: right;
	clear: both;
}
.top-menu {
	background-color: #d06041;
	margin: 0px;
}
.top-main-nav {
	width: 100%;
	margin: 0px auto;
	position: relative;
	/*text-align:center; */
	padding: 0px 0px;
}
#nav a {
	float:left;
	color: #FFF;
	font-size: 16px;
	text-decoration: none!important;
}
.sys_foldersummarylist-subitem h2, .sys_simpleListMenu {
	margin: 0px;
}
.sys_foldersummarylist-subitem h2 a, .sys_simpleListMenu a {
	padding: 30px 16px 30px 16px;
}
.sys_simpleListMenu li {
	list-style-type: none;
}
.sys_simpleListMenu {
	margin: 0px;
	padding: 0px;
}
@media (max-width: 1199px) {
.sys_foldersummarylist-subitem h2 a, .sys_simpleListMenu a {
	border-top: 1px solid #f2a5c1;
}
}
#nav a:hover {
	background-color: #7f2a13;
}
 @media (max-width: 1199px) {
#nav a {
	clear:both;
	width: 100%;
}
#nav a:hover {
	background-color: #7f2a13;
	display: block;
}
.sys_foldersummarylist-subitem h2 a, .sys_simpleListMenu a {
	padding: 20px 10px 20px 20px;
}
}
.sys_simpleListMenu {
	color: #fff;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	}
#nav .sys_simpleListMenu li {
	display: inline; /* Prevents "stepdown" */
	}
.sys_simpleListMenu a {
	color: #fff;
	font-family: 'Nunito', sans-serif!important;
	font-weight: bold;
	font-size: 18px;
	padding: 25px 20px;
	display: inline;
	}
@media (max-width: 992px) {
.container-fluid {
	padding: 0px 15px;
	}
	}
/* Navigation Collapse Sooner
-------------------------------------------------- */
@media (max-width: 1199px) {
.navbar-header {
	float: none;
}
.navbar-left, .navbar-right {
	float: none !important;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse {
 border-top: 0px solid #fff;
}
.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
}
.navbar-collapse.collapse {
	display: none!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;
}
.site-search {
	display: none;
}
.header-first.header-domain {
	display: none;
}
.desktop-logo {
height: 0px;
display: none;
}
.mobile-header-domain, .header-first.header-domain {
  width: 160px!important;
  height: 28px!important;
}
}
.navbar-toggle {
	margin-right: 30px!important;
}
/* Breadcrumb Styling
------------------------------------------------- */
/*.breadcrumb-container {
	display: none;
}*/
.site-breadcrumb {
	background-color: #e5e9ea;
}
.site-breadcrumb {
	padding: 20px 7px 20px 0px;
	color: #576065;
	margin: 0px;
	font-size: 13px;
	background-color: #e5e9ea;
	text-transform: uppercase;
	font-family: 'ralewayregular', sans-serif;
}
.site-breadcrumb span {
	font-size: 13px;
	padding: 0px 10px;
}
.site-breadcrumb a {
	color: #576065;
	padding: 0px;
	margin: 0px 10px 0px 10px;
	font-size: 13px;
	font-family: 'ralewaybold', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
.site-breadcrumb a:hover {
	border-bottom: 1px solid #576065;
}

/* Content Styling ----------*/
h1{
	font-family: 'ralewayregular', sans-serif;
	padding: 20px 0px 0px 0px;
	color: #585b60;
	font-size: 30px;
}
.site-main-content h2{
font-weight: normal !important;
font-size: 22px;
color: #585b60;
padding: 0px 0px 10px 0px;
margin: 20px 0px 30px 0px;
}
.site-main-content h3{
	font-family: 'ralewaybold', sans-serif;
	padding: 10px 0px 10px 0px;
	color: #585b60;
	font-size: 20px;
}
.site-main-content p{
	font-size: 18px;
	line-height: 30px;
	padding: 0px 0px 20px 0px;
}
/* ------------
.site-main-content h1 {
font-family: 'Nunito', sans-serif;
	padding: 0px 0px 30px 0px;
	color: #323436;
	font-size: 32px;
}
.site-main-content h2 {
font-family: 'Nunito', sans-serif;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	color: #323436;
	font-size: 24px;
}
.site-main-content h3 {
font-family: 'Nunito', sans-serif;
	padding: 0px 0px 5px 0px;
	color: #323436;
	font-size: 19px;
}*/
b, strong {
	font-weight: normal!important;
font-family: 'Nunito', sans-serif;
}
/* Main Content ---------------------------------------------  */
.site-top-header {
	color: #d06041;
}
.header-navigation {
	color: #fff;
	text-align: right;
	margin-top: 25px;
}
.header-navigation a {
		font-weight: normal!important;
font-family: 'Nunito', sans-serif;
	color:#fff;
	font-size: 17px;
	margin: 0px 10px;
}
.top-header-content-right a {
	color: #454543;
	text-align: right!important;
	float: right;
}
.site-main-content p {
	font-size: 17px;
	line-height: 30px;
	padding: 0px 0px 20px 0px;
}
.site-main-content p a {
	font-size: 17px;
	line-height: 26px;
	padding: 0px 0px 10px 0px;
}
.site-main-content ul li a {
	line-height: 40px;
		border-bottom: 1px solid #e00000;
}
.site-main-content ul {
	margin-bottom: 30px;
}
.site-main-content p a, .site-main-content li a {
text-decoration: none;
color: #e00000;
border-bottom: 1px solid #000;
}
.site-main-content p a:hover, .site-main-content li a:hover {
	text-decoration: none;
color: #e00000;
border-bottom: 1px solid #e00000;
}
.site-main-content li {
	font-size: 17px;
	line-height: 34px;
	padding: 0px 0px 20px 0px;
}
.site-main-content img, .site-main-content p img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 30px;
}
.site-main-content p img {
	margin-bottom: 10px;
}
.lead-paragraph, .lead-paragraph p {
	font-size: 24px;
	line-height: 40px;
	padding: 0px 0px 40px 0px;
		color: #585b60;
}
.lead-paragraph p {
	padding: 0px 0px 0px 0px;
}
.content-highlight {
	background-color: #ebd8dd;
border-left: 8px solid #6a001d;
	padding: 20px 20px 0px 20px;
}
.highlight-box-container {
		background-color: #ebd8dd;
border-left: 8px solid #6a001d;
	padding: 20px 20px 20px 20px;
	margin-bottom: 20px;
}
.highlight-box-container a {
	font-size: 18px;
	color: #323436;
}
a:active, a:focus {
	outline: none;
}
.site-logo img {
	width: 100%;
	height: auto;
	display: block;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
/* Site Structure ----------------------*/
.site-top-header {
	padding: 7px 0px;
	background-color: #e1ded9;
}
.site-header {
		padding: 20px 0px;
		background-color: #fff;
}
.header-content  {
	text-align: right;
	font-size: 22px;
	font-weight: bold;
	color: #ca3972;
}
.header-content span  {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: #70706a;
display: block;
}
@media (max-width: 992px) {
.header-content, .header-content span {
	text-align: center!important;
	margin-top: 15px;
}
.header-content span {
	text-align: center!important;
	margin-top: 5px;
}
}
@media (max-width: 992px) {
.header-navigation {
	border-top: 3px solid #3f0011;
	padding-top: 15px;
}
.header-navigation a {
	font-weight: normal!important;
font-family: 'Nunito', sans-serif;
	color:#fff;
	font-size: 15px;
	margin: 0px 10px;
	text-align: center;
}
.header-navigation {
	text-align: center;
	}
}
.site-navigation {
	background-color: #c82963;
	}

.footer .sys_simpleListMenu li {
	margin: 10px 0px;
}
.footer .sys_simpleListMenu {
	margin: 10px 0px 30px 0px;
}
.footer .sys_simpleListMenu a {
	color: #646055;
	font-family: 'Nunito', sans-serif!important;
	font-weight: normal;
	font-size: 16px;
	padding: 0px 15px;
	float: none;
	display: block;
	border: 0px !important;
}
.site-main-content {
	margin: 30px 0px;
}
.footer {
	padding: 50px 0px;
	margin-top: 5px;
	border-top: 8px solid #e2e1df;
	background-color: #f7f6f4;
}
.logo-container img {
	width: 100%;
	height: auto;
	display: block;
	padding: 10px;
}
.footer .logo-container img {
	width: 100%;
	height: auto;
	display: block;
	padding: 20px;
}
.footer-logos img {
	width: 100%;
	height: auto;
}
.footer-contact {
	font-size: 16px;
	color: #646055;
	margin: 6px 0px;
	line-height: 28px;
}
.footer-contact p {
	margin-bottom: 20px;
}
.footer-contact a {
	color: #646055;
	border-bottom: 1px solid #646055;
}
.footer-contact a:hover {
text-decoration: none;
}
.footer-logos .logo-container a {
	color: #646055;
	font-size: 16px;
	padding: 0px 0px 0px 15px;
}
/* Site Navigation Structure ----------------------*/
.site-left-content {
	margin: 30px 0px;
}

/* Site Structure Media Queries ----------------------*/
@media (min-width: 560px) and (max-width: 992px) {
.site-logo img {
	width: 500px;
	height: auto;
	display: block;
	margin: 0px auto;
	text-align: center;
}
}
/* Jumbo Tron -------------- */
.SLA-jumbotron-bg {
	background-color: #efefee;
	background-repeat: no-repeat;
	background-size: cover;
	margin: -1px 0px 0px 0px;
	padding: 95px 0px 0px 0px;
	height: 600px;
}
@media (max-width: 800px) {
		.SLA-jumbotron-bg {
				background-position: center;
		}
}
	
.SLA-strapline-one {
	font-family:'ralewayregular', sans-serif;
	font-size: 5.0em;
	font-weight: bolder;
	color: #0d1700;
	text-align: left;
	margin: 0px;
	text-transform: uppercase;
	line-height: 61px;
	padding: 20px 5px;
	/*text-align: center;	*/
	/*! width: 65%; */
		/*background: rgba(000, 000, 000, 0.8);
		border-radius: 5px;*/
}
@media (max-width: 600px) {
	.SLA-strapline-one{
		font-size: 3.0em;
		text-align: center;
	}
	}	
.SLA-strapline-two {
	font-family: 'ralewaybold', sans-serif;
	color: #0d1700!important;
	font-size: 1.5em;
	/*text-align: center;*/
	margin: 10px 0;
	padding:0px 5px;
	line-height: 40px;
	letter-spacing: -0.3px;
		/*background: rgba(000, 000, 000, 0.7);*/
	width: 85%;
	border-radius: 5px;
}
/*
.DV-rule {
	border-bottom: 4px solid #f4ca00!important;
	width: 80px;
}*/
.SLA-Jumbotron-Button {
	font-family: 'ralewaybold', sans-serif;
	font-size: 16px;
	margin: 20px 0px 0px 0px;
	text-transform: uppercase;
	width: 290px;
  line-height: normal;
	text-align: center;
}
.SLA-Jumbotron-Button a {
	color: #ffffff!important;
	border-radius: 4px;
	padding: 20px 20px;
	text-align: center;
	margin: 45px 0px 0px 0px;
	border: 0px solid #000;
	display: block;
	background-color: #AD2000!important;
}
.SLA-Jumbotron-Button a:hover {
	color: #fff!important;
	text-decoration: none;
	background-color: #851800!important;
	border: 0px solid #fff;
}
.Logo-Image-Right{
	position: relative;
	margin: 20px 0px 20px 0px;
}
@media (max-width: 600px) {
.SLA-strapline-one {
	text-align: center;
	width: 100%;
}
.SLA-strapline-two {
	font-size: 20px;
	width: 100%;
	padding: 0;
	line-height: 30px;
	text-align: center;
}
.SLA-strapline-two-bg {
	width: 100%;
}
.SLA-Jumbotron-Button {
	width: 100%;
}
.SLA-strapline-two {
	text-align: center;
}
.SLA-rule {
	margin: 0px auto;
}
}
/* Custome tile -----------------------*/
.SLA-tile-one{
	background-color: #933D25;
border-radius: 3px;
margin-bottom: 0;
margin-top: 60px;
padding-bottom: 5px;
min-height: 220px;

}
.SLA-tile-one-title{
padding: 25px 5px 5px;
margin: 22px 0px 15px 0px;
font-size: 22px;
font-family: 'ralewaybold', arial, san-serif;
font-weight: normal;
line-height: 19px;
color: #fff;
text-align: center;
text-transform: uppercase;
}
.SLA-tile-one-task{
	margin: 8px 0px 0px 0px;
padding: 0px 15px 15px 15px;
font-size: 15px !important;
font-family: 'ralewayregular', arial, san-serif;
font-weight: normal;
line-height: 23px;
color: #fff;
text-align: center;
}
.SLA-tile-one-button, .SLA-tile-two-button, .SLA-tile-three-button{
	font-family:'ralewaybold', sans-serif;
	font-size: 14px;
	margin: 10px 40px 10px 40px;
	text-transform: uppercase;
	letter-spacing: 0px;
	text-align: center;
	
}
.SLA-tile-one-button a {
	border-radius: 4px;
	padding: 7px 30px;
	text-align: center;
	color: #fff;
	margin: 5px 10px;
	border: 2px solid #612919;
	display: block;
	background-color: #612919!important
}
.SLA-tile-one-button a:hover{
	text-decoration: none;
	border: 2px solid #411B11;
	background-color: #411B11!important
}
/* Tile Two -----------*/
.SLA-Tile-Two{
	background-color: #445922;
border-radius: 3px;
margin-bottom: 0;
margin-top: 60px;
padding-bottom: 5px;
min-height: 220px
}
.SLA-tile-two-button a {
	border-radius: 4px;
	padding: 7px 30px;
	text-align: center;
	color: #fff;
	margin: 5px 10px;
	border: 2px solid #263c01;
	display: block;
	background-color: #263c01!important
}
.SLA-tile-two-button a:hover{
	text-decoration: none;
	border: 2px solid #111801;
	background-color: #111801!important
}
/* Tile Three -----------*/
.SLA-Tile-Three{
	background-color: #195C61;
border-radius: 3px;
margin-bottom: 0;
margin-top: 60px;
padding-bottom: 5px;
min-height: 220px;
}
.SLA-tile-three-button a {
	border-radius: 4px;
	padding: 7px 30px;
	text-align: center;
	color: #fff;
	margin: 5px 10px;
	border: 2px solid #013133;
	display: block;
	background-color: #013133!important
}
.SLA-tile-three-button a:hover{
	text-decoration: none;
	border: 2px solid #001d1e;
	background-color: #001d1e!important
}
/* Custome Banner homepage --------------*/
.SLA-Statement  {
 background-color:#702d72;
 padding:90px 0;
margin-top:20px;
  }
.SLA-Statement-button{
	margin: 10px 100px;
}
.SLA-Statement-button a {
  color: #fff!important;
	padding: 10px 20px!important;
	text-transform: uppercase;
	font-family: 'ralewaybold', sans-serif;
	font-size: 16px!important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	background-color:#47034a;
  display: block;
	text-decoration: none;
  text-align: center;
  }
.SLA-Statement-button a:hover{
	background-color:#2c002e;
}
.SLA-Statement h2 {
    color: #fff;
    font-family: "ralewaybold",sans-serif;
    font-size: 30px; 
	text-align: center;
    }
.SLA-Statement p, .SLA-Statement {
    color: #fff;
    font-family: "ralewayregular",sans-serif;
    font-size: 16px;
    line-height: 35px;
    margin-bottom: 30px;
	text-align: center;
    }

.SLA-Advantages h2 {
	text-align: center;
	 font-family: "ralewaybold",sans-serif;
    font-size: 30px; 
}
.Advantage-rule{
	text-align: center;
	width: 10%;
	margin: 1px auto;
		border-bottom: 3px solid red;
}

/* Custom titles bottom homepage *********************************/
.SLA-Benefit-tile{
background-color: #4bcad0;
border-radius: 3px;
margin-bottom: 0;
margin-top: 20px;
padding-bottom: 5px;
min-height: 100px;
}
.SLA-Benefit-tile .SLA-tile-one-title h2{
	font-family: 'ralewaybold', sans-serif;
	font-size: 1.2em;
}
.custom-tile-four{
		background-color: #97bf55;
}
.custom-tile-five{
	background-color: #d06041;
}
/* Accessibility Extra END ----- */
@media (max-width: 992px)  {
	.Logo-Image-Right {
		width: 100%;
	}
	.Logo-Image-Right img{
		display: none;
	}
	.SLA-strapline-one{
		text-align: center;
	}
	.SLA-strapline-two{
		text-align: center;
	}
	.SLA-Jumbotron-Button {
width: 100%;
		margin: 0 auto;
	}
	
}
/* Lead Paragraph ---------------------------*/
.lead-text-holder {
	font-size: 22px;
line-height: 40px;
padding: 0px 0px 40px 0px;
color: #585b60;
}

/*Content highlight container ---------------------- */
.highlight-container{
	background-color: #e5e9ea;
padding: 20px;
border-left: 8px solid #702d72;
margin: 10px 0px;
font-size: 18px;
color: #576065;
font-family: 'raleway', sans-serif;
}

/* Accessibility Extra START ----- */
a:focus,
input:focus,
textarea:focus,
button:focus,
select:focus,
.button:focus,
img:focus,
.fb-page:focus,
a:focus img {
  outline-width: 3px!important;
  outline-style: solid!important;     
  outline-color: #fbb73e!important;
}
.site-wide-message-text a:focus {
	  outline-width: 3px!important;
  outline-style: solid!important;
  outline-color: #840000!important;
}
:focus.sr-only {
	background: #350012;
	margin: 15px;
	padding: 20px;
	display: inline-block;
	color:#fbb73e;
	text-align: center;
}
.placeholder a, .footer-logos a, .header-banner-two a, .header-banner-one a, .fb-page a {
	display: block;
}
.main-content-wrapper .form-control:focus {
	  outline-width: 0px!important;
}
/*footer --------------------*/

.nav-footer li {

  border-bottom: 0px;
  padding: 0px;
  line-height: 0.6em;
  font-size: 0.9em;
  margin: 0px;
}
.nav-footer ul li a {
  padding-left: 0px;
}
.nav-footer li a:focus {
  background: #000;
}
.nav-footer li a:active {
  background: #000;
  color: #fff;
}

.nav-footer li a {
 font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
  display: inline-block;

}
.nav-footer li a:hover {
  background: #615c54;
  color: #fff;
  text-decoration: underline;
  text-decoration-thickness: auto;
  text-decoration-thickness: max(1px, .0625rem);
  text-underline-offset: .4em;
}
.nav-footer {
  margin-bottom: 30px;
}
.Footer-logo-3 img {
	width: 50%
}