@charset "utf-8";
/* CSS Document */

body
{
/*font-family: 'Roboto', sans-serif;
*/


    font-family: 'Open Sans', sans-serif;


}

.head{background-color:#434752; padding:10px;}
.head ul{list-style-type:none; margin-bottom:0;}
.head ul li{float:left; color:#fff;}
.head ul li i{margin-right:5px;}
.banner h1{font-size: 34px; color: #fff; line-height: 65px; }
.banner h1::after{content: ""; display: block; background-color:#d92025; margin:25px auto; width: 140px; height: 5px;   }
.logo-wrap{width:400px; height:auto; float:left;}
.logo-wrap img{width:100%; height:auto}
.header {
    padding: 15px 0 35px;
    position: relative;
    height: auto;
    float: left;
    width: 100%;
}
.inner-heading{width:100%; height:auto; float:left; color:#fff; top:30%; position:absolute; z-index:999; text-align:center;}
.inner-heading h2 {font-size: 50px; text-shadow: 0 2px 5px #000;}
.inner-heading h2:after{contact:''; border:none;}
.menu {
    clear: both;
    position: relative;
    z-index: 9;
    width: 100%;
    top: 0px;
}
.img-box{width:100%; height:auto; float:left; position: relative;}
.img-box img{width:100%; height:auto;}
.abt-inner-img{width:100%; height:auto;}
.abt-inner-img img{width:100%; height:auto;}
.abt-sects{width:100%; height:auto; padding:40px 0px; float:left;}
.abt-sects h3{margin:20px 0 30px 0px; font-size:24px;}
.who-we-are-inner {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    padding: 60px 0px;
    color: #fff;
    font-size: 16px;
    background: #024a58;
    background-size: 100%;
    background-position: -100px center;
    background-repeat: no-repeat;
}
.who-we-are-inner h3 {
    margin: 20px 0 30px 0px; 
    font-size: 24px;
}
.what-we-do-inner h2{text-align:left;}
.what-we-do-inner h2::after {
    border-bottom: 2px solid #db111c;
    content: " ";
    display: block;
    width: 50px;
    padding: 10px 0;
    text-align: left;
}
.inner-head{text-align:left;}
.inner-head::after {
    border-bottom: 2px solid #db111c;
    content: " ";
    display: block;
    width: 50px;
    padding: 10px 0;
    text-align: left;
}
.inner-head-c{text-align:left; text-align:center;}
.inner-head-c::after {
    border-bottom: 2px solid #db111c;
    content: " ";
    display: block;
    width: 50px;
    padding: 10px 0; margin:0 auto;
    text-align: left;
}
.icon-wrap {
    width: 100%;
    opacity: 0;
    height: 30px;
    transition: .5s all ease-in;
    position: absolute;
    top: 30%; 
    left: 0;
    z-index: 999;
    text-align: center;
    line-height: 30px;
    color: #fff;
}
.icon-wrap a {
    color: #fff;
    font-size: 30px;
}
.img-box-inner{
    width: 100%; transition:.5s all ease-in;
    position: relative;     margin: 0 0 30px;
    height: auto; background-color:#333;
    float: left;
}
.quality-inner-img{width:100%; height:auto;}
.quality-inner-img img{width:100%; height:auto;}
.img-box-inner img{width:100%; height:auto;  transition:.5s all ease-in;}
.img-box-inner:hover .icon-wrap{opacity:1; transition:.5s all ease-in;}
.img-box-inner:hover img{opacity:.5; transition:.5s all ease-in;}
.img-box-inner:hover .article-caption-inner{opacity:0; transition:.5s all ease-in;}
.article-caption-inner {
    position: absolute;
    bottom: 0px;
    text-align: center; transition:.5s all ease-in;
    background-color: rgba(33, 32, 32, 0.78);
    padding: 2px 20px; width:100%;
}
.what-we-do-inner h3 {
    margin: 20px 0 50px 0px; transition:.5s all ease-in;
    font-size: 20px; color: #909090;
    text-align: left;
}
.proudcts-gallery{width:100%; padding:40px 0px; height:auto; float:left; background-color:#f7f7f7;}

.what-we-do-inner{width:100%; padding: 60px 0px; background-color:#ffffff; float:left;}
.what-we-do-inner .form-control{width:100%; border-radius:0px;}
	.cont-btn{    width: 100px;
    line-height: 20px;
    background-color: #db111c;
    color: #fff;
    font-size: 18px;
    border-color: #db111c;}
.clit-det{width:100%; height:auto; overflow:hidden;}
.clit-det img{width:100%; height:auto;}
.clients .owl-prev {
    right: 40px;
    position: absolute;
    bottom: -35%;
    background: transparent url(../images/nav-arr-l.png) !important;
    background-size: 100% !important;
    width: 40px;
    height: 40px;
    opacity: 1 !important;
}
.clients .owl-next {
    right: 0;
    position: absolute;
    bottom: -35%;
    background: transparent url(../images/nav-arr-r.png) !important;
    background-size: 100% !important;
    width: 40px;
    height: 40px;
    opacity: 1 !important;
}
.what-we-do-inner p{font-size:16px;}
.abt-back{background-color: #f2f2f2;}
.inner-abt-us{width:100%; height:auto; float:left; padding:40px 0 0;}
.abt-lst{margin:0px; padding:0px; list-style:none;}
.abt-lst li {
    color: #222;
    background: url(../images/list-bullets.png);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    background-size: 9px;
    padding: 0 0 0 15px;
    font-size: 16px;
    margin: 0 0 10px;
}
.abt-lst-h{margin:0px; padding:0px; list-style:none;}
.abt-lst-h li {
    color: #ffffff;
    background: url(../images/list-bullets.png);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    background-size: 9px;
    padding: 0 0 0 15px;
    font-size: 16px;
    margin: 0 0 10px;
}
.what-we-do {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 50px 0;
    float: left;
}
.menu .navbar-default {
    background-color: #292929;
    border-color: transparent;
    margin: 0px;
    position: absolute;
    top: -25px;
    width: 100%;
}
.inner-banner{width:100%; height:auto; overflow:hidden; float:left; position:relative;}
.inner-banner img{width:100%; height:auto; overflow:hidden;}
.contact-list {
    padding: 0px;     margin-top: 15px;
    list-style: none;
    float: right;
}
.contact-list li{display:inline-block; margin:0 10px;}
.contact-list li a{color:#000;}
.contact-list li .fa{color:#dc121e;     font-size:16px;}
.menu .navbar-default .navbar-nav > li > a {
    color: #fff;
	margin-right:1px;
}
.menu .navbar-default .navbar-nav > li > a span::after{position: absolute;
content: "";
width: 1px; top:13px;
height: 25px;
right: 0px;background: #fff;
opacity: 0.07;}
.menu .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #db111d;
}
.menu .right-link {background-color:#474747;}
.menu .navbar-collapse {
   
    padding-left: 1px;
}

 h2{text-transform:uppercase; margin-bottom: 20px;}
 h2::after{border-bottom:2px solid #000; content:" ";  display:block; width:50px; padding:5px 0;}
 
 
.section-1 img{padding-left:0px; margin-bottom:20px; }
.section-1 p{margin:0 0 15px;}
.section-1 h4{ margin-bottom:20px;}

.section-1 h2{margin-top:0;}

.article-caption
{
position: absolute;
bottom: 20px;

text-align: center;
background-color: rgba(33, 32, 32, 0.78);
padding: 2px 20px;

}
.article-title{font-size: 15px;
color: #fff;
margin-top: 10px;}

.pl{padding-left:0;}


.section-2 {
    width: 100%;
    height: auto;
    float: left;
}
.section-2 .bg{background-image:url(../images/bg-grid.jpg); background-position: center center;
padding: 0px 0 0px;
position: relative;
overflow: hidden;}
.section-2 .pic{background-image:url(../images/ind.jpg); height: 100%;
width: 100%;
left: 0;
top: 0;
position: absolute;
background-repeat: no-repeat;}
.section-2 .content{ padding:20px 80px 0px;}
.section-2 a{color:#d9534f;}
.section-2 .img-l{ }


.bg p{color: #e3e3e3;
text-align: justify; line-height:25px;}

.tabbable-panel {
  border: none;
  padding: 0 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #a7a5a5;
  text-transform: uppercase;
padding: 10px 20px;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #dbdbdb;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 1px solid #a5a5a5;
  color: #fff;
border-bottom: 0;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: transparent;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #db111d;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
margin-bottom: 0px;
border-bottom: 0;
border-top: none;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: 0;
border-top: 0;
border-bottom: none;
padding-bottom: 60px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{background-color:transparent;}

.tab-content h3{text-transform: uppercase;
color: #fff; font-weight:bold; margin-bottom:20px;}

.section-2 .tab-content > .tab-pane {
    
    height: 185px;
}

.section-3{padding:70px 0px 50px; overflow:hidden;}
.faq-cat-content {
    margin-top: 25px;
	overflow: hidden;
margin-bottom: 25px;
}
.section-3 .nav-tabs{border-bottom:1px solid #db111d;}
.section-3 .faq-cat-tabs li a  {
    padding: 10px 10px 10px 10px;
    background-color: #db111d;
    border: 1px solid #dddddd;
    color: #fff;
}

.nav-tabs li a:focus,
.panel-heading a:focus {
    outline: none;
}

.panel-heading a,
.panel-heading a:hover,
.panel-heading a:focus {
    text-decoration: none;
    color: #777777;
}

.faq-cat-content .panel-heading:hover {
    background-color: #efefef;
}

.active-faq {
    border-left: 5px solid #888888;
}

.panel-faq .panel-heading .panel-title span {
    font-size: 13px;
    font-weight: normal;
}
.section-3 .list ul{list-style-type:none;}
.section-3 .list ul li{line-height:25px; font-size:15px; position:relative; padding-left:20px;}
.section-3 .list ul li::before{content:"\f0da"; display:block; font-family:fontawesome; position:absolute; left:0;}
.section-3 .nav-tabs > li.active > a, .section-3 .nav-tabs > li.active > a:focus, .section-3 .nav-tabs > li.active > a:hover
{
	border: 1px solid #9e9999 !important;
}

.section-4 {background-color: #f8f6f6; overflow: hidden; padding: 50px 0; width: 100%; height: auto; float: left;}
.section-4 p{line-height:25px; text-align:justify;}
.section-4 .safety ul{ list-style-type:none;}
.section-4 .safety ul li{line-height:25px; font-size:15px;  text-align:left;}
.section-4 .safety ul li::before{}
.safety h4 i{color:#db111d;}
.clients {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0px;
}
.bg-service{background-image:url(../images/bg-service.jpg); background-attachment:fixed; background-size:cover; background-repeat:no-repeat;
background-position:center center; padding:50px 0;}

.section-5 {
    margin: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
    float: left;
}
.section-5 h3{color: #fff;
margin-bottom: 50px;
text-transform: uppercase;}
.section-5 ul{ list-style-type:none; padding: 0;
overflow: hidden;}
.section-5 ul li{ color: #f3eaea !important;
font-size: 16px;}
.section-5 ul li i{ color: #fff;
background-color: #db111d;
padding: 5px 10px;
margin-right: 10px;
}

.bg-1 {
    background-image: url(../images/bg-products.jpg);
    background-attachment: fixed;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 4px 4px 22px #ccc;
    float: left;
    width: 100%;
    height: auto;
}

.overlay{background-color:rgba(255, 255, 255, 0.93); overflow:hidden;}
hr{margin-bottom:0; margin-top: 15px;}

.btn-1{float:right; margin-top:20px;}
.btn-2{float:right; background-color:transparent; color:#db111d;}

.footer {
    background-image: url(../images/footer-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0;
    float: left;
    width: 100%;
    height: auto;
}
.footer h4{color:#fff; text-transform:uppercase; font-weight:bold;}
.footer ul{list-style:none; padding:0;}
.footer ul li{color:#fff;line-height: 30px;
font-size: 15px;}
.footer ul li i{}
.address ul li{position:relative; padding-left:20px;  text-transform:uppercase; }
.address ul li:nth-child(1)::before{position:absolute; left:0; content:"\f041"; display:block; font-family:fontawesome;}

.contact ul li{position:relative; padding-left:25px;}
.contact ul li:nth-child(1)::before{position:absolute; left:0; content:"\f095"; display:block; font-family:fontawesome;}
.contact ul li:nth-child(2)::before{position:absolute; left:0; content:"\f10b"; display:block; font-family:fontawesome;}
.contact ul li:nth-child(3)::before{position:absolute; left:0; content:"\f0e0"; display:block; font-family:fontawesome;}
.contact ul li:nth-child(4)::before{position:absolute; left:0; content:"\f0ac"; display:block; font-family:fontawesome;}
.contact ul li a{text-decoration: none;
text-transform: uppercase;
color: #fff;}

.links ul li{position:relative; padding-left:15px;}
.links ul li a{color:#fff;}
.links ul li::before{position:absolute; left:0; content:"\f105"; display:block; font-family:fontawesome;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #db111d;
}

.footer-bg {
    background-color: #383839;
    padding: 10px 0 0;
    border-top: 1px solid #515150;
    width: 100%;
    float: left;
}


.footer-bg p {color:#fcfcfc; text-align:center; margin:0px 0; padding:10px 0; line-height:25px;}
.img-abt{width:35%; min-height:300px; float:left;}
.img-abt img{width:100%; height:auto;}
.about-us-new {
    width: 100%;
    min-height: 100px;
    background: #020202 url(../images/bg-grid.jpg);
    float: left;
    background-repeat: repeat-x;
}
.text-img{width:65%; float:left; min-height:300px; padding: 30px 60px; color: #fff;}
.text-img .tab-content>.active {
    display: block;
    padding: 30px 0px;
}
.text-img .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143; transition:.5s all ease-in;
    border: none;
    border-radius: 0;
    color: #fff;
}
.text-img .nav-tabs li a:focus, .text-img .panel-heading a:focus {
    outline: none;
    border: none !important;
}
.text-img .nav-tabs>li.active>a, .text-img .nav-tabs>li.active>a:focus, .text-img .nav-tabs>li.active>a:hover {
       color: #fff;
    cursor: default;
    transition: .5s all ease-in;
    background-color: transparent;
    position: relative;
    border: none;
    border-bottom-color: transparent;
}
.text-img .nav-tabs>li.active>a::after, .text-img .nav-tabs>li.active>a:focus::after, .text-img .nav-tabs>li.active>a:hover::after{
content: '';
    bottom: 0px;
    width: 100%; background-color: #d9534f;
    height: 3px;
    position: absolute;
    left: 0;
}
.text-img .nav-tabs>li>a:hover{color:#222; transition:.5s all ease-in;}
@media only screen and (max-width: 767px){
.inner-heading h2 {
    font-size: 30px;
    text-shadow: 0 2px 5px #000;
    margin: 0px;
}
.logo-wrap {
    width: 255px;
    height: auto;
    float: left;
}
.menu-wrap {
    background-color: #d92025;
}
.abt-inner-img{margin:0 0 20px;}
.inner-abt-us{padding:0px;}
.menu .navbar-default{position:static;}
.menu {
    clear: both;
    position: relative;
    z-index: 9;
    width: 100%;
    top: 0px;
    width: 100%;
    float: left;
    background-color: #d92025;
}
.menu .navbar-default {background-color: #d92025;}
.img-abt {width: 100%; min-height: 50px;}
.text-img {width: 100%;     padding: 30px 15px;}
.banner h1::after{display:none;}
.banner h1 {font-size: 14px; color: #fff; line-height: inherit;}
.carousel-caption{
	position: absolute;
    top: 0px;
    padding: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width:991px)
{
	
.logo-wrap {
width: 230px;}
.nav>li>a {padding: 10px 10px; font-size: 12px;}
.contact-list li a {font-size: 11px;}
.contact-list{margin-top:8px;}
.navbar{min-height:34px;}
.contact-list li { margin: 0 3px;}
}
@media only screen and (min-width: 992px) and (max-width:1024px){
.who-we-are-inner{padding:0px;}
.logo-wrap {width: 300px;}
}