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

body{ margin:0px 0px; padding:0px;font-family: 'Roboto', sans-serif; color:#1c1c1c;}
strong{font-family: 'Gotham_Bold';}
a{color:#0054ff; font-family: 'Gotham_Book';}
@font-face {
    font-family: 'Gotham_Bold';
    src: url('../font/Gotham-Bold.eot');
    src: url('../font/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/Gotham-Bold.woff2') format('woff2'),
        url('../font/Gotham-Bold.woff') format('woff'),
        url('../font/Gotham-Bold.ttf') format('truetype'),
        url('../font/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham_Book';
    src: url('../font/Gotham-Book.eot');
    src: url('../font/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../font/Gotham-Book.woff2') format('woff2'),
        url('../font/Gotham-Book.woff') format('woff'),
        url('../font/Gotham-Book.ttf') format('truetype'),
        url('../font/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.header {
    width: 100%;
    height: auto;
    margin: 20px 0px 10px 0px;
    padding: 10px 0px 0px;
    top: 0;
    z-index: 20;
    -webkit-transition: all 0.6s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0px auto;
    max-width: 100%;
    background: #FFFFFF;
    transition: all 0.6s ease-in-out;
    border-bottom: 5px solid #c52127;
}



.navbar-collapse{margin-top:20px; margin-right:0px; padding-right: 0px}


/*header.scroll_css{margin:0px;background:#fff;
	-webkit-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out; }*/
.logoC{ width:auto; height:auto; margin:12px 0px 0px 0px; padding:0px; overflow:hidden;}
.logoC img{ width:auto;}
.width-87{ width:87.5%;}

.row1{ width:auto; height:auto; margin:0px 0px; padding:0px; overflow:hidden;}






@media (min-width:200px) and (max-width:575.98px){
 .contact-C {
    background-color: #b30b0b;
    color: #fff;
    font-size: 10px;
    display: inline-table;
    position: fixed;
    top: 2%;
    left: 34%;
    z-index: 51;
 }
  .contact-C h3 {
    margin: 0px 0px;
    font-size: 19px; 
  }
}

.contact-C h3{ margin:0px 0px; }
.contact-C h3 .fa{ margin-right:10px;}
.scroll_css .contact-C h3{ font-size:12px!important;}


/*nav*/

.navbar-default {background-image: none;  border:none; padding:0px; border-radius: 0px;box-shadow: none;background-color:none !important;}
.margin-top10{ margin-top:10px;}
.navbar-default { background:none!important;}
.navbar-nav > li > a{ font-size:12px; text-transform:uppercase; transition: all 0.5s ease 0s; padding:5px 0px 5px 0px; margin-left:4px; 
  color:#000!important;}
.navbar-nav > li{ transition: all 0.5s ease 0s;   }
..navbar-collapse{padding:0px !important;}

.navbar-nav > .active > a{ color:#0a8146;  background:none!important;}
.navbar-nav > .active > a{ background:#a9212a; color:#fff!important;}
.navbar-nav > .active > a{ background:#a9212a!important; }
.navbar-nav{ float:right; }
.navbar-nav > li > a:hover{  transition: all 0.5s ease 0s; color:#0a8146!important;}
.navbar-nav > .active:hover{color:#fff!important;}
.navbar-default .navbar-nav > li > a{padding:5px 20px}

.navbar{ margin-bottom:0px; min-height:42px!important; float:right;}

.productC a{color:#fff;}

.navbar-nav > .active .caret{}
.navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a{ box-shadow:none!important;}
 .nav-menu li a.active, .nav-menu li a:focus{color:#0a8146;  background:#d6a234!important;}
  .nav-menu li a.active, .nav-menu li a:focus{ color:#FF0000 !important;}
  a{ outline:none !important;}
  .navbar-brand, .navbar-nav > li > a{ text-shadow:none; font-family: 'Gotham_Bold'; font-size: 12px}

/*slider*/

.sliderC{ text-shadow:none;  margin: 0px auto; padding:0px; width:92%; max-width: 1170px; background:#FFFFFF; position:relative; margin-bottom:30px; margin-top:72px; margin-bottom:0px; }

.sliderC img{ overflow:hidden; width:100%;}



.carousel-control.left{ background-image:none!important;}
.carousel-control.right{ background-image:none!important;}

.carousel-control.left{ background-image:none!important;}
.carousel-control.right{ background-image:none!important;}
.carousel-control.left, .carousel-control.right{
background: none !important;
filter: progid:none !important;
}
.carousel-control{ display:none;}

.sliderC .carousel-caption { text-transform:uppercase;
    left: 50%;
    padding-bottom: 30px; top:42%;
    right:0%;
}
.carousel-caption h2{ margin-right:5%; font-weight:bold; font-size:48px; margin:5px 0px; margin-right:5%; font-size:53px;}
.carousel-caption h3{ tfont-size:18px; display:inline; font-weight:normal; color:#a9212a; background:rgba(0, 0, 0, 0.5); margin:5px 0px; text-transform:uppercase; margin-right:5%; font-size:78px; padding:0px 10px;}
.carousel-caption h4{  font-size:18px; font-weight:normal; margin:5px 0px; text-transform:uppercase; margin-right:5%; font-size:40px;}

/* .carousel-indicators{ display:none;}
*/



.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*home content*/

.about{ margin-bottom:30px;}
.mainTile{ overflow:hidden;}
.mainTile h1{ font-weight:600; margin:5px 0px; font-size:26px; font-family: 'Gotham_Bold';} 
.mainTile h1 span{ color:#a9212a;}
.mainTile h2{font-weight:600; font-size:18px; margin:0px 0px 5px; line-height:10px; text-align:left; font-size:20px; font-family: 'Gotham_Bold';}
p{ font-size:13px; line-height:24px;}




.productC{ width:auto; height: auto; margin:0PX 0PX; padding:0PX; overflow:hidden; height:195PX; position:relative;font-family: 'Roboto Condensed', sans-serif; left:0; margin-bottom:30px; }
.productC h3{ color:#FFFFFF; font-size:12px; border-left:0; border-right:0;font-weight:normal; text-transform:uppercase; padding:10px 0px; text-align:center;
 background:rgba(0, 0, 0, 0.5); position:absolute; top:30%; left:0;right:0; margin:30px auto; font-family: 'Gotham_Bold';}
.productC img{ width:100%;}
.productC p{ text-align:center; color:#FFFFFF; font-size:12px; width:80%; top:58%; position:absolute; left:0; right:0; margin:10px auto; line-height: 18px;  background: rgba(0, 0, 0, 0.5); margin: 8px 0px; padding: 0px 16px; width: 100%; padding-bottom: 9px; font-family: 'Gotham_Book';} 
.large{}
.large p{ width:100%;}

.thump-img{ width:100%;}

.productC .thump-img img{ width:330px; min-height:200px; -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;}
	
	
.large .thump-img img{ width:560px;}
.productC .thump-img img:hover
{
-webkit-transform:scale(1.25);
    -moz-transform:scale(1.25);
    -ms-transform:scale(1.25);
    -o-transform:scale(1.25);
     transform:scale(1.25);
}


.clientC h3 {
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
    background: #a9212a;
    margin: 20px auto;
    display: table;
    padding: 10px;
    margin-top: 0px;
    width: 100%;
	font-family: 'Gotham_Bold';
}

/*footer*/


footer{ width:100%; height:auto; margin:0px 0px; padding:0px; overflow:hidden; background:#252625; color:#d2d2d2; } 

footer p{ font-weight:300; line-height:24px; font-size:13px; font-family: 'Gotham_Book';}
footer p a{ color:#FFF; font-size:13px;}

.copyright{ overflow:hidden; padding:10px 0px;}
.copyright a{ margin-left:5px;transition: all 0.5s ease 0s}
.copyright a:hover{ color:#008b40; text-decoration:none; margin-left:5px;transition: all 0.5s ease 0s}
.copyright p{ margin:10px 0px;}

.footerContact{ background:#008b40; color:#FFFFFF; padding:10px; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}

.footerContact h5 .fa{ color:#252625; background:#FFFFFF; width:30px; height:30px; margin-right:15px; border-radius:50%; text-align:center; line-height:30px;}

ul.socialMedia{ width: auto; height:auto; margin:0px 0px; padding:0px 0px; overflow:hidden; list-style:none; margin-top:20px; float:right;}
ul.socialMedia li{  width:27px; height:27px; margin:2px; margin-right:10px; padding:0px;display:block; overflow:hidden; float:left;  text-align:center; color:#FFFFFF; border:1px solid #ffffff; border-radius:4px;transition: all 0.5s ease 0s;   }
ul.socialMedia li a{ color:#FFFFFF; text-align:center; text-decoration:none; }
ul.socialMedia li a .fa{ display:block; line-height:27px;}

.clientC{ /*background:#e2e2e2; */padding:30px 0px; width:100%;}
.thumbnail{ margin-bottom:0px;}



/*about*/
 
 
 
 /*banner*/

iframe{width:100%;}
.bannerC{ width:100%; height:auto; margin:0px 0px; padding:0px; overflow:hidden; position:relative;margin-bottom:20px; margin-top:90px; float: left}
.bannerC img{ width:100%; }
.breadcrumb{ position:absolute; width:auto; max-width:95%; margin-left:36px; display:block;  bottom:58px; margin-bottom:7px; background:url(../images/bg.png);}
.breadcrumb li a{ color:#ccc!important;}
.breadcrumb > .active{ color:#fff;}
p{font-family: 'Gotham_Book';}
.cmsC{ overflow:hidden; padding-bottom: 40px}
.cmsC p{ text-align:justify; line-height:24px; font-size:13px; font-family: 'Gotham_Book';}
.cmsC h3{ font-size:20px; font-family: 'Gotham_Bold';}
.cmsC .listing{ margin-top:30px;}
.cmsC img{ width:100%; margin-bottom:20px;}
ul.listing{  margin:0px 0px; padding:0px 0px; list-style:none;  overflow:hidden;}
.cmsC .listing li{ margin:0px 0px 10px 0px;background:#000000; padding:10px; background: #000 url(../images/head-bg.jpg) bottom repeat-x; display:block;    }
.cmsC .listing li a{ font-size:13px; color:#5d5d5d;transition: all 0.5s ease 0s; color:#FFFFFF;display:block; font-family: 'Gotham_Bold'; }
.cmsC .listing li a:hover{ text-decoration:none; transition: all 0.5s ease 0s; color:#f31825; padding-LEFT:10PX; }

.mainTitle{}
.mainTitle h1{font-weight:800; font-size:20px; margin-top:10px; color:#000000; text-transform:uppercase; font-family: 'Gotham_Bold';}


/*online enquiry*/

.contactC{ margin-bottom:20px;}
.enquiryC{ overflow:hidden;}

.captcha{ width:auto; height:auto; margin:0px 0px; padding:0px; height:40px; overflow:hidden; background:#dfdfdf; line-height:40px; text-align:center; border:1px solid #dedede; margin-bottom:20px;}
.captcha img{ eight:auto;}
.refreshBtn{text-align:center; color:#f31825; padding:10px; overflow:hidden; }
.refreshBtn .fa{ padding:10px; font-size:20px; color:#f31825}
.submt-enqry{ overflow:hidden;}
.submt-enqry img{ width:auto;}
.contactC .textBox{ height:40px;}
.contactC .textBox, .contactC .textAria{ border:1px solid #dfdfdf; color:#121212; font-family: 'Gotham_Book';}
.submitBtn{ border:none; padding:10px 15px; float:right; background:#f31825; color:#FFFFFF;transition: all 0.2s ease-in-out 0s; font-family: 'Gotham_Bold'; font-size: 14px}
.submitBtn:hover{ background:#000;transition: all 0.2s ease-in-out 0s; color:#f31825;}

.textBox{ border:1px solid #c3c3c3; width:100%; height:35px; color:#dcd2be; background:#dfdfdf; padding:5px; margin-bottom:10px; transition: all 0.2s ease-in-out 0s;}
.textAria{ border:1px solid #c3c3c3; width:100%;  color:#dcd2be; background:#dfdfdf; padding:5px; margin-bottom:10px;transition: all 0.2s ease-in-out 0s; }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input.input-text:focus { background:#FFFFFF; color:#000000; border:1px solid #dcdcdc;transition: all 0.2s ease-in-out 0s; }
.contactC  h5{ color:#fd0102; font-weight:bold; font-size:15px; font-family: 'Gotham_Bold';}
.top20{ margin-top:20px;}

.gmapC{ margin-bottom:20px;}

/*service*/

.serviceC{ }
.serviceC img{ width:290px; height:290px; border-radius:50%;}
.serviceC h3{ font-size:22px; color:#000000; margin-top:0px; font-family: 'Gotham_Bold';}
.service-img{width:290px; height:290px; margin-bottom:20px; float: right}

.service-block{ overflow:hidden;background:#999999;}


.serviceC-row{}
.left-box{}
.right-box{}
.serviceC:nth-child(2n) .right-box{  float:right;}



/*new**/

.carousel-indicators li { width:19%; background:#000000; padding:15px 5px; border:none; border-radius:0px; height:50px; color:#FFFFFF; opacity:0.2; overflow:hidden; font-family: 'Gotham_Bold'; font-size:14px} 
.carousel-indicators .active{width:20%; background:#a9212a; padding:15px 5px; border:none; border-radius:0px; height:50px; margin:1px; opacity:1;} 
.carousel-indicators{ overflow:hidden;}
.carousel-indicators li{text-indent:0;}
.carousel-indicators{ width:70%; left:46%;}
.sliderC{ padding-bottom:70px; background:#333333;}
.carousel-indicators{ bottom:-77px;}

.carousel-inner
{
    height:400px;
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
.texFild{ width:98%;}


}
 @media (min-width: 768px) and (max-width: 1280px) { 

.navbar-nav > li > a{ padding:5px; font-size:11.5px;}
.logoC img{ width:auto;}


}

 @media (min-width: 600px) and (max-width: 768px) {
.logoC img{ width:auto;}

}
 @media (max-width:964px) {
 

 
 }

 @media (max-width:760px) {
 
 .navbar-default .navbar-toggle{border:none; margin-right:0px; }
.navbar-default .navbar-toggle .icon-bar{ background:#FFFFFF;}
.navbar-default{ margin-top:10px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:none;}

.product-Img{ width:100%;}
.homeContent .productImg{ height:auto; max-height:300px;}
 
 .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{ max-width:none!important;}

.sliderC img{ width:auto;}
.mainTile{ margin-bottom:15px;}


.navbar-collapse{ background:rgba(0, 0, 0, 0.5); margin-top:3px;}
header{ max-height:62px;}
.navbar-default{ margin-top:0px;}
.navbar-nav > li > a{ font-size:13px;}

.logoC img{ width:100%;}
.carousel-indicators{ display:none;}
.sliderC{ padding-bottom:0px;}

.sliderC img{ width:100%;}
.carousel-inner{ height:auto!important;}
.navbar-header{ margin-top:0px; }

.navbar{  position:fixed; top:14px; right:10px;z-index:150; width:50%; }


.navbar-nav{ float:none;}
.navbar-toggle{ margin-top:-4px;}
.navbar-default .navbar-nav > li > a{ color:#FFFFFF!important;}
header{ padding:19px 0px!important;}
 }

 @media (max-width:360px) {
 .socialMedia{ float:none;}

 

 }

 .message_hold{
    background-color: rgba(0, 0, 0, 0.90);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}
.msg_close:hover {
    opacity: 1;
    transition: all 0.3s ease 0s;
}
.msg_close {
    color: #ffffff;
    font-size: 0;
    opacity: 0.5;
    position: absolute;
    right: 25px;
    top: 10px;
    transition: all 0.3s ease 0s;
    z-index: 999;
}
.msg_close::before {
    transform: rotate(45deg);
}
.msg_close::before, .msg_close::after {
    border-bottom: 1px solid;
    border-right: 1px solid;
    content: ".";
    display: block;
    height: 20px;
    width: 20px;
}
.msg_close::after{
    margin-top: 7px;
    transform: rotate(-135deg);
}

.message_box {
    /*border: 1px solid #fff;*/
    bottom: 0;
    height: 165px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 280px;
}

.msg_ok:hover {
    opacity: 1;
    transition: all 0.3s ease 0s;
}
.msg_ok {
    border: 1px solid #fff;
    bottom: 0;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin: auto;
    opacity: 0.5;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 100px;
}
a {
    cursor: pointer;
    outline: medium none;
    text-decoration: none; color:#0054ff; font-family: 'Gotham_Book';
}
.message_box p {
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: ralewayt;
    font-size: 35px;
    padding: 10px;
    width: 100%;
}

.mrg{margin:0px; padding:0px;}
.contact-C1{float:right; margin-right:0px;}
.contact-C1 ul{float:left}
.contact-C1 ul li{float:left; list-style:none; text-decoration:none; margin:0px 10px; font-family: 'Gotham_Bold'; font-size: 12px}
.contact-phone{width:100%; float: left; height: auto}
.contact-phone h3{text-align: right; padding-right: 0px; font-family: 'Gotham_Bold'; margin: 0px; padding-bottom: 20px}
.contact-phone h3 .fa{padding-right: 10px}
.pageTitle h1{font-family: 'Gotham_Bold'; font-size:20px}
.about p{font-family: 'Gotham_Book'; font-size:14px; line-height: 18px}
.blog p{font-size:16px}
.paddbottom{padding-bottom:30px}
.text_right{padding-right:50px}
.img_right img{width: 100%}
.thumbnail img{width:auto}
.nbs-flexisel-item{margin-right: 23px !important;}