
@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto+Condensed|Roboto:100,300,400,500,700');

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}
body {
	margin:0 auto;
    font-size:14px;
	font-family: 'Roboto', sans-serif;
	color:#9f9fa2;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
table {
    border-collapse: collapse;
    border-spacing: 0;
}

img{ border:none; max-width:100%; }

*{ margin:0; padding:0; }

.wrapper{
	width:1000px;
	margin: 0 auto;
}
.clear{
	clear:both;
	height:0;
}

a{ color:#9b1919; text-decoration:none; }

a:hover{ color:#3a3a3c; }
 
header{ width:100%; position:fixed; top:0; left:0; z-index:99999; background:#FFF; box-shadow:0 4px 4px -4px #ccc; }

.hdr_gap{ min-height:161px; }

.top_bar{ background:#3a3a3c; color:#ecebeb; font-size:16px; padding:6px 0 5px; }

.lft_top_area{ width:70%; float:left; }

.ryt_top_area{ width:116px; float:right; }

.ryt_top_area ul{  }

.ryt_top_area ul li{ display:block; float:left; width:25px; height:25px; margin-left:4px; }

.ryt_top_area ul li.f{ background:url(../images/f_h.png) no-repeat center; }

.ryt_top_area ul li.f:hover{ background:url(../images/f_h_hvr.png) no-repeat center; }

.ryt_top_area ul li.t{ background:url(../images/t_h.png) no-repeat center; }

.ryt_top_area ul li.t:hover{ background:url(../images/t_h_hvr.png) no-repeat center; }

.ryt_top_area ul li.g{ background:url(../images/g_h.png) no-repeat center; }

.ryt_top_area ul li.g:hover{ background:url(../images/g_h_hvr.png) no-repeat center; }

.ryt_top_area ul li.i{ background:url(../images/in_h.png) no-repeat center; }

.ryt_top_area ul li.i:hover{ background:url(../images/in_h_hvr.png) no-repeat center; }

.ryt_top_area ul li a{  }

.logo{ width:30%; float:left; text-align:center; padding:25px 0 5px; }

.cal_nav{ width:70%; float:right; }

.call{ width:150px; float:right; font-size:27px; color:#3a3a3c; font-family: 'Oswald', sans-serif; background:url(../images/rcvr.png) no-repeat left center; padding-left:28px; text-align:right; margin:35px 0 20px; }

.call a{ text-decoration:none; color:#3a3a3c; }

.call a:hover{ color:#9b1919; }

nav{ float:right; }

nav select{ display:none; }

nav ul{  }

nav ul li{ display:block; float:left; }

nav ul li a{ color:#FFF; font-size:17px; text-decoration:none; padding:10px 20px; background:url(../images/menu_dvdr.png) no-repeat right center #9b1919; transition:.5s ease; }

nav ul li a:hover, nav ul li a.active{ background-color:#3a3a3c; color:#FFF; }

nav ul li:first-child a{ border-radius:5px 0 0 0; }

nav ul li:last-child a{ background-image:none; border-radius:0 5px 0 0; }

.slider_area{  }

.slider_area img{ width:100%; }

.red_area{ background:#9b1919; color:#ffffff; font-weight:300; font-weight:100; font-size:20px; text-align:center; padding:20px 0; border-bottom:6px solid #d6d6d6; }

.red_area h1{ color:#ffffff; font-size:30px; font-weight:normal; }

.box_area{ padding:25px 0 30px; }

.box_area ul{  }

.box_area ul li{ width:23%; margin-right:2.6%; float:left; }

.box_area ul li:last-child{ margin-right:0; }

.ech_bx_area{ border:1px solid #e9e9e9; background:#FFF; padding:20px 10px 25px; color:#3a3a3c; text-align:center; border-radius:5px; }

.box_area ul li h3{ color:#3a3a3c; font-size:20px; font-weight:normal; padding-top:140px; font-weight:500; margin-bottom:10px; }

.box_area ul li h3.tax{ background:url(../images/icon1.png) no-repeat center top; }

.box_area ul li h3.financial{ background:url(../images/icon2.png) no-repeat center top; }

.box_area ul li h3.insurance{ background:url(../images/icon3.png) no-repeat center top; }

.box_area ul li h3.mortgage{ background:url(../images/icon4.png) no-repeat center top; }

.box_area ul li:hover .ech_bx_area{ background:#f3f3f3; border-color:#f3f3f3; }

.box_area ul li:hover h3{ color:#9b1919; }

.box_area ul li:hover h3.tax{ background:url(../images/icon1_hover.png) no-repeat center top; }

.box_area ul li:hover h3.financial{ background:url(../images/icon2_hover.png) no-repeat center top; }

.box_area ul li:hover h3.insurance{ background:url(../images/icon3_hover.png) no-repeat center top; }

.box_area ul li:hover h3.mortgage{ background:url(../images/icon4_hover.png) no-repeat center top; }

.box_area ul li a.rd{ font-size:15px; color:#FFF; text-decoration:none; background:#9b1919; display:inline-block; padding:7px 12px 9px; margin-top:15px; border-radius:5px; }

.box_area ul li a.rd:hover{ background:#3a3a3c; }

.about_us{ color:#ffffff; font-size:27px; padding:30px 0; text-align:center; background:url(../images/dark_bg.jpg) no-repeat center fixed; background-size:cover; margin-bottom:35px; }

.about_us h2{ font-size:35px; font-family: 'Oswald', sans-serif; color:#FFF; text-transform:uppercase; margin-bottom:10px; }

.about_us h2 span{ color:#df0303; }

.about_us a.clck{ color:#ffffff; font-size:17px; text-decoration:none; display:inline-block; text-transform:uppercase; padding:10px 16px; background:#9b1919; margin-top:25px; border-radius:5px; transition:.5s ease; font-family: 'Roboto Condensed', sans-serif; }

.about_us a.clck:hover{ color:#9b1919; background:#FFF; }

.vdo{ width:66%; float:left; }

.vdo h2{ font-family: 'Oswald', sans-serif; color:#FFF; font-size:25px; padding:10px 0 10px 70px; background:url(../images/vdo_hdng_icon.png) no-repeat 20px center #9b1919; border-radius:6px 6px 0 0; text-transform:uppercase; }

.cntct{ width:32%; float:right; }

.cntct h2{ font-family: 'Oswald', sans-serif; color:#FFF; font-size:25px; padding:10px 0 10px 60px; background:url(../images/cntct_hdng_icon.png) no-repeat 20px center #9b1919; border-radius:6px 6px 0 0; text-transform:uppercase; }

.cntct form{ padding:25px 20px 30px; background:url(../images/cntct_bg.jpg) repeat left top; }

.cntct form input[type="text"], .cntct form input[type="email"], .cntct form input[type="tel"]{ width:90%; padding:10px 5%; background:#FFF; border-width:2px 0 0 1px; border-color:#9e9e9e; border-style:solid; color:#aaaaaa; font-size:14px; font-style:italic; border-radius:10px; margin-bottom:20px; }

.cntct form textarea{ width:90%; padding:10px 5%; background:#FFF; border-width:2px 0 0 1px; border-color:#9e9e9e; border-style:solid; color:#aaaaaa; font-size:14px; font-style:italic; border-radius:10px; margin-bottom:20px; 
min-height:50px; }

.cntct form input[type="submit"]{ font-size:17px; font-weight:700; background:#9b1919; border:none; color:#FFF; padding:8px 15px; text-transform:uppercase; float:right; border-radius:5px; cursor:pointer; transition:.5s ease; }

.cntct form input[type="submit"]:hover{ background:#3a3a3c; }

.vdo_cntct{ margin-bottom:30px; }

.prtnr{  }

.prtnr h2{ font-size:25px; color:#cf1219; font-weight:700; background:url(../images/prtbr_hdng_bg.png) repeat-x left center; text-transform:uppercase; margin-bottom:20px; }

.prtnr h2 span{ background:#FFF; padding-right:18px; }

footer{ border-top:16px solid #9b1919; background:url(../images/ftr_bg.jpg) repeat left top; padding:20px 0; margin-top:25px; }

.ftr_scl{ text-align:center; }

.ftr_scl ul{  }

.ftr_scl ul li{ width:32px; height:32px; display:inline-block; margin:0 2px; }

.ftr_scl ul li.fb{ background:url(../images/f_f.png) no-repeat center; }

.ftr_scl ul li.fb:hover{ background:url(../images/f_f_hvr.png) no-repeat center; }

.ftr_scl ul li.tw{ background:url(../images/t_f.png) no-repeat center; }

.ftr_scl ul li.tw:hover{ background:url(../images/t_f_hvr.png) no-repeat center; }

.ftr_scl ul li.gp{ background:url(../images/g_f.png) no-repeat center; }

.ftr_scl ul li.gp:hover{ background:url(../images/g_f_hvr.png) no-repeat center; }

.ftr_scl ul li.yt{ background:url(../images/y_f.png) no-repeat center; }

.ftr_scl ul li.yt:hover{ background:url(../images/y_f_hvr.png) no-repeat center; }

.ftr_scl ul li a{  }

.ftr_menu{ margin:15px 0; text-align:center; }

.ftr_menu ul{  }

.ftr_menu ul li{ display:inline-block; }

.ftr_menu ul li::before{ content:"|"; color:#FFF; }

.ftr_menu ul li:first-child::before{ visibility:hidden; }

.ftr_menu ul li a{ font-size:14px; color:#ffffff; margin:0 2px; padding:0 2px; text-transform:uppercase; text-decoration:none; }

.ftr_menu ul li a:hover{ color:#cb5247; }

.copy{ text-align:center; color:#ffffff; font-size:12px; }

.copy a{ color:#fff; text-decoration:none; }

.copy a:hover{ color:#cb5247; }

.inr_bnr_area{ border-bottom:7px solid #3a3a3c; }

.inr_bnr_area img{ width:100%; }

.inrpg_hdng{ background:#3a3a3c; color:#FFF; font-size:20px; text-transform:uppercase; padding:5px 20px 10px; border-radius:0 0 5px 5px; font-weight:500; margin-bottom:10px; }

.inr_cntnt{ margin-bottom:20px; }

.inr_cntnt h3{ color:#9b1919; font-size:20px; font-weight:normal; margin-bottom:5px; }

.inr_cntnt img{ float:left; border:2px solid #FFF; box-shadow:0 0 1px 1px #cfcfcf; border-radius:3px; margin:0 20px 10px 0; }

.lst_area{ background:#eeeeee; padding:20px 25px; margin-bottom:20px; border-radius:5px; }

.lst_area h3{ color:#9b1919; font-weight:normal; font-size:20px; margin-bottom:15px; }

.lst_area ul li{ margin:10px 0 10px 50px; background:url(../images/bullet.png) no-repeat left 5px; padding-left:20px; }

.inr_cntnt a.clck{ color:#ffffff; font-size:17px; text-decoration:none; display:inline-block; text-transform:uppercase; padding:10px 16px; background:#9b1919; margin-top:25px; border-radius:5px; transition:.5s ease; font-family: 'Roboto Condensed', sans-serif; }

.inr_cntnt a.clck:hover{ color:#fff; background:#3a3a3c; }

.inr_cntnt h3 a{ font-weight:bold; }


@media only screen and (min-width:768px) and (max-width:999px){
	
.wrapper{ max-width:750px; }
.cal_nav{ margin-bottom:10px; }
.lft_top_area{ width:75%; }
 nav ul li a{ padding:10px 8px; }

}


@media only screen and (max-width:767px){
	
	 header{ position:relative; }
    .hdr_gap{ display:none; }
	.wrapper{ max-width:430px; }
	 nav ul { display: none; }
     nav select { display: inline-block; }
	.logo{ width:50%; }
	.cal_nav{ width:50%; }
	.red_area h1{ font-size:24px; }
	.box_area ul li{ width:100%; margin:0 0 20px 0; }
	.about_us h2{ font-size:30px; }
	.about_us{ font-size:25px; }
	.vdo{ width:100%; margin-bottom:25px; }
	.cntct{ width:100%; }
	
}

@media only screen and (max-width:479px){
	
	.wrapper{ max-width:280px; }
	.lft_top_area{ width:100%; text-align:center; }
	.ryt_top_area{ width:100%; text-align:center; padding:5px 0 }
	.ryt_top_area ul li{ display:inline-block; float:none; margin:0 2px; }
	.logo{ width:100%; text-align:center; }
	.cal_nav{ width:100%; }
	.call{ margin:15px 45px 20px; }
	 nav{ float:none; text-align:center; }
	
}


.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../images/cd-top-arrow.svg) no-repeat center 50% #3a3a3c;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  /*opacity: .5;*/
}
.no-touch .cd-top:hover {
  background-color: #9b1919;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}





