@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400&display=swap');
@import url("animate.css");
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap');
/* CSS Document */

html,
body {
 
}

body {
font-family: 'Comfortaa', cursive;
 float: left;
 width: 100%;
  
 color: #000;  background: #fff;
 padding-right: 0 !important;
}

.modal-open {
 padding-right: 0!important;
 overflow: hidden;
}
::-moz-selection { /* Code for Firefox */
 color: #fff;
 background:#231f20;
}

::selection {
color: #fff;
 background:#231f20;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 color: #000;font-family: 'Oswald', sans-serif;
}

p {
 color: #000;
 line-height: 22px;
 font-size: 13px;font-family: 'Comfortaa', cursive;
}
.liHeading{
    margin-bottom: 3px;
    float: left;
    width: 100%;
    margin-top: 0px;
    color: #fff;
    text-transform: uppercase !important;
    font-weight: 600;
    font-size: 16px;
}
.innrHeading{
    margin-top: 25px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
    color: #2e2e2e;
}
.ContHeading {
    text-align: left;
    font-size: 22px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 12px;
    color: #231f20;
    text-transform: uppercase;
}

ul li,
ul li a,
ol li,
ol li a {
  color: #000;
 line-height: 24px;
 font-size: 13px;
}

a:hover,
a:focus {
 text-decoration: none;
 outline: none;
}

:focus {
 outline: none;
}

.no-padding {
 padding: 0px;
}

.text-left {
 text-align: left !important;
}


.mob-only{display: none;}
.desktop-only{display: block;}
.layout {
 width: 100%;
 overflow: hidden; margin: 0 auto;  background: #fff;
}

.desktop {
 display: block;
}

.mob-view {
 display: none;
}

