/** CrimsonLogic UX Practice R2-S2 Foundation **/
/** Project Specific CSS **/

/**Print Feature- Brendon*/
@media print{
	
	.afternav-box, .progress-group, .btn-group, .social-links, .faq-topic,.heading,.footer{display:none;}
	
} 

/* ----------------- Colors ------------------ */
:root {
	--colours: pink;
}

.acps-color-white {
	color: white;
}

.acps-color-grey {
	color: var(--colours);
}

.acps-bg-white {
	background: #fff;
}

.acps-bg-grey {
	background-color: grey;
}

.acps-border-thin {
	border: 1px solid rgba(0, 0, 0, .125);
}

.acps-bg-primary {
	background-color: #b22222;
}

.acps-bg-accent {
	background-color: #e6c85b;
}

.acps-bg-black {
	background-color: rgb(0, 0, 0, 0.7);
}


 ul{
    list-style-type:none;
    padding: 0; 
}
.acps-news-container{
    max-width: 800px;
    padding: 0px 40px;
    margin: 20px auto;
}
/* Links container */
.acps-media-links {
    padding: 20px 50px;
    min-width: 300px;
}
.acps-sidebar-btn {
    text-decoration: none;
    border: none;
    padding: 10px 12px;
    border-radius: 25px;
    transition: all .1s linear;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    margin: 2px;
}
.acps-sidebar-btn:hover {
    background: #e6c85b;
}

