@import url('https://fonts.googleapis.com/css?family=Raleway:400,700|Roboto|Roboto+Condensed');

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:15px;
	color:#6a6a6a;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
}
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:#9a7055; text-decoration:none; }

a:hover{ color:#bb1319; }

 header{ background:url(../images/hdr_bg1.jpg) no-repeat center, url(../images/hdr_bg.jpg) repeat left top; border-bottom:4px solid #000000; width:100%; position:fixed; z-index:9999; }
 
.hdr_gap{ min-height:161px; }

.top_bar{ background:#bb1319; padding:4px 0; }

.cmpny_name{ width:170px; float:left; color:#FFF; font-family: 'Raleway', sans-serif; font-weight:700; font-size:17px; text-align:center; padding:5px 0; margin:0 10px 0 22%; }

.phn_eml{ width:44%; float:left; padding:5px 0; }

.phn_eml ul{  }

.phn_eml ul li{ display:inline-block; margin:0 5px; font-family: 'Roboto Condensed', sans-serif; font-size:15px; color:#FFF; }

.phn_eml ul li.phn{ background:url(../images/top_call_icon.png) no-repeat left center; padding-left:20px; }

.phn_eml ul li.eml{ background:url(../images/top_email_icon.png) no-repeat left center; padding-left:25px; }

.phn_eml ul li a{ color:#FFF; text-decoration:none; }

.phn_eml ul li a:hover{ color:#f2bc7d; }

.scl{ width:140px; float:right; background:url(../images/top_dvdr.png) no-repeat left center; padding-left:20px; text-align:center; }

.scl ul{  }

.scl ul li{ width:28px; height:14px; background:#986e53; border:2px solid #FFF; border-radius:50%; display:inline-block; transition:.5s ease; padding:7px 0; }

.scl ul li.f:hover{ background:#3B5998; }

.scl ul li.t:hover{ background:#33CCFF; }

.scl ul li.g:hover{ background:#C63D2D; }

.scl ul li.i:hover{ background:#FF3333; }

.logo{ width:16%; float:left; padding-bottom:5px; margin-top:-33px; }

 nav{ float:right; text-align:center; padding:52px 0 27px; }
 
 nav ul{  }
 
 nav ul li{ display:inline-block; position:relative; }
 
 nav ul li a{ display:inline-block; color:#000000; font-family: 'Raleway', sans-serif; text-transform:uppercase; font-size:15px; padding:5px; text-decoration:none; transition:.5s ease; border-radius:3px; }
 
 nav ul li a:hover, nav ul li a.active{ background:#bb1319; color:#FFF; }
 
 nav ul li ul{ padding: 0;
  position: absolute;
  top: 35px;
  left: 0;
  width: 260px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden; z-index:1000; border-radius:0px 0px 5px 5px;  }

nav ul li ul li{ background:#bb1319; margin:0px; display: block; color: #fff; width:260px; 
text-transform:capitalize; border-bottom:1px dotted #FFF; }
  
nav ul li ul li:last-child{ border-bottom:none; border-radius:0 0 5px 5px; }

nav ul li ul li:last-child a{ border-radius:0 0 5px 5px; }
  
nav ul li ul li a{ color:#FFF; width:89%; border-radius:0; font-size:14px; padding:10px 14px; text-align:left; }

nav ul li ul li a:hover{ background:#000; }
  
nav ul li ul li:hover { background:#000; }
nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
 
 nav select{ display:none; }
 
.slider_area{ border-bottom:4px solid #bb1319; }

.slider_area img{ width:100%; }

.wlcm_area{ background:#f2f2f2; padding:50px 0; }

.wlcm{ width:48%; float:left; line-height:20px; }

.wlcm h2{ color:#bb1319; font-family: 'Raleway', sans-serif; font-size:25px; text-transform:uppercase; font-weight:700; margin-bottom:18px; padding-bottom:16px; background:url(../images/wlcm_bg.png) no-repeat left top, url(../images/ylw_brdr.jpg) no-repeat left bottom; text-indent:50px; line-height:29px; }

.wlcm_vdo{ width:48%; float:right; }

.introduce{ text-align:center; padding:56px 0 60px; background:url(../images/middle_area_bg.jpg) no-repeat center fixed; background-size:cover; color:#ffffff; font-size:22px; line-height:30px; }

.introduce h2{ color:#e3b070; font-size:34px; text-transform:uppercase; font-weight:700; font-size:34px; background:url(../images/wht_brdr.jpg) no-repeat center bottom; margin-bottom:30px; line-height:40px; padding-bottom:22px; }

.introduce a{ font-weight:700; font-size:24px; color:#FFF; text-transform:uppercase; background:url(../images/arw.png) no-repeat 175px center #ac1015; border:1px solid #FFF; padding:15px 66px 15px 28px; display:inline-block; margin-top:30px; text-decoration:none; transition:.5s ease; }

.introduce a:hover{ background-color:#000; }

.who{ padding:30px 0; text-align:center; }

.who h2{ color:#bb1319; font-size:25px; font-weight:700; text-transform:uppercase; background:url(../images/red_brdr.png) no-repeat center bottom; padding-bottom:10px; margin-bottom:10px; }

.fourbox{ text-align:center; }

.fourbox ul{  }

.fourbox ul li{ display:block; float:left; width:23.5%; margin-right:2%; text-align:center; }

.fourbox ul li h3{ font-size:18px; text-transform:uppercase; color:#e3b070; margin-top:66px; font-weight:700; }

.fourbox ul li a{ background:#ac1015; color:#FFF; border:1px solid #FFF; text-decoration:none; text-transform:uppercase; font-size:14px; padding:8px 10px; display:inline-block; margin-top:16px; transition:.5s ease; }

.fourbox ul li a:hover{ background:#000; }

.fourbox ul li:last-child{ margin-right:0; }

.nlm{ border:1px solid #b4b4b4; background:url(../images/img1.jpg) no-repeat center; background-size:cover; height:187px; }

.intgr{ border:1px solid #b4b4b4; background:url(../images/img2.jpg) no-repeat center; background-size:cover; height:187px; }

.prsnt{ border:1px solid #b4b4b4; background:url(../images/img3.jpg) no-repeat center; background-size:cover; height:187px; }

.vul{ border:1px solid #b4b4b4; background:url(../images/img4.jpg) no-repeat center; background-size:cover; height:187px; }

.twobox{ text-align:center; margin-bottom:22px; }

.twobox ul{  }

.twobox ul li{ width:49%; float:left; margin-right:2%; }

.twobox ul li:last-child{ margin-right:0; }

.twobox ul li h1{ color:#ffffff; font-size:36px; font-weight:700; text-transform:uppercase; padding-top:25px; }

.twobox ul li a{ font-weight:700; font-size:24px; color:#FFF; text-transform:uppercase; background:url(../images/arw.png) no-repeat 170px center #ac1015; border:1px solid #FFF; padding:12px 55px 12px 28px; display:inline-block; margin-top:15px; text-decoration:none; transition:.5s ease; }

.cstng{ height:166px; background:url(../images/img5.jpg) no-repeat center; }

.tlnt{ height:166px; background:url(../images/img6.jpg) no-repeat center; }

.twobox ul li a:hover{ background-color:#000; }

.prtnrhdng{ color:#bb1319; font-size:25px; font-weight:700; text-transform:uppercase; background:url(../images/red_brdr.png) no-repeat center bottom; padding-bottom:10px; margin:30px 0 20px; text-align:center; }

.prtnr_area{ background:#cfcfcf; padding:30px 0; }

.prtnr{ background:#f6f6f6; border:1px solid #a5a5a5; }

 footer{ padding:20px 0; border-top:10px solid #bb1319; background:url(../images/ftr_bg.jpg) no-repeat center #986e53; }
 
.ech_ftr{ width:25%; float:left; }

.ech_ftr h2{ color:#000000; font-size:25px; padding-bottom:10px; border-bottom:2px dashed #000; margin-bottom:10px; width:80%; }

.ftr_logo{ padding:20px 0; }

.ftr_menu{  }

.ftr_menu ul{  }

.ftr_menu ul li{ background:url(../images/ftr_bullet.png) no-repeat left center; padding:0 0 0 15px; margin:3px 0; }

.ftr_menu ul li a{ text-decoration:none; color:#000; font-size:14px; }

.ftr_menu ul li a:hover{ color:#FFF; }

.socl{  }

.socl ul{  }

.socl ul li{ background:#000; width:26px; height:26px; text-align:center; border-radius:50%; line-height:30px; 
margin-bottom:12px; position:relative; transition:.5s ease; }

.socl ul li:hover{ background:#FFF; }

.socl ul li.ff::before{ position:absolute; content:"facebook"; left:40px; top:-3px; font-size:18px; color:#000; }

.socl ul li.tf::before{ position:absolute; content:"twitter"; left:40px; top:-3px; font-size:18px; color:#000; }

.socl ul li.gf::before{ position:absolute; content:"google+"; left:40px; top:-3px; font-size:18px; color:#000; }

.socl ul li.if::before{ position:absolute; content:"youtube"; left:40px; top:-3px; font-size:18px; color:#000; }

.ftr_cntct{  }

.ftr_cntct ul li{ color:#000; padding:5px 0 5px 22px; margin-bottom:5px; }

.ftr_cntct ul li.adrs{ background:url(../images/adrs_icon.png) no-repeat left 7px; }

.ftr_cntct ul li.ftrcl{ background:url(../images/ftr_call.png) no-repeat left 7px; }

.ftr_cntct ul li.ftreml{ background:url(../images/ftr_email.png) no-repeat left 10px; }

.ftr_cntct a{ color:#000; text-decoration:none; }

.ftr_cntct a:hover{ color:#fff; }

.copy{ color:#e2e2e2; font-size:13px; text-align:center; background:#000; padding:15px 0; }

.copy a{ color:#bb1319; }

.copy a:hover{ color:#e3b070; }

.inr_bnr{ border-bottom:4px solid #f2bc7d; position:relative; }

.inr_bnr img{ width:100%; }

.inr_bnr_cpsn{ position:absolute; text-align:center; width:100%; top:20%; line-height:100px; color:#fff; font-size:36px;
font-family: 'Raleway', sans-serif; font-weight:700; }

.inr_bnr_cpsn h2{ color:#f2bc7d; font-family: 'Oswald', sans-serif; font-size:85px; text-transform:uppercase; }

.inr_bnr_cpsn h2 span{ color:#e60810; }

.page_hdng{ color:#1f1f1f; font-size:24px; font-weight:700; padding:10px 20px; background:#f2bc7d; text-transform:uppercase; }

.page_sbhdng{ color:#bb1319; font-size:23px; font-family: 'Roboto Condensed', sans-serif; margin:6px 0 8px; padding:6px 0 8px; }

.vdo{ text-align:center; margin-bottom:5px; }

.vdo ul{  }

.vdo ul li{ width:31.5%; display:inline-block; margin:0 0.5%; }

.vdo ul li iframe{ border:2px solid #FFF; box-shadow:0 0 2px 2px #ccc; }

.glry{ margin:20px 0; }

.lft_area{ width:60%; float:left; }

.ryt_area{ width:36%; float:right; }

.ech_left_area{ border-bottom:1px dashed #bb1319; padding-bottom:20px; }

.ech_left_area:last-child{ border:none; }

.ech_left_area h3{ color:#bb1319; font-size:23px; font-family: 'Roboto Condensed', sans-serif; margin:6px 0; padding:6px 0; font-weight:normal; }

.ech_left_area img{ float:left; margin:0 20px 10px 0; border-radius:5px; border:2px solid #FFF; box-shadow:0 0 1px 1px #CCC; margin-top:5px; }

.list_area{ background:#efefef; border:3px solid #FFF; box-shadow:0 0 1px 1px #cfcfcf; border-radius:5px; padding:15px; margin-top:30px; }

.list_area h3{ color:#bb1319; font-size:23px; font-family: 'Roboto Condensed', sans-serif; margin:0 0 6px; padding:0 0 6px; font-weight:normal; }

.list_area ul{  }

.list_area ul li{ background:url(../images/bullet.png) no-repeat left 3px; padding-left:20px; margin-bottom:15px; }

.cntct{ background:#efefef; border:3px solid #FFF; box-shadow:0 0 1px 1px #cfcfcf; border-radius:5px; padding:15px; margin-top:30px; }

.cntct h3{ color:#bb1319; font-size:23px; font-family: 'Roboto Condensed', sans-serif; margin:0 0 6px; padding:0 0 6px; font-weight:normal; text-transform:uppercase; }

.cntct form{  }

.ech_cntct{ margin-bottom:14px; }

.lft_cntct{ width:48%; float:left; }

.ryt_cntct{ width:48%; float:right; }

.ech_cntct input[type=text], .ech_cntct input[type=email], .ech_cntct input[type=tel]{ border:1px solid #d2d2d2; color:#bcbcbc; font-family: 'Roboto', sans-serif; font-size:14px; font-style:italic; padding:10px; background:#FFF; border-radius:5px;
width:93%; }

.lft_cntct input[type=text], .ryt_cntct input[type=tel]{ width:85%; }

.ech_cntct textarea{ border:1px solid #d2d2d2; color:#bcbcbc; font-family: 'Roboto', sans-serif; font-size:14px; font-style:italic; padding:10px; background:#FFF; border-radius:5px; width:93%; }

.ech_cntct input[type=submit]{ background:#bb1319; color:#FFF; padding:10px 20px; font-size:18px; text-transform:uppercase; border:none; border-radius:5px; transition:.5s ease; cursor:pointer; }

.ech_cntct input[type=submit]:hover{ background:#000; }

.gallery{ text-align:center; }

.gallery ul{  }

.gallery ul li{ display:inline-block; margin:6px; }

.gallery ul li img{ border:2px solid #FFF; box-shadow:0 0 2px 2px #ccc; }


@media only screen and (min-width:768px) and (max-width:1099px){
	
	.wrapper{ max-width:750px; }
	.scl{ padding-left:10px; }
	.phn_eml{ width:57%; padding:5px 0; }
	.cmpny_name{ margin:0; padding:5px 0; }
	 nav ul li a{ padding:10px 5px; font-size:12px; }
	.logo{ margin-top:2px; }
	.hdr_gap{ min-height:162px; }
	 nav ul li ul{ top:33px; }
	 
	 #accordion1 ul{ width:100% !important; }
	.inr_bnr_cpsn h2{ font-size:60px; }
	.inr_bnr_cpsn{ font-size:26px; line-height:50px; }
	
}

@media only screen and (max-width:767px){
	
	.wrapper{ max-width:430px; }
	 nav{ float:none; padding:0; margin-bottom:15px; }
	 nav ul { display: none; }
     nav select { display: inline-block; }
	.cmpny_name { width:100%; margin:0; text-align:center; }
	.phn_eml{ width:100%; }
	.scl{ width:100%; text-align:center; padding:0 0 10px; background:none; }
	.logo{ width:100%; text-align:center; padding:10px 0; margin:0; }
	.wlcm{ width:100%; margin-bottom:20px; }
	.wlcm_vdo{ width:100%; }
	.fourbox ul li, .twobox ul li, .ech_ftr{ width:100%; margin:0 0 10px; }
	.hdr_gap{ display:none; }
	 header{ position:relative; }
	 
	 #accordion1 ul{ width:100% !important; }
	.inr_bnr_cpsn{ font-size:17px; line-height:36px; }
	.inr_bnr_cpsn h2{ font-size:40px; }
	.vdo ul li{ width:100%; margin:0 0 10px; }
	.lft_area, .ryt_area{ width:100%; }
	.twobox{ margin-bottom:0; }
	.vdo{ margin-bottom:0; }
	
}

@media only screen and (max-width:479px){
	
	.wrapper{ max-width:280px; }
	.phn_eml{ text-align:center; }
	.twobox ul li h1{ font-size:20px; padding-top:20px; }
	
	.inr_bnr_cpsn{ font-size:14px; line-height:22px; font-weight:normal; }
	.inr_bnr_cpsn h2{ font-size:22px; }
	
}



/*back to top*/
.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: rgba(175, 16, 22, 0.9) url(../images/cd-top-arrow.png) no-repeat center 50%;
  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:hover{ background-color:#000; }

.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: #000;
  opacity: 1;
}