.navbar{position: inherit; }
.header{position: relative; z-index: 999999; background: #fff;}
.header nav.navbar.bootsnav{background:none; border-bottom: 0px;}
.header .navbar-brand{padding-top: 5px; background: #fff; position: absolute; left: 0px;}
.header .navbar-brand:after{    position: absolute;
    content: '';
    background: url(../img/logo-after.png);
    bottom: -40px;
    width: 100%;
    height: 40px; left: 0px;
    background-size: contain;
    background-repeat: no-repeat;z-index: 99;}

.navbar-brand > img{ margin-left: 0px;z-index: 101; position: relative;max-width:135px; margin-top: 0px;}
.header nav.navbar.bootsnav ul.nav > li > a{text-transform: uppercase; color: #000000; padding: 15px 10px; font-size:12px;}
.header nav.navbar.bootsnav ul.nav > li > a:hover{color: #ed1c24;}
.header nav.navbar.bootsnav ul.nav > li > a.active{color: #ed1c24;}
.header .navbar-right{margin-right: 0px;}
.header .headlogin{border: 2px solid #181874; padding-top: 8px; padding-bottom: 5px; margin-top: 20px; border-radius: 6px; }
.artext{font-family: 'El Messiri', sans-serif;}
.main-slider {
 z-index: 999;
 position: relative;
 left: 0;
 bottom: 0;
 right: 0; margin-bottom: -120px;  top: -100px;
}
.header .top-bar{ width: 50%; height: 50px; background: #ed1c24;
background: -moz-linear-gradient(top, rgba(161,8,76,1) 0%, rgba(113,12,57,1) 100%);
background: -webkit-linear-gradient(top, rgba(161,8,76,1) 0%,rgba(113,12,57,1) 100%);
background: linear-gradient(to bottom, rgba(161,8,76,1) 0%,rgba(113,12,57,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1084c', endColorstr='#710c39',GradientType=0 );float: right;
position: relative; max-width: 680px;
}
.header .top-bar:after{position: absolute; content: url(../img/top-head-after.png) ;left: -50px;}

.header .top-bar ul li{ float:left; padding:12px 20px 13px 40px;  }
.header .top-bar ul li a{color: #fff; position: relative; text-align: center;}
.header .top-bar i.icon{  background-image: url(../img/top-icons.png);background-repeat: no-repeat;height: 32px;
    width: 32px;position: absolute;left: -28px;top: -6px;}
.header .top-bar i.emailicon{ background-position: -38px;}
.header .top-bar i.phoneicon{ background-position: -72px;}
.header .navbar-collapse{padding-right: 0px;}
.main-slider .container { padding: 0px;}

.swiper-container {
 width: 100%;
 margin-left: auto;
 margin-right: auto;  height:auto;
}

 .main-slider .swiper-pagination{}
 .main-slider .swiper-pagination-bullet{float: left;  height: 10px;background: #a0a0a0!important; width: 10px;  opacity:1 !important; margin-left: 4px !important; margin-right: 4px !important;}
.main-slider .swiper-pagination-bullet-active{ background: #ed1c24 !important;}
.main-slider .swiper-slide {}

.main-slider .gallery-top { width: 100%; }

.main-slider .content{width: 100%; max-width:100%; margin: 0 auto; position: relative; margin-top: 60px;z-index: 999999; text-align: center;}
.main-slider .content img{width: 100%;}

.main-slider .content a.quote-btn{border: 1px solid #fff; border-radius: 8px;  padding: 15px ; font-weight: 600; float: right; color: #fff; text-transform: uppercase;}

.swiper-pagination{ margin: 0 auto; width: 100px !important; left: 0px; right: 0px; bottom: 16% !important ; top: auto !important}

.content-area{ background: #fff; background-attachment: fixed; background-size: cover;padding-top: 30px; position: relative; top:10px; margin-bottom: 0px;}

.top-section{ margin-top: 20px; margin:0px auto;  height:auto; width: 100%; position: relative;z-index: 9999; text-align: center;}
.top-section h1{font-size: 18px; text-transform: uppercase;  text-align: center; color: #7387a1; background: #fff; padding: 15px; max-width: 250px; margin: 20px auto 30px auto;}

.top-section p{font-size: 13px; text-align: justify;}
.home-service-icon li{width: 33.33%; text-align: center; float: left; }
.home-service-icon li img{max-width: 100px;}
.full-width{width: 100%; float: left;}
.home-service-icon h2{text-transform:uppercase; font-size:16px; margin-top:5px;margin-bottom:5px;}
.mid-top{padding:0; margin-top: 25px; margin-bottom: 35px;float: left; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);background: #fff; }
.mid-top .col-md-3{border-right:2px dashed #ccc; }
.mid-top .col-md-3:last-child{border-right:0px dashed #ccc;}
.mid-top h1{text-align: center; font-weight:700; text-transform: uppercase; font-size: 20px; color: #231f20; margin-bottom: 50px;}
.mid-top h2{text-align: left; font-size: 22px; font-weight:600; margin-top: 20px; margin-bottom: 12px; color: #231f20; text-transform: uppercase;}
.mid-top .approch{padding: 20px 35px 35px 15px; float: left;}
.mid-top p{text-align: justify; font-size: 13px; line-height: 24px; color: #474747;}
.mid-top .icons{text-align: center; width: 110px; height: 110px; background: #e0e0e0; border-radius: 60%; margin: 20px auto  20px auto; border:3px solid #9e084a;    box-shadow: inset 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.mid-top .icons img{ margin-top: 20px; height: 60px;}


.why-jas h1{}
.why-jas ul li{ font-size: 13px; margin-bottom: 5px;}
.mid-bottom{ margin-top: 5px; float: left; width: 100%; margin-bottom: 50px;  background:rgba(255,255,255,0.4); padding:25px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.why-jas ul{padding-left:20px;    position: relative;}
.why-jas ul li::after{ content: "\f00c"; position: absolute;color:#231f20;font-family: 'FontAwesome';left:0px;}
.home-news{width: 100%; float: left; }
.mid-bottom h1{ color:#231f20;  padding-bottom: 5px; font-size: 20px; width: 100%; float: left; margin-bottom: 10px; font-weight: 600; text-transform: uppercase;}
.home-news:before{    position: absolute;
    content: '';
    height: 269px;
    left: -20px;
    top: -25px;
    border-left: 1px solid #ccc; box-shadow: inset 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.left-shadow{border-left: 1px solid #ccc; height: 100%; }

.home-news h2{font-size: 13px; font-weight: 600; margin-bottom:0px; color: #231f20; width: 100%; float: left;}
.home-news h4{font-size: 13px; color: #a4a4a4; margin-bottom: 0px; border-bottom: 1px solid #a4a4a4;}
.home-news ul li{margin-bottom: 15px;}
.home-news p{font-size: 13px; text-align: justify; line-height: 22px;}

.home-news .news-item{margin-bottom: 20px; float: left; width: 100%;}
.home-news .news-item .newsimg{overflow: hidden;   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.home-news .news-item .newsimg img{float: left;}
.news-updates ul li{    width: 100%;
    padding: 10px;
    height: auto;
    list-style: none;
    float: left;
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;}

.news-updates ul li img {
    width: 30%;
    height: 150px;
    float: left;
    margin-right: 10px;
}

.news-details{padding-right: 30px;}
.news-details img{width: 100%;}


.cbhead{height: 400px !Important;
    background: linear-gradient( rgb(237 56 51 / 50%) , rgba(0,0,0,0.8) ), url(../img/cb-head.jpg) !important;
    background-size: 100% !important;
    background-attachment: fixed !important;
    background-position: top center;
}
.cbhead h1{font-size:36px !IMPORTANT;margin-top:80px;}
.cbhead h2{text-align:center;font-weight:bold;color:#fff;text-transform:uppercase;margin-top:10px;}
.bspage h2{font-size:18px; font-weight:600; margin:10px 0px;text-transform:uppercase;}


.megamenu-content h2{font-weight:bold;border-bottom:1px solid #ccc;float:left;width:100%;padding-bottom:5px;margin-bottom:5px;}


.jbhead{height: auto !Important;
    background: linear-gradient( rgb(237 56 51 / 80%) , rgba(0,0,0,0.9) ), url(../img/cb-head.jpg) !important;
    background-size: 100% !important;
    background-attachment: fixed !important;
    background-position: top center;float:left;width:100%;padding-bottom:30px;
}
.jbhead h1{font-size:36px !IMPORTANT;margin-top:80px;text-align:left !important;}
.jbhead h2{text-align:justify;font-weight:600;color:#fff;margin-top:10px; font-size:16px;line-height:24px;font-family: 'Comfortaa', cursive;}
.jbhead .pageform{background:#fff;padding:10px;margin-bottom:15px;}
.jbhead .pageform .col5, .jbhead .pageform .col2, .jbhead .pageform .col3{padding:10px;width:100% !important;}
.jbhead .pageform .col2 input, .jbhead .pageform .col3 input, .jbhead .pageform .col5 input{}
.jbhead .pageform h2{color:#000; font-size:16px;padding:0px 10px;}
.jbhead .pageform .btn{width:100%;margin-top:0px;}

.jppage{background:#fff !Important;}


.whead{height: auto !Important;
    background: linear-gradient( rgb(255 255 255 / 90%) , rgb(255 255 255 / 90%) ), url(../img/cb-head.jpg) !important;
    background-size: 100% !important;
    background-attachment: fixed !important;
    background-position: top center;float:left;width:100%;padding-bottom:30px;}
.whead h1{font-size: 25px !IMPORTANT;margin-top: 35px;text-align:left !important;color: #231f20 !important;margin-bottom: 10px;}

.bdhead{height: 400px !Important;
    background: linear-gradient( rgb(237 56 51 / 50%) , rgba(0,0,0,0.8) ), url(../img/bigdata.jpg) !important;
    background-size: 100% !important;
    background-attachment: fixed !important;
    background-position: top center;
}
.bdhead h1{font-size:36px !IMPORTANT;margin-top:80px;}
.bdhead h2{text-align:center;font-weight:bold;color:#fff;text-transform:uppercase;margin-top:10px;}
.depage{padding:3em 0px;}
.depage h2{font-size:18px; font-weight:600; margin:10px 0px;text-transform:uppercase;}
.depage strong{font-size:16px;line-height:26px;}
.pe5{padding:5em 0px;}
.depage h3{text-transform:capitalize;}
.wwd-wrap{background:#fff;padding:2em 0px; float:left;width:100%;}
.wwd-wrap h2{text-align:center; font-weight:bold; font-size:22px;margin:10px 0px;}
.wwd{background:#fff;padding:15px; border:1px solid #ccc;border-radius:12px;height:auto;text-align:center;}
.wwd h3{font-weight:bold; text-align:center;margin:10px 0px;}
.wwd p{text-align:center;}
.wwd img{max-width:90px;margin:15px 0px;}
.error{color: #fff; text-align: center; font-size: 12px; width: 100%; float: left; display: none; margin-top: 5px;}
.success{color: #fff; text-align: center; font-size: 12px; width: 100%; float: left; display: none;margin-top: 5px;}
.foot-wrap{height: auto;background: #231f20; width: 100%; float: left; position: relative;}

.footer{height:auto; background: #231f20; padding-top: 30px; padding-bottom: 20px;float: left; width: 100%;  border-top: 5px solid #ed1c24; }
.footer ul li{float: left; padding-right: 15px; width: 100%; line-height: 22px;}
.footer ul li a{color: #fff; font-size: 12px; text-transform: capitalize; line-height: 22px;}
.footer ul li a:hover{color: #fff;}
.footer h1{margin-bottom: 5px; float: left; width: 100%; margin-top: 0px; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 16px;}
.footer li.foot-h1{argin-bottom: 3px;
    float: left;
    width: 100%;
    margin-top: 0px;
    color: #fff;
    text-transform: uppercase !important;
    font-weight: 600;
    font-size: 16px;font-family: 'Oswald', sans-serif;}
.footer li.foot-h1 a{text-transform: uppercase !important; font-weight: 600;font-size: 16px}
.footer-menu p{font-size: 12px; color: #fff;}
.footer .social { width: 69%;
    margin: 30px auto  70px auto;}
.footer .social ul li {
    float: left;
    color: #fff;
    width: 30px !important;
    height: 22px !important; margin-bottom: 15px; float: left; 
    margin: 5px;
}
.footer .social ul li a{    color: #fff;
    border-radius: 60%; font-size: 26px;
    float: left;
    margin-top: 0px;}


.newsletter{padding-left: 0px; margin-top: 30px;}
.newsletter .input-group-addon {background: #ed1c24; border-left: 0px !important;border: #fdf9ea;border-radius: 0px;padding: 0px; }
.newsletter h2{font-size: 16px; font-weight: 600; text-align: center; color: #fff; line-height:18px; text-transform: uppercase;}
.newsletter h3{font-size: 12px; font-weight: 300; text-align: center; color: #fff; line-height:18px; margin-bottom: 10px;}
.newsletter .form-control{border-right: 0px;padding: 10px; height: 42px; border: #fdf9ea;border-radius: 0px; }
.newsletter button{background: none; padding-right: 12px; padding-left: 12px;border: #fdf9ea;color: #fff; border-radius: 0px;padding: 10px; }
.termslink{font-size: 11px; color: #474747;  margin-top: 10px; text-decoration: underline;  font-style: italic; float: left;}
.foot-social{margin-top: 0px; float: left; margin-bottom: 15px;}
.foot-social li i{font-size: 22px; color: #ed1c24; background: #fff ; padding:4px 5px; border-radius: 4px; width: 30px; height: 30px; text-align: center;}
.foot-social li {float:left; width: auto !important;}
.foot-social li{padding-right:3px !important;}
h1.callnumber{line-height: 24px;}

.footer-bottom{background:  #d2d2d2; height: 30px; text-align: center; color: #fff; font-size: 11px; line-height:18px; width: 100%; float: left;}
.copy-right:after{position: absolute; content: ''; right: 0px; background: url(../img/copy-right-after.png); width: 300px; height: 80px; top: -78px;}
#email_status{    font-size: 12px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
    color: #efefef;
    float: left;}
.copy-content{    position: absolute;
    top: -50px;
    right: 50px;
    z-index: 9999999; width: 200px;}
.copy-content p{text-align: center; color: #231f20; font-size: 11px;}
.copy-right{position: absolute; right: 0px;}
.copy-right img{width:100px; }

.footer-bottom a{color: #fff;}
.foot-links li{ float: left; color: #231f20;}
.foot-links li a{color: #231f20; padding-left: 5px; padding-right: 5px;}
.foot-links li a:hover{color: #5a6c82;}

.goog-te-gadget img{ display:none;} 
.goog-te-gadget-simple {  background:none !important; border-left: 0px solid #d5d5d5 !important;
    border-top: 0px solid #9b9b9b !important;
    border-bottom: 0px solid #e8e8e8 !important;
    border-right: 0px solid #d5d5d5 !important;
    font-size: 10pt;
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 2px; float: left;
    cursor: pointer;
    zoom: 1; color:#5a6c82 !important;font-family: 'Poppins', sans-serif;}
	.goog-te-gadget-simple .goog-te-menu-value span{ color:#5a6c82 !important; margin-right:4px !important; }
	.goog-te-gadget-simple .goog-te-menu-value span:hover{ text-decoration:none !important; border:0px !important;}
	.goog-te-gadget-simple a:hover{ text-decoration:none !important;}
	.goog-te-gadget-simple::before{content:"\f0ac"; font-family:'FontAwesome'; font-size:14px;color:#5a6c82; padding-right:5px; position:relative; top:2px;}
	  .goog-te-banner-frame {display:none !important}
.google-map{ width:100%; height:240px; border:0px solid #efefef;}
 #google_translate_element{ margin-top:4px; }

.brand-logos { width: 100%;float: left;}
.brand-logos ul li {width: 19%;height: 70px;border: 1px solid #ccc;float: left;margin: 5px;list-style: none;text-align: center; background: #fff;}
.brand-logos ul li img {text-align: center;max-width: 80%;max-height: 100%;position: relative;margin: 0 auto;}



.inner-wrap{ background: #fff; background-attachment: fixed; background-size: cover; width: 100%; float: left;}


.innerhead { height: 200px; z-index: 999; background-size:100%; background-attachment: fixed;
 position: relative; background:linear-gradient( rgba(0,0,0,0.6) , rgba(0,0,0,0.8)  ), url(../img/slider1.jpg);
 left: 0; 
 bottom: 0;
 right: 0; margin-bottom: -100px;  top: -100px; padding-top: 140px; }
.innerhead h1{font-weight: bold; text-transform: uppercase; text-align: center; font-size: 20px; color: #fff;}


.innertitle{width: 100%:; float: left; background: #efefef; height:60px; width: 100%; float: left;  text-align: center; padding: 20px; font-weight: 700; text-transform: uppercase; font-size: 22px; padding-top: 40px; }
.innertitle h1{ color: #9f084b}
.inner-content{padding-top: 25px; padding-bottom: 25px; float: left; width: 100%;}
.inner-content p{text-align: justify;}
.inner-content h1{margin-top: 25px; font-size: 18px; text-transform: uppercase; font-weight: 600; margin-bottom: 5px;}
.aboutjas h1{margin-top: 25px; font-size: 18px; text-transform: uppercase; font-weight: 600; margin-bottom: 5px;}
.aboutjas ul{padding-left: 15px;}

.aboutjas ul li {color: #000; list-style:circle;}


.innerpage .container{ width: 94%;z-index: 9999; position: relative;}

.innerpage .content-area{background: url(../slider/head-bg.jpg)top center ; position: relative; padding-top: 140px; top: -100px; margin-bottom: -100px;z-index: 9; background-attachment:fixed; background-size: cover;}
.innerpage .content-area:after{position: absolute; content: ''; height: 100%; top: 0px; width: 100%; float: left;  background: rgba(255,255,255,0.7);z-index: 10;}

 #map_canvas h3 {font-size: 16px!important;text-align: left; }
 #map_canvas { text-align: left;margin-bottom: 20px;}
 #locs div {font-size: 11px;text-align: left;line-height: 19px;padding: 0px 10px 6px 0px; margin-bottom: 0;}
 #locs p { font-size: 12px; text-align: left;line-height: 22px; margin-bottom: 5px;color:#a0084b; font-weight: 500;}
#locs span{color:#000; font-weight: 400;}
#locs h1 {font-size: 12px;font-weight: 600; margin-bottom: 5px; text-transform: uppercase; color: #a0084b; }
#locs h2 {font-size: 12px;font-weight: 400;margin-bottom: 10px; }
#locs h4 img{width: 100%;}
#locs p b {text-transform: uppercase!important;font-weight: bold;}
#locs div:last-child { border: none;}
#locs div:hover {}
#map_canvas { width: 105%;height: 80vh;float: left;}
.gm-style img {float: left;width: 100%;}
#locs {margin-top: 0px;padding-top: 0px;float: left;height: 80vh;overflow-y: scroll; width: 100%;}
.gm-style .gm-style-iw {max-width: 340px; }
.loc {padding: 5px; cursor: pointer; margin-top: 0px;border-bottom: 1px solid #b9ee8e;}
.mapcontent h1 {font-size: 13px;margin-bottom: 5px;font-weight: 700;}
.mapcontent {width: 100% !important;float: left;line-height: 22px;}

.aboutus{padding-bottom: 20px; width: 100%;  float:left; }

.aboutus p{text-align: justify; float: left; width: 100%; margin-bottom: 15px;}
.aboutus .rate-card-wrap{margin-top: 0px;width: 100%;}

.home-service-icon{padding:3em 0px; float:left;width:100%;}
/*------------------------------------------------------------------
    23- Contact
-------------------------------------------------------------------*/

.contact_detail h3 {font-size: 20px; margin-bottom: 15px; text-transform: uppercase; font-weight: 400; color: #9f084b;}

.contact_address address {margin-bottom:15px;}
.contact_address address p{color:#000; font-weight:400;}
.contact_address address p.hed{color:#000; font-weight: 400; padding-left: 20px; background: url("../images/footer_border.png") no-repeat left center;}
.contact_address > p {margin-bottom: 20px;}

.contact_map {margin-bottom:15px;}
.contact_map iframe{width: 100%; height: 360px; border: 0px;}

.contact_address address h2{font-weight: 400; margin-bottom: 5px; margin-top: 0px;color: #9f084b; text-transform: uppercase;}

.btn-theme-color{border-radius: 0px; background: #ed1c24; color: #fff; padding: 10px; }
.btn-theme-color:hover{color: #fff;}
.contact_detail .field-control { position: relative; margin-bottom: 31px;  }
.contact_detail label{font-size: 12px; margin-bottom: 10px;}

.contact_detail .form-control { height: 37px; background: none;border: 0 !important;border: 1px solid #474747 !important;border-radius: 0;color: #000;  box-shadow: none !important; padding-left: 10px;padding-right: 0;font-size: 12px;  margin: 0px !Important; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-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; box-shadow: none; background: #fff; }
.contact_detail .form-control ~ label { text-transform: none;width: 100%;  position: absolute;  left: 15px;  bottom: 0;  pointer-events: none;  }
.contact_detail .form-control ~ label:after{  content: '';  position: absolute;  z-index: 5;  bottom: -0px;  left: 50%;  width: 0; ;border: 1px solid #8a1e3c !important;  width: 0;  visibility: hidden;  transition: 0.2s ease all;   }

.contact_detail .form-control.edited:not([readonly]) ~ label:after,
.contact_detail .form-control:focus:not([readonly]) ~ label:after,
.contact_detail .form-control.focus:not([readonly]) ~ label:after {  visibility: visible;  left: 0;  width: 93%;  background: #8a1e3c; border: 1px solid #8a1e3c !important;  }

.contact_detail textarea.form-control{height: 102px; resize: none; margin-bottom: 5px !important;}
.contact_detail input[type=submit].button { padding: 13px 23px; margin-bottom: 50px;  background: #8a1e3c; border: 0px; border-radius: 0px; color: #fff; text-transform: uppercase;}
.messages {    width: 90%;  margin: 0 auto;  color: #000;   padding: 21px 20px; text-transform: uppercase;}

.contact_detail input[type=submit].button:after{content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: 50%;
    background: #8a1e3c; border: 0px;}

.careers-list h2{font-size: 13px; font-weight: 600; padding-top: 10px; margin-bottom: 5px;color: #000; text-transform: uppercase; border-top: 1px solid #ccc;}
.careers-list p{line-height: 20px;}
.careers-list .more{text-align: right; margin-top: 5px; margin-bottom: 5px; color: #000; font-size: 11px;}
.careers-list .more a{color: #231f20}

.vtspage h2{ margin-top:10px;float: left;
    width: 100%;text-transform:uppercase;}
    .vtspage ul{padding:0px 0px 0px 15px;}
     .vtspage img{margin-bottom:15px;}
.vtspage ul li{list-style:disc;}

.careerpage .container{background:#fff;}
.careerpage strong{font-weight:bold; text-transform:uppercase; margin-top:10px;}
.careerpage ul{padding-left:10px !important;}
.careerpage li{list-style:circle;}
/**
* Contact Content Styles.
**/

  #map-canvas {
            height: 400px;            margin: 0;
            padding: 0; float: left;width: 100%;
           
        }
.map-area{position: relative; float: left; width: 100%; height: 400px; }
.contact-map{
	width:100%;
	height:350px;
}

.captcha {width: 250px; float: right; padding-right: 10px;}
.captcha label{font-size: 13px !important; float: left; padding: 0px 0px  0px 0px !important;  width: 100% !important;  }
#genCaptcha{ padding: 5px 10px !important; float: left; color: #353535; font-weight: 700;    background: #efefef;
    margin-top: 5px;
    line-height: 30px;
    text-align: center; border: 0px;}
#captcha{ width: 50%; float:right; text-align: center; padding: 4px 10px !important;
 
    color: #353535;
    font-weight: 700;
    background: #fff;
    margin-top: 5px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ccc;
 }
.captcha .errorText{float: left; width: 100%; margin-bottom: 10px;}

.errorText{ color:#F00; font-size:11px; width: 100%;text-align: center; margin-top: 5px;}
#successMessage{ background:rgba(104,248,80,0.4); padding:5px 5px; color:#474747; width:99%; text-align:center; border-radius:6px;}
.contactform .col2{ width:50%; padding:0px 10px 0px 0px; float:left; margin:0px; height:60px;}

.contactform .col2 input{ width:100%;font-size: 13px; border:1px solid #eceaeb; padding:5px; padding-left:10px; height:38px; background:#eceaeb; margin-bottom:0px;}
.contactform .col2 select{ width:100%; border:1px solid #eceaeb; padding:0px; padding-left:10px; height:38px; background:#eceaeb; margin-top:10px; margin-bottom:0px; font-size: 11px;}

.contactform .col4{ width:20%; padding:0px 10px 0px 0px; float:left; margin:0px; height:60px;}

.contactform .col4 input{ width:100%; border:1px solid #eceaeb; padding:5px; padding-left:10px; height:38px; background:#eceaeb; margin-bottom:0px;}
.contactform .col4 select{ width:100%; border:1px solid #eceaeb; padding:0px; padding-left:10px; height:38px; background:#eceaeb; margin-top:10px; margin-bottom:0px; font-size: 12px;}

.contactform .col5{ width:50%; padding:0px 10px 0px 0px; float:left; margin:0px; height:60px;}

.contactform .col5 input{ width:100%; border:1px solid #eceaeb; padding:5px; padding-left:10px; height:38px; background:#eceaeb; margin-bottom:0px; font-size: 12px;}
.contactform .col5 select{ width:100%; border:1px solid #eceaeb; padding:0px; padding-left:10px; height:38px; background:#eceaeb; margin-top:10px; margin-bottom:0px; font-size: 12px;}


.contactform h1{ font-size:24px;}
.contactform h2{ font-size:22px; font-weight:400; padding-left:10px; margin-bottom:5px; padding-left:0px;}
.contactform .col3{ width:100% !important; padding:0px 10px 0px 0px; float:left; margin:0px;}
.contactform textarea{width:100%; font-size: 12px; border:1px solid #eceaeb; padding:5px; height:68px; background:#eceaeb;padding-left:10px;margin-bottom:0px;}
.contactform input[type="file"]{ margin-top:10px; padding-top:5px;margin-bottom:0px;}
.contactform .btn{ width:150px; float:right; padding:10px; background:#ed1c24; border:0px; color:#fff; border-radius: 0px; }
.contactform h4{ font-size:18px; margin-bottom:5px;}
.contactform select{ margin-top:10px; padding-top:5px;margin-bottom:0px;}



.pageform {padding:30px 0px; float:left;}
.pageform .col2{ width:50%; padding:0px 10px 0px 0px; float:left; margin:0px; height:60px;}

.pageform .col2 input{ width:100%;font-size: 13px; border:1px solid #eceaeb; padding:5px; padding-left:10px; height:38px; background:#eceaeb; margin-bottom:0px;}
.pageform .col2 select{ width:100%; border:1px solid #eceaeb; padding:0px; padding-left:10px; height:38px; background:#eceaeb; margin-top:10px; margin-bottom:0px; font-size: 11px;}

.pageform  .col4{ width:20%; padding:0px 10px 0px 0px; float:left; margin:0px; height:60px;}

.pageform .col4 input{ width:100%; border:1px solid #eceaeb; padding:5px; padding-left:10px; height:38px; background:#eceaeb; margin-bottom:0px;}
.pageform.col4 select{ width:100%; border:1px solid #eceaeb; padding:0px; padding-left:10px; height:38px; background:#eceaeb; margin-top:10px; margin-bottom:0px; font-size: 12px;}

.pageform .col5{ width:50%; padding:0px 10px 0px 0px; float:left; margin:0px; height:60px;}

.pageform .col5 input{ width:100%; border:1px solid #eceaeb; padding:5px; padding-left:10px; height:38px; background:#eceaeb; margin-bottom:0px; font-size: 12px;}
.pageform .col5 select{ width:100%; border:1px solid #eceaeb; padding:0px; padding-left:10px; height:38px; background:#eceaeb; margin-top:10px; margin-bottom:0px; font-size: 12px;}


.pageform h1{ font-size:24px;}
.pageform h2{ font-size:22px; font-weight:bold; padding-left:10px; margin-bottom:5px; padding-left:0px;text-transform:uppercase;}
.pageform .col3{ width:100% !important; padding:0px 10px 0px 0px; float:left; margin:0px;}
.pageform textarea{width:100%; font-size: 12px; border:1px solid #eceaeb; padding:5px; height:68px; background:#eceaeb;padding-left:10px;margin-bottom:0px;}
.pageform input[type="file"]{ margin-top:10px; padding-top:5px;margin-bottom:0px;}
.pageform .btn{ width:150px; float:right; padding:10px; margin-top:10px; background:#ed1c24; border:0px; color:#fff; border-radius: 0px; }
.pageform h4{ font-size:18px; margin-bottom:5px;}
.pageform select{ margin-top:10px; padding-top:5px;margin-bottom:0px;}



.map-section{
	position:relative;
}

.map-section .map-container{
	position:relative;
	z-index:10;	
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400; 
}

.map-canvas{
	position:relative;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}


#contact-content {
    padding: 50px 0 50px;
}
#contact-content .container{
	width:100%;
	padding:0;
}
#contact-content .row > p,
#contact-content .container > p {
    font-size: 13px;
    line-height: 24px;
    color: #000;
    font-weight: 500;
    margin-bottom: 50px;
    text-align: center;
}
#contact-content .contact-form p {
}
#contact-content .contact-form input,
#contact-content .contact-form textarea {
    width: 100%;
    height: 44px;
    border: 0px solid #fff;
    padding-left: 30px; margin-bottom:10px;
}
#contact-content .contact-form label.error {
    display: none !important;
}
#contact-content .contact-form input.error,
#contact-content .contact-form textarea.error {
    border-color: red;
}
#contact-content .contact-form textarea {
    height: 80px;
    padding-top: 5px;
}
#contact-content .contact-form button {
    background: #FE5454;
    color: #fff;
    border: none;
    outline: none;
    font-size: 16px;
    line-height: 40px;
    padding: 0 43px;
    text-transform: uppercase;
    font-weight: bold;
}
#contact-content  .success {
    color: #42B8E9;
}
#contact-content .contact-info h3,
#contact-content .contact-info ul li h4 {
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 15px;
}
#contact-content .contact-info p {
    font-size: 13px;
    line-height: 24px;

    font-weight: 500;
    margin-bottom: 30px;
}
#contact-content .contact-info ul li img {
    float: left;
    margin-right: 15px;
}
#contact-content .contact-info ul li .content {
    float: left;
    width: 60%;
}
#contact-content .contact-info ul li h4 {
    margin-bottom: 0;
}


.chead{text-align: center; margin-bottom: 15px;}
.chead h3{font-size: 20px; font-weight: 600; text-transform: uppercase; color: #9f084b ; margin-bottom: 15px; position: relative;}
.chead p{text-transform: uppercase; color: #9f084b; text-align: center !important}
.chead h3:after{margin-bottom: 10px; position: absolute; content: ''; height: 3px; width: 40px;width: 40px;left: 0px;right: 0px;
top: 23px;background: #ccc;margin: 0 auto;}
.branch-page .container{width: 100%;}
.boxshadows{border: 5px solid #fff;    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);} 

.aboutus h2{font-size: 16px; font-weight: 400; text-transform: uppercase; color: #9f084b; text-align:left; line-height: 24px; margin-bottom: 15px; }
.about-img{ float: left; padding-right: 15px;}

.faqpage{ min-height: 70vh;}
.faqpage .panel-default > .panel-heading{ padding: 0px;  margin-bottom: 10px; }
.faqpage .panel-title a{color: #fff;width: 100%; float: left; padding: 15px;background: #970947; margin-bottom: 10px;}
.faqpage h1{    font-size: 16px;font-weight: 600;text-transform:capitalize;color: #9f084b;margin-bottom: 15px; margin-top: 15px;}
.faqpage h2{    font-size: 13px;font-weight: 600;text-transform:capitalize;color: #000;margin-bottom: 6px; margin-top: 6px;}
.faqpage p{margin-bottom: 15px; margin-top: 10px;}
.margin-auto{margin: 0 auto; float: none !important;}


.cols-2{width:20%; float:left;padding:0px 15px;}
.cs-content{padding:2em 0px;float:left;width:100%;}
.cs-item{background:#fff; float:left;width:100%;text-align:center;border:1px solid #ccc;border-radius:6px;height:160px;padding:10px;}

.cs-icon img{max-width:80px;}
.cs-item h2{font-size:14px;text-transform:uppercase;line-height:22px;margin:10px 0px;}
.careers {margin-bottom: 15px; }
.careers h2{ text-transform: uppercase; margin-top: 15px; color: #000;margin-bottom: 10px; font-weight: 600;}


.careers p{font-size: 13px; text-align: justify;}

.careerjd{}
.careerjd h3{font-size: 13px; margin-top: 15px; margin-bottom: 10px; font-weight: 600;  }
.careerjd ul li{ font-size: 12px;  list-style:none; padding-left:0px;}
.careerjd ul li::before {
  content: "\f192"; 
  font-family: FontAwesome;
  display: inline-block;
    width: 1.3em;}

.contact-area{background: #fff; padding: 25px; float: left;}
.contact-form h4{color: #231f20;text-transform: uppercase; font-size: 18px; margin-bottom: 10px; font-weight: 600;}
.contact-address {padding: 15px; background: #231f20;}
.contact-address h4{color: #fff; text-transform: uppercase; font-size: 18px; margin-bottom: 10px; font-weight: 600;}
.contact-address p{color: #fff; line-height: 22px; text-align: left;}
.contact-address a{color: #fff;}


.contact-address .social{ width: 100%;
    margin: 25px auto  40px auto;}
.contact-address .social ul li {
    float: left;
    color: #fff;
    width: 30px !important;
    height: 22px !important; margin-bottom: 15px; float: left; 
    margin: 5px;
}
.contact-address .social ul li a{    color: #fff;
    border-radius: 60%; font-size: 26px;
    float: left;
    margin-top: 0px;}

.downloads{ float: left; width: 100%; padding-top: 15px;}
.downloads .col-md-5{ margin: 0 auto; float: none;}
.downloads h1{ font-size:22px; width:100%; border-bottom:1px solid #efefef; color:#000; padding-bottom:10px; margin-bottom:5px;}
.download-list ul {width: 100%; margin: 0 auto;}
.download-list ul li a{float: right;}
.download-list ul li{ padding: 10px; width: 100%; float:left; margin: 10px; border: 1px solid  #ccc; font-weight: bold; line-height: 30px; margin-bottom: 5px;}
.download-list ul li a{ float: right; background: #231f20; color: #fff; padding: 10px; line-height: 10px}
.download-list ul li i{ color: #fff; margin-right: 5px;} 
#jasacc .panel-default > .panel-heading{border-radius:0px; border:none;background:#fff;text-transform:uppercase;font-weight:bold;}
.bspage h3{margin-top:10px;text-transform:uppercase;font-weight:600;font-size:16px;}
.bspage h4{margin-top:10px;text-transform:uppercase;font-weight:600; font-size:14px;}
#jasacc .panel-title a{font-weight:bold;}


.servicedesc4 h2{font-size: 18px;font-weight: bold;text-transform: uppercase;margin: 5px 0px;text-align:left; padding-bottom: 10px; margin-bottom: 15px;position: relative;line-height: 20px;}
.servicedesc4 h2::after{content: "";position: absolute; bottom: 0px; width: 100px; height: 4px; border-radius: 12px; background: #000; left: 0px; right: auto; margin: auto;}
.servicedesc4{text-align: left;}
.servicedesc4 h3{font-size: 16px;font-weight: 300; line-height: 24px; margin: 0px 0px  15px 0px;text-align:center;}
.servicedesc4 h4{font-size: 15px;font-weight: 400;text-transform: uppercase; line-height: 22px; margin: 0px 0px  5px 0px;text-align:left;margin-bottom:15px;width:100%; float:left;}
.servicedesc4 ul li{font-weight: 300;font-size: 13px;padding-left: 12px;position: relative;line-height: 21px;text-align: left;}
.servicedesc4 ul li::after{content:"";position: absolute;width: 8px;height: 8px;border-radius: 50%;background:#000;left: 0px;top: 6px;}
.servicedesc4 img{width: 150px; margin-bottom: 0px;}
.servicedesc4 .sbox{height:200px;text-align:center;}
.servicedesc4 .sbox h3{font-size: 14px;margin-bottom: 10px !important;line-height: 20px;}
.servicedesc4 .sbox p{font-size: 13px;line-height: 20px;}
.sbox2{padding: 15px 20px; box-shadow: 0 6px 12px 0 rgb(153 161 170 / 20%); float: left; width: 100%; height: 220px; margin-bottom: 25px;} 
.servicedesc4 .sbox2{height:400px;text-align:left;background:#fff;}
.servicedesc4 .sbox2 img{width: 80px !important;}
.servicedesc4 .sbox2 h3{font-size: 14px;margin-bottom: 10px !important;line-height: 20px;font-weight: 600; text-transform: uppercase; text-align: left;}
.servicedesc4 .sbox2 p{font-size: 13px;line-height: 20px;text-align: left;}
.col-3{width: 20%; float: left;padding-right: 15px;padding-left: 15px;}
.featuressection2{padding:0px; background: #e4e4e2; margin-top: 15px; float: left;margin-bottom:15px;}
.featuressection2 p{text-align: justify;padding:50px 25px;}
.featuressection2 img{max-width: 100%;}


@media (min-width: 1600px) {
  
}



@media only screen and (min-width: 1600px) {
	body{background: #efefef;}
	.layout {max-width: 1280px;background: #fff;      box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
	.swiper-container {height: auto;}
	.main-slider .content{margin-top: 90px;}
}

@media only screen and (min-device-width: 1020px) and (max-device-width: 1280px) {

}


@media only screen and (min-device-width: 800px) and (max-device-width: 1024px) {
 
}

@media screen and (max-width: 773px) {
    .home-service-icon li{width: 50%;}
    .header .navbar-brand:after{display: none;}
	.header .top-bar{display: none;}
	.top-section{height: auto;}
	.top-section .box{padding-top: 15px; padding-bottom: 15px;}
	.top-section .boxlast img{ width: 100%;  margin-top: 0px; right: -15px; margin-left: 0px;  position: relative; text-align: right;}
	.main-slider .content img{width: 100%;}
	.navbar-brand > img{width: 70px;}
	.mid-top .col-md-3{border-right: 0px; border-bottom: 1px dashed #ccc;}
	.mid-bottom .col-md-6{float: left;}
	.home-news .news-item .newsimg{max-width: 180px; margin: 15px auto;}
	.rate-card-wrap{width: 100%;}
	.home-help{width: 100%;}
	.home-help a{padding-left: 5%; padding-right: 5%;}
	.swiper-container{max-height: 400px;}
	.main-slider .content{margin-top: 100px;}
	.aboutus .rate-card-wrap{float: left;}
    
    .copy-right{position: relative; top: 0px; left: 10%; float: left !important;}
    .copy-right:after{display: none;}
    .copy-content{position: relative; top:0px; }
    .footer-bottom{ height: auto; float: left; position: relative;}
    .copy-content{text-align: center;   float: left !important; width: 100%l }
    .footer-bottom .col-md-5{width: 100%; float: left;}
    .footer-bottom .col-md-3{width: 100%; float: left;}
    .clearfix{float:left;width:100%;}
    .newsletter{float:left;width:100%;}
    .cbhead{padding-top:80px;}
    .cols-2{width:50%; float:left;padding:0px 15px;}
 .col-3{width: 50%; float: left;}
}

@media screen and (max-width: 736px) {
 
 
}


@media screen and (max-width: 330px){
 
  
 
}