/* Cards */
.acps-card {
    border-radius: 2px;
    margin: 4px;
    cursor: pointer;
    border-radius: 5px;
}
.acps-card .acps-card-img {
	height: 300px;
    flex-grow: 1;
    border: 3px solid #dfdfdf;
    background-color: black;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.acps-card-content {
    padding: 0px 10px 10px 10px;
}
.acps-card-overlay {
    position: relative;
    background-color: rgb(0, 0, 0, 0.7);
    overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .5s ease;
}
.acps-card-img:hover .acps-card-overlay {
    opacity: 1;
}
.acps-card-btn{
    padding: 20px;
    background-color: white;
    flex-grow: 1;
    text-align: center;
    border: 1px solid lightgrey;
}









.box-bg-1{
	background-image: url('data:image/jpeg;base64,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');
}
.box-bg-2{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAM1BMVEXMzMzPz8+vr6/Ly8vAwMCRkZHDw8PGxsaWlpaenp6Tk5PCwsK2trahoaG6urqsrKympqZJMGkaAAAFGElEQVR4nO2dbZfbKAyFEWAD5vX//9q9giT2ZLbT9pw2TXfv0zMuiWUfXQsJ/EUxhhBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQ8lsR8OXwi+vks/F3r3s5bRyxeqfD0OPR9/mts2mr/ovLJI94pOKejVs6YnO/1+Wfo8UtqVM6TltMW5ruWR3GLySGeMQUN/tk3CA7xvL7/f5hJB0lhLbVYKRtfQ/9KJhlOdYcylG/OeGkI9rBJ9V1MQ718MEfKbxSw9fkrRv1N+7GJXXMVQTR9W2Hv317eHpLrofikDTW4vE8LsZ4SHg+6/guLGekbFl8HDLFNgk16rBFe/M0WKtis73PvzyNTcDlF2MZh6ZxiN8O/ssJWT2XEXconE9ewxLS8n/9p6QZnPoIjlvXtY/GUuf8dCO+j0Ile3t0B29nrdCw7Ct4F4U+Hk78Nq5VMvgSkb8XY0nTwPXjrRTKdhxpx0ydM8y4zco+yw0ys96N4LR1NfqL54joceCLi7HEfqvEr5XwHVRhtA656NZHi/ozVw+p6REzH1OP48N1CRciZhdjmXXLiN3eakU04kpEHp4xNJ9jqCE+4sdFQKQl5O6/xvC9FGoB3TwkZB1f8tCdeQiw33nOLqwL9mos8f3ysLUZl7Y1lPs521Yt7U+VRpe+I51+5zKv04BfjKXWd6ulWCbWZgvrYZ6ein2sh+ZcD1VATId9XFfWuuEe6+E0njuHuR14H4VlJtH0bG1TTEVddWs3Y7dzY1pibzHt94+37UFbe5q7MYQ30XDbt1GIrEu7oFjo7NItKeaqFswWuyCo8bRLkDHOICKkTTR8/oPxHhP2dynmPyDlG2AHHee7hT50vGbUbRXMsUUM2+NtsW+YwuF4uI7oHakeK1gXY1TcGs8H8Q6EnuDrrDHGw7m6VIUBueVR88Om2qDz3HCWhBelbp6MncVblX2jVwvgQs53j8L+GLpzqJ/8PpeBfHljVGP3yRjD/d0WQ0IIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEELIm5PLefzL8N7/SI85Pxvw+aeeibOnmwu7n3eZN9p3/N3Pu331ggs+u3UKw1/o/I8g0dq+r3byZ9NrWQe5d8IWyXeFcjfRP+vnl83WYb02uDVuJJFHd8zebYeJH310MxsRO7u9uLEkvJFSpNcu0p144zDwtQcjvaTdde1EiKNdCuFqlt0iIKtbqNdumJBts2iT2iAQeyos1kkIJkCls0WqbRL6q9ufLoVwBRJKc9HkLm0YD53JGhnN9KbHOhXmtOcRTPdS7FRYMD2LKvTabLhZN8IZQ7n18fWzmWSVFIaz7dXtwOcsDXV64HrrpXmxw9oIP9fZYfUpPPJQ4+aH6bPlt1qqwVKYDDTKFwoF+syrG7xKyj7AFYEHMuw+MN+szTlrdPHncw5wHbNvKuxLDCbtvBjGM0VvCqVEfyrEtNeWrqgwmP7SOr7WxumvV7jyC/+QecPYirwZfs5S0UzypQnKRVoKYynaEdqvRqj3SvNQKDKPMaO0ShRXC8oQ7jKQnm4+Mnm5QjNXOIRIW5t6b3b1OSCK64xrtqAAFttWT/dWtIvyykIVp0K1/s9Bud0Qk8BiLuNjwIV6BncJ5/k/w8cHe/kpkqffTTCrNfR3bnb5OZRPN/wbyKn9XQ7/PP91fYT8j/gHpIIpSX4o390AAAAASUVORK5CYII=');
}

html{ font-size:1rem}

body {
	position: relative;
	margin: 0;
	padding: 0;
	right: 0;
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6;
}

*{ outline:none!important;}

/**{	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}*/
a:hover {
	text-decoration: none;
}
html, body {
	height: 100%;
}

.subpage {
	background: url(../images/dash-bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}


.wrapper {
    min-width: 320px;
    outline: none;
    position: relative;
    min-height: 100%;
    overflow-x: hidden;
}

.container-main {
    padding-bottom: 150px;
}

/*.subpage .wrapper {
	background: url(../images/body-bg.jpg) repeat-x;
	background-attachment:local;
}*/
.margin-top-10 {
    margin-top: 10px !important;
}
.margin-bottom-10 {
    margin-bottom: 10px !important;
}
.navbar-default {
    background: none;
    border: none;
    margin: 0;
    border-radius: 0;
}
.navbar-collapse {
    padding: 0;
    position: relative;
    background: none;
    /* z-index: 9; */
    float: right;
    vertical-align: middle;
    /*margin-right: 190px!important;*/
    margin-top: 15px;
}

.subpage .navbar-collapse {
   /* margin-right: 150px!important;*/
}
.navbar-default .container{ position:relative;}
.navbar-header {
    top: 0px;
    z-index: 99;
	position:relative;
}
.header-main {
    display: block;
    width: 100%;
    clear: both;
    text-align: right;
    position: absolute;
    top: auto;
    right: 0;
    z-index: 99;
    padding-bottom: 20px;
}

.subpage .header-main {
    position: static;
    background: #011420;
}
.sub-nav {
    float: left;
}
.logo-main {
    position: absolute;
    top: 60px;
    max-width: 160px;
   /* background: #fff;*/
    padding: 0 10px 10px 10px;
    text-align: center;
    border-radius: 0 0 10px 10px;
    right: 0;
}
.subpage .logo-main {
    padding: 0 0px 0px 0px;
	position:static;
	margin-left:25px;
}
.subpage .logo-main a {
    display: inline-block;
}
.subpage .logo-main a img {
    width: 80px;
}
.initiative-by {
    line-height: 100%;
    margin-top: 0;
    text-align: left;
    display: inline-block;
    margin-right: 5px;
    width: 100%;
}

.initiative-by strong {
    font-weight: 400;
    color: #b22222;
    font-size: 0.9em;
}
.navbar-brand {
    height: auto;
/*    padding:15px;*/
	margin:0!important;
	padding-top: 8px;
	padding-left: 0px;
}
.header-top {
    background: #fff;
}
.header-right {
    z-index: 999;
    margin-top: 18px;
    text-align: right;
    float: right;
    position: relative;
}
.header-links {
    position: absolute;
    top: 100%;
    right: 0;
}
.nav.navbar-nav.navbar-left {
    margin: 5px 0 10px 0;
}
.navbar-home-page.navbar-left {
    margin-left: 40px;
}
.navbar-default .navbar-nav > li > a {
    position: relative;
    text-align: center;
    color: #fff;
    padding: 10px 15px;
    padding-bottom: 0;
    font-size: 0.9em;
	text-transform:uppercase;
	font-weight:600;
}


.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a:hover {
    color: #e6c85b;
}



.navbar-default .navbar-nav > li:first-child a{ padding-left:0;}

.navbar-default .navbar-nav > li > a::after {
	content: "";
	position: absolute;
	right: 0;
	width: 1px;
	height: 16px;
	background: #676b6d;
	bottom: 2px;
}
.navbar-default .navbar-nav li:last-child a {
	padding-right: 0;
}
.navbar-default .navbar-nav li:last-child a::after {
	display: none;
}
.login {
    text-align: right;
    margin: 20px 0 0 0;
    display: inline-block;
}


.login a {
	display: inline-block;
    background: #b22222;
    color: #fff;
   padding: 0px 35px 0px 5px;
    border-radius: 20px;
    text-transform: uppercase;
    text-decoration: none !important;
    position: relative;
    vertical-align: middle;
    line-height: 40px;
    font-size: 14px;
}

.loguser {
    text-align: right;
    display: inline-block;
    padding-top: 10px;
}
.loguser p {
    color: #fff;
    font-size: 13px;
    line-height: 14px;
}
.loguser p:last-child {
    margin: 0;
}
.loguser a.dropdown-toggle {
    display: inline-block;
    padding: 0px 5px 0px 35px;
    vertical-align: middle;
    padding-left: 50px;
    text-decoration: none;
    text-align: left;
}
.loguser .dropdown-menu {
    left: 0;
    right: auto;
    box-shadow: none;
    border: none;
    background: #011420;
    margin-top: 20px;
    border-radius: 0 0 5px 5px;
	padding:0;
}

.loguser .dropdown-menu a{ color:#fff;     font-size: 13px;
    border-bottom: 1px solid #444;padding:8px 10px;}
	.loguser .dropdown-menu li:last-child a{ border:none; }
.content-main{
	background: url(images/dash-bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.esrvices {
    text-align: right;
    margin: 20px 0 0 0;
    display: inline-block;
}

.esrvices a {
    display: inline-block;
    background: #b22222;
    color: #fff;
    padding: 0px 5px 0px 15px;
    border-radius: 20px;
    text-transform: uppercase;
    text-decoration: none !important;
    position: relative;
    vertical-align: middle;
    line-height: 40px;
    font-size: 12.6px;
}
.esrvices a i {
    font-style: normal;
    text-transform: none;
}

.esrvices a.active::after{ content:""; position:absolute; border-top:15px solid #e6c85b; border-right:15px solid transparent; border-left:15px solid transparent; left:50%; margin-left:-15px; top:100%;}


.esrvices a span {
    display: inline-block;
    vertical-align: middle;
    background: #e6c85b;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 26px;
    border-radius: 50%;
    margin-left: 15px;
    margin-top: -4px;
}
.esrvices  a:hover span, .esrvices a.active span{background: #fff;}
.login a:hover, .login a.active, .esrvices  a:hover, .esrvices a.active{background: #e6c85b; color: #000;}
.login a span {
	display: inline-block;
	vertical-align: middle;
	background: #e6c85b;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 26px;
	border-radius: 50%;
	margin-right: 15px;
	   margin-top: -4px;
}
.login a:hover span, .login a.active span{background: #fff;}


.login-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.70);
    display: none;
    z-index: 9999;
}

.banner{height:700px; position:relative;}
.banner .item1{height:100%; background-image:url(../images/banner1.jpg); background-size:cover; background-position: center center; }
.banner .item2{height:100%; background-image:url(../images/banner2.jpg); background-size:cover; background-position: bottom center;}
.banner .item3{height:100%; background-image:url(../images/banner3.jpg); background-size:cover; background-position: bottom center;}
.banner .item4{height:100%; background-image:url(../images/banner4.jpg); background-size:cover; background-position: bottom center;}
.carousel-inner > .item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
	top:0;
	left:0;
}

.banner .carousel-inner > .item1::before{opacity: 0.6;}
.banner .carousel-inner > .item2::before{opacity: 0.1;}
.banner .carousel-inner > .item3::before{opacity: 0.7;}
.banner .carousel-inner > .item4::before{opacity: 0.3;}
.carousel {
    position: relative;
    height: 100%;
    width: 100%; 
}
.carousel-inner {
  height: 100%; 
}
.banner .carousel-control{ background:none;}
.banner .carousel-control span{
	width:50px;
	height:50px;
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-25px;
	margin-left:-25px;
	border-radius:50%;
	line-height:50px;}
.banner .carousel-control.left span {
	background:#666 url(../images/arrow-left.svg) no-repeat center center;
	background-size:15px auto;
	
}
.banner .carousel-control.right span {
	background:#666 url(../images/arrow-right.svg) no-repeat center center;
	background-size:15px auto;
}
.carousel-indicators {
    bottom: 20px;
}
.carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 0;
    background: #fff;
}
.carousel-indicators li.active{ width:12px;height:12px; margin:0; background:#b22222; border-color:#b22222;}

.carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
    bottom: auto;
    top: 30%;
	text-shadow:none;
	z-index:0;
}
.banner .item .carousel-caption {
    top: 20%;
}
.carousel-caption h3 {
    font-size: 2em;
    line-height: 100%;
    margin: 10px;
    color: #e6c85b;
}
.carousel-caption h2 {
    font-size: 2.3em;
    line-height: 100%;
    color: #fff;
    display: inline-block;
    padding: 10px 40px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 40px;
    background: rgba(178, 34, 34, 0.8);
}
.more-info a {
	text-decoration:none;
    display: inline-block;
    padding: 15px 50px;
    background: #b22222;
    color: #fff;
    border-radius: 35px;
    font-size: 1.2em;

}
.more-info a:hover{ background:#e6c85b; color:#000;}
.carousel-caption p {
    font-size: 1.1em;
    margin: 39px 0 30px 0;
}
.landscape-management {
    position: absolute;
    width: 950px;
    top: 0px;
    left: 50%;
    margin-left: -475px;
    text-align: left;
}
.popular-services-close, .popular-services h3{ display:none;}
.popular-services {
    padding: 20px 40px;
    border-radius: 20px;
    margin-top: 15%;
}
.popular-services h3 {
    color: #fff;
    font-size: 2em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
	text-align:center;
    margin-bottom: 20px;
}
.popular-services h3 strong {
  color: #b22222;
  font-weight: 600;
}
.popular-services ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.popular-services ul li {
    display: inline-block;
    width: 33%;
    vertical-align: top;
}
.popular-services ul li a {
    display:block;
    background: #fff;
    margin: 7px;
    color: #000;
    min-height: 80px;
	line-height:80px;
    padding: 0px 10px;
    border-radius: 10px;
    padding-right: 35px;
    position: relative;
    text-decoration: none !important;
	text-align:center;
}
.popular-services ul li a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 100%;

}
.popular-services ul li a:hover{background: #b22222; color: #fff;}

.popular-services ul li a::after {
    content: "\f105";
    font-family: 'FontAwesome';
    color: #b22222;
    right: 17px;
    position: absolute;
    font-size:1.7em;
    top: 50%;
    height: 26px;
    line-height: 100%;
    margin-top: -13px;
}

.popular-services ul li a:hover::after { color: #fff;}


.eservices-container {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 9;
    background: #fff;
    text-align: center;
    padding-bottom: 15px;
    margin-top: -500px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.eservices-container.active {
    margin-top: 0;
    z-index: 9;
    border-bottom: 1px dotted #333;
}
.eservices-container .popular-services {

    border-top: 1px dotted #333;
    border-radius: 0;
    margin: 100px 0 0 0;
    padding: 20px 0 0 0;
    text-align: left;

}
.subpage.active .eservices-container {
    top: 85px;
}
.subpage.active .header-main {
    position: relative;
    background: #fff;
}
.eservices-container .popular-services h3 {
  color: #333;
}

.active .navbar-default .navbar-nav > li > a{ color:#000;}

.services-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
.services-table p {
  display: table-row;
}
.services-table p a {
    display: table-cell;
    padding: 15px;
    border: 1px dotted #ccc;
    text-align: center;
    color: #666;
	border-radius:0;
}
.services-table p a:hover{ background:#b22222; color:#fff;}


.services-table p:first-child a{ border-top:none;}
.services-table p a:first-child{ border-left:none;}
.services-table p a:last-child{ border-right:none;}
.services-table p:last-child a{ border-bottom:none;}

.view-more {
    text-align: center;
}
.view-more a {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    width: 70px;
    font-size: 1em;
    background: #b22222;
    border-radius: 50%;
	text-transform:uppercase;
	color:#fff;
	font-weight:600;
}

.all-eservices.view-more a{height: 85px;
    line-height: 85px;
    width: 85px;}
.view-more a:hover{background: #e6c85b;color:#000;}

.view-more a span {
    line-height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
}

.view-more a span .fa {

    display: block;
    font-size: 1.85em;
    line-height: 100%;
    margin-top: -5px;

}

.all-eservices i{ font-style:normal; text-transform: lowercase}
.news-goals{position:relative; background:url(../images/news-goals.jpg) no-repeat center/cover; text-align:center;}
.heading{ text-transform:uppercase; color:#4c4c4c; font-size:2em; letter-spacing:2px; font-weight:600; margin-top:0; text-align:center;}
.heading.white{ color:#fff;}

.news{ background:rgba(0,0,0,0.60); padding:30px 0; color:#fff;}

a.btn.btn-more {
    background: #b22222;
    color: #fff;
    font-size: 1.15em;
    padding: 8px 20px;
}
a.btn.btn-more:hover{background: #e3c24a;
    color: #000;}
	
	
.goals{ padding:30px 0;}
.goals-blog .blog {
    min-height: 200px;
    display: inline-block;
    width: 240px;
    margin: 5px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #b7b7b7;
    vertical-align: top;
    color: #6d6d6d;
    position: relative;
    padding: 40px;
}


.goals-blog .blog strong {
    font-size: 1.15em;
    font-weight: normal;
    line-height: 100%;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
}

.blog.aesthetically{ background:#fff url(../images/go-aesthetic.png) no-repeat center 30px;}
.blog.adequate{ background:#fff url(../images/go-adequate.png) no-repeat center 30px;}
.blog.compatibility{ background:#fff url(../images/go-compatible.png) no-repeat center 30px;}
.blog.privacy{ background:#fff url(../images/go-privacy.png) no-repeat center 30px;}
.blog.convenience{ background:#fff url(../images/go-conv.png) no-repeat center 30px;}
.blog.protection{ background:#fff url(../images/go-fire.png) no-repeat center 30px;}
.blog.recreational{ background:#fff url(../images/go-recreation.png) no-repeat center 50px;}

.partners, .office-locations{ padding:30px 0;}
.partners {
    background: #fff;
}
.partners-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  margin-top:20px;
}
.partners-table .table-row {
  display: table-row;
}
.partners-table .table-cell {
  display: table-cell;
  width: 33.333%;
  text-align: center;
  border: 1px dotted #ddd;
  padding: 0;
  height: 100px;
  vertical-align: middle;
  background:#fff;
}
.partners-table .table-cell a {
    display: block;
}
.subpage-heading {
    color: #4c4c4c;
    font-size: 2em;
    letter-spacing: 2px;
    font-weight: 600;
    margin-top: 40px;
    text-align: left;
}

/*.partners-table .table-row .table-cell:first-child{ border-left:none;}
.partners-table .table-row .table-cell:last-child{ border-right:none;}
*/
.office-locations {
    text-align: center;
    font-size: 1em;
}

.office-locations .location-head{ color:#e00817; display:flex; justify-content:center; align-items:center;}
.office-locations .location-head {

    color: #e00817;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    margin-bottom: 10px;
    border: 2px solid #e3c24a;
    border-radius: 30px;
    line-height: 100%;
    padding: 0 10px;

}

.office-locations .heading{ margin-bottom:30px;}


.eservices {
	padding: 10px;    
}
.eservices-table {
  display: table;
  width: 100%;
  border-collapse:separate; 
  border-spacing:0 15px; 
  border-radius: 1.5em;
  overflow: hidden;
  margin-top:10px;
  margin-bottom: 20px;
}

.eservices-table .table-row {
  display: table-row;
}
.eservices-table .table-cell {
  display: table-cell;
/*  width: 33.333%;*/
  text-align: center;
  border: 1px dashed #ddd;
  padding: 10px 10px;
  height: 100px;
  vertical-align: middle;
  background:#fff;
 /* border-right: none;*/
 border-radius:5px;
}
.eservices-table .table-cell:first-child {
    max-width: 600px;
}
.eservices-table .table-cell a {
    display: block;
    width: 110px;
}
.eservices-table h3 {
    font-size: 18px;
	font-weight: 600;
	line-height: 13px;
	text-align: left;
	margin-top:0;
}
.tleft {
    color: #666;
}
.tleft p{
	text-align: left;
}
.eservices-table p {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
}
.marroon {
    color: #b22222;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 2px;
}
.apply {
    text-align: right;
    display: inline-block;
}
.apply a {
    display: inline-block;
    background: #10a73e;
    color: #fff;
    border-radius: 20px;
    text-transform: uppercase;
    text-decoration: none !important;
    position: relative;
    vertical-align: middle;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    padding: 0 15px;
}

.apply a span {
    float: left;
    vertical-align: middle;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 26px;
    border-radius: 50%;
    margin-top: 5px;
    margin-left: -8px;
    margin-right: 0px;
}
.apply a:hover, .apply a.active{
    background: #e6c85b;
    color: #000;
}
.loginrequir{
	margin-top: 20px;	
}

.loginrequir span {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 26px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -4px;
}

.afternav-box {
    width: 100%;
    background: #fff;
    border-top: 1px dotted #ddd;
}
.dashboard {
    background: url(../images/dashboard.png) no-repeat center 15px;
}
.dashboard:hover {
    background: url(../images/dashboard-hover.png) no-repeat center 15px;
	 background-position: left 20px center;
}

.applyeser {
    background: url(../images/appeserv.png) no-repeat center 15px;
}
.applyeser:hover {
    background: url(../images/appeserv-hover.png) no-repeat center 15px;
	 background-position: left 20px center;
}
.search {
    background: url(../images/application.png) no-repeat center 15px;
}
.search:hover {
    background: url(../images/application-hover.png) no-repeat center 15px;
	 background-position: left 20px center;
}
.value {
    float: left;
    padding: 25px 25px 34px 80px;
    vertical-align: top;
    color: #666;
    font-size: 20px;
    background-position: left 20px center;
    width: 26%;
    border-left: 1px dotted #ddd;
    position: relative;
}
.value.active::after{ content:""; position:absolute; left:0; bottom:0; height:4px; width:100%; background:#b22222;  color: #b22222;}
.value:hover{ cursor:pointer; color: #b22222;}

.footer {
    padding: 15px 0;
    background: #a03223;
    font-size: 0.90em;
	position:absolute; bottom:0; left:0; width:100%;
}

.contbox {
    padding: 30px;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-top: 10px;
	font-size: 14px;
	display: block;
	color: #666;
	text-align:justify;
}
.contbox p{
	margin-bottom: 20px;
	font-size: 13px;
	text-align: justify;
	clear: both;
}

.textnimg{ margin-bottom:30px;}
.textnimg h3 {
    margin: 0 0 15px 0;
}

.textnimg strong{ font-weight:600;}

.form-section {
    margin: 30px 0px 25px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.428571429;
}

.social-icons {
    padding: 0;
    margin: 0;
    margin-bottom: 0px;
}
.social-icons li {
    float: left;
    display: inline;
    list-style: none;
    margin-right: 5px;
    margin-bottom: 5px;
    text-indent: -9999px;
}
.social-icons li a, a.social-icon {
    width: 28px;
    height: 28px;
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
    background-position: 0 -38px;
}
.social-icons .facebook {
    background:url(../images/facebook.png) no-repeat;
}
.social-icons .twitter {
    background: url(../images/twitter.png) no-repeat;
}

.well {
    display: inline-block;
    width: 100%;
}
.form-group-margin .form-group {
    margin-left: 0;
    margin-right: 0;
}

.control-label {
    margin-top: 2px;
}
label {
    font-weight: 400;
    font-size: 14px;
}
.btn.blue {
    color: white;
    text-shadow: none;
    background-color: #4d90fe;
}
.form-control {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.page-title {
    padding: 0px;
    font-size: 30px;
    letter-spacing: -1px;
    display: block;
    color: #666;
    margin: 0px 0px 15px 0px;
    font-weight: 300;
}
.page-title small {
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 300;
    color: #888;
}
.page-content .page-breadcrumb.breadcrumb {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding-right: 30px;
    padding-left: 8px;
    margin-top: 15px;
    margin-bottom: 25px;
    border: 0px !important;
    background-color: #eee;
}
.form-actions.fluid {
    padding: 20px 0;
}
.form-actions {
    padding: 20px 10px;
    margin-top: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
}
.form-body {
    padding: 10px;
}
.has-error .help-inline, .has-error .help-block, .has-error .control-label {
    color: #b94a48;
}
.help-block {
    margin-top: 5px;
    margin-bottom: 5px;
}

.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    margin: 10px 0 !important;
}
div.dataTables_info {
    position: relative;
    top: 15px;
}
div.dataTables_paginate {
    float: right;
    margin: 0;
}
.table-scrollable > .table-bordered {
    border: 0;
}

.btn.green {
    color: white;
    text-shadow: none;
    background-color: #35aa47;
}
.btn.default {
    color: #333333;
    text-shadow: none;
    background-color: #e5e5e5;
}
.btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active, .btn.default[disabled], .btn.default.disabled {
    color: #333333;
    background-color: #d8d8d8 !important;
    outline: none !important;
}

.btn.green:hover, .btn.green:focus, .btn.green:active, .btn.green.active, .btn.green.disabled, .btn.green[disabled] {
    background-color: #1d943b !important;
    color: #fff !important;
    outline: none !important;
}

.details-content {
    margin: 10px auto;
}
.panel-group {
    margin-bottom: 0px;
    float: left;
    width: 100%;
}
.panel-group .panel {
    border-radius: 5px;
    border: none;
    margin-bottom: 15px;
}
.panel-default > .panel-heading {
    background: none;
    padding: 0;
}
.panel-body {
    background: #f6f6f6;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom: #ccc dotted 1px;
	border-right: #ccc dotted 1px;
	border-left: #ccc dotted 1px;
}

.panel-default > .panel-heading a {
    display: block;
    padding: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    color: #b22222;
    font-size: 18px;
    position: relative;
	padding-left: 47px;
	border-bottom: #b8b8b8 solid 2px;
}
.panel-heading img {
    margin-right: 10px;
}
.panel-default > .panel-heading a.collapsed::after {
    background: url(../images/plus.jpg) no-repeat left center;
    background-size: auto;
}
.panel-default > .panel-heading a::after {
    background: url(../images/minus.jpg) no-repeat left center;
    content: "";
    position: absolute;
    left: 13px;
    width: 26px;
    height: 26px;
    top: 50%;
    margin-top: -13px;
    background-size: 25px !important;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none !important;
}


.footer-links ul {
  list-style: none;
  padding: 0;
  width: 100%;
  display: block;
  float: left;
  margin: 10px 0 0 0;
}
.footer-links ul li {
  float: left;
}
.footer-links {
  width: 100%;
  display: block;
  float: left;
}
.footer-links ul li a {
  display: block;
  margin: 0 0 0 8px;
  border-right: 1px solid #fff;
  line-height: 100%;
  padding-right: 8px;
  color: #fff;
}
.footer-links ul li:first-child a {
  margin-left: 0;
}
.footer-links ul li a:hover{text-decoration: underline;}

.copy{ color:#fff; font-size: 12px;line-height: 30px;}
.developed-by, .powered-by{ float:left; color:#fff; margin-left:30px;}
.developed-by a, .powered-by a{ display:block; margin-top:10px;}




/* FAQ Starts*/
.faq-topic {
    background: #666;
    color: #fff;
    padding: 10px 0;
    text-align: left;
    border-radius: 5px;
    margin-bottom: 20px;
}

.faq-topic h3 {
  margin: 0px 15px 15px 15px;
  color: #fff;
}

.faq-topic ul.nav.nav-tabs {
  border: none;
}

.faq-topic ul.nav.nav-tabs li {
  width: 100%;
  margin: 0 !important;
}

.faq-topic ul.nav.nav-tabs li a {
  margin: 0 !important;
  border-radius: 0;
  border: none;
  color: #fff;
  padding: 12px 15px;
  position: relative;
  border-bottom: 1px solid #777;
}

.faq-topic ul.nav.nav-tabs li:last-child a {
  border: none;
}

.faq-topic ul.nav.nav-tabs > li > a:hover, .faq-topic ul.nav.nav-tabs > li.active > a, .faq-topic ul.nav.nav-tabs > li.active > a:focus, .faq-topic ul.nav.nav-tabs > li.active > a:hover {
  color: #333;
  background: #efefef;
}

.faq-topic ul.nav.nav-tabs > li.active a:after, .faq-topic ul.nav.nav-tabs > li > a:hover:after {
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  right: 10px;
}
.faq .heading {
    text-align: center;
    color: #333;
    font-size: 2.4em;
    padding: 30px 0px;
    margin-top: 0;
    font-weight: 300;
    text-transform: none;
    background: rgba(195,195,195,0.60);
    margin-bottom: 30px;
}
.search-input-group{ position:relative;}

.search-input-group::after {
    content: "\f002";
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    right: 10px;
    top: 9px;
    font-size: 26px;
    color: #666;
    font-weight: 400;
}
.faq .heading input {
    margin: 10px 0;
    height: 46px;
    border-radius: 10px;
    border: none;
    margin-bottom: 0;
}
.faq .heading .container {
  max-width: 600px;
}

.faq .heading span {
    text-align: left;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    line-height: 100%;
}
.faq .faq-container {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  text-align: left;
}

.faq .faq-container > li h2 {
  font-size: 1.2em;
  font-weight: normal;
  margin: 0;
  padding: 0 15px;
}

.faq .faq-container > li.is-active h2 {
  border-bottom: 1px solid #ddd;
}

.faq .faq-container > li a.question {
  text-decoration: none !important;
  color: #666;
  padding: 20px 0;
  display: block;
  position: relative;
  padding-right: 35px;
}

.faq .faq-container > li a.question::after {
  content: "\f067";
  position: absolute;
    font-family: "Font Awesome 5 Pro";
   right: 0px;
    font-size: 1.4em;
    top: 50%;
    margin-top: -14px;

}

.faq .faq-container > li.is-active a.question::after {
  content: "\f068";
}

.faq .faq-container > li h2:hover a.question, .faq .faq-container > li h2:focus a.question, .faq .faq-container > li.is-active h2 a.question, .faq .faq-container > li:target h2 a.question {
  color: #bd2c57;
}

.faq input:focus {
  box-shadow: 0px 4px 8px rgba(52, 67, 75, 0.4);
}

.details-content .faq p {
  margin-left: 0;
}

.faq .highlight {
  background-color: #ffa800;
  display: inline-block !important;
  color: #fff;
}

.faq .faq-container > li.is-hidden {
  display: none;
}

.faq .faq-container > li {
  margin-top: 0px;
  padding-top: 0;
  padding-bottom: 0;
  background: #fff;
  padding: 0px;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.faq .faq-container > li.is-active {
  padding-bottom: 10px;
}

.faq .faq-container > li.is-active {
  padding-bottom: 10px;
  border-bottom: 3px solid #ddd;
}

.faq .faq-container > li > div {
  display: none;
}

.faq .faq-container > li > div p {
  margin: 0;
}

.faq .faq-container > li.is-active > div {
  display: block;
  margin-top: 10px;
  line-height: 1.8em;
  padding: 0 15px;
}

.faq__notfound {
  font-size: 20px;
  font-style: italic;
  display: none;
}

.faq__notfound.is-visible {
  display: block;
  color: #d21034;
}

.selected-file span {
  display: inline-block;
  padding: 5px 30px 5px 10px;
  background: #dddfca;
  margin: 3px 3px 3px 0;
  color: #000;
  position: relative;
}

.selected-file span .close {
  display: inline-block;
  font-style: normal;
  position: absolute;
  right: 5px;
  opacity: 1;
}



/* FAQ Ends*/


.testimonials-main {
    margin: 60px 0;
}
.testimonials {
    position: relative;
    border-radius: 10px;
    margin-bottom: 60px;
}
.testimonials-writeups {
    background: #fff;
    padding: 15px;
    position: relative;
    border-radius: 10px;
	text-align: justify;
}

.testimonials-date, .testimonials-by {
    position: absolute;
    left: 0;
    bottom: 100%;
    background: #b22222;
    border-radius: 10px 10px 0 0;
    padding: 2px 15px;
    color: #fff;
    font-weight: 600;
    font-size: 1.3em;
    margin-bottom: -10px;
	padding-bottom:14px;
}
.testimonials-by {
    left: auto;
    right: 0;
    bottom: auto;
    border-radius: 0 0 10px 10px;
    margin-bottom: 0px;
    top: 100%;
    margin-top: -10px;
    z-index: -1;
    padding-top: 9px;
	padding-bottom:4px;
	
}
.testimonials-by span {
    display: inline-block;
    margin: 0 20px;
    line-height: 100%;
}
.testimonials-by span:last-child {
    border-left: 1px solid #fff;
    padding-left: 30px;
}

.social-links {
    position: fixed;
    left: 5px;
    top: 50%;
    margin-top: -76px;
    z-index: 99;
}
.social-links a {
  display: block;
}
.social-links a i {
  background: #b22222;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin-bottom: 2px;
  border-radius: 10px;
  color: #fff;
  font-size: 1.8em;
}
.announce{
	background: url(../images/announce.jpg) no-repeat;
	padding-left: 110px;
}
.businews{
	background: url(../images/news.jpg) no-repeat;
	padding-left: 110px;
}
.events{
	background: url(../images/events.jpg) no-repeat;
	padding-left: 110px;
}



@media screen and (max-width:1199px) {
	
	.goals-blog .blog{ width:220px;}
	.navbar-default .navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
	}
}

@media screen and (max-width:991px) {
	
.goals-blog .blog {
    width: 166px;
    background-size: auto 50px;
    padding: 40px 10px;
}
.goals-blog .blog strong {
    font-size: 1em;
    left: 10px;
    right: 10px;
}
.partners-table .table-cell a img {

    max-width: 130px;
    height: auto;

}
.developed-by a, .powered-by a {
    margin-left: 10px;

}
.developed-by a img, .powered-by a img {

    max-width: 100px;

}
.popular-services {
    padding: 20px 10px;
}
.popular-services ul li a {

    font-size: 0.95em;

}
.landscape-management {

    position: absolute;
    width: 750px;
    top: 10%;
    left: 50%;
    margin-left: -375px;
    text-align: center;

}
.navbar-brand > img {
    display: block;
    max-width: 340px;
    margin-top: 10px;
}
.login {

    margin-bottom: 5px;

}
.landscape-management{ top:20px;}
.banner {
    min-height: 570px;
}
.login-box {
    margin-top: 5px;
}
.logo-right a {
    display: inline-block;
    overflow: hidden;
}
}

@media screen and (max-width:767px) {
.acps-login-divider{
    width: 100%;
    text-align: center;
} 
.logo-right a {
    display: inline-block;
    width: auto;
    overflow: hidden;
}
.news-goals {
    height: auto;
    min-height: auto;}
	
	.goals-blog .blog {
    width: 48%;
    background-size: auto 50px;
    padding: 40px 10px;
    float: left;
    margin: 2px;
	min-height:160px;
}

.landscape-management {
    position: static;
    margin: 0;
    width: 100%;
	background: #efefef;
}
.banner {
    height: auto;
    min-height: auto !important;
}
.carousel {

    position: relative;
    width: 100%;

}

.popular-services {
    margin: 0 15px;
}
.popular-services ul li {
    width: 49%;
}
.popular-services h3{ color:#333;}
.landscape-management h2 {
    margin: 15px 0;
    color: #666;
    font-size:1.65em;
}
.popular-services {

    padding: 20px 0px;

}

.popular-services ul li a {

    font-size: 0.95em;
    border: 1px solid #ccc;
    margin: 2px ;
    padding-left: 0;
	padding-right: 15px;

}
.popular-services ul li a::after { right:4px;}
.popular-services h3, .heading{ font-size:1.65em;}
.partners-table .table-cell {
    display: block;
    width: 100%;
    height: auto;
}
.partners-table .table-cell {
    display: block;
    width: 100%;
    height: auto;
    border: none;
}
.partners-table .table-cell a {
    display: block;
    border: 1px solid #ddd;
    margin-bottom: 4px;
    text-align: center;
    padding: 10px 0;
}
.partners-table .table-cell a img {
    max-width: 300px;
}

.partners-table .table-row:last-child .table-cell:last-child{ display:none;}
.popular-services {
    margin:0;

}

.login {

    margin: 15px 15px 0 0px;

}
.esrvices {
    margin: 15px 0 0 0;

}
.header-right {
    float: right;
    position: absolute;
    right: 0;
    top: 0px;
}
.login a {

    width: 40px;
    white-space: nowrap;
    overflow: hidden;

}
.login-box {
    width: 100%;
    left: 0;
    right: auto;
    height: 100%;
    position: fixed;
    top: 0;
    margin: 0;
    z-index: 9999;
    border-radius: 0;
}
.navbar-header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
	border-bottom: 1px solid #ccc;
	border-radius:0;
	padding-bottom:5px;
}
/*body {
    padding-top: 53px;
}*/

.header-right {
    position: static;
    float: left;
    text-align: center;
    padding: 5px 0;
    width: 100%;
    padding-bottom: 15px;
}
.navbar-brand {
    height: auto;
    padding: 0px 0px 0px 10px;
}
.navbar-brand > img {

    display: block;
    max-width: 250px;

}
.navbar-toggle {

    padding: 0;
    border: none !important;
    background: none !important;
    right: 42px;
    top: 18px;

}

.footer .pull-left, .footer .pull-right {
    width: 100%;
    text-align: center;
}
.footer-links ul li {
    float: none;
    display: inline-block;
}
.developed-by, .powered-by {
    display: inline-block;
    float: none;
    margin-top: 15px;
}
.footer .pull-left {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 12px;
}
.carousel-indicators {
    bottom: 0px;
}
.login-box .heading {
    color: #000;
    margin-bottom: 30px;
}
.login-via a {
    display: block;
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid #ccc;
    border-right: none !important;
}
.banner .carousel-control span {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 50%;
    line-height: 50px;
    background-size: 10px auto !important;
}
.goals-blog .blog.recreational {
    float: none;
}

.container {
    padding-right: 5px;
    padding-left: 5px;
}

.navbar-collapse {
    position: fixed;
    top: 0;
    left: 0;
    width: 230px;
    background: #b22222;
    height: 100%;
    z-index: 9999;
    margin: 0 !important;
	margin-left:-230px!important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	overflow:auto;
}

.navbar-collapse.active{ margin-left:0!important;}
.nav.navbar-nav.navbar-left{ margin:0;}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    text-align: center;
    display: block;
    border-bottom: 1px solid #be3333;
    border-right: none;
    padding:12px 10px;
    padding-left: 10px !important;
    font-size: 1.05em;
}
.navbar-default .navbar-nav > li > a.active {

    color: #fff;

}

/* menuFive */
.navbar-toggle {

    width: 24px;
    height: 22px;
    margin: 0px 5px 0 0;
    position: relative;
    cursor: pointer;
    display: inline-block;
    top: 20px;
    right: 0px;

}
.navbar-toggle span{
  background-color:#b22222;
  position: absolute;
  border-radius: 5px;
  transition: .3s cubic-bezier(.8, .5, .2, 1.4);
  width:100%;
  height: 3px;
  transition-duration: 500ms
}
.navbar-toggle span:nth-child(1){
  top:0px;
  left: 0px;
}
.navbar-toggle span:nth-child(2){
  top:10px;
  left: 0px;
}
.navbar-toggle span:nth-child(3){
  bottom:0px;
  left: 0px;
}

.navbar-toggle.active span:nth-child(1){
  transform: rotate(45deg);
  top: 13px;
}
.navbar-toggle.active span:nth-child(2){
  transform: scale(.1);
}
.navbar-toggle.active span:nth-child(3){
  transform: rotate(-45deg);
  top: 13px;
}

.navbar-default .navbar-nav > li > a::after{ display:none;}
.logo-right img {

    max-width: 110px;

}

.partners { display:none;}

.eservices-container {
    margin-top: -1000px;
    padding: 0;
}
.eservices-container.active {
    position: fixed;
    top: 0;
    z-index: 9999999;
    height: 100%;
    overflow: auto;
}
.esrvices a.active::after{ z-index:99;}
.eservices-container .container{ padding:0;}

.eservices-container .popular-services {
    margin-top: 0;
	border-top:none;
}
.popular-services-close {
    position: absolute;
    right: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #e6c85b;
    color: #000;
    border-radius: 50%;
    font-size: 1.2em;
    top: 5px;
	display:block;
	cursor: pointer;
}
.popular-services h3{ display: block; font-size:1.2em;}
.services-table{ display:block;}
.services-table p {
    display: block;
    border: none;
	margin:0;
}


.services-table p a {
    border: none !important;
    border-bottom: 1px dotted #ccc !important;
    display: block;
	background:none!important;
	color:#666!important;
}
.services-table p:last-child a:last-child{border-bottom:none!important;}
.initiative-by {

    max-width: 150px;
    margin: 0px 0 5px 0;
    display: block;

}

.banner .item .carousel-caption {
    top: 20px !important;
    position: relative;
    left: 0;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.more-info {
    margin: 20px 0 40px 0;
}
.carousel-caption h2 {
    font-weight: 600;
    font-size: 1.3em;
}
.carousel-caption h3 {
    font-size: 1.5em;
	font-weight: 600;
}
.carousel-caption p{ display:none;}
.footer{ position:static;}
.container-main{ padding-bottom:0;}
body.active{ overflow:hidden;}
.subpage-heading.before-login {
    margin-top: 0;
}
.subpage .wrapper {
    background: none;
}
.logo-main a img {
    width: 90px;
}
.subpage .logo-main a img {
    width: 60px;
}
.header-right{ margin-top:0;}
.subpage .header-main, .header-main {
    padding-bottom: 0;
    position: absolute;
    top: 70px;
    width: auto;
    left: 70px;
    right: auto;
    background: none;
    padding: 0;
    margin: 0;
}
.login, .esrvices {
    margin: 0;
}
.afternav-box {
    margin-top: 5px;
}
.value {
    float: none;
    display: block;
    width: 100%;
    padding: 20px 25px 20px 95px;
    border-left: none;
}
.loguser{ padding-top:0;}
.loguser p {
    color: #333;
}
.eservices-table .table-cell {
    width: 100%;
    display: block;
    max-width: 100% !important;
}
.testimonials-date, .testimonials-by{ position:static;}
.testimonials{ margin-bottom:15px;}
.developed-by, .powered-by{ margin-left:0;}
.logo-right {
    float: left;
    margin-top: 10px;
}
.social-links{ display:none;}
.header-links {

    position: absolute;
    right: 0;
    top: auto;

}
.esrvices a {
    padding-left:10px;
}
	.contbox {
		margin-top: 10px;
		padding: 20px;
	}
.faq {
    margin-top: -29px;
}
.social-links a i {
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 1px;
    border-radius: 3px;
    color: #fff;
    font-size: 1.4em;
}	
}
@media screen and (max-width:1199px) {
.carousel-caption{ left:0; right:0;}

}
@media screen and (max-width:991px) {
.esrvices a span {
    margin-left: 5px;
    margin-top: -4px;
}
.esrvices a {
    padding: 0px 5px 0px 10px;
}
.login a{padding: 0px 10px 0px 5px;}
.navbar-collapse{margin-right: 180px!important;}
.login a span{    margin-right: 5px;}
.navbar-default .navbar-nav > li > a {
    padding-left: 7px;
    padding-right: 7px;
}
}
@media screen and (max-width:767px) {
.textnimg img.img-responsive {
    margin: 10px auto;
}
}

.data-table .pagination>.disabled>a {
    cursor: pointer;
}