﻿
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Raleway:400,500,700|Roboto+Condensed|Roboto:400,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:#868686;
}
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:#1c3e95; text-decoration:none; }

a:hover{ color:#729afc; }

header{ background:#ffffff; border-bottom:7px solid #1c3e95; position:fixed; width:100%; left:0; top:0; z-index:9999; border-top:6px solid #729afc; }

.hdr_gap{ min-height:138px; }

.logo{ width:42.5%; float:left; padding:3px 0; }

.ryt_hdr_area{ width:56%; float:right; }

.phn_eml_scl{ padding:5px 0; background:#e5e5e5; font-family: 'Roboto Condensed', sans-serif; font-size:19px; width:99%; float:right; }

.phn_eml{ width:405px; float:left; background:url(../images/scl_dvdr.jpg) no-repeat right center; padding-left:5px; }

.phn_eml ul{  }

.phn_eml ul li{ display:inline-block; margin:0 5px; }

.phn_eml ul li.cl{ padding-left:15px; background:url(../images/rcvr.png) no-repeat left center; }

.phn_eml ul li.eml{ padding-left:26px; background:url(../images/email.png) no-repeat left center; }

.scl{ width:140px; float:right; text-align:center; }

.scl ul{  }

.scl ul li{ display:inline-block; margin:0 2px; height:24px; width:24px; }

.scl ul li.f{ background:url(../images/f.png) no-repeat center; }

.scl ul li.f:hover{ background:url(../images/f_hover.png) no-repeat center; }

.scl ul li.t{ background:url(../images/t.png) no-repeat center; }

.scl ul li.t:hover{ background:url(../images/t_hover.png) no-repeat center; }

.scl ul li.g{ background:url(../images/g.png) no-repeat center; }

.scl ul li.g:hover{ background:url(../images/g_hover.png) no-repeat center; }

.scl ul li.i{ background:url(../images/i.png) no-repeat center; }

.scl ul li.i:hover{ background:url(../images/i_hover.png) no-repeat center; }

nav{ float:right; text-align:center; margin-top:58px; }

nav ul{  }

nav ul li{ display:inline-block; position:relative; }

nav ul li a{ display:inline-block; padding:10px 14px; color:#1c3e95; font-size:15px; text-transform:uppercase; transition:.5s ease; }

nav ul li a:hover, nav ul li a.active{ background:#1c3e95; color:#FFF; }

nav ul li ul{ padding: 0;
  position: absolute;
  top: 40px;
  left: 0;
  width: 214px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden; z-index:1000;}

nav ul li ul li{ background:#729afc; margin:0px;
  display: block; 
  color: #fff;
  width:214px; text-transform:capitalize; border-bottom:1px dotted #FFF; }
  
nav ul li ul li a{ color:#fff; width:88%; border-radius:0; font-size:14px; text-transform:capitalize; padding:5px 6% 6px; text-align:left; }
  
nav ul li ul li:hover { }
nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

nav select { display: none; }

.slider_area img{ width:100%; }

.about_box{ 
background: rgba(237,237,237,1);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
 }

.about_us{ color:#787878; font-size:16px; padding-top:20px; text-align:center; }

.about_us h2{ font-size:35px; color:#1c3e95; padding:10px 0; font-weight:normal; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:500; }

.about_us a, .box_area ul li a{ background:#1c3e95; color:#FFF; padding:10px 15px; font-size:18px; display:inline-block; margin-top:20px; transition:.5s ease; }

.about_us a:hover, .box_area ul li a:hover{ background:#729afc; }

.box_area{ margin-top:15px; }

.box_area ul{  }

.box_area ul li{ width:32%; display:block; float:left; margin-right:2%; text-align:center; color:#696969; font-family: 'Raleway', sans-serif;  }

.box_area ul li:last-child{ margin-right:0; }

.box_area ul li h3{ color:#1c3e95; font-size:24px; font-weight:500; text-transform:uppercase; padding:18px 0; }

.box_img_area{ padding-bottom:5px; background:url(../images/box_bg.jpg) repeat-x left bottom; margin-bottom:18px; }

.box_img_area img{ width:100%; }

.box_area ul li a{  }

.wlcm_area{ background:url(../images/bg_img.jpg) no-repeat center fixed; background-size:cover; margin-top:37px; }

.lft_wlcm{ width:45.5%; float:left; color:#393939; background:rgba(255,255,255,.77); font-size:35px; text-align:center; padding:25px 0; margin-top:15%; }

.wlcm{ width:41.5%; float:right; padding:20px 3%; color:#d6d6d6; background:rgba(28,62,149,.82); }

.wlcm h2{ font-size:30px; font-family: 'Raleway', sans-serif; font-weight:500; color:#FFF; border-bottom:2px solid #d4d4d4; padding:15px 0; margin-bottom:15px; }

.wlcm h4{ color:#d6d6d6; font-size:19px; margin-bottom:8px; font-weight:normal; }

.wlcm a{ color:#1c3e95; font-size:16px; background:#FFF; padding:5px 15px 6px; display:block; float:left; margin-top:20px; transition:.5s ease; }

.wlcm a:hover{ background:#729afc; color:#FFF; }

footer{ border-top:10px solid #dddddd; padding:10px 0 0; background:url(../images/ftr_bg.jpg) no-repeat center; background-size:cover; }

.each_ftr{ width:25%; float:left; }

.ftr_menu{ padding:20px 0 20px; }

.ftr_menu ul{  }

.ftr_menu ul li{ padding-left:15px; background:url(../images/ftr_bullet.png) no-repeat left center; margin:2px 0; }

.ftr_menu ul li a{ color:#ffffff; }

.ftr_menu ul li a:hover{ color:#729afc; }

.ftr_cl{ margin-top:20px; color:#FFF; padding-left:22px; background:url(../images/ftr_rcvr.png) no-repeat 4px center; }

.ftr_eml{ margin-top:5px; color:#FFF; padding-left:22px; background:url(../images/ftr_eml.png) no-repeat 3px center; }

.ftr_fax{ margin-top:5px; color:#FFF; padding-left:22px; background:url(../images/ftr_fax.png) no-repeat left center; }

.ftr_wbst{ margin-top:5px; color:#FFF; padding-left:22px; background:url(../images/ftr_wbst.png) no-repeat 3px center; }

.ftr_cl a, .ftr_eml a, .ftr_fax a, .ftr_wbst a{ color:#FFF;  }

.ftr_cl a:hover, .ftr_eml a:hover, .ftr_fax a:hover, .ftr_wbst a:hover{ color:#729afc; }

.ftr_adrs{ color:#fff; margin-top:18px; line-height:25px; }

.ftr_scl{ margin-top:15px; }

.ftr_scl ul li{ display:block; float:left; margin:0 2px; height:24px; width:24px; }

.ftr_scl ul li.ftr_f{ background:url(../images/ftr_f.png) no-repeat center; }

.ftr_scl ul li.ftr_f:hover{ background:url(../images/f_hover.png) no-repeat center; }

.ftr_scl ul li.ftr_t{ background:url(../images/ftr_t.png) no-repeat center; }

.ftr_scl ul li.ftr_t:hover{ background:url(../images/t_hover.png) no-repeat center; }

.ftr_scl ul li.ftr_g{ background:url(../images/ftr_g.png) no-repeat center; }

.ftr_scl ul li.ftr_g:hover{ background:url(../images/g_hover.png) no-repeat center; }

.ftr_scl ul li.ftr_i{ background:url(../images/ftr_i.png) no-repeat center; }

.ftr_scl ul li.ftr_i:hover{ background:url(../images/i_hover.png) no-repeat center; }

.copy{ background:#00164f; padding:10px 0; text-align:center; color:#e2e2e2; }

.copy a{ color:#e2e2e2; }

.copy a:hover{ color:#729afc; }

.cntct_hdng{ color:#1c3e95; font-size:28px; font-weight:700; padding:10px 0; background:#e5e5e5; text-transform:uppercase; margin-bottom:60px; }

.adrs_box{ width:30%; float:left; padding:20px 4% 42px; background:#e5e5e5; border:2px solid #FFF; box-shadow:0 0 1px 1px #e2e2e2; }

.adrs_box ul li{ margin:10px 0; color:#636363 }

.adrs_box ul li a{ color:#636363; }

.adrs_box ul li a:hover{ color:#1c3e95; }

.lf{ width:25%; float:left; color:#1c3e95; }

.lr{ width:75%; float:right; }

.map_box{ width:59%; float:right; }

.map_box iframe{ border:2px solid #FFF; box-shadow:0 0 1px 1px #e2e2e2; }

.form_area{ background:#e5e5e5; padding:22px; margin:30px 0; }

.frm_img{ width:60%; float:left; }

.frm_img img{ border:2px solid #FFF; box-shadow:0 0 1px 1px #cecece; }

.form_area form{ width:36%; float:right; }

.ech_fld{ margin-bottom:15px; color:#1c3e95; }

.lft_fld{ width:24%; float:left; }

.ryt_fld{ width:75%; float:right; }

.ryt_fld input[type="text"], .ryt_fld input[type="email"]{ width:90%; padding:7px 3%; background:#FFF; border-width:2px 1px 1px 2px; border-color:#979797 #d5d5d5 #d5d5d5 #979797; border-style:solid; }

.ryt_fld textarea{ width:90%; padding:7px 3%; background:#FFF; border-width:2px 1px 1px 2px; border-color:#979797 #d5d5d5 #d5d5d5 #979797; border-style:solid; min-height:40px; }

.ryt_fld input[type="submit"]{ background:#1c3e95; color:#FFF; padding:6px 15px; font-size:16px; border:none; transition:.5s ease; text-transform:uppercase; cursor:pointer; }

.ryt_fld input[type="submit"]:hover{ background:#729afc; }

.inr_bnr{  }

.inr_bnr img{ width:100%; }

.inrpg_hdng{ color:#fff; font-size:28px; font-weight:700; padding:10px 0; background:#1c3e95; text-transform:uppercase; margin-bottom:25px; }

.inr_cntnt_area h4, .list_area h4{ color:#1c3e95; font-size:19px; font-weight:500; margin-bottom:10px; }
.inr_cntnt_area h5, .list_area h5{ color:#729afc; font-size:19px; font-weight:500; margin-bottom:10px; }

.inr_box_area{ margin-top:20px; }

.inr_box_area ul{  }

.inr_box_area ul li{ width:28%; padding:20px 2% 25px; background:#f5f5f5; margin-right:2%; display:block; float:left; }

.inr_box_area ul li:last-child{ margin-right:0; }

.inr_box_area ul li h3{ color:#1c3e95; font-size:22px; font-family: 'Raleway', sans-serif; font-weight:500; text-align:center; border-bottom:2px solid #1c3e95; text-transform:uppercase; padding-bottom:10px; }

.list_area{ background:#f5f5f5; padding:15px 20px; margin:25px 0 20px; }

.list_area ul{  }

.list_area ul li{ padding-left:32px; background:url(../images/bullet.png) no-repeat left 2px; margin:10px 0; }

.inr_cntnt_area img{ border:2px solid #FFF; box-shadow:0 0 1px 1px #cecece; float:left; margin:0 22px 10px 0; }


@media only screen and (min-width:768px) and (max-width:999px){
	
.hdr_gap{ min-height:92px; }
.wrapper{ max-width:750px; }
.logo{ width:38%; }
.ryt_hdr_area{ width:60%; }
.logo{ width:30%; }
.ryt_hdr_area{ width:70%; }
 nav ul li a{ padding:10px; }
.scl ul li{ margin:0; }
.scl{ width:114px; }
 nav{ margin-top:12px; }
.box_area ul li h3{ font-size:19px; }
.lft_wlcm{ font-size:28px; }
.wlcm{ width:46%; }
.wlcm h2{ font-size:28px; }
.ftr_eml{ word-wrap:break-word; }
.inr_box_area ul li h3{ font-size:17px; }

}

@media only screen and (max-width:767px){
	
	 header{ position:relative; }
    .hdr_gap{ display:none; }
	.wrapper{ max-width:430px; }
	 nav{ float:none; margin:15px 0; text-align:center; }
     nav ul { display: none; }
     nav select { display: inline-block; }
	.logo{ width:100%; text-align:center; }
	.ryt_hdr_area{ width:100%; margin-top:5px; }
	.phn_eml ul li.cl{ padding-left:18px; }
	.phn_eml{ background:none; width:100%; text-align:center; }
	.scl{ margin-top:5px; width:100%; }
	.box_area ul li{ width:100%; margin:0 0 10px 0; }
	.lft_wlcm{ margin:25px 0; width:100%; }
	.wlcm{ padding:20px 5%; width:90%; }
	.each_ftr{ width:50%; }
	.copy{ margin-top:15px; }
	
	.cntct_hdng{ margin-bottom:30px; }
	.adrs_box{ width:90%; padding:20px 5% 42px; }
	.map_box{ width:100%; margin-top:30px; }
	.frm_img{ width:99%; }
	.form_area form{ width:99%; margin-top:25px; }
	.inr_box_area ul li{ width:90%; margin:0 0 20px 0; padding:20px 5%; text-align:center; }
	.inr_box_area ul li img{ width:100%; }
	
}

@media only screen and (max-width:479px){
	
	.wrapper{ max-width:280px; }
	.each_ftr{ width:100%; text-align:center; }
	.ftr_scl ul li{ display:inline-block; float:none; }
	.ftr_menu ul li{ background:none; }
	.inr_cntnt_area h4, .list_area h4{ font-size:22px; }
	.inr_box_area ul li h3{ font-size:20px; }
	
}


.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.png) no-repeat center 50% #1c3e95;
  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: #729afc;
  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;
  }
}

