@charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
/* ========== Commn Css Strat ========== */

@import url('https://fonts.googleapis.com/css?family=Cookie|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Crimson+Pro:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
body{}
.hmbg{ background-image: radial-gradient(#FFFFFF,#ffffff)}
p {font-size:18px; color:#333333; font-weight:300; font-family: 'Roboto', sans-serif; line-height: 25px;
margin:0px; padding:10px 0px 18px 0px;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#000000; outline:none;}
a:active, a:focus{ outline:none; text-decoration:none!important;}
a:hover, a.selected {text-decoration:none; color:#FF0E33;}
ul {list-style:none;}
li {list-style:none;}
.nonebox_shadow{box-shadow:0 0px 0px rgba(0, 0, 0, 0.05)!important;}
h1{ font-size:32px; color:#FF0D33; font-weight:200; margin-bottom:18px; margin-top:20px; font-family: 'Open Sans', sans-serif;}
h1 span{ color:#111111; font-size:22px;}
.textjustify{text-align: justify;}
/* ========== Commn Css End ========== */
/* ========== Do Not Touch In Css End ========== */
/* ========== Style Css Strat ========== */
/* ------- Header Area Strat ------- */
header{margin:0px; padding: 19px 0px 0px 0px; right:0; left:0; position:relative; z-index:999999;}
.header_right{text-align:right;}
.header_call{ background:url(../images/call.png) left center no-repeat; padding:0px 0px 0px 30px; margin: 0px 10px 0px 0px; font-family: 'Open Sans', sans-serif; color:#FFFFFF; text-align:right; line-height:16px; display:inline-block; vertical-align:top;}
.header_mail{ background:url(../images/icon_@.png) left center no-repeat; padding:0px 0px 0px 30px; margin: 0px 10px 0px 0px; font-family: 'Open Sans', sans-serif; color:#FFFFFF; text-align:right; line-height:16px; display:inline-block; vertical-align:top;}
.facebook_btn{ margin:0px 0px; padding:0px 5px; display:inline-block; vertical-align:top;}
.twitter_btn{ margin:0px 0px; padding:0px 5px; display:inline-block; vertical-align:top;}
.linkdedin_btn{ margin:0px 0px; padding:0px 5px; display:inline-block; vertical-align:top;}
/* ------- Header Area End ------- */
.sl-slide{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;} 

.navigation{ margin-top: 30px; font-family: 'Open Sans', sans-serif;}
.navigation span{font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: bold; height: 22px; width: 22px;}
.navigation span img{height: 22px; width: 22px;}

.textcenter{ text-align: center; }
.textjustify{text-align: justify-all;}
.homebiglogo{margin: 30px auto 25px auto; text-align: center; }

.overlay {
  font-family: 'Roboto', sans-serif;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 15%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  padding: 8px;
  text-decoration: none;
  font-size: 60px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 5px;
  right: 35px;
  }
}



.collapse{visibility: show!imporant;}
.show{visibility: show!imporant;}

#accordion h1 {font-size:15px; color:#000000; font-weight:300; margin-bottom:0px; font-family: 'Roboto', sans-serif; text-align: left;}
#accordion p {font-size:15px; color:#474747; font-weight:300; text-align: justify; margin-bottom:0px; line-height: 25px; font-family: 'Roboto', sans-serif; padding: 15px 20px 20px 20px!important;}
.card-header { padding: 5px 20px 20px 20px!important; background-color: #cccccc!important; border-bottom:1px solid #eeeeee;}
.card-body { background-color:none!important; border:none!important; border-radius:none!important;}



.contact-form .form-control{background:0 0;color:#999999;border:1px solid #cccccc;box-shadow:none;font-size:11px; margin-bottom:20px}
.contact-form textarea.form-control{min-height:116px;margin-bottom:20px; text-align:left;}
.contact-form input[type=text],#contact .contact-form input[type=email]{height:44px; text-align:left;}
.contact-form .btn{ background:#CF1F26; border:none; margin-top:3px; font-family:"open Sans", arial; font-size:14px;}
.contact-form .btn:hover{ background:#C09761; color:#000000; border:none; margin-top:3px; font-family:"open Sans", arial; font-size:14px;}
label {display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; color:#FF0000;}

.hm_banner{ margin-bottom:0px; position:relative; margin-top: 150px;}
.bannerarea {padding-top:20px;}
.banner_cntimg{ padding:0px 0px;}
.banner_title{font-family: 'Roboto', sans-serif; font-weight:bold; font-size:15px; color:#000000; letter-spacing: 18px; text-align: center;}
.banner_text{font-family: 'Roboto', sans-serif; font-weight:400; font-size:80px; line-height:90px; color:#9FA6AA; text-align: center;}
.banner_text1{font-family: 'Roboto', sans-serif; font-weight:200; font-size:32px; line-height:40px; color:#000000; text-align: center;}
.banner_btn{ text-align: center; margin: 0px auto; padding-top: 40px;  }
.banner_btn a{text-transform: uppercase; border-radius: 5px; letter-spacing:2px; background-color:#6D777A; font-family: 'Roboto', sans-serif;  color:#ffffff; font-size:15px; padding:15px 25px;
-webkit-transition: background 0.3s linear;
        -moz-transition: background 0.3s linear;
        -ms-transition: background 0.3s linear;
        -o-transition: background 0.3s linear;
        transition: background 0.3s linear;}
.banner_btn a:hover{background:#C09761; color:#000000; font-weight:normal;}
.banner_img{text-align: center; margin: 0px auto;}
@-moz-document url-prefix() {
.banner_title{ top:33%!important;}	
}
/* ------- Home Banner Area End ------- */

/* ------- Inner Banner Area Strat ------- */
/* ------- Inner Banner Area End ------- */

/* ------- Pages Contener Area Strat ------- */
/* ..... Home Page Contener Area Strat ..... */

/* .innerbg{background:url(../images/shadow_bg.jpg) right top repeat-x #F7F7F7;} */
.inner{ padding-top:40px;  }
.inner h1{ font-size:60px; color:#474747; font-weight:200; margin-bottom:50px; font-family: 'Roboto', sans-serif; text-align: center;}
.inner h1 span{ color:#F8BE14; font-weight:bold;}
.inner h2{ font-size:20px; color:#474747; font-weight:200; margin-bottom:10px; font-family: 'Roboto', sans-serif; text-align: center;}
.inner p{ font-size:18px; color:#333333; font-weight:300; font-family: 'Roboto', sans-serif; line-height: 35px; }



.inner .appoint input{ background:#EEEEEE; width:90%; font-family:'Open Sans', sans-serif; border:none; margin:4px 0px 12px 0px; padding:22px 15px; font-size:13px; color:#7E7E7E;}
.inner .btn{ background:#494949; color:#FFF; font-family:'Open Sans', sans-serif; font-size:15px; border-radius:0px; padding:10px 30px;
        -webkit-transition: background 0.3s linear;
        -moz-transition: background 0.3s linear;
        -ms-transition: background 0.3s linear;
        -o-transition: background 0.3s linear;
        transition: background 0.3s linear;}
.inner .btn a{color:#FFF;}
.inner .btn:hover{ background:#C09761; color:#FFF; font-family:'Open Sans', sans-serif; font-size:15px; border-radius:0px; padding:10px 30px;}

.contact a {text-decoration:none; color:#FBBA00; outline:none; text-decoration: none;}
.contact a:hover {text-decoration:none; color:#333333;}



table{ width: 100%; border-collapse: collapse;  }
tr:nth-of-type(odd) { background:#F8F8F8;}
th { background:#E9E9E9; color:#134577; font-size:13px; font-family:'Open Sans', sans-serif; font-weight:bold; border-right:2px solid #FFF!important; padding:13px 10px!important; }
td, th { border:none; text-align: left; padding:10px 10px; font-size:13px; font-family:'Open Sans', sans-serif; }

    td:nth-of-type(1) { content: ""; width:7%;}
    td:nth-of-type(2) { content: ""; width:18%;}
    td:nth-of-type(3) { content: ""; width:12.5%;}
    td:nth-of-type(4) { content: ""; width:12.5%;}
    td:nth-of-type(5) { content: ""; width:12.5%;}
    td:nth-of-type(6) { content: ""; width:12.5%;}
    td:nth-of-type(7) { content: ""; width:12.5%;}
    td:nth-of-type(8) { content: ""; width:12.5%;}
    
    .auto td:nth-of-type(1) { content: ""; width: auto;}
    .auto td:nth-of-type(2) { content: ""; width: auto;}
    .auto td:nth-of-type(3) { content: ""; width: auto;}
    .auto td:nth-of-type(4) { content: ""; width: auto;}
    .auto td:nth-of-type(5) { content: ""; width: auto;}
    .auto td:nth-of-type(6) { content: ""; width: auto;}
    .auto td:nth-of-type(7) { content: ""; width: auto;}
    .auto td:nth-of-type(8) { content: ""; width: auto;}
    
td{ border-bottom: 1px solid #CCC; padding:20px 10px;}
th{ border-bottom: 2px solid #fff;}
td h3{ background:url(../images/directorylistingtitle.png) no-repeat left 4px; padding-left:12px; font-size:14px; color:#9F0000; font-family:'Open Sans', sans-serif; font-weight:bold;}
td ul{ padding:8px 0px 0px 17px;}
td ul li{ background:url(../images/directorylistingname.png) no-repeat 0px 11px; font-size:13px; color:#333333; font-family:'Open Sans', sans-serif; font-weight:normal; padding-left:12px; line-height:24px;}
td ul li span{font-size:13px; color:#134577; font-family:'Open Sans', sans-serif; font-weight:bold;}
td a .btndetail{ background: url(../images/detail_arrow.png) no-repeat 10px 7px #F4A235; border-radius:4px; height:25px; width:25px; margin-left:0px; }
td a .btndetail:hover{ background: url(../images/detail_arrow.png) no-repeat 10px 7px #333333; border-radius:4px; height:25px; width:25px; margin-left:0px; }






/* ..... Home Page Contener Area End ..... */

/* ..... Inner Page Contener Area Strat ..... */


/* ----------- Images Gallery Css Strat ----------- */

/* ----------- Images Gallery Css End ----------- */

/* ..... Inner Page Contener Area End ..... */
/* ------- Pages Contener Area End ------- */

/* ------- Footer Area Strat ------- */
footer{ padding:5px 0px 15px 0px; margin: 5px 0px 0px 0px; color:#000000; font-family: 'Roboto', sans-serif; font-size: 12px; }
footer .textcopy{margin: 10px 0px 0px 0px; font-family: 'Crimson Pro', serif; text-align:center; font-size: 20px;}
footer .textcopy a{color: #000000;}
footer .textcopy a:hover{color: #C09761;}

.footer1{ padding:0px 0px 15px 0px; margin: 0px auto 0px auto; color:#000000; font-family: 'Roboto', sans-serif; font-size: 12px; text-align: center;}

ul.btmsocial{ float: right; }
ul.btmsocial li{ float: left; padding: 0px 10px; }

/* ------- Footer Area End ------- */

/* ========== Style Css End ========== */

/* ==================== Bootstrap Css Strat ==================== */
@media screen and (min-width : 990px) and (max-width : 1980px) {}
@media only screen and (max-width:1280px) {}
@media only screen and (max-width:1024px) {}
@media (max-width: 990px) {

.hm_banner{ margin-bottom:90px; position:relative; margin-top:50px;}
.inner h1{ font-size:40px; color:#474747; font-weight:200; margin-bottom:50px; font-family: 'Roboto', sans-serif; text-align: center;}
.header_right{text-align: center;}
.logocenter{text-align: center;}
footer .textcopy{margin: 10px 0px 20px 0px; text-align: center;}
footer .socialcenter{margin: 0px auto; text-align: center; float: none; width: 60%;}
ul.btmsocial{ float: none; margin: 0px auto; text-align: center;}
.banner_text{font-family: 'Roboto', sans-serif; font-weight:400; font-size:50px; line-height:60px; color:#9FA6AA; text-align: center;}
.img{ width: 100%; }
.homebiglogo{margin: 30px auto 30px auto; text-align: center; }

}
@media only screen and (max-width:1000px) {}
@media screen and (min-width : 980px) and (max-width : 1024px) {}
@media screen and (min-width : 400px) and (max-width : 1024px) {}
@media screen and (min-width : 768px) and (max-width : 990px) {}
@media screen and (min-width : 700px) and (max-width : 800px) {}
@media only screen and (max-width:900px) {}
@media only screen and (max-width:800px) {}
@media only screen and (max-width:768px) {}
@media screen and (min-width : 700px) and (max-width : 800px) {}
@media screen and (min-width : 600px) and (max-width : 640px) {}
@media only screen and (max-width:760px) {/* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr { display: block; }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr { position: absolute;top: -9999px; left: -9999px;}
    thead tr th { background:#000;}
    tr { border: 1px solid #ccc; padding-left:10px;}    
    td { /* Behave  like a "row" */
      border: none;border-bottom: 1px solid #eee; position: relative; padding-left:0%; padding-top:35px;}
    
    td:before { 
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 0px;
      padding-right: 10px; 
      white-space: nowrap;
      font-weight:bolder;
      font-size:18px;
    }
    
    /*
    Label the data
    */
    
    td:nth-of-type(1) { content: ""; width:100%;}
    td:nth-of-type(2) { content: ""; width:100%;}
    td:nth-of-type(3) { content: ""; width:100%;}
    td:nth-of-type(4) { content: ""; width:100%;}
    td:nth-of-type(5) { content: ""; width:100%;}


}
@media only screen and (max-width:680px) {}
@media only screen and (max-width:640px) {}
@media (max-width: 480px) {}
@media (max-width: 470px) {}
@media (max-width: 450px) {}
@media (max-width: 400px) {}
@media (max-width: 360px) {}
@media (max-width: 320px) {}