@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,800,900');

body{ font-family: 'Raleway', sans-serif;}

h1,h2,h3,h4,h5,h6{font-family: 'Raleway', sans-serif;}
a{color: #0068b6; transition: all 0.5s ease 0s;}
a:hover{color: #434e55; text-decoration: none; transition: all 0.5s ease 0s;}

.max-cntr{ max-width: 1330px; margin: 0 auto;}
.max-cntr .row{ margin-right:0 !important;}
.body-part{ border:1px solid #e9e9e9; border-radius:3px; padding:15px 20px; min-height:450px;}
.innerbody-part{  border:1px solid #e9e9e9; border-radius:10px; padding:0 0 15px; min-height:450px; background:#fff;}
.inner-part{ background:url(../images/innerbg.jpg); padding-bottom:50px; padding-top:40px;}

.no-iemsg{text-align: center; padding-top: 50px;}
.no-iemsg h1, .no-iemsg h3{font-family:Arial, sans-serif; padding: 0 100px;}

.top-bar{position: absolute;z-index: 10; width: 100%;top: 0; font-size: 14px; color: #ffffff; padding-top: 10px;}
.top-bar a{color: #ffffff;}
.tp1{ text-align: left;}
.tp-email{margin-left: 25px;}
.tp2{ text-align: right;}
.tp-social a{border-right: 1px solid rgba(255, 255, 255, 0.3); padding:0 8px;}
.tp-social a:last-child{border-right:0 none;}
.tp-social a i{font-size: 18px;}

.navbar-toggler{ background-color:rgba(255, 255, 255, 1.0);}
.navbar-light .navbar-toggler{ outline:none;}
.navbar-toggler:not(:disabled):not(.disabled){ bordr:1px solid #33C;}

/* Banner Styles */
.carousel-inner-page{ position: relative; width: 100%; overflow: hidden; background: #0068b6;}
.banner-inner{ position:relative;}
.banner-content-inner{ position:absolute; bottom:0%; left: 0; text-align:left; width: 100%; z-index: 3;}
.inner-banner{ padding:0; text-align:center}
.navbar-brand{padding:13px 0;}
.navbar-brand img{ width:86%;}

.banner-content-inner h1 span{ font-size:35px; color: #c21b17; text-transform:uppercase; font-weight:bold; border-radius:5px 0px 0px 5px; padding:12px 20px 12px 100px; border-left:5px solid #c21b17; background:rgba(255,255,255,0.8); font-family: 'Raleway', sans-serif;display:inline-block;}
.banner-content-inner h1 span strong{font-size:20px; color:#111; font-weight:600; }
.banner-content-inner ul { margin:0; padding:0;}
.banner-content-inner ul li{ list-style:none; font-size:14px; color:#000; font-weight:normal; display:inline-block;}
.banner-content-inner ul li a{ color:#0068b6; font-weight:600;}
.banner-content-inner ul span{ color:#000;}
.banner-content-inner  h1{ margin-bottom:50px;}
/* // Banner Styles */

.inner-wrapper{}
.table thead th{ background: #c6dae9; padding:10px; color:#444; border-bottom:2px solid #bdd1e0;}
.table-bordered td, .table-bordered th{ border:1px solid #d4e6f3;}
.table-bordered td{ color:#666; padding:10px;}
.table-bordered tr td:first-child{ background:#0b6f7e; color:#fff; }

/* BackToTop button css */
#scroll { position:fixed; right:20px; bottom:20px; cursor:pointer; width:40px; height:40px; background:url(../images/top-up.png) no-repeat 0px 0px;text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:0px; z-index:999;}
#scroll span { position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff }
#scroll:hover { background:url(../images/top-up2.png) no-repeat 0px 0px; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}
/* // BackToTop button css */


/* About Link */
.about-link{ padding-top:10px;}
.title-tab{  text-align:center;}
.title-tab a{margin: 0; padding:0px 18px 3px; position: relative; display: inline-block;  color:#0168b6; }
.title-tab a.active{ color:#333;}
.title-tab a:hover{ color:#222;}
.title-tab a:after{margin: 0; padding: 0; border-left: 3px solid #d5d8da; position: absolute; content: ""; height: 10px; left: 0; top: 8px; transition: all 0.5s ease 0s; width: 0;}
.title-tab a:hover:after{margin: 0; padding: 0; border-left: 0px solid #d5d8da; border-bottom: 2px solid #0068b6; height: 10px; left: 0px; top: auto; bottom: 0px; width: 100%; transition: all 0.5s ease 0s; }

.about-page{display: flex; width: 100%; border-bottom: 1px dashed #cfcfcf; padding: 15px 0px 20px; margin:10px 0px;}
.about-page:last-child{ border-bottom:none; padding-bottom:0;}

.about-page .about-pltr{ width: 65%; padding: 0px 20px 0px 40px; float:left;}
.about-page .about-pltr span i{ background:#0168b6; width:33px; height:33px; text-align:center; padding-top:11px; font-size:12px; border-radius:50px; font-family:fontAwesome; color:#fff; margin-right:5px;}
.about-page .about-pltr span{ padding:0px 0px 10px; display:inline-block;}
.about-page .about-pltr span em{ font-style: normal; font-size:18px; text-transform:none; font-weight:500; color:#444; padding-top:4px;}

.about-page .about-prtr{ width: 35%; margin-top:10px; float:left; border:1px solid #f4f3f3; box-shadow:none; display:flex; transition:0.4s;}
.about-page .about-prtr:hover{ box-shadow:none; transition:0.4s;}
.about-page .about-pltr h1{ color: #0068b6; font-size: 22px; font-weight: 600; padding:0px 0px 10px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:15px; margin-bottom:20px; line-height:1.3;}
.about-page .about-pltr em{ font-size:20px; padding-top:15px; color:#333; font-weight:300; font-style:italic;}
.about-page .about-pltr h1:before{ position:absolute; content:''; background:#e1e1e1; height:1px; bottom:0px; left:0%; }
.about-page .about-pltr h1:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:-4px; left:0%; width:70px;}
.about-page .about-pltr h1 small{color: #606e7f; font-size: 18px; font-weight: 200; display: block;}
.about-page .about-pltr h2{color: #606e7f; font-size: 20px; font-weight: normal; display: block;}
.about-page .about-pltr p{color: #454545; font-size: 14px; line-height:1.7; font-weight:normal; text-align: justify; font-family: 'Raleway', sans-serif;}
.about-page .about-pltr ul{ margin:0; padding:0;}
.about-page .about-pltr ul li{ line-height:1.7; list-style:none; background:url(../images/arrow4.png) left 0px top 13px no-repeat; padding-left:12px;}
.about-page .about-prtr img{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}


.about-page .about-pltr1{ width:50%; padding: 0px 20px 0px 0;}
.about-page .about-pltr1:hover span i{ -webkit-animation:pulse 0.6s infinite ;-moz-animation:pulse 0.6s infinite;-ms-animation:pulse 0.6s infinite;-o-animation:pulse 0.6s infinite;animation:pulse 0.6s infinite;}
.about-page .about-pltr1 span i{ background:#0168b6; width:33px; height:33px; text-align:center; padding-top:11px; font-size:12px; border-radius:50px; font-family:fontAwesome; color:#fff; margin-right:10px;}
.about-page .about-pltr1 span{ padding:0px 0px 10px; display:inline-block;}
.about-page .about-pltr1 span em{ font-style: normal; font-size:18px; text-transform:none; font-weight:600; color:#444; padding-top:4px;}
.about-page .about-pltr1 h1{ color: #0068b6; font-size: 22px; font-weight: 600; padding:0px 0px 10px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:15px; margin-bottom:20px; line-height:1.3;}
.about-page .about-pltr1 h1:before{ position:absolute; content:''; background:#e1e1e1; height:1px; bottom:0px; left:0%; width:420px;}
.about-page .about-pltr1 h1:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:-4px; left:0%; width:70px;}
.about-page .about-pltr1 em{ font-size:20px; padding-top:15px; color:#333; font-weight:300; font-style:italic; position:relative;}
.about-page .about-pltr1 em:before{ position:absolute; content:''; background:#ededed; height:1px; bottom:9px; left:115%; width:220px;}
.about-page .about-pltr1 h1 small{color: #606e7f; font-size: 18px; font-weight: 200; display: block;}
.about-page .about-pltr1 h2{color: #606e7f; font-size: 20px; font-weight: normal; display: block;}
.about-page .about-pltr1 p{color: #454545; font-size: 14px; line-height:1.7; font-weight:normal; text-align: justify; font-family: 'Raleway', sans-serif;}
.about-page .about-prtr1 img{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}

.about-page .about-prtr2{ width:50%; padding:0px 0px 0px 20px; border-left:1px dashed #dfdfdf;}
.about-page .about-prtr2 span i{ background:#0168b6; width:33px; height:33px; text-align:center; padding-top:9px; font-size:15px; border-radius:50px; font-family:fontAwesome; color:#fff; margin-right:10px;}
.about-page .about-prtr2:hover span i{ -webkit-animation:pulse 0.6s infinite ;-moz-animation:pulse 0.6s infinite;-ms-animation:pulse 0.6s infinite;-o-animation:pulse 0.6s infinite;animation:pulse 0.6s infinite;}
.about-page .about-prtr2 span{ padding:0px 0px 10px; display:inline-block;}
.about-page .about-prtr2 span em{ font-style: normal; font-size:18px; text-transform:none; font-weight:600; color:#444; padding-top:4px;}
.about-page .about-prtr2 h1{ color: #0068b6; font-size: 22px; font-weight: 600; padding:0px 0px 10px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:15px; margin-bottom:20px; line-height:1.3;}
.about-page .about-prtr2 em{ font-size:20px; padding-top:15px; color:#333; font-weight:300; font-style:italic; position:relative;}
.about-page .about-prtr2 em:before{ position:absolute; content:''; background:#ededed; height:1px; bottom:9px; left:115%; width:220px;}
.about-page .about-prtr2 small{ font-size:16px; padding-top:5px; color:#333; font-weight:300; font-style:italic; display:block;}
.about-page .about-prtr2 h1:before{ position:absolute; content:''; background:#e1e1e1; height:1px; bottom:0px; left:0%; width:420px;}
.about-page .about-prtr2 h1:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:-4px; left:0%; width:70px;}
.about-page .about-prtr2 h1 small{color: #606e7f; font-size: 18px; font-weight: 200; display: block;}
.about-page .about-prtr2 h2{color: #606e7f; font-size: 20px; font-weight: normal; display: block;}
.about-page .about-prtr2 p{color: #454545; font-size: 14px; line-height:1.7; font-weight:normal; text-align: justify; font-family: 'Raleway', sans-serif;}
.about-page .about-prtr2 img{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}


/* About Link */


/* News Details */
.news_events2{ margin-top: 0px; width:100%; display:inline-block; margin-bottom:20px;}
.news_events2 p{ color: #333; line-height:1.7; text-align:justify; font-family: 'Raleway', sans-serif; font-size:15px;}
.news_events2 p a{ color:#FF6600; text-decoration:none; padding:0px 5px;}
.news_events2 p a:hover{ color:#013c6f;}
.news_events2 img{ margin:0 auto; border:1px solid #eee; border-radius:3px; padding:3px; display:block;}
.news_events2 .imgbdr1{ background:#f9f9f9; padding:25px 10px 25px; border:1px solid #d5d5d5; border-radius:3px;}
.news_events2 .imgbdr1{ float:left; margin-top:20px;}
.news_events2 .imgbr{ margin-bottom:25px;}
.news_events2 .imgbdr1 img{ border:1px solid #dddddd; border-radius:3px; padding:3px; object-fit: contain; margin: 0 auto; width:100%; height:200px}
.news_events2 .ntitle { font-size: 15px; text-transform:uppercase; color: #c21b17; font-weight: bold; margin: 0px 0px 15px;}
.news_events2 .ndate { color: #555; font-size:13px; padding: 5px 10px; display: block; background-color: #eee; border-radius: 4px; margin-bottom:15px; }
.news_events2 .ndate b{ color:#0080e0; font-size:12px;}
.news_events2 .ncontent { text-align: justify; padding: 0px 0 3px; color:#666; }
.news_events2 .more { margin-bottom: 7px; padding: 0;}
.news_events2:last-child{background-image:none;}
.news_events2 .more a { display: inline-block;  padding: 3px 20px; background-color: #1d3687; color: #FFFFFF; font-size: 10px; text-transform: uppercase;
 border-radius: 4px; margin-bottom:}
.news_events2 ul{ margin:0; padding:0; margin-top:13px;  margin-bottom:20px;}
.news_events2 li{ background:url(../images/arrow4.png) left 0px top 11px no-repeat; list-style:none; line-height:1.8; padding-left:15px; font-size:15px; color:#555;}
.nws{ margin-top:15px;}
/* // News Details */

/* Client */
.client-page{}
.inner-title{ margin-top:0px;}
.inner-title h1{ color: #fff; background:#0b6f7e; border-bottom:#FFCC00 3px solid; border-radius:10px; font-size: 26px; font-weight: 600; padding:10px 10px 10px 25px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:0px; line-height:1.1;}
.inner-title h1 strong{ color:#ffcc00; font-size:20px; font-weight:400; text-transform:none; }
.inner-title h1 span{float: right; margin-top: -3px;}
.inner-title h1 span a{color: #0b6f7e; border: 1px solid #fff; background: #fff; border-radius: 3px; padding:4px 10px 3px; margin-top: 15px; transition: 0.4s;
font-size: 12px; text-transform: none; font-weight: 500;}
.inner-title h1 span a i{padding-right: 5px;}
.inner-title h1 span a:hover{ border:1px solid #ffcc00; color:#004f94; background:#ffcc00;}
/*.inner-title h1:before{ position:absolute; content:''; background:#e1e1e1; height:1px; bottom:0px; left:0%; width:200px;}
.inner-title h1:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:-4px; left:0%; width:70px;}*/
.client-page .client-part{ width:100%; padding-top:15px; display:inline-block;}
.client-page .client-part span{ display:flex; border:1px solid #eee; border-radius:3px; margin-bottom:15px; height:120px; width:19%; float:left; margin-right:15px; border-bottom:4px solid #eee; transition:0.4s;}
.client-page .client-part span:hover img{ -webkit-animation:pulse 0.6s infinite ;-moz-animation:pulse 0.6s infinite;-ms-animation:pulse 0.6s infinite;-o-animation:pulse 0.6s infinite;animation:pulse 0.6s infinite; border-bottom:none; transition:0.4s;}
.client-page .client-part span img{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.client-page .client-part span:nth-child(5n+5){ margin-right:0;}

.client-page .client-part2{ width:100%; padding:25px 30px; display:inline-block;}
.client-page .client-part2 img{ object-fit: contain; width: auto; height: auto; margin: 0 auto; min-width:130px;}

.clienttesti2 p{ color: #333; line-height:1.7; text-align:justify; font-family: 'Raleway', sans-serif; font-size:15px; font-style:italic;}
.clienttesti2 p a{ color:#FF6600; text-decoration:none; padding:0px 5px;}
.clienttesti2 p a:hover{ color:#013c6f;}
.clienttesti2 img{ margin:0 auto; border:1px solid #eee; border-radius:3px; padding:3px; display:block;}
.clienttesti2 .ntitle { font-size: 15px; text-transform:none; color: #c21b17; font-weight: bold; margin: 0px 0px 15px; text-align:justify;  font-style:italic;}

.clienttesti2 .companyname { font-size: 15px; text-transform:none; color: #000; font-weight: bold; margin: 30px 0px 15px; text-align:left;}
.clienttesti2 .companyname strong{ font-weight:normal; }

/* Client */ 

/* Project Page */
.project-page{}
.project-page .project-part{ width:100%; padding-top:15px; display:inline-block;}
.project-page .project-part span{ display:flex; border:1px solid #eee; border-radius:3px; margin-bottom:15px; height:120px; width:19%; float:left; margin-right:15px; border-bottom:4px solid #eee; transition:0.4s;}
.project-page .project-part span:hover img{ -webkit-animation:pulse 0.6s infinite ;-moz-animation:pulse 0.6s infinite;-ms-animation:pulse 0.6s infinite;-o-animation:pulse 0.6s infinite;animation:pulse 0.6s infinite; border-bottom:none; transition:0.4s;}
.project-page .project-part span img{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.project-page .project-part span:nth-child(5n+5){ margin-right:0;}

.project-list{ /* border:1px solid #ddd;*/ padding:10px; border-radius:3px; margin-left:13px;}

.project-list .nbox{width:31%; float:left; text-align:center; padding:20px 20px 20px 20px; border:#c21b17 1px solid; margin:12px; border-radius:15px;}
.project-list .nbox:last-child{ }
.project-list .nbox small{ display: block; color: #000; margin-top: 4px; font-size:15px; text-align:left; font-weight:bold; line-height:18px; }
.project-list .nbox small strong{ color: #333; font-size:14px; font-weight:normal; line-height:25px }
.project-list .nbox small i{ margin-right: 6px;}
.project-list .nbox h1{font-size: 15px; font-weight: 600; color:#bb1f1f; font-family: 'Raleway', sans-serif; text-align:justify; line-height:20px; border:none; margin:0px; padding:0px;}

.project-list .nbox ul{ list-style:none; margin:10px 0px; padding:0px; text-align:left; font-size:14px;}
.project-list .nbox li{ background:#fff; margin:3px 0; padding:3px 5px; color:#000;}
.project-list .nbox li strong{ font-weight:400;}

.project-list .nbox p{  font-family: 'Raleway', sans-serif; font-size:13px; color:#376285; line-height:20px; padding:10px 0; margin:0px; font-style:italic;}
.project-list .nbox a{ display:block; padding:0; font-size:14px; text-align:left;}
.project-list .nbox a:hover{ color:#ff0000}
.project-list .nbox .imgbox{ width:100%; display:block; }
.project-list .nbox img{ border:#cbcbcb 1px solid; padding:3px; border-radius:10px; margin-bottom:15px; background:#fff; width:100%;}
/* Project Page */ 

/* Contact */ 
.contact-part{ padding:25px 30px;}
.our-address{ width:100%; display:flex; margin-top:20px;}
.our-address .ccont1{ padding:5px 20px 5px 10px; width:100%; margin-right:15px; background:#fff; float:left; border-radius:3px; border-bottom:3px solid #ccc;}
.our-address .ccont1:nth-child(3n+3){ margin-right:0;}
.our-address .ccont1 h1{ font-size:18px; color:#c21b17; padding:12px 10px; margin:0; transition: all 0.5s ease 0s; font-weight:bold;}
.our-address .ccont1 .adr{ color:#777b94; font-size:14px; padding:10px; display:block; border-top:1px dotted #b6bee8;}
.our-address .ccont1 .ph{ color:#444; font-size:14px; padding:4px 0px; display:block; border-top:1px dotted #b6bee8; text-transform:uppercase;}
.our-address .ccont1 .email{ color:#444; font-size:14px; padding:4px 0px; display:block; border-top:1px dotted #b6bee8;}
.our-address .ccont1 b{ display:inline-block; background:#fff; padding:5px; margin-right:10px; width:35px; text-align:center; color:#666; border-radius:5px;}

.contact-part .ccont2{ }
.contact-part .ccont2 iframe{ width:100% !important; height:320px; border:1px solid #fff; border-radius:3px; padding:4px;}
.contact-part .ccont2 .col-tr{ display:table-row; width:100%; height:100%;}
.contact-part .ccont2 .col-td{ display:table-cell; width:100%; height:100%; border:1px solid #fff;}

.enquiry{ width:100%; margin-top:40px; padding:0 30px}
.enquiry .csr-form .form-group{ display:flex;}
.enquiry .csr-form .form-group label{ text-align:right; color:#555; font-weight:600;}
.text-red{ color:#ff0202;}
.enquiry .csr-form h1{ color: #c21b17; font-size: 20px; font-weight: 600; padding:0px 0px 10px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:30px; line-height:1.3;}
.enquiry .csr-form h1:before{ position:absolute; content:''; background:#e1e1e1; height:1px; bottom:0px; left:0%; width:210px;}
.enquiry .csr-form h1:after{ position:absolute; content:''; background:#c21b17; height:3px; bottom:-4px; left:0%; width:70px;}
/* Contact */ 


/* Breadcrumb */
.breadcrumb{ background:transparent; padding:0px 0px 0px; margin-bottom:0px;}
.breadcrumb i{ color:#303030; font-size:12px; margin:4px 10px;}
.breadcrumb > li + li::before{ color:#fff;}
.breadcrumb_bg{ background:#eff3f6; }
.breadcrumb_part{ padding:12px 15px;}
.breadcrumb_part h2{ font-family:montserrat, sans-serif; font-weight:500; font-size:28px; text-align:left; color:#666; margin-top:5px;}
.breadcrumb_part ul{ margin:0; padding:0;}
.breadcrumb_part li{ font-family:montserrat, sans-serif; font-size:13px; color:#222;}
.breadcrumb_part li i{ color:#ff0000;}
.breadcrumb_part li a span{ color:#017ebd; font-family:montserrat, sans-serif; text-decoration:none;}
.breadcrumb_part li a span:hover{ color:#01344d;}
.breadcrumb > .active{ color:#666;}
/*  // Breadcrumb */

/* news-page */
.news-page{}
.news-part{ width:100%; display:flex; flex-wrap: wrap; padding:25px 30px;}
.nws-det{ width: 25%; padding: 20px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; float:left; transition:0.4s;}
.nws-det:nth-child(4n+4){ border-right:none;}
.nws-det .nws-image{ text-align:center; display:flex; border:1px solid #dedede; border-radius:3px 3px 0px 0px; height:200px; width:100%; border-bottom:4px solid #003b6e; transition:0.4s;}
.nws-det .nws-image img{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.nws-det a:hover .nws-des { background: #0080e0; transition:0.4s;}
.nws-det a:hover .nws-image{ border-bottom:6px solid #fff;} 


.nws-det .nws-des{ background:#0068b6; padding-bottom:1px;}
.nws-det .nws-des h2{ text-align:center; font-size: 14px; color: #fff; text-transform:uppercase; font-weight:bold; padding:10px 5px 5px; margin: 0; transition: all 0.5s ease 0s; font-weight: normal; font-family: 'Raleway', sans-serif; font-weight:600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nws-det .nws-des small{ text-align:center; display:block; font-size: 14px; color: #000; padding:5px;}
.nws-det .nws-des p{ text-align:center;  font-size: 14px; color: #333; padding: 5px 7px; color:#fff;}

/* //news-page */

.logo-bg{background-color:rgba(255, 255, 255, 1.0); position: absolute; width: 100%; z-index: 11; top: 34px;}

.topnav-bg{ background:url(../images/topnav_bg.png) no-repeat right; position: absolute; width: 100%; z-index: 13; top: 19px; text-align:right; height:54px; color:#fff;}
.topnav-bg a{ font-size:14px; padding:0 10px; margin:16px 0; display:inline-block; color:#fff; text-transform:uppercase; }
.topnav-bg a:hover{ color:#fff000; }

.nav-bg{ background:url(../images/nav_bg.png) no-repeat right; position: absolute; width: 100%; z-index: 12; height:54px; top: 135px;}
li.nav-item{padding: 0 22px;}

.navbar { width:100%; padding:5px;}


.navbar-light .navbar-nav .nav-link{font-family: 'Raleway', sans-serif; font-size: 15px; font-weight: 400; color: #fff; padding: 8px 0;position: relative; text-transform:uppercase;}
.navbar-light .navbar-nav .nav-link i{ position: absolute; right: -14; padding-top: 2px;}
li.nav-item > a:after{ position:absolute; height:2px; background:#fff000; width:0; content:""; left:50%; bottom:0; transition: all 0.3s ease 0s; z-index:-1; opacity: 1; border: 0 none;}
li.nav-item:hover > a:after{ left:0; width:100%; opacity: 1; }
.navbar-light .navbar-nav .nav-link span{ padding:0 0 0 7px;}

.navbar-light .navbar-nav .nav-link:focus{ color:#ffcc00;}
.navbar-light .navbar-nav .nav-link:hover{ color:#ffcc00;}

.navbar .stky-logo{ position: absolute; left: 0; top: 5px; visibility: hidden;}
.sticky .navbar .stky-logo{ position: absolute; left: 10px; top: 3px; visibility: visible; transition: all 0.5s ease 0s; width:240px;}
.sticky .navbar .stky-logo{ visibility: visible;}

.tlinks{font-family: 'Raleway', sans-serif; text-align:left; padding-left:0px; color:#000; float:right; margin:56px 0 14px 50px; }
.tlinks .fa{ font-size:20px; padding:9px 9px; border-radius:20px; color:#fff; background:#333; margin:0px 10px 0 0; display:inline-block; float:left;}
.tlinks b small{ font-size:13px; color:#000; }
.tlinks b{ font-weight:500; text-transform: uppercase; color: #fff; font-size: 13px;  padding:0px 18px 0px 10px;}
.tlinks b:last-child { border-right: none; padding-right: 0; background: none;}
.tlinks a{ color:#222;  font-size:13px; text-transform:none;}
.tlinks span{ color:#222; font-size:15px; margin:0px 10px 0 0; display:inline-block; line-height:18px;}
.tlinks span strong{ display:block;}
.tlinks a:hover{ color:#ff0000;}
.tlinks .contactlist{ display:inline-block; margin:0 0 0 50px;}

.mega-dropdown { position: static !important; }
.mega-dropdown-menu { padding: 20px; width: 100%; max-width:100%; box-shadow: none; -webkit-box-shadow: none; margin:auto; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.95); border-radius: 0; border: 0 none; border-bottom: 3px solid #c21b17;}
.mega-dropdown-menu > li ul { padding: 0; margin: 0;}
.mega-dropdown-menu > li ul > li { list-style: none;}
.mega-dropdown-menu > li ul > li > a { display: block; color: #333; padding: 3px 5px 3px 17px; position: relative;}
.mega-dropdown-menu > li ul > li > a::after {position: absolute; content: ""; height: 8px; border-left: 4px solid #606e7f; left: 4px; top: 12px; -webkit-clip-path: polygon(0 1%, 0 100%, 100% 49%);
    clip-path: polygon(0 1%, 0 100%, 100% 49%); background-color: transparent; transition: all 0.5s ease 0s;}
.mega-dropdown-menu > li ul > li > a:hover,.mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; color: #000;}
.mega-dropdown-menu > li ul > li > a:hover::after {height: 100%; width: 100%; border-left: 4px solid #c21b17; background-color: #fcd7d6; top: 0px; -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); z-index: -1; transition: all 0.5s ease 0s;}
.mega-dropdown-menu .dropdown-header { font-size: 14px; color: #c21b17; padding: 5px 0; line-height: 30px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 600;}
.megalink {border-right: 1px solid #dddddd;}
.megalink:last-child{border-right: 0 none;}
.megalink li{border-top: 1px solid #eee;}
.megalink:nth-child(1):hover i{animation-name: bounce; animation-duration: 1s;}
.megalink:nth-child(2):hover i{animation-name: wobble; animation-duration: 1s;}
.megalink:nth-child(3):hover i{animation-name: rubberBand; animation-duration: 1s;}
.megalink:nth-child(4):hover i{animation-name: bounceIn; animation-duration: 1s;}
.megalink:nth-child(5):hover i{animation-name: lightSpeedIn; animation-duration: 1s;}

.sticky { position: fixed; top: 0; width: 100%; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.95);}

/*.carousel-caption h3:first-child { animation-delay: 1s;}
.carousel-caption h3:nth-child(2) { animation-delay: 2s;}
.carousel-caption button { animation-delay: 3s;}*/

/* Banner Slide Part */
.carousel-control-prev{ opacity: 0;}
.carousel-control-next{ opacity: 0;}
.carousel-caption{ position: absolute; text-align-last: left; width:650px; height:250px; bottom: 27%;-webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
.cardelay{ text-align: left;}
.carousel-caption h1{font-family: 'Raleway', sans-serif; color:#000; font-size: 35px; font-weight: 600; padding:0 0 7px 0; margin: 0; line-height: 1;-webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
.carousel-caption h2{font-family: 'Raleway', sans-serif; color:#222; font-size: 28px; font-weight: 400; padding: 0; margin: 0; line-height: 1;-webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
.carousel-caption h3{font-family: 'Raleway', sans-serif; color:#000; text-align:justify; font-size: 21px; font-weight: 400; padding: 20px 0 0 0; line-height:27px; margin: 0; -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
	
.carousel-item{-webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
	
	

  @keyframes slideOutLeft {
  0% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  100% {
  visibility: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  }
  } 
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  } 
  @keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  } 
@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
    }
    60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
    }
    75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
    }
    90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
    }
    100% {
    -webkit-transform: none;
    transform: none;
    }
    }
    @keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
    }
    60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
    }
    75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
    }
    90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
    }
    100% {
    -webkit-transform: none;
    transform: none;
    }
    } 
@-webkit-keyframes zoomInRight {
    0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
    }
    @keyframes zoomInRight {
    0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
    } 
@-webkit-keyframes lightSpeedIn {
    0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
    }
    60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
    }
    80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
    }
    100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    }
    }
    @keyframes lightSpeedIn {
    0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
    }
    60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
    }
    80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
    }
    100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    }
    } 
@-webkit-keyframes fadeInLeftBig {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
    }
    100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    }
    }
    @keyframes fadeInLeftBig {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
    }
    100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    }
    } 

/* Product Index page */
.prd-listt{font-family: 'Raleway', sans-serif;  padding: 50px 10px;}
.prd-listt{text-align: center; background:#c21b17;}
.prd-listt .prd-title{margin-bottom: 35px;}
.prd-listt .prd-title h4{color: #fff; font-size: 25px; font-weight: 400; margin: 0; padding: 0 0 20px 0; text-transform:uppercase; margin-bottom:00px; background:url(../images/line2.jpg) repeat-x bottom;}

.prd-listt .prd-title span{display: block; margin:0 auto 10px; background:#fff; border-radius:30px; width:60px; height:60px; line-height:65px; border:#74100e 3px solid;}
.prd-listt .prd-title span i{ font-size:30px; color:#c21b17;}

.prd-listt .prd-title small{color: #95a6ae; font-size: 14px; font-weight: 500; font-family: 'Raleway', sans-serif;}
.prd-listt .prd-box{position: relative; overflow: hidden; padding-top: 15px; padding-bottom: 15px;}
.prd-listt .prd-box::before{ position: absolute; content: ""; height: 290px; width: 100%; left: -50%; bottom: 0; background-color: #b71410;-webkit-clip-path: polygon(0 0, 0% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 0% 0, 100% 100%, 0% 100%); z-index: -1;transition: all 0.5s ease 0s; top: 0; border-right: 2px solid #eb3834;}
.prd-listt .prd-box:hover::before{left: 0;transition: all 0.5s ease 0s;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); top:0;}

.prd-listt .prd-box span{margin-bottom: 20px; margin-right:15px; display: inline-block; float:left; background:#fff; border-radius:30px; width:60px; height:60px; line-height:65px; border:#74100e 3px solid;}
.prd-listt .prd-box span i{ font-size:30px; color:#c21b17;}

.prd-listt .prd-box h2{font-size: 17px; color: #fff000; font-weight: 400; text-align:left;}
.prd-listt .prd-box p{text-align: justify; font-size: 14px; color: #fff; line-height:20px; font-weight:normal; text-transform:none;}
.prd-listt .prd-box a{color: #434e55; font-size: 12px; text-transform: uppercase; font-weight: bold;}
.product-listt{ padding:0; display:flex; flex-wrap: wrap;}
.prd-listt .product-listt .prd-box{ float: left; margin-right:8px; padding:10px 23px; max-width:32%;}
.prd-listt .product-listt .prd-box:nth-child(5n+5){ margin-right:0px;}
.prd-listt .product-listt .prd-box:hover img{ -webkit-animation:pulse 0.6s infinite ;-moz-animation:pulse 0.6s infinite;-ms-animation:pulse 0.6s infinite;-o-animation:pulse 0.6s infinite;animation:pulse 0.6s infinite;}

/* // Product Index page */

.btn1{ white-space:normal;}
#accordion-style-1 h1,
#accordion-style-1 a{ color:#0068b6;}
#accordion-style-1 .btn-link { font-weight: 400; color: #c21b17; background-color: transparent; text-decoration: none !important; font-size: 16px; font-weight: 600; text-transform:uppercase; padding-left: 0px;}
#accordion-style-1 .card-body { border-top: 2px solid #c21b17;}
#accordion-style-1 .card-body h3{  padding:0px 0px 10px; font-size:16px; font-weight:500; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; color:#444; margin-bottom:15px; margin-top:10px;}
#accordion-style-1 .card-body h3:before{ position:absolute; content:''; background:#666; height:1px; bottom:4px; left:0%; width:120px;}
#accordion-style-1 .card-body h3:after{ position:absolute; content:''; background:#c21b17; height:3px; bottom:0px; left:0%; width:60px;}
#accordion-style-1 .card-body p{ text-align:justify; color:#333; line-height:1.7;}
#accordion-style-1 .card-body ul{ margin:0 auto; padding:0;}
#accordion-style-1 .card-body ul li{ list-style:none; font-size:14px;  line-height:1.7; background:url(../images/arrow4.png) left top 10px no-repeat; padding-left:15px;}
.link{ margin-top:20px;}
#accordion-style-1 .card-body a { color: #fff; border: 1px solid #0068b6; background:#0b6f7e; border-radius: 25px; padding:1px 20px 5px; margin-top: 15px; transition:0.4s; font-size:14px;}
#accordion-style-1 .card-body a:hover { color: #004f94; background:transparent; border:1px solid #004f94; box-shadow: 0px 24px 7px -14px #bababa;}
#accordion-style-1 .card-header .btn.collapsed .fa.main{ display:none;}
#accordion-style-1 .card-header .btn .fa.main{ background: #0068b6; padding: 13px 11px; color: #ffffff; width: 35px; height: 41px; position: absolute; left: -1px; top: 10px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; display:block;}
.accor{ padding:0;}
.career{ padding:0;}
.career p{ text-align:justify; color:#333; line-height:1.7; font-family: 'Raleway', sans-serif; padding-right:15px;}
.career a{ color: #004f94; margin-top: 15px; transition:0.4s; padding-left:10px;}
.career a:hover{ color:#111;}
.acc{ padding-left:0;}
.career-part{ padding:25px 30px;}
.career-part p{ text-align:justify; color:#333; line-height:1.7;}
/* career */

/* Product Accordian */
#accordion-style-2 h1,
#accordion-style-2 a{ color:#0068b6;}
#accordion-style-2 .btn-link { font-weight: 400; color: #0068b6; background-color: transparent; text-decoration: none !important; font-size: 14px; font-weight: 600; text-transform:none; padding-left: 25px;}
#accordion-style-2 .card-body { border-top: 2px solid #0068b6; padding:10px;}
#accordion-style-2 .card-body h3{  padding:0px 0px 10px; font-size:16px; font-weight:500; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; color:#444; margin-bottom:15px; margin-top:10px;}
#accordion-style-2 .card-body h3:before{ position:absolute; content:''; background:#0068b6; height:1px; bottom:4px; left:0%; width:120px;}
#accordion-style-2 .card-body h3:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:0px; left:0%; width:60px;}
#accordion-style-2 .card-body p{ text-align:justify; color:#333; line-height:1.7;}
#accordion-style-2 .card-body ul{ margin:0 auto; padding:0;}
#accordion-style-2 .card-body ul li{ list-style:none; font-size:14px;  line-height:1.7; background:url(../images/arrow4.png) left top 10px no-repeat; }
#accordion-style-2 .card-body ul li.active{ background:#eeeded;}
.link{ margin-top:20px;}
#accordion-style-2 .card-body a { color: #0068b6; border-bottom: 1px dotted #ccc; padding:1px 3px 5px 12px; text-align:justify; transition:0.4s; font-size:14px; display:block;}
#accordion-style-2 .card-body a:hover { color: #004f94; background:#e0f2ff; /*  background:url(../images/arrow4-1.png) left top 10px no-repeat;*/ }
#accordion-style-2 .card-header{ padding:0px 0px 0px 4px; border-bottom: none; background:#f2f2f2; margin-bottom:1px;}
#accordion-style-2 .card-header .btn.collapsed .fa.main{ display:none;}
#accordion-style-2 .card-header .btn .fa.main{background: #0068b6; padding: 6px 6px; color: #ffffff; width: 22px; height: 22px; position: absolute; left: 0px;
top:8px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; display: block; font-size: 10px;}
.right{ float:right;}

/* // Product Accordian */


/* Product Main */
.prd-main{ margin-top:30px;}
.inprd-bg{ padding-top:25px;}
.prdcat{ margin-bottom:30px; overflow:hidden;}
.prd1{ border: 1px solid #e0e0e0; border-bottom: 3px solid #0068b6; border-radius: 3px 3px 0px 0px; transition: all 0.5s ease 0s; height:232px; display: flex; padding:3px 2px 2px 2px;}
.prd1 img{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.prdcat img{ border-radius:3px;}
.prdcat a{ position:relative; transition: all 0.5s ease 0s; display:block;}
.prdcat h2{ position:absolute; bottom:-3px; font-size:16px; text-align:center; color:#fff; width:100%; background-color:rgba(0,54,94,0.7); padding:8px 15px; transition: all 0.5s ease 0s; left:0px;}
.prdcat a:hover h2{ color:#222;  background-color:rgba(255,255,255,0.7);}
.prdcat a .prd1:hover{ border-bottom: 3px solid #dcd5b8;} 
.inprd-bg .cbox1 img{border-radius:3px;}

.prdlink{ padding-top:10px;}
.prdlink ul{ padding:0; margin:0; list-style:none;}
.prdlink ul li{ padding:0; margin:0; list-style:none; border-left:3px solid #ececec; background:#f2f9ff; margin-bottom:3px;}
.prdlink ul li a{background:url(../images/arrow7.png) 5px 15px no-repeat; padding:4px 10px 4px 20px; color:#0068b6; display:block;}
.prdlink ul li a:hover{ color:#333;}

.prdcat2{ margin-bottom:30px;}
.prdcat2 h2{font-size:20px; color:#333; background-color:#bae435; padding:10px 15px; margin-top:0;}
.prdcat2 h2 a:hover{ color:#fff; text-shadow:1px 1px 0px #90ae30;}
.prdcat2 .prdlink ul{-moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px;}
/* //Product Main */


/* Product Left Nav */
.prdlist-bg{ margin:30px 0px;}
.prd-catlist{ margin-bottom:20px;}
.prd-catlist h4{ background-color:#0068b6; margin:0; padding:10px 15px; color:#fff; font-size:14px; border-radius:3px 3px 0 0; text-transform:uppercase; font-weight: 600;}
.cat-body{ background-color:#fff; padding:5px; border:1px solid #e5e5e5; border-radius:0 0 3px 3px}
.cat-body .saccord .panel{background-color:#f2f2f2; border:0 none; border-radius:0px; box-shadow: none; margin-bottom:0px; border-bottom:2px solid #f2f2f2;;}
.cat-body .saccord .panel .box-header{ border-radius:3px; padding:0;}
.cat-body .saccord .accordion-toggle{ padding:6px 5px 6px 25px; display:block; position:relative; font-size:13px; font-weight:bold; color:#333; border-radius:3px; background-color:#ccc;}
.cat-body .saccord .accordion-toggle:after { position:absolute; left:8px; top:5px; font-size:14px;
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';  /* essential for enabling glyphicon */
    content: "\f146";    /* adjust as needed, taken from bootstrap.css */
    float: left;        /* adjust as needed */
    color:rgba(0,0,0,0.3);     /* adjust as needed */
}
.cat-body .saccord .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f0fe";    /* adjust as needed, taken from bootstrap.css */
}
.cat-body .saccord .accordion-toggle.collapsed{background-color:#bae435;}
.cat-body .saccord .accordion-toggle:hover{ background-color:#ccc;}
.cat-body .saccord .panel .box-body ul{ padding:0; margin:0;}
.cat-body .saccord .panel .box-body ul li{ padding:0; margin:0; list-style:none; font-size:13px; border-bottom:1px solid #fff; transition: all 0.5s ease 0s;}
.cat-body .saccord .panel .box-body ul li a{ padding:3px 10px 3px 15px; display:block; background:url(../../images/arrow6.png) 5px 9px no-repeat;}
.cat-body .saccord .panel .box-body ul li a:hover{ background-color:#fff;}
.cat-body .saccord .panel .box-body ul li.active a{ background-color:#fff; color:#888;}
.cat-body .saccord .panel .box-body ul li:hover, .cat-body .saccord .panel .box-body ul li.active{border-color:#d9d5ff;}

.prd-brands{ background-color:#f2f2f2; margin-bottom:20px;}
.prd-brands h5{ margin:0; padding:8px 10px; background-color:#0c036b; margin:0; padding:10px 15px; color:#fff; font-size:14px; border-radius:3px 3px 0 0;}
.brnd-list{ padding:5px 15px;}
.brnd-list ul{ padding:0; margin:0;}
.brnd-list ul li{ padding:0; margin:0; list-style:none; font-size:13px; border-bottom:1px solid #fff;}
.brnd-list ul li a{ padding:3px 10px 3px 15px; display:block; background:url(../../images/arrow6.png) 5px 9px no-repeat;}
.brnd-list ul li a:hover{ background-color:#fff;}
.prd-othcat{ background-color:#eee; margin-bottom:20px;}
.prd-othcat h5{ margin:0; padding:8px 10px; background-color:#aaa; margin:0; padding:10px 15px; color:#333; font-size:14px; border-radius:3px 3px 0 0;}
.othcat-list{ padding:5px 15px;}
.othcat-list ul{ padding:0; margin:0;}
.othcat-list ul li{ padding:0; margin:0; list-style:none; font-size:14px; border-bottom:1px dotted #ccc;}
.othcat-list ul li a{ padding:3px 10px 3px 15px; display:block; background:url(../../images/arrow4.png) 5px 9px no-repeat;}
.othcat-list ul li a:hover{ background-color:#fff;}

/* News List */
.news-list{ /* border:1px solid #ddd;*/ padding:10px; border-radius:3px; margin-left:13px;}

.news-list .nbox{width:25%; float:left; text-align:center; padding:20px 20px;}
.news-list .nbox:last-child{ }
.news-list .nbox small{ display: block; color: #666; margin-top: 4px; font-size:13px; text-align:left; }
.news-list .nbox small i{ margin-right: 6px;}
.news-list .nbox h1{font-size: 14px; font-weight: 400; color:#bb1f1f; text-transform:uppercase; font-family: 'Raleway', sans-serif; text-align:justify; line-height:20px; border:none; margin:0px; padding:0px;}
.news-list .nbox p{  font-family: 'Raleway', sans-serif; font-size:14px; color:#376285; text-align:justify; line-height:20px; padding:10px 0; margin:0px;}
.news-list .nbox a{ display:block; padding:0; font-size:14px; text-align:left;}
.news-list .nbox a:hover{ color:#ff0000}
.news-list .nbox img{ border:#cbcbcb 1px solid; padding:3px; border-radius:80px; margin-bottom:15px;}


/* News List */
.client-list{ /* border:1px solid #ddd;*/ padding:10px; border-radius:3px; margin-left:13px;}

.client-list .nbox{width:23%; float:left; text-align:center; padding:105px 20px 20px 20px; border:#c21b17 1px solid; margin:95px 12px 12px 12px; border-radius:15px;}
.client-list .nbox:last-child{ }
.client-list .nbox small{ display: block; color: #000; margin-top: 4px; font-size:15px; text-align:left; font-weight:bold; line-height:18px; }
.client-list .nbox small strong{ color: #666; font-size:13px; font-weight:normal; }
.client-list .nbox small i{ margin-right: 6px;}
.client-list .nbox h1{font-size: 15px; font-weight: 400; color:#bb1f1f; font-family: 'Raleway', sans-serif; text-align:justify; line-height:20px; border:none; margin:0px; padding:0px; font-style:italic;}
.client-list .nbox p{  font-family: 'Raleway', sans-serif; font-size:13px; color:#376285; text-align:justify; line-height:20px; padding:10px 0; margin:0px; font-style:italic;}
.client-list .nbox a{ display:block; padding:0; font-size:14px; text-align:left;}
.client-list .nbox a:hover{ color:#ff0000}
.client-list .nbox .imgbox{ width:100%; display:block; position:relative; margin:-180px 0 0 0;}
.client-list .nbox img{ border:#cbcbcb 1px solid; padding:3px; border-radius:80px; margin-bottom:15px; background:#fff; width:130px;}

/* Product List */
.prd-list{ /* border:1px solid #ddd;*/ padding:0px 0px 10px 10px; border-radius:3px;}
.prd-list h4.prd-title{ font-size:20px; border-bottom:2px solid #ccc; padding:6px 0 10px; text-align:left; font-weight:normal; margin:0; color:#444;}
.prd-list h4.prd-title span{ font-weight:bold;}
.list-opts{ background-color:#f2f2f2; padding:10px 10px 5px; border-bottom:1px solid #eee;}
.list-opts .prd-disp{ display:inline-block;}
.list-opts .prd-disp label{ font-weight:normal; font-size:12px;}
.list-opts .prd-disp select{ padding: 3px 6px; border: 1px solid #ccc; border-radius: 3px;}
.list-opts .prd-sort{ display:inline-block;}
.list-opts .prd-sort label{ font-weight:normal; font-size:12px;}
.list-opts .prd-sort select{ padding: 3px 6px; border: 1px solid #ccc; border-radius: 3px;}

.prdlist-body{}
.prd-item{ border-bottom:1px dashed #ddd; float:none; padding:25px 0; transition: all 0.5s ease 0s;}
.prd-item:after{ display:block; height:0; content:"."; visibility:hidden; clear:both;}
.prd-item .prd-img{ float:left; width:19%; display:flex; height:160px; min-height:160px; border-right:1px dashed #ddd; padding-right:9px; transition: all 0.5s ease 0s;}
.prd-item:hover .prd-img{ border-color:#0068b6;}
.prd-item .prd-img span{}
.prd-item .prd-img img{ width:auto; height:auto; object-fit: contain; margin: 0 auto; }
.prd-item .prd-cont{ float:right; width:80%; min-height:160px; padding:0 10px; transition: all 0.5s ease 0s; color:#666; font-size:14px; line-height:1.7; position:relative; text-align:justify;}
.prd-item .prd-cont p{ padding:0; margin:0;}
.prd-item .prd-cont .gs-offer{ position:absolute; right:0; top:0;}
.prd-item:hover .prd-cont{ background-color:#edf7fe;}
.prd-item .prd-cont h2{ margin:0; padding:0; margin-bottom:10px;}
.prd-item .prd-cont h2{  padding:0px 0px 10px; font-size:16px; font-weight:500; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; color:#444; margin-bottom:15px; margin-top:10px;}
.prd-item .prd-cont h2:before{ position:absolute; content:''; background:#ccc; height:1px; bottom:4px; left:0%; width:170px;}
.prd-item .prd-cont h2:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:0px; left:0%; width:60px;}

.prd-item .prd-cont h2 a{ color:#0068b6; font-size:16px;}
.prd-item .prd-cont h2 a:hover{ color:#333;}
.prd-item .prd-cont h2 a i{ padding-right:5px; border-right:2px solid #ccc;}
.prd-item .prd-cont .desc{}
.prd-item .prd-cont .desc ul{ margin:0px 0px; padding:0;}
.prd-item .prd-cont .desc ul li{list-style: none; font-size: 14px;  line-height:2.0; background: url(../images/arrow4.png) left top 12px no-repeat; padding-left: 15px; font-family: 'Raleway', sans-serif; color: #555; text-align:justify;}
.prd-item .prd-cont .desc p{ padding:0; margin:0; text-align:justify; color:#333; font-family: 'Raleway', sans-serif; line-height:1.9; font-size:14px; padding-bottom:0px;}

.prd-item .prd-cont .prd-btn{ border-top:1px solid #d9d5ff; margin-top:8px; padding-top:8px;}
.prd-item .prd-cont .prd-btn span.price{ display:inline-block; padding:0px 0px 0 10px; font-size:16px; font-weight:500; color:#333;}
.prd-item .prd-cont .prd-btn span.price i{ margin-right:6px; color:#999;}
.prd-item .prd-cont .prd-btn span.price small{ margin-left:4px; color:#999; text-decoration:line-through; font-weight:normal;}
.prd-item .prd-cont .prd-btn em.prdoff{ font-size:12px; color:#34c54b; font-weight:bold; font-style:normal; text-transform:uppercase; margin-left:5px;}
.prd-item .prd-cont .prd-btn span.dwn{ display:inline-block; padding:2px 10px; border-left:3px solid #ddd; font-size:12px; font-weight:normal; margin-left:10px;}
.prd-item .prd-cont .prd-btn span.dwn a{}
.prd-item .prd-cont .prd-btn span.wlist{ display:inline-block; padding:2px 10px; font-size:12px; font-weight:normal; border-left:3px solid #ddd;}
.prd-item .prd-cont .prd-btn span.wlist.added a{ color:#2fc24b;}
.prd-item .prd-cont .prd-btn span.wlist.remove a{ color:#FF0000;}
.prd-item .prd-cont .prd-btn span.wlist.remove a:hover{ color:#666;}
.prd-item .prd-cont .prd-btn a.price{ display:inline-block; padding:5px 10px; background-color:#fff; color:#222aab; border:1px solid #a9a2f0; font-size:11px; font-weight:bold; border-radius:3px; text-transform:uppercase; margin-left:10px;}
.prd-item .prd-cont .prd-btn a.price i{ margin-right:6px;}
.prd-item .prd-cont .prd-btn a.price:hover{ background-color:#fff; color:#aaa; border-color:#aaa;}

.prd-item .prd-cont .prd-link{ border-top:1px solid #dceffd; margin-top:8px; padding-top:13px;}
.prd-item .prd-cont .prd-link .btn-det{ display:inline-block; padding:5px 10px; background-color:#0068b6; color:#fff; font-size:11px; font-weight:bold; border-radius:3px; text-transform:uppercase; margin-left:0px; color:#fff;}
.prd-item .prd-cont .prd-link .btn-det:hover{ background-color:#ccc; color:#333;}
.prd-item .prd-cont .prd-link .btn-cart{ display:inline-block; padding:5px 10px; background-color:#bae435; color:#333; font-size:11px; font-weight:bold; border-radius:3px; text-transform:uppercase; margin-left:8px;}
.prd-item .prd-cont .prd-link .btn-cart:hover, .prd-item .prd-cont .prd-link .btn-cart.added{ background-color:#ccc; color:#333;}
/* Product List */




/* product detail */
.det-tab{ margin:30px 20px;}
.det-tab .nav-tabs{ text-align:center; border-bottom:1px solid #fff;}
.det-tab .nav-tabs > li{ display:inline-block; margin:0 5px 0 0;}
.det-tab .nav-tabs-custom{ margin-bottom:0; position:relative; z-index:0;}
.det-tab .nav-tabs-custom > .nav-tabs > li{  background-color: #fff; border-left: 1px solid #c21b17; border-radius:0; border-right: 1px solid #c21b17; border-top: 1px solid #c21b17; border-radius:4px 4px 0 0; padding:7px 0px;}
.det-tab .nav-tabs-custom > .tab-content{ background-color:#f7f7f7; padding:30px; border:0 none; border:1px solid #e5e5e5; margin-top:-2px;}
.det-tab .nav-tabs > li{ position:relative;}
.det-tab .nav-tabs > li > a{ position:relative; z-index:510; padding:9px 20px; font-size:16px; color:#c21b17; border-bottom:1px solid #c21b17;}
.det-tab .nav-tabs-custom > .nav-tabs > li.active > a, .det-tab .nav-tabs-custom > .nav-tabs > li.active:hover > a{ background-color:#c21b17; color:#fff; border-color:#c21b17;}
.det-tab .nav-tabs > li:before{ -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); visibility: hidden; opacity: 0; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color:#fff; background: #c21b17; z-index:1;}
.det-tab .nav-tabs > li:hover:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1;}
.det-tab .nav-tabs > li > a:hover{background:none transparent; color:#fff;}

.det-tab .pro-img span{ width:20%; float:left;  margin:0; padding:10px 11px; border-bottom:1px solid #dbdff8; border-right:1px solid #dbdff8; transition: all 0.5s ease 0s;}
.det-tab .pro-img span:nth-child(5n+5){  border-right:0 none;}
.det-tab .pro-img span a{ display:flex; background-color:#fff; text-align:center; margin:0; padding:0; height:200px;}
.det-tab .pro-img span a small{ display:flex; margin:0 auto;  max-height:200px;}
.det-tab .pro-img span a img{ width:auto; object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.det-tab .pro-img span:hover{ background-color:#0b6f7e; transition:all 0.5s ease 0s; -webkit-animation:pulse 0.6s infinite ;-moz-animation:pulse 0.6s infinite;-ms-animation:pulse 0.6s infinite;-o-animation:pulse 0.6s infinite; animation:pulse 0.6s infinite;}
.det-tab .pro-img .no-brand{ font-size:30px; text-align:center; padding:30px; margin:10px 0; color:#ccc;}

.prd-det{ border-bottom:1px dashed #ddd; float:none; padding:35px 20px; transition: all 0.5s ease 0s;}
.prd-det:after{ display:block; height:0; content:"."; visibility:hidden; clear:both;}
.prd-det .prd-img{ float:left; width:35%; min-height:250px; border:1px solid #ddd; padding:10px; transition: all 0.5s ease 0s; text-align:center; border-radius:3px; display:flex;}
.prd-det .prd-img span{ display:inline-block; margin:0 auto;}
.prd-det .prd-img span a{ position:relative; overflow: hidden; z-index: 1; display:inline-block; display:flex; height:350px;}
/* .prd-det .prd-img span a:after{font-family:'FontAwesome'; content: '\f00e'; position: absolute; left: 0px; top: -100%; width: 100%; height: 100%; display: block; background: #bae435; opacity: 0.50; z-index: 0; transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; text-align:center; vertical-align:middle; font-size:60px; padding-top:30%; } */
.prd-det .prd-img span:hover a:after{ top:0%;}
.prd-det .prd-img img{ width:auto; height:auto; object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.prd-det .prd-cont{ float:right; width:65%; padding:0 10px 0 25px; transition: all 0.5s ease 0s; color:#666; font-size:14px; position:relative;}
.prd-det .prd-cont p{ padding:0; margin:0; text-align:justify; font-family: 'Raleway', sans-serif; line-height:1.9; padding-bottom:8px; font-size:14px;}
.prd-det .prd-cont .gs-offer{ position:absolute; right:0; top:0;}
.prd-det .prd-cont h1{ color: #aa1814; font-size:20px; font-weight: 600; padding:0px 0px 10px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:15px; margin-bottom:20px; line-height:1.3;}
.prd-det .prd-cont h1:before{ position:absolute; content:''; background:#e1e1e1; height:1px; bottom:0px; left:0%; width:200px;}
.prd-det .prd-cont h1:after{ position:absolute; content:''; background:#aa1814; height:3px; bottom:-4px; left:0%; width:70px;}

.prd-det .prd-cont h2{ color: #222; font-size:15px; font-weight: 600; padding:15px 0px 5px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left;}
.prd-det .prd-cont ul{ margin:0 auto; padding:0; margin-bottom:12px;}
.prd-det .prd-cont ul li{ list-style:none; font-size:14px;  line-height:1.9; background:url(../images/arrow4.png) left top 10px no-repeat; padding-left:15px; font-family: 'Raleway', sans-serif; color:#555; text-align:justify;}

.prd-det .prd-cont .desc{}
.prd-det .prd-cont .prd-btn{ border-top:1px solid #d9d5ff; margin-top:10px; padding-top:12px;}
.prd-det .prd-cont .prd-btn span.price{ display:inline-block; padding:0px 0px 0 10px; font-size:18px; font-weight:500; color:#333;}
.prd-det .prd-cont .prd-btn span.price i{ margin-right:6px; color:#999;}
.prd-det .prd-cont .prd-btn span.price small{ margin-left:4px; color:#999; text-decoration:line-through; font-weight:normal;}
.prd-det .prd-cont .prd-btn em.prdoff{ font-size:16px; color:#34c54b; font-weight:bold; font-style:normal; text-transform:uppercase; margin-left:5px;}
.prd-det .prd-cont .prd-btn span.dwn{ display:inline-block; padding:2px 10px; border-left:3px solid #ddd; font-size:12px; font-weight:normal; margin-left:10px;}
.prd-det .prd-cont .prd-btn span.dwn a{}
.prd-det .prd-cont .prd-btn span.wlist{ display:inline-block; padding:2px 10px; font-size:12px; font-weight:normal; border-left:3px solid #ddd;}
.prd-det .prd-cont .prd-btn span.wlist.added a{ color:#2fc24b;}
.prd-det .prd-cont .prd-btn span.wlist.remove a{ color:#FF0000;}
.prd-det .prd-cont .prd-btn span.wlist.remove a:hover{ color:#666;}
.prd-det .prd-cont .prd-btn a.price{ display:inline-block; padding:5px 10px; background-color:#fff; color:#222aab; border:1px solid #a9a2f0; font-size:11px; font-weight:bold; border-radius:3px; text-transform:uppercase; margin-left:10px;}
.prd-det .prd-cont .prd-btn a.price i{ margin-right:6px;}
.prd-det .prd-cont .prd-btn a.price:hover{ background-color:#fff; color:#aaa; border-color:#aaa;}
.prd-det .prd-cont .prd-link{ border-top:1px solid #d9d5ff; margin-top:8px; padding-top:12px;}
.prd-det .prd-cont .prd-link .btn-det{ display:inline-block; padding:5px 10px; background-color:#222aab; color:#fff; font-size:11px; font-weight:bold; border-radius:3px; text-transform:uppercase; margin-left:8px;}
.prd-det .prd-cont .prd-link .btn-det:hover{ background-color:#ccc; color:#333;}
.prd-det .prd-cont .prd-link .btn-cart{ display:inline-block; padding:5px 10px; background-color:#bae435; color:#333; font-size:14px; font-weight:bold; border-radius:3px; text-transform:uppercase; margin-left:8px;}
.prd-det .prd-cont .prd-link .btn-cart:hover, .prd-det .prd-cont .prd-link .btn-cart.added{ background-color:#ccc; color:#333;}
.prd-det .prd-cont .prd-share{ border-top:1px solid #d9d5ff; margin-top:12px; padding-top:8px;}
.prd-det .prd-cont .brnd{ display:inline-block; font-weight:bold; padding:2px 15px 2px 0px; margin:0 0px 0 10px; border-right:3px solid #ddd;}
.prd-det .prd-cont .brnd small{ font-size:12px; text-transform:uppercase; color:#999; font-weight:normal;}
.prd-det .prd-cont .share-btn{ margin-left:15px;}
.prd-det .prd-cont .share-btn small{ font-size:12px; text-transform:uppercase; color:#999; }
.prd-det .prd-cont .share-btn a{ display:inline-block; width:30px; padding:4px 0; border-radius:50%; background-color:#eee; border:1px solid #ddd; margin-left:10px; text-align:center; cursor:pointer; color:#999;}
.prd-det .prd-cont .share-btn a:hover{ background-color:#bae435; border-color:#bae435; color:#fff;}
.tab-scnd{}
.tab-scnd ul{ margin:10px 0px; padding:0;}
.tab-scnd ul li{list-style: none; font-size: 14px;  line-height:2.0; background: url(../images/arrow4.png) left top 12px no-repeat; padding-left: 15px;
    font-family: 'Raleway', sans-serif; color: #555; text-align:justify;}
.tab-scnd p{ padding:0; margin:0; text-align:justify; color:#333; font-family: 'Raleway', sans-serif; line-height:1.9; font-size:14px; padding-bottom:8px;}

.tab-scnd h1{ color: #222; font-size:16px; font-weight: 600; padding:0px 0px 10px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:15px; margin-bottom:20px; line-height:1.3;}
.tab-scnd h1:before{ position:absolute; content:''; background:#e1e1e1; height:1px; bottom:0px; left:0%; width:200px;}
.tab-scnd h1:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:-4px; left:0%; width:70px;}

.tab-scnd h2{ color: #0068b6; font-size:14px; font-weight: 600; padding:0px 0px 0px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left;}

.tab-over{}
.tab-over ul{ margin:5px 0px; padding:0;}
.tab-over ul li{list-style: none; font-size: 14px;  line-height:2.0; background: url(../images/arrow4.png) left top 12px no-repeat; padding-left: 15px;
    font-family: 'Raleway', sans-serif; color: #555; text-align:justify;}
.tab-over p{ padding:0; margin:0; text-align:justify; color:#333; font-family: 'Raleway', sans-serif; line-height:2.0; font-size:14px; padding-bottom:8px;}

.tab-over h1{ color: #222; font-size:16px; font-weight: 600; padding:0px 0px 10px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:15px; margin-bottom:20px; line-height:1.3;}
.tab-over h1:before{ position:absolute; content:''; background:#e1e1e1; height:1px; bottom:0px; left:0%; width:200px;}
.tab-over h1:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:-4px; left:0%; width:70px;}

.tab-over h2{ color: #111; font-size:14px; font-weight: 600; padding:5px 0px 5px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left;}
.tab-enq .csr-form .form-group{ display:flex;}
.tab-enq h1{ color: #0068b6; font-size: 16px; font-weight: 600; padding: 0px 0px 10px; position: relative; text-transform: uppercase;  margin-top: 0px;
text-align: left; margin-bottom: 30px; line-height: 1.3; }
.tab-enq h1:before{ position: absolute; content: ''; background: #e1e1e1; height: 1px; bottom: 0px; left: 0%; width: 170px;}
.tab-enq h1:after{ position: absolute; content: ''; background: #0068b6; height: 3px; bottom: -4px; left: 0%; width: 50px;}

.product-nav-body{ padding:0;}
.product-part1{ width:49%; float:left; border-right:1px solid #c3e3f5; border-bottom:1px solid #c3e3f5; padding-top:20px; padding-right:0px; padding-bottom:10px;}
.product-part1:last-child{ border-bottom:none;}
.product-part1:nth-child(2n+2){ margin-right:0; border-right:0; padding-left:20px;}
.prd-nav-image{float: left; width: 25%; transition: all 0.5s ease 0s; text-align: center; border-radius: 3px; display: flex;}
.prd-cont-nav{float: right; width: 75%; padding: 0 10px 0 20px; transition: all 0.5s ease 0s; color: #666; font-size: 14px; position: relative;}
.prd-nav-image img{object-fit: contain; width: auto; height: auto; margin: 0 auto; border:1px solid #b8dcf1; border-radius:3px; padding:2px;}
.prd-cont-nav h1{ color: #222; font-size:15px; font-weight: 600; padding:0px 0px 5px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:10px; line-height:1.3;}
.prd-cont-nav h1:before{ position:absolute; content:''; background:#b8dcf1; height:1px; bottom:0px; left:0%; width:200px;}
.prd-cont-nav h1:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:-4px; left:0%; width:70px;}
.prd-nav-image a{ display: flex;  height:150px;}
.tab-scnd{}
.tab-scnd h3{ font-size:22px; margin:30px 0px; text-align:center; color:#72afd2;}
.tab-scnd h3 i{ padding-right:10px;}
.tab-lable{ padding:10px 0px;}
.tab-small{ padding:10px 0px;}

/* //product detail */


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fbox/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../images/fbox/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../images/fbox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */

.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fbox/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */

.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 8px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); border:rgba(255, 255, 255, 0.5) 1px solid; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; margin-bottom:60px; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
/*! // fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */




/* Enquiry Bar */
.enq-bar{background-color: #0068b6; padding: 30px 0; font-family: 'Raleway', sans-serif;}
.enq-bar h3{font-size: 30px; color: #ffffff; font-weight: 100;}
.enq-bar .conth .phoneh{font-size: 18px; color: #ffffff; font-weight: 600;}
.enq-bar .conth .phoneh i{border: 1px solid rgba(255, 255, 255, 0.5); padding: 12px; border-radius: 50%;}
.enq-bar .conth .emailh{margin-left: 30px;}
.enq-bar .conth .emailh a{font-size: 18px; color: #ffffff; font-weight: 600;}
.enq-bar .conth .emailh a i{border: 1px solid rgba(255, 255, 255, 0.5); padding: 12px; border-radius: 50%;}
.enrtr{text-align: right;}
a.enq-btn{ background-color: #fff; display: inline-block; padding: 20px 30px 20px 80px; color: #354554; font-size: 18px; border-radius: 10px; margin-top: 15px; position: relative;}
a.enq-btn i{ padding: 19px 15px 0; height: 67px; background-color: #84b8de; color: #ffffff; font-size: 30px; border-radius: 10px 0 0 10px; margin-right: 20px; position: absolute; left: 0; top: 0; display: inline-block;}
a.enq-btn span{ font-family: 'Raleway', sans-serif; text-transform: uppercase; font-weight: 600;}
a.enq-btn:hover{background-color: #354554; color: #ffffff;}

/* Welcome Part */
.wel-bg{background: url(../images/bg1.jpg); background-size: cover; padding: 40px 0; background-attachment: fixed;}
.wel-cnt{display: flex; width: 100%;}
.wel-cnt .wltr{ width: 100%; padding:0;}
.wel-cnt .wrtr{width: 45%;}
.wel-cnt .wltr .leftarea{ width:60%; float:left; padding:0 50px 0 0;}
.wel-cnt .wltr .rightarea{ width:40%; background-color: rgba(255, 255, 255, 0.5); float:right; padding:10px 25px 10px;}

.wel-cnt .wltr .rightarea .prd-box{ border-bottom:#999 1px dotted; display:block; float:left; padding:15px 0;}
.wel-cnt .wltr .rightarea span{display: inline-block; margin:0 auto 10px; background:#c21b17; border-radius:30px; width:60px; height:60px; line-height:65px; float:left; }
.wel-cnt .wltr .rightarea span i{ font-size:32px; color:#fff; line-height:59px; padding:0 0 0 12px;}
.wel-cnt .wltr .rightarea p{ font-family: 'Raleway', sans-serif; color: #434e55; font-size: 15px; text-align: justify; float:left; width:80%; margin:0 0 0 15px; line-height:20px;}
.wel-cnt .wltr .rightarea p span{color: #606e7f; font-size: 20px; font-weight: normal; display: block; float:left; padding:0 0 5px 0;}
.wel-cnt .wltr .rightarea p strong{ display:block; padding:0 0 5px 0; text-transform:uppercase; font-size:15px; color:#c21b17; font-weight:600;}
.wel-cnt .wltr .rightarea p a{ display:block; padding:5px 0 0 0; font-size:14px;}
.wel-cnt .wltr .rightarea p a:hover{ color:#C00;}

.wel-cnt .wltr h1{color: #aa0d0d; font-size: 25px; font-weight: 400; text-align:center; padding-bottom:20px; margin-bottom:30px; border-bottom:#c21b17 2px solid;}
.wel-cnt .wltr h1 small{color: #666; font-size: 25px; font-weight: 400;}

.wel-cnt .wltr span{display: block; margin:0 auto 10px; background:#c21b17; border-radius:30px; width:60px; height:60px; line-height:65px; }
.wel-cnt .wltr span i{ font-size:32px; color:#fff; line-height:59px; padding:0 0 0 12px;}

.wel-cnt .wltr h2{color: #606e7f; font-size: 20px; font-weight: normal; display: block;}
.wel-cnt .wltr p{ font-family: 'Raleway', sans-serif; color: #434e55; font-size: 15px; text-align: justify; line-height:25px;}
.wel-cnt .wltr img{ border:#d5d5d5 1px solid; padding:5px; border-radius:10px; background:#fff; margin:0 0 15px 0; width:100%;}
.wel-cnt .wltr .ubtn{padding-top: 10px;}
.wel-cnt .wltr .wbtn a{ display: inline-block; background-color: #439de0; color: #ffffff; padding: 15px 65px 15px 20px; border-radius: 10px; text-transform: uppercase; font-size: 14px; position: relative;}
.wel-cnt .wltr .wbtn a i{ background-color: #426d8d; position: absolute; font-size: 30px; right: 0; top: 0; border-radius:0 10px 10px 0; padding: 10px 15px;}
.wel-cnt .wltr .wbtn a:hover{ background-color: #426d8d;}

.wel-cnt .wrtr{text-align: right; position: relative;}
.wel-cnt .wrtr .wimg1{ position: absolute; bottom: 0; right: 30px; z-index: 9; border: 14px solid #354554;}
.wel-cnt .wrtr .wimg2{ position: absolute; z-index: 7; left: 0; top: 100px;}


/* Project Part */
.proj-bg{background: url(../images/bg2.jpg) center; padding: 00px 0;}
.proj-cnt{display: flex; width: 100%;}
.proj-txt{ width:40%; float:right; background-color: rgba(0, 0, 0, 0.5); padding:40px 25px; text-align:center;}

.proj-txt span{display: inline-block; margin:0 auto 10px; background:#c21b17; border-radius:30px; width:60px; height:60px; line-height:65px; text-align:left; }
.proj-txt span i{ font-size:32px; color:#fff; line-height:59px; padding:0 0 0 16px;}
.proj-txt h1{color:#fff; font-size:25px; font-weight:400; text-align:center; text-transform:uppercase; padding:0 0 15px 0; margin-bottom:30px; background:url(../images/line3.png) repeat-x bottom;}

.proj-txt p{ font-family: 'Raleway', sans-serif; color: #fff; font-size: 14px; text-align: justify; float:left; margin:0px 0 20px 0; line-height:22px;}
.proj-txt p strong{color: #fff58a; font-size: 20px; font-weight: normal; display: block; float:left; padding:0 0 10px 0; line-height:28px;}

.proj-txt a{ font-size:15px; color:#fff58a; text-transform:uppercase; padding:7px 0; display:block; text-align:left; line-height:35px;}
.proj-txt a:hover{ color:#17c4de;}


.proj-txt a span{display: inline-block; margin:0 7px 0 0; background:#fff58a; border-radius:20px; width:35px; height:35px; line-height:36px; float:left; }
.proj-txt a:hover span{background:#17c4de;}
.proj-txt a span i{ font-size:19px; color:#13141a; line-height:36px; padding:0 9px;}


/* Clients Part */
.clnt-bg{background: url(../images/bg3.jpg) center; padding: 40px 0; min-height:570px; border-bottom:#734915 8px solid; border-top:#554b33 5px solid;}
.clnt-cnt{display: flex; width: 68%; float:right;}
.clnt-bg span{display: block; margin:0 auto 10px; background:#fff; border-radius:30px; width:60px; height:60px; line-height:65px; }
.clnt-bg span i{ font-size:32px; color:#504632; line-height:59px; padding:0 0 0 12px;}

.clnt-bg h1{color: #fff; font-size: 25px; font-weight: 400; text-align:center; text-transform:uppercase; padding-bottom:20px; margin-bottom:30px; background:url(../images/line4.png) repeat-x bottom;}
.clnt-bg h1 small{color: #666; font-size: 25px; font-weight: 400;}

.clnt-bg .nbox{width:30%; float:right; text-align:center; padding:30px; margin:0 10px;  background-color: rgba(0, 0, 0, 0.5); border-radius:10px; height:265px;}
.clnt-bg .nbox:last-child{ }
.clnt-bg .nbox small{ display: block; color: #666; margin-top: 4px; font-size:13px; text-align:left; }
.clnt-bg .nbox small i{ margin-right: 6px;}
.clnt-bg .nbox h3{font-size: 17px; font-weight: 400; color:#fff000; text-transform:none; font-family: 'Raleway', sans-serif; text-align:justify; line-height:25px; padding-bottom:0px; margin-bottom:0px;}
.clnt-bg .nbox p{  font-family: 'Raleway', sans-serif; font-size:14px; color:#fff; text-align:justify; line-height:22px; padding:20px 0 25px; margin:0px;}

.clnt-bg .nbox a{ position:absolute; display:block; text-align:left; }
.clnt-bg .nbox a img{ border:#cbcbcb 1px solid; padding:3px; border-radius:30px; margin-bottom:15px; margin-top:5px; float:left;}
.clnt-bg .nbox a h2{display:block; padding:35px 0 0 5px; font-size:16px; text-align:left; color:#fff; float:left;}
.clnt-bg .nbox a h2 strong{ font-size:14px;}

.clnt-bg .nbox a:hover img{ border:#fff000 2px solid;}
.clnt-bg .nbox a:hover h2{color:#fff000;}


/* News Section */
.news-bg{background: url(../images/bg1.jpg) center; background-size: cover; padding: 40px 0; background-attachment: fixed;}

.news-bg span{display: block; margin:0 auto 10px; background:#c21b17; border-radius:30px; width:60px; height:60px; line-height:65px; }
.news-bg span i{ font-size:32px; color:#fff; line-height:59px; padding:0 0 0 12px;}
.news-bg h1{color: #aa0d0d; font-size: 25px; font-weight: 400; text-align:center; text-transform:uppercase; padding-bottom:20px; margin-bottom:30px; border-bottom:#c21b17 2px solid;}
.news-bg h1 small{color: #666; font-size: 25px; font-weight: 400;}
.nltr span{ margin-bottom: 10px; display: block;}
.nltr p{ font-size: 20px; color: #434e55; line-height: 1.8; padding-right: 60px;}
.nltr .ubtn a{ display: inline-block; background-color: #fff; color: #0068b6; padding: 15px 65px 15px 20px; border-radius: 10px; text-transform: uppercase; font-size: 14px; position: relative;}
.nltr .ubtn a i{ background-color: #0068b6; position: absolute; font-size: 30px; right: 0; top: 0; border-radius:0 10px 10px 0; padding: 10px 15px; color: #ffffff;transition: all 0.5s ease 0s;}
.nltr .ubtn a:hover{ background-color: #439de0; color: #ffffff;}
.nltr .ubtn a:hover i{ background-color: #606e7f; color: #ffffff;transition: all 0.5s ease 0s;}
.nrtr h3{color: #354554; font-size: 24px; font-weight: 300;}
.news-bg .nbox{width:25%; float:left; text-align:center; padding:20px 20px;}
.news-bg .nbox:last-child{ }
.news-bg .nbox small{ display: block; color: #666; margin-top: 4px; font-size:13px; text-align:left; }
.news-bg .nbox small i{ margin-right: 6px;}
.news-bg .nbox h1{font-size: 14px; font-weight: 400; color:#bb1f1f; text-transform:uppercase; font-family: 'Raleway', sans-serif; text-align:justify; line-height:20px; border:none; margin:0px; padding:0px;}
.news-bg .nbox p{  font-family: 'Raleway', sans-serif; font-size:14px; color:#376285; text-align:justify; line-height:20px; padding:10px 0; margin:0px;}
.news-bg .nbox a{ display:block; padding:0; font-size:14px; text-align:left;}
.news-bg .nbox a:hover{ color:#ff0000}
.news-bg .nbox img{ border:#cbcbcb 1px solid; padding:3px; border-radius:80px; margin-bottom:15px;}

.news-bg .nav-tabs{ border-bottom:#dbdbdb 1px solid; height:33px;text-align:center;}
.news-bg .nav-tabs li a{ background:#fff; border:#c21b17 1px solid; border-bottom:#fff 1px solid; color:#c21b17; padding:10px 20px; border-radius:10px 10px 0 0; margin:0 8px 0 0;}
.news-bg .nav-tabs li a:hover{ background:#c21b17; border:#c21b17 1px solid; border-bottom:#fff 1px solid; color:#fff; padding:10px 20px; border-radius:10px 10px 0 0; margin:0 8px 0 0;}
.news-bg .nav-tabs li a.active{ background:#c21b17; border:#c21b17 1px solid; border-bottom:#fff 1px solid; color:#fff; padding:10px 20px; border-radius:10px 10px 0 0; margin:0 8px 0 0;}

/* Contact and Map Part */
.contact-bg{ background-color: #0b6f7e;}
.contact-bg section{display: flex; width: 100%;}
.cont-ltr{ width: 100%; padding: 20px 0; color: #ffffff;}
.cont-rtr{ width: 0%;}
.cont-ltr h3{ font-size: 24px; font-weight: 200; margin-top: 10px;}
.cont-ltr .address span{ display: block; margin-top: 5px;}
.cont-ltr .address span i{ float:left; font-size:45px; margin-right: 15px;}
.cont-ltr .address span a{ color: #ffffff;}

.cont-ltr .address span{ font-size:15px; color:#fff;}
.cont-ltr .address span strong{ color:#fff58a; font-weight:400;}

.cont-ltr .address span.adrlist1 i{ padding-top:5px;}
.cont-ltr .address span div{ width:100%;}
.cont-ltr .address span.adrlist1{ display: inline-block; float:left; width:37%; border-right:#178090 4px solid; padding:0 35px;}
.cont-ltr .address span.adrlist2{ display: inline-block; float:left; width:22%; border-right:#178090 4px solid; padding:0 35px;}
.cont-ltr .address span.adrlist3{ display: inline-block; float:left; width:20%; border-right:#178090 4px solid; padding:0 35px;}
.cont-ltr .address span.adrlist4{ display: inline-block; float:left; width:27%; border-right:#178090 4px solid; padding:0 00px 0 35px;}

/* Footer Section */
.footer-wrapper{background-color: #056270; border-top:1px solid #268f9f;}
.ft-mainlink{border-bottom: 1px solid #ffffff; padding: 30px 0;}
.ft-mainlink h5{ color: #8496a1; font-size: 18px; font-weight: 500;}
.ft-mainlink .mlink span{ color: #bec1c2; padding: 0 10px;}

.ft-social{ text-align: right; font-size: 18px; margin-top: 5px;}
.ft-social a{margin-left: 5px;}
.ft-social a i{border: 1px solid #fff; width: 50px; text-align: center; padding: 12px 0; background-color: #fff; border-radius: 10px;}

.ft-prlinks{ padding: 30px 0; float:left; width:100%; background-color:#056270;}
.ft-prlinks .ftitle h5{ color: #8496a1; font-size: 18px; font-weight: 500;}
.ft-prlinks h6{ color: #fff58a; font-size: 16px; font-weight: 400;}
.ft-prlinks ul{margin:0 0 15px 0; padding: 0;}
.ft-prlinks ul li{margin: 0; padding: 0; list-style: none; display:block;}
.ft-prlinks ul li a{font-family: 'Raleway', sans-serif; font-size:15px; line-height:27px; margin: 0; padding: 0 0 0 10px;position: relative; display: inline-block; color:#fff;}
.ft-prlinks ul li a:hover{padding: 0 0 0 10px; color:#ffcc00 }
.ft-prlinks ul li a:after{margin:0; padding:0; position:absolute; font-family:'Font Awesome\ 5 Free'; content:"\f0da"; font-weight:900; height:10px; left:0; top:0px; width:0; font-size:13px;}
.ft-prlinks ul li a:hover:after{left:0px; top:0px; bottom: 0px; width: 100%; }


.ft-copyright{ background:#c21b17; border-top:#fff 1px solid; padding: 20px 0; color: #fff; float:left; width:100%;}
.ft-copyright a{ float:right;}

.xhidden{ opacity: 0;}
.xvisible{ opacity: 1;}
.xanimated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
.xanimated2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
.map{}

.awards-list{ padding:15px 0px 15px 10px; width:100%; display: flex; justify-content: center;}
.awards-list a { width:24%; display:flex; background:#fff; border:1px solid #dedede; float:left; height:240px; padding:5px;  border-radius:7px; margin-right:14px;}
.awards-list a img{ object-fit: contain; width: auto; height: auto; margin: 0 auto; transition: all 1.50s ease 0s;}
.awards-list a img:hover{ border-radius:200px; transition: all 1.50s ease 0s; -webkit-animation:pulse 0.6s infinite ;-moz-animation:pulse 0.6s infinite;-ms-animation:pulse 0.6s infinite;-o-animation:pulse 0.6s infinite;animation:pulse 0.6s infinite;}
.awards-list a:nth-child(5n+5){ margin-right:0px;}

.certificate-list{ padding:15px 0px 15px 10px; width:100%; display: flex; justify-content: center;}
.certificate-list a { width:23%; display:flex; background:#fff; border:1px solid #0b6f7e; float:left; height:398px; padding:5px;  border-radius:7px; margin-right:14px;}
.certificate-list a img{ object-fit: contain; width: auto; height: 100%; margin: 0 auto; transition: all 1.50s ease 0s;}
.certificate-list a img:hover{ transition: all 1.50s ease 0s; -webkit-animation:pulse 0.6s infinite ;-moz-animation:pulse 0.6s infinite;-ms-animation:pulse 0.6s infinite;-o-animation:pulse 0.6s infinite;animation:pulse 0.6s infinite;}
.certificate-list a:nth-child(5n+5){ margin-right:0px;}

.innerpage .nav-tabs{ border-bottom:none; height:35px;text-align:center; margin-top:50px; width:100%; display:block; }
.innerpage .nav-tabs li a{ float:left; background:#f3f3f3; border:#e9e9e9 1px solid; border-bottom:#e9e9e9 1px solid; color:#666; padding:5px 20px; border-radius:5px 5px 0 0; margin:0 8px 0 0;}
.innerpage .nav-tabs li a:hover{ background:#c21b17; border:#c21b17 1px solid; border-bottom:#c21b17 1px solid; color:#fff;  }
.innerpage .nav-tabs li.active a{ background:#c21b17; border:#c21b17 1px solid; border-bottom:#fff 1px solid; color:#fff;}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1280px) {
.max-cntr { width:98%;}
.nav-bg{ background:url(../images/nav_bg.png) no-repeat -450px;}
.topnav-bg{background: url(../images/topnav_bg.png) no-repeat -450px;}
.carousel-caption{ bottom:12%; left:5%;}
.sticky{background-color: rgba(255, 255, 255, 0.95);}
.clnt-cnt{ width:73%;}
.certificate-list{ flex-wrap:wrap;}
.certificate-list a{ width:31%; margin-bottom:10px; height:380px;}
.client-list .nbox{ margin: 95px 11px 11px 11px; }
.navbar-brand img{ width:93%;}
.navbar-brand{ padding:10px 0;}
}
@media (max-width: 1366px) {
.nav-bg{ background:url(../images/nav_bg.png) no-repeat -450px;}
.topnav-bg{background: url(../images/topnav_bg.png) no-repeat -450px;}
.sticky{background-color: rgba(255, 255, 255, 0.95);}
.carousel-caption{ bottom:12%; left:5%;}
.banner-content-inner h1 span{ font-size:18px;}
.banner-content-inner h1 span strong{ font-size:14px;}
.banner-content-inner h1{ margin-top:-90px;}
}


@media (max-width: 1199.98px) {
.topnav-bg a:link{ font-size:13px;}
.navbar-light .navbar-nav .nav-link{ padding:8px 0; font-size:15px;}
li.nav-item{ padding:0 10px;}
.navbar-light .navbar-nav .nav-link{ text-transform:none;}
.tlinks .contactlist{ margin:0 0 0 30px;}
.inner-title h1{ font-size:18px;}
.banner-content-inner{ top:60%;}
.banner-content-inner h1 span{ font-size:16px;}
.banner-content-inner h1 span strong{ font-size:12px;}
.banner-content-inner  h1{ margin-top:-90px;}
.body-part{ margin:0px;}
.top-bar{ padding-top:15px;}
.enq{ padding:0px 30px;}
.enrtr{ padding:0px 15px; text-align:left;}
a.enq-btn{ padding:23px 15px 20px 70px; font-size:16px;}
.enq-bar h3{ font-size:26px;}
.max-cntr .row{ margin-right:0 !important;}
.max-cntr .row{ margin-left:10px;}
.carousel-caption{ bottom:4%}
.carousel-caption h2{ font-size:22px;}
.carousel-caption h1{ font-size:25px;}
.carousel-caption h3{ font-size:15px; line-height: 20px;}
.carousel-caption{width: 580px; padding:40px 140px 51px 0px;}
.prd-listt .prd-box::before{ height:390px;}
.prd-listt .prd-box a{ }
.prd-listt .product-listt .prd-box{ margin-right:6px;}
.map{ padding:0px 15px;}
.wel-cnt .wrtr .wimg1{ bottom:100px; left:-20px;}
.wel-bg{ padding:35px 15px 0px;}
.wel-cnt .wltr{ padding:0px 00px 40px 0;}
.clnt-bg{ padding:35px 0;}
.news-bg{ padding:20px 0px;}
.client-page .client-part span{ margin-right:12px;}
.prd-listt .product-listt .prd-box{max-width: 48%;}
.wel-cnt .wltr .rightarea p { width:76%}
.wel-cnt .wltr .leftarea{ width:50%; padding: 0 30px 0 0;}
.wel-cnt .wltr .rightarea{ width:50%}
.proj-txt{ padding:30px 25px; width:47%;}
.proj-txt p strong{ font-size:18px;}
.proj-txt h1{ margin-bottom:20px; font-size:22px;}
.news-bg .nbox h1{ font-size:15px; text-transform:none;}
.news-bg h1{ margin-bottom:40px;}
.clnt-cnt{ width:91%}
.awards-list a{ margin-right:10px;}
.awards-list a img{ width:100%;}
.cont-ltr .address span i{ display:none;}
.cont-ltr .address span{ font-size:14px;}
.ft-prlinks h6{ font-size:15px;}
.ft-prlinks ul li a{ font-size:14px; line-height:22px;}
.client-list .nbox{ width:30%;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 

.prd-listt .product-listt .prd-box{ margin-right:5px;}
.client-page .client-part span{ width:32%; margin-right:12px;}
.client-page .client-part span:nth-child(5n+5){ margin-right:12px;}
.client-page .client-part span:nth-child(4n+4){ margin-right:12px;}
.client-page .client-part span:nth-child(3n+3){ margin-right:0px;}
a.enq-btn{ padding:23px 15px 20px 68px;}
.navbar-light .navbar-nav .nav-link{ padding:10px 0px;}
.mega-dropdown-menu{ padding:10px; height:500px; overflow-x: hidden !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch !important; /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/  -webkit-transform: translateZ(0px) !important;}
.clnt-bg .nbox{ width:45%;}
.clnt-bg .nbox:last-child{ display:none;}

}



@media (width: 823px) {
.navbar-light .navbar-brand{ width:20%; margin-right:0px}
.navbar-light .navbar-brand a img{ width:92%;}
.tlinks{ width:60%; margin-top:30px;}
.topnav-bg{ top:0px; height:40px; }
.topnav-bg a:link{ margin:12px 0;}
.nav-bg{ height:40px; top:100px;}
.logo-bg{ top:20px;}
.tlinks .fa{ font-size:15px; margin-right:6px;}
.tlinks span{ font-size:12px;}
.tlinks .contactlist{ margin:0 0 0 0;}
.navbar button{ float:right; height:32px; padding:0px 8px; margin:0px; font-size:13px;}
.sticky{ top:00px; height:50px; background-color:rgba(255, 255, 255, 0.95)}
.news-bg{ padding:30px 0px;}
.news-bg .nbox{ width:50%;}
.clnt-bg .nbox{ width:45%;}
.clnt-bg .nbox:last-child{ display:none;}
.awards-list{ flex-wrap:wrap;}
.awards-list a{ width:48%; margin-bottom:10px;}

.certificate-list{ flex-wrap:wrap;}
.certificate-list a{ width:47%; margin-bottom:10px; height:342px;}

.clnt-bg .nbox{ width:45%;}
.navbar-collapse{ background-color:rgba(194, 27, 23, 0.90); border:#fff 1px solid; border-bottom:#fff 3px solid; border-radius:0 0 10px 10px; padding:10px;}
.space{ width:94.5%;}
.client-list .nbox{ width:30%;}

}
@media (width: 812px) {
.navbar-light .navbar-brand{ width:20%; margin-right:0px}
.navbar-light .navbar-brand a img{ width:100%;}
.tlinks{ width:62%; margin-top:30px;}
.topnav-bg{ top:0px; height:40px; }
.topnav-bg a:link{ margin:12px 0;}
.nav-bg{ height:40px; top:100px;}
.logo-bg{ top:20px;}
.tlinks .fa{ font-size:15px; margin-right:6px;}
.tlinks span{ font-size:12px;}
.tlinks .contactlist{ margin:0 0 0 0;}
.navbar button{ float:right; height:32px; padding:0px 8px; margin:0px; font-size:13px;}
.sticky{ top:00px; height:50px; background-color:rgba(255, 255, 255, 0.95)}
.clnt-bg .nbox{ width:45%;}
.clnt-bg .nbox:last-child{ display:none;}
	.cont-ltr .address span.adrlist1{ width:50%; }
	.cont-ltr .address span.adrlist2{width:50%; border-right:none;}
	.cont-ltr .address span.adrlist3{width:50%; }
	.cont-ltr .address span.adrlist4{width:50%; border-right:none;}
.navbar-collapse{ background-color:rgba(194, 27, 23, 0.90); border:#fff 1px solid; border-bottom:#fff 3px solid; border-radius:0 0 10px 10px; padding:10px;}
	.space{ width:94.5%;}
	
.certificate-list{ flex-wrap:wrap;}
.certificate-list a{ width:31%; margin-bottom:10px; height:300px;}
.client-list .nbox{ width:46%;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {
	.wel-cnt .wltr .leftarea{ width:100%; padding-right:0px;}
	.wel-cnt .wltr .rightarea{ width:100%;}
	.wel-cnt .wltr .rightarea .prd-box{ width:100%;}
	.proj-txt{ width:100%;}
.banner-content-inner h1{ margin-top:-45px;}
.client-page .client-part span:nth-child(4n+4){ margin-right:20px;}
.client-page .client-part span:nth-child(5n+5){ margin-right:20px;}
.prd-nav-image{ width:100%;}
.prd-cont-nav{ width:100%; padding:20px 0px;}
.our-address .ccont1{ width:100%; margin-bottom:15px; margin-right:0;}
.our-address{flex-wrap: wrap;}
.nws-det{ width:50%;}
.nws-det:nth-child(2n+2){ border-right:none;}
.client-page .client-part{ width:100%;}
.client-page .client-part2{ float:none; width:100%;}
.client-page .client-part span{ width:48%; margin-right:9px;}
.client-page .client-part span:nth-child(2n+2){ margin-right:0px;}
.client-page .client-part span:nth-child(5n+5){ margin-right:9px;}
.client-page .client-part span:nth-child(4n+4){ margin-right:9px;}
.client-page .client-part span:nth-child(3n+3){ margin-right:9px;}
.about-page .about-pltr1 em::before { width:90px; bottom:7px;}
.about-page .about-prtr2 em::before { width:90px; bottom:7px;}
.about-page .about-pltr h1{ font-size:20px;}
.about-page .about-pltr{ padding-right:25px;}
.breadcrumb_part{ padding:8px 15px; font-size:11px;}
.banner-content-inner h1 span{ font-size:10px; padding:4px 13px;}
.about-page .about-pltr h1::before { }
.top-bar .row { display:block; padding-top:5px;}
.top-bar .row .tp1{ width:60%; float:left;}
.top-bar .row .tp2{ width:40%; float:left;}
.news-bg{ padding:30px 0px;}
.news-bg .nbox{ width:50%;}
.clnt-bg .nbox{ width:45%;}
.clnt-bg .nbox:last-child{ display:none;}
.awards-list{ flex-wrap:wrap;}
.awards-list a{ width:48%; margin-bottom:10px;}

.certificate-list{ flex-wrap:wrap;}
.certificate-list a{ width:47%; margin-bottom:10px; height:342px;}

.cont-ltr .address span.adrlist1{ width:50%; margin-bottom:10px;}
.cont-ltr .address span.adrlist2{ width:50%; border-right:none;margin-bottom:10px;}
.cont-ltr .address span.adrlist3{ width:50%;}
.cont-ltr .address span.adrlist4{ width:50%;}
.carousel-caption h2{ font-size:18px; padding:4px 0px;}
.carousel-caption h1{ font-size:18px;}
.carousel-caption h3{ font-size:13px; padding:5px 0 0px; line-height:15px;}
.carousel-caption{ padding:20px 60px 25px 35px; bottom:-19%; width:420px; left:0%;}
.prd-listt .product-listt .col{ width:32%;}
.prd-listt .product-listt .prd-box{ max-width:48%; margin-right:1px; margin-bottom:20px;}
.prd-listt .prd-box span{ margin-bottom:50px;}
.prd-listt .product-listt .prd-box(3n+3){ margin-right:0;}
.wel-bg{ padding:30px 15px;}
.enq-bar .max-cntr .row{ display:block;}
.enrtr{ text-align:center;}
.enq{ text-align:center;}
.wel-cnt .wrtr .wimg1{ right:0px; bottom:230px;}
.wel-cnt .wltr{ padding-top:0;}
.prd-listt{ padding:0px 0;}
.prd-listt .prd-title h4{ font-size:30px; margin-bottom:15px; margin-top:20px;}
.cl-tit h5{ display:22px;}
.cl-tit h5 b{ font-size:40px;}
.mega-dropdown-menu{  height:400px;}
.prd-listt h4.prd-title{ padding:10px;}
.prd-item .prd-img{ width:29%; padding-left:9px;}
.prd-item .prd-cont{ width:70%;}
.det-tab .pro-img span{ width:33%;}
.det-tab .pro-img span:nth-child(3n+3){ border-right:none;}
.det-tab .pro-img span:nth-child(5n+5){ border-right: 1px solid #dbdff8;}
.det-tab .nav-tabs > li > a{ padding:6px 8px; font-size:16px;}
.det-tab .nav-tabs-custom > .tab-content{ padding:15px;}
.prd-det .prd-img{ width:35%;}
.prd-det .prd-cont{ width:65%;}
/*.ft-prlinks .max-cntr .row .col{ max-width:30%;}*/
.navbar-light .navbar-brand img{ width:71%}
.navbar button{ float:right; height:32px; padding:0px 8px; margin:0px; font-size:13px;}

.navbar-light .navbar-brand{ width:29%; margin-right:0px}
.tlinks{ width:64%; margin-top:33px;}
.topnav-bg{ top:0px; height:40px; }
.topnav-bg a:link{ margin:12px 0;}
.nav-bg{ height:40px; top:100px;}
.logo-bg{ top:20px;}
.tlinks .fa{ font-size:15px; margin-right:6px;}
.tlinks span{ font-size:12px;}
.tlinks .contactlist{ margin:0 0 0 0;}

.ft-prlinks ul{ margin-bottom:15px;}
.sticky{ top:0px; height:40px; background-color:rgba(255, 255, 255, 0.95)}
.sticky .navbar .stky-logo{width:180px;}
.navbar-collapse{ background-color:rgba(194, 27, 23, 0.90); border:#fff 1px solid; border-bottom:#fff 3px solid; border-radius:0 0 10px 10px; padding:10px;}
.space{ width:94.5%;}
.banner-content-inner h1 span{ font-size:14px;}
.banner-content-inner h1 span strong{ font-size:12px;}
.banner-content-inner h1{ margin-top:-80px;}

.client-list .nbox{ width:46%;}
}

@media (max-width: 736px) {
.navbar-light .navbar-brand{ width:29%; margin:0px 10px;}
.tlinks{ width:67%; margin-left:0px;}
.navbar-light .navbar-brand img{ width:67%}
.navbar button{ float:right; height:32px; padding:0px 8px; margin:0px; font-size:13px;}
.space{ width:94.5%;}
.navbar-collapse{ background-color:rgba(194, 27, 23, 0.90); border:#fff 1px solid; border-bottom:#fff 3px solid; border-radius:0 0 10px 10px; padding:10px;}
.banner-content-inner h1 span{ font-size:12px;}
.banner-content-inner h1 span strong{ font-size:10px;}
.banner-content-inner h1{ margin-top:-70px;}
.client-list .nbox{width:45%;}
.project-list .nbox{width:45%;}
}

@media (max-width: 667px) {
	.wel-cnt .wltr .leftarea{ width:100%; padding-right:0px;}
	.wel-cnt .wltr .rightarea{ width:100%;}
	.wel-cnt .wltr .rightarea .prd-box{ width:100%;}
	.proj-txt{ width:100%;}
	.navbar-light .navbar-brand{ margin-right:20px; width:24%;}
	.tlinks{ width:62%; margin-top:22px;}
	.tlinks span{ font-size:10px; margin:0 5px 0 0; line-height:15px;}
	.tlinks a{ font-size:10px;}
	.topnav-bg{background: url(../images/topnav_bg.png) no-repeat -550px;}
	.topnav-bg a:link{ font-size:11px}
	.nav-bg{background: url(../images/nav_bg.png) no-repeat -550px; top:83px;}
	.prd-listt .product-listt .prd-box{ max-width:100%; margin-bottom:0px;}
	.prd-listt .prd-box span{ margin-bottom:0px;}
	.wel-bg{ padding-right:0px; padding-left:0px;}
	.news-bg .nbox{ width:100%;}
	.clnt-cnt{ width:100%;}
	.news-bg .nav-tabs li a{ font-size:12px;}
	.cont-ltr .address span.adrlist1{ width:100%; border-right:none;}
	.cont-ltr .address span.adrlist2{width:100%; border-right:none;}
	.cont-ltr .address span.adrlist3{width:100%; border-right:none;}
	.cont-ltr .address span.adrlist4{width:100%; border-right:none;}
	
	.sticky{ top:0px; background-color: rgba(255, 255, 255, 0.95);}
	.prd-listt .prd-title span{ margin:10px auto; border-radius:25px; width:50px; height:50px; line-height:54px;}	
	.prd-listt .prd-title span i{ font-size:25px;}
	.prd-listt .prd-box span{margin:10px auto; border-radius:25px; width:50px; height:50px; line-height:54px;}
	.prd-listt .prd-box span i{ font-size:25px;}
	
	.wel-cnt .wltr span{ margin:10px auto; border-radius:25px; width:50px; height:50px; line-height:54px;}
	.wel-cnt .wltr span i{font-size:25px; line-height: 50px;}
	.wel-cnt .wltr h1{ font-size:20px; margin-bottom:15px; margin-top:10px; padding: 0 0 10px 0; border-bottom: #c21b17 1px solid;}
	
	
	.prd-listt .prd-box h2{ font-size:15px;}
	.prd-listt .prd-box p{ font-size:13px;}
	.prd-listt .prd-box span {margin: 10px 10px 10px 0;}
	.prd-listt .prd-title h4{ font-size:20px; margin-bottom:15px; margin-top:10px; padding: 0 0 10px 0;}
	.prd-listt .prd-title{ margin-bottom:0px;}
	.prd-listt .product-listt .prd-box{ padding:5px 10px;}
	
	.wel-cnt .wltr p{ font-size:13px; line-height:21px;}
	.wel-cnt .wltr .rightarea p{ font-size:13px; line-height:16px;}
	.wel-cnt .wltr h1 small{ font-size:20px;}
	
	.proj-txt p{ font-size:13px;}
	.proj-txt p strong{ font-size:15px;}
	
	.news-bg h1{ font-size:20px; margin-bottom:15px; margin-top:10px; padding: 0 0 10px 0; border-bottom: #c21b17 1px solid;}
	.clnt-bg h1{font-size:20px; margin-bottom:15px; margin-top:10px; padding: 0 0 10px 0; }
	.clnt-bg .nbox h3{ font-size:15px; line-height: 22px;}
	.carousel-caption h1{ padding-top:15px;}
	.space{ width:93.5%;}
	.navbar-collapse{ background-color:rgba(194, 27, 23, 0.90); border:#fff 1px solid; border-bottom:#fff 3px solid; border-radius:0 0 10px 10px; padding:10px;}
	
}

@media (max-width: 640px) {
	.navbar-light .navbar-brand{ width:29%; margin:7px 0;}
	.tlinks{ width:63%; margin-top:25px; }
	.wel-cnt .wltr .leftarea{ padding-left:15px; padding-right:15px;}
.navbar-collapse{ background-color:rgba(194, 27, 23, 0.90); border:#fff 1px solid; border-bottom:#fff 3px solid; border-radius:0 0 10px 10px; padding:10px;}
	.space{ width:93.5%;}
	
	.banner-content-inner h1 span{ font-size:12px;}
.banner-content-inner h1 span strong{ font-size:10px;}
.banner-content-inner h1{ margin-top:-70px;}
.navbar-light .navbar-brand{ margin:0px 0px;}
.news-list .nbox{ width:50%;}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.ft-copyright a{ display:block; width:100%; padding:10px 0 0 0;}
	.det-tab .nav-tabs > li > a{ border-bottom:none;}
	.prd-listt .product-listt .prd-box{ max-width:100%;}
	.product-listt{ display:block;}
	.det-tab .pro-img span{ width:100%; border-right:none;}
	.product-part1{ width:100%; border-right:none; padding-top:30px;}
	.det-tab .nav-tabs > li{ margin:0;}
	.det-tab .nav-tabs-custom > .nav-tabs > li.active > a, .det-tab .nav-tabs-custom > .nav-tabs > li.active:hover > a{ display:block;}
	.prd-det .prd-img{ width:100%;}
	.prd-det .prd-cont{ width:100%; padding:20px 0px; }
	.det-tab .nav-tabs-custom > .nav-tabs > li{ width:100%;}
	.enquiry .csr-form .form-group{ display:block;}
	.enquiry .csr-form .form-group label{ text-align:left;}
	.nws-det{ width:100%; border-right:none;}
	.client-page .client-part span{ width:49%;  margin-right:5px; margin-bottom:5px;}
	.client-page .client-part span:nth-child(3n+3){ margin-right:5px;}
	.client-page .client-part span:nth-child(2n+2){ margin-right:0;}
	.about-page .about-pltr1{ width:100%;}
	.about-page .about-prtr2{ width:100%; border-left:none; padding-left:0; margin-bottom:15px;}
	.about-page .about-pltr{ width:100%;}
	.about-page .about-prtr{ width:100%;}
	.about-page{ display:block;}
	.about-page .about-pltr{ padding-right:0px;}
	.nltr{ text-align:center;}
	.prd-listt .prd-title h4 {font-size: 26px; margin-bottom: 10px;}
	.nltr p{ padding-right:0; font-size:16px; text-align:justify}
	.mega-dropdown-menu{  height:400px;}
	.mega-dropdown-menu .row{ display:block;}
	.max-cntr .row{ margin-left:2px;}
	.carousel-caption h2{ font-size:26px;}
	.carousel-caption h3{ font-size:20px;}
	.carousel-caption h1{ font-size:20px;}
	.carousel-caption{ padding:14px 59px 14px 20px; bottom:30%;}
	.prd-listt .product-list .prd-box{ max-width:100%;}
	.prd-listt .prd-box::before { height:255px;}
	.top-bar .max-cntr .row{ display:flex;}
	.tp2{ text-align:center; display:none;}
	.tp1{ text-align:center; padding:7px 5px 12px;}
	.enq-bar h3{ font-size:22px; margin-bottom:15px;}
	.enq-bar .conth .phoneh{ font-size:14px; display:block; padding-bottom:10px;}
	.enq-bar .conth .phoneh i{ padding:8px;}
	.enq-bar .conth .emailh a i{ padding:8px;}
	.enq-bar .conth .emailh a{ font-size:14px;}
	a.enq-btn i{ font-size:20px; height:57px;}
	a.enq-btn{ padding:19px 34px 14px 77px;}
	.wel-bg .wel-cnt{ display:block;}
	.wel-cnt .wltr{ width:100%; padding-right:0;}
	.wel-cnt .wrtr .wimg2{ top:10px; left:20px;}
	.wel-cnt .wrtr .wimg1{ bottom:0px; left:50px;}
	.clnt-bg .max-cntr .row { display:block;}
	.clnt-bg .max-cntr .row .col-5{ max-width:100%; background-size: cover;}
	.clnt-bg{ padding:20px 0px;}
	.cl-tit h5{ padding:30px 0px;}
	.clnt-bg .max-cntr .row .col-7{ max-width:100%; padding:0; margin-top:15px;}
	.clnt-list .col-4{ max-width:48%; display:inline-block; margin-bottom:5px; text-align:center;}
	.news-bg .max-cntr .row{ display:block;}
	.nltr { margin-bottom:20px;}
	.contact-bg .map{ display:block; padding-bottom:20px;}
	.cont-ltr{ width:100%;}
	.cont-rtr{ width:100%;}
	.ft-mainlink .row{ display:block;}
	.ft-mainlink .row .col-7{ max-width:100%;}
	.ft-social{ text-align:center;}
	.ft-prlinks .row{ display:block; margin-top:10px;}
	.ft-prlinks .row .col{ margin-bottom:20px;}
	.ft-prlinks .ftitle h5{ margin-bottom:20px;}
	.ft-mainlink .mlink span{ margin:0px 3px;}
	.ft-copyright{ text-align:center; padding:25px 10px;}
	.tp-social a i{ font-size:15px;}
	.top-bar{ background:#0068b6; padding-bottom:3px; padding-top:3px; position:relative; }
    .nav-bg{/* position: relative;*/ z-index:99;}
	.banner-bg{ padding-top: 56px; background:#29adc4;}
	.navbar-light .navbar-nav .nav-link{ padding:8px 0px; font-size:14px;}
	.sticky{ position:fixed;}
	.megalink{ border-right:0px;}
	.clnt-list .col-4 small img{ height:50px;}
	.wel-cnt .wltr h1{ font-size:20px;}
	.wel-cnt .wltr h2{ font-size:18px;}
	.carousel-caption h1{ font-size: 12px;}
	.carousel-caption h2{ font-size:15px; padding:4px 0px;}
	.carousel-caption h3{ font-size: 12px;}
	.carousel-indicators li{ width:20px;}
	.banner_wrapper{ margin-top:56px;} 
	.banner-content-inner{ top:30%;}
	#accordion-style-1 .btn-link{ padding-top:0px; font-size:13px;}
	#accordion-style-1 .card-body h3{ font-size:14px;}
	#accordion-style-1 .card-body ul li{ text-align:justify;}
	.prd-item .prd-img{ width:100%; display:block; border-right:none; margin-bottom:10px;}
	.prd-item .prd-cont{ width:100%;}
	.accor-list{ padding:0;}
	.list-opts{ display:flex;}
	.prd-item .prd-cont h2 a{ text-align:justify; font-size:14px;}
	.prd-item .prd-cont h2{ padding-bottom:15px;}
	.tab-enq .csr-form .form-group{ display:block;}
	.product-part1{ height:auto !important;}
	.prdlist-bg .row{ display:block;}
	.prd-listt h4.prd-title{ text-align:left; font-size:18px; margin-bottom: 10px; padding-left: 0;}
	.prd-det .prd-cont h1{ font-size:16px;}
	.prd-list{ padding:0;}
	.space{ width:94.5%;}

	/*.banner-bg { padding-top: 56px;}*/
}
@media (max-width: 568px) {
.wel-bg{ float:left;}
.tlinks .fa{ font-size:11px;}
.navbar-light .navbar-brand{ width:24%; margin:0px;}
.tlinks{ width:76%; margin-top:15px;}
.logo-bg{ top:20px; padding:10px;}
.carousel-caption{ padding-right:129px; bottom:21%; height:auto;}
.news-bg{ float:left;}

.clnt-bg{ float:left;}

.clnt-bg .nbox{ height:auto; margin:40px 10px;}
.clnt-bg .nbox{ width:90%;}
.clnt-bg .nbox:last-child{ display:none;}

.contact-bg{ float:left; padding-bottom:20px;}
.ft-prlinks{ padding:30px;}
.space{ width:92.5%;}
.certificate-list a{ height:312px;}
.project-list .nbox{ width:46%; padding:15px; margin:10px;}
.project-list{ margin-left:0px;}
.client-list{ margin-left:0px;}
}
@media (max-width: 414px) {
.navbar-light .navbar-brand{ width:100%; text-align:center; margin-bottom:0px;}
.tlinks{ width:100%; margin-top:0px;}
.tlinks span{ font-size:12px; margin:0 10px;}
.navbar-light .navbar-brand img{ width:35%;}
.navbar button{ float:right; height:32px; padding:0px 8px; margin:0px; font-size:13px;}
.tlinks .fa{ display:none;}
.topnav-bg{ display:none;}
.nav-bg{ top:139px; background:#c21b17;}
.logo-bg{ top:0px;}
.banner-bg{ padding-top:154px;}
.wel-bg{ float:left;}
.proj-bg{background: url(../images/bg2.jpg) center; background-size:cover;}
.news-bg{ float:left;}
.clnt-bg{ float:left;}
.clnt-bg .nbox{ width:95%; margin-bottom:50px;}
.contact-bg{ float:left; padding-bottom:20px;}
.clnt-bg .nbox a h2{ padding-top:15px;}
.news-bg .nav-tabs li a{ font-size:10px; margin:0 5px 00 0; padding:10px;}
.news-bg .nav-tabs li.active a{ font-size:10px; margin:0 5px 00 0; padding:10px;}
.awards-list a{ width:98%;}
.ft-prlinks{ padding:30px;}
.ft-copyright{ float:left;}
.sticky .navbar .stky-logo{width:170px;}
.sticky{ top:00px; height:40px; background-color:rgba(255, 255, 255, 0.95)}
.space{ width:89.5%;}
.banner_wrapper{ margin-top:179px;}
.certificate-list a{ width:95%; height:422px; }
.client-list .nbox{width:90%;}
.project-list .nbox{width:95%;}
.news-list .nbox{ width:95%; padding:20px 0;}
.news-list{ margin-left:0px;}
}
@media (max-width: 375px) {
.news-bg .nav-tabs li a{ width:80px; text-align:center; float:left;}
.news-bg .nav-tabs li.active a{ width:80px; text-align:center; float:left;}
.news-bg .nav-tabs{ height:53px;}
.tlinks span{ font-size:11px; margin:0 5px; line-height:12px;}	
.nav-bg{ top:130px;}
.banner-bg{ padding-top:145px;}
.tlinks span{ font-size:10px;}
.tlinks span strong{ color:#c21b17;}
.sticky{ top:00px;}
.wel-bg{ padding-left:10px; padding-right:10px;}
.wel-cnt .wltr .rightarea .prd-box{}
.clnt-bg .nbox{ padding:25px; height:300px;}
.clnt-bg .nbox p{ padding:15px 0;}
.space{ width:94.5%;}
.banner_wrapper{ margin-top:170px;}
.innerpage .nav-tabs li a{}
.innerpage .nav-tabs{ height:29px}
margin-top{ margin-top:30px;}
.innerpage .nav-tabs li a{ margin-right:2px; padding:4px; font-size:12px;}
.body-part{}
.about-page .about-pltr{ padding:0px;}
.banner-content-inner h1 span{ font-size:12px;}
.banner-content-inner h1 span strong{ font-size:10px;}
.banner-content-inner h1{ margin-top:-70px;}
.certificate-list a{ width:91%; height:352px; }
}
@media (max-width: 380px) {
	.client-page .client-part span{ width:100%;}
	.our-address .ccont1 h1{ font-size:16px;}
	.enquiry .csr-form h1{ font-size:18px;}
	.inner-title h1{ font-size:18px;}
	.client-page .client-part span{ width:100%; margin-bottom:10px;}
	.banner-content-inner{ top:15%;}
	.title-tab a{ display:block; line-height:1.7; line-height: 1.7; background: #eef4f9; margin-bottom: 4px;}
	.title-tab a::after{}
	.title-tab{ margin:12px;}
	.about-page .about-pltr h1::before { width: 290px;}
	.about-page .about-pltr h1{ font-size:16px;}
	.about-page .about-pltr h1 small{ font-size:15px;}
	.carousel-caption{ padding: 10px 45px 10px 20px; bottom:19%; width:auto;}
	.carousel-indicators li{ width:20px;}
	.carousel-caption h1{ font-size: 10px;}
	.carousel-caption h2{ font-size:12px; padding:4px 0px;}
	.carousel-caption h3{ font-size: 10px;}
	.carousel-indicators{ bottom:0px;}
	.prd-listt .prd-box::before{ height:280px; padding:13px 15px;}
	.prd-listt .prd-box p{ margin-bottom:18px;}
	.mega-dropdown-menu{ height:300px;}
	.clnt-list .col-4{ margin-right:4px; margin-bottom:8px;}
	#accordion .panel-title a{ padding:1px 20px 20px 70px;}
	.space{ width:86.5%;}
	.banner-content-inner h1 span{ font-size:12px;}
.banner-content-inner h1 span strong{ font-size:10px;}
.banner-content-inner h1{ margin-top:-70px;}
	
}

@media (max-width: 320px) {
		.certificate-list a{ width:100%; height:322px;}
		.client-list .nbox{ width:96%; margin: 95px 0px 11px 0px;}
		.carousel-caption{ bottom:0%;}
		.project-list .nbox{ width:95%;}
		.project-list{ margin-left:-15px;}

}