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

html, body {
    height: 100%;
    width: 100%;
    overflow: auto;
}
 html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
*{margin:0; padding:0;  outline:none; border:none; text-decoration:none;}
.clear{ clear:both;}
  *,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html,body{height:100%;}
@media (min-width:992px) and (max-width:1199px){
.img-responsive{ width:100%; height:auto; display:block}
.wraper{ width:100%; height: auto; background:url(../images/mainbg.jpg)}
.main-container{ width:100%; height: auto; margin:0 auto; background-color:#f8f8f8;}
.top-wrap{ width:100%; height: auto; background-color:#d51920}
.top-container{ width:100%; height:78px; margin:0 auto; position:relative;box-shadow: -6px 0 10px -3px rgba(52,52,52,0.2);  -moz-box-shadow: -6px 0 10px -3px rgba(52,52,52,0.2);-webkit-box-shadow: -6px 0 10px -3px rgba(52,52,52,0.2);}
.logo{ width:12%; height: auto; background-color:#d51920 !important; position:absolute; left:0px; top:0px; padding:10px; z-index:999 }
.logo img{ width:100%; height: auto; display:block;}
.menu-container{ width: auto; height:auto; float:left; margin-left:12%}
.top-quick{ width:auto; height:auto; float:right}
.top-cal{ width:auto; height:78px; float:right;font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:600; color:#f7d1d2; background:url(../images/bg.jpg) repeat-y left top; padding-left:10px}
.top-cal-1{ width:auto; height:78px; float:right;font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:600; color:#f7d1d2; padding-right:10px}
.top-cal h2{font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:600; color:#f7d1d2; padding-top:20px; line-height:20px}
.top-cal h3{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; color:#f7d1d2; line-height:20px}
.top-cal h3 a{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; color:#f7d1d2; line-height:20px; text-decoration:none}
.top-cal h3 a:hover{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; color:#fff; line-height:20px; text-decoration:none}
.banner-container{ width:100%; height:auto}
.banner-container img{ width:100%; height:auto; display:block}
.scroll{ width:16%; height:auto; float:left}
.home-serv{ width:100%; height:auto}
.welcom-container{ width:100%; height:auto; padding-top:40px; padding-bottom:40px; padding-left:20px; padding-right:20px}
.welcome{ width:70%; height:auto; float:left}
.welcome-title{ width:100%; height:auto; text-align:left;font-family: 'Oxygen', sans-serif;  font-weight: lighter; color:#252525; font-size:28px; }
.welcome-title span{ height:auto;font-family: 'Oxygen', sans-serif;  font-weight:700; color:#d51920; font-size:28px; text-transform:uppercase }
.welcome p{font-family: 'Oxygen', sans-serif;  font-weight:400; color:#888; font-size:15px; line-height:28px; text-align:justify; padding-top:10px}
.welcome p a{font-family: 'Oxygen', sans-serif;  font-weight:400; color:#888; font-size:15px; line-height:28px; text-align:justify; 
   -webkit-transition: padding .4s;
   -moz-transition: padding .4s;
   -o-transition: padding .4s;
   transition: padding .4s; text-decoration:none
}
.welcome p a:hover{font-family: 'Oxygen', sans-serif;  font-weight:400; color:rgb(213, 25, 32); font-size:15px; line-height:28px; text-align:justify; padding-left:5px }
.more{ width:auto; height:auto;font-family: 'Oxygen', sans-serif;  font-weight:400; color:#d51920; font-size:12px; text-transform:uppercase; float:left; border-bottom:1px dashed #d51920; line-height:24px; margin-top:15px}
.more a{ width:auto; height:auto;font-family: 'Oxygen', sans-serif;  font-weight:400; color:#d51920; font-size:12px; text-transform:uppercase; text-decoration:none;-webkit-transition: padding .4s;
   -moz-transition: padding .4s;
   -o-transition: padding .4s;
   transition: padding .4s;
}
.more a:hover{ width:auto; height:auto;font-family: 'Oxygen', sans-serif;  font-weight:700; color:#d51920; font-size:12px; text-transform:uppercase; text-decoration:none;padding-left: 6px; }

.more:after{ content:url(../images/more.png); padding-left:10px}
.want-call{ width:25%; height:auto; float:right}
.want-callback{ width:100%; height:40px; background-color:#b9b9b9; line-height:40px;}
.want-callback h3{font-family: 'Oxygen', sans-serif;  font-weight:400; color:#fff; font-size:21px; padding-left:50px; height:40px; line-height:40px; background:url(../images/call.png) no-repeat 10px center}
.callback-enquiry{ width:100%; height:auto; margin-top:15px;}
.calback-txt{ width:100%; height:40px; border:1px solid #eeecec; line-height:40px;font-family: 'Oxygen', sans-serif;  font-weight:400; color:#c7c7c7; font-size:14px; padding-left:10px}
.call-send{ text-align:right}
.product-range{ width:100%; height:auto;background-color:#fff;}
.product-range-main{ width:18.5%; height:310px !important; float:left; position:relative;}
.product-range-main img{ width:100%; height:100%; display:block}

.products{ width:81.5%; height: auto; float:left;  padding:12px 12px; margin-top:1%}
.products-for{ width:100%; height:44px; background-color:rgba(0,0,0,0.6) !important; position:absolute; bottom:0px; left:0px; line-height:44px;font-family: 'Oxygen', sans-serif;  font-weight:400; color:#fff; font-size:17px; padding-left:10px; background:url(../images/products-arrow.png) no-repeat 95% center; text-transform:uppercase; text-align:left}
a .products-for{  line-height:44px;font-family: 'Oxygen', sans-serif;  font-weight:400; color:#fff; font-size:17px; text-decoration:none;
   -webkit-transition: padding .4s;
   -moz-transition: padding .4s;
   -o-transition: padding .4s;
   transition: padding .4s;
}
a:hover .products-for{  line-height:44px;font-family: 'Oxygen', sans-serif;  font-weight:400; color:#fff; font-size:17px; text-decoration:none; padding-left:6px}


footer{ width:100%; height:auto}
.footer-top-wrap{ width:100%; height:auto; background-color:#32302f;}
.footer-top{ width:100%; height: auto; margin:0 auto; padding-top:35px; padding-bottom:25px}
.quick-links{ width:35%; height:100%; float:left; background:url(../images/footer-border.png) no-repeat right center}
.footer-title{font-family: 'Oxygen', sans-serif; font-size:16px; font-weight:400;  color:#fff; text-align:left; padding-bottom:2% ;}
.quick-links ul{ width:48%; height:100%; float:left; margin:0px; padding:0px; list-style-type:none;}
.quick-links ul li{font-family: 'Oxygen', sans-serif; font-size:13px; font-weight:400;  color:#999; text-align:left; line-height:34px; text-transform:uppercase}
.quick-links ul li a{font-family: 'Oxygen', sans-serif; font-weight:400; font-size:13px; color:#999; text-align:left; line-height:34px; background: url(../images/footer-links.png) no-repeat left center; padding-left:15px; text-decoration:none}
.quick-links ul li a:hover{font-family: 'Oxygen', sans-serif; font-weight:400; font-size:13px; color:#fff; text-align:left; line-height:34px; background: url(../images/footer-linksh.png) no-repeat left center; }

.footer-address{ width:38%; height:100%; float:left; padding-left:5%; background:url(../images/footer-border.png) no-repeat right center}
.footer-location{ width:100%; height:auto; padding-bottom:3%;  line-height:24px;font-family: 'Oxygen', sans-serif; font-weight:400; font-size:14px; color:#999; background: url(../images/footer-home.png) no-repeat left 10px; padding-left:32px; padding-top:1% }
.footer-tel{ width:100%; height:auto; padding-bottom:2%; line-height:24px;font-family: 'Oxygen', sans-serif; font-weight:400; font-size:14px; color:#999; background: url(../images/footer-cal.png) no-repeat left center; padding-left:32px; padding-top:2% }
.footer-mail{ width:100%; height:auto; padding-bottom:2%; line-height:24px;font-family: 'Oxygen', sans-serif; font-weight:400; font-size:14px; color:#999; background: url(../images/footer-mail.png) no-repeat left center; padding-left:32px; padding-top:2% }
.footer-title-follo{font-family: 'Oxygen', sans-serif; font-size:16px; font-weight:400;  color:#fff; text-align:left; padding-bottom:2% ; padding-left:65px}


.footer-contact{ width:26%; height:100%; float:right;}
.common-social{ width:100%; height:146px; padding-top:20px}

/* Wrapper */
.icon-button {
	background-color: #868686;
	border-radius:50%;
	cursor: pointer;
	display: inline-block;
	font-size: 1.5rem;
	height:60px;
	line-height:60px;
	
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width:60px; float:right; margin-left:25px
}
/* Circle */
.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
}
.icon-button:hover span {
	width:60px;
	height:60px;
	border-radius:60px;
	margin: -30px;
}
.twitter span {
	background-color: #328eb8;
}
.facebook span {
	background-color: #3261b4;
}
.google-plus span {
	background-color: #8c302f;
}






.youtube span {
	background-color: #ce1627;
}





/* Icons */
.icon-button i {
	background: none;
	color: white;
	height:60px;
	left: 0;
	line-height:60px;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width:60px;
	z-index: 10; color:#2e3031
}

.icon-button i:hover {
	background: none;
	color: white;
	height:60px;
	left: 0;
	line-height:60px;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width:60px;
	z-index: 10; color:#fff
}

.footer-bottom-wrap{ width:100%; height:auto; background-color:#2a2928; margin:0 auto}
.footer-bottom{ width:100%; height:auto;  margin:0 auto}
.copyright{ width:auto; height:auto; float:left;}
.copyright p{ width:auto; height:42px;display: table-cell; vertical-align: middle;font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:400; color:#9b9ea6; }
.designed{ width:auto; height:auto; float:right;}
.designed p{ width:auto; height:42px;font-family: "Lato",sans-serif; font-size:11px; font-weight:400; color:#9b9ea6; line-height:42px; float:right }
.designed p a{ width:auto; height:42px;font-family: "Lato",sans-serif; font-size:11px; font-weight:400; color:#9b9ea6; line-height:42px; text-decoration:none }
.designed p a:hover{ width:auto; height:42px;font-family: "Lato",sans-serif; font-size:11px; font-weight:400; color:#fff; line-height:42px;  text-decoration:underline }
.designed-ido{ width:auto; height:14px;font-family: "Lato",sans-serif; font-size:11px; font-weight:400; color:#9b9ea6; margin-top:14px; float:right; padding-left:5px; }
.range{ width:100%; height:65px; text-align:center;font-family: 'Oxygen', sans-serif; font-size:22px; font-weight:400;  color:#fff; position:absolute; top:115px}
.range span{ width:100%; height:auto; text-align:center;font-family: 'Oxygen', sans-serif; font-size:24px; font-weight:700;  color:#fff;}
.caption-top{position: absolute; width:100%; height: auto; bottom: 32%; left: 30px; padding: 5px; text-align: left; line-height: 30px;  font-size: 60px;color: #FFFFFF;font-family: 'Lato', sans-serif; font-weight:300;}
.caption-bottom{position: absolute; width: 100%; height: auto; bottom:18%; left: 30px; padding: 5px; text-align: left; line-height: 36px; font-size: 58px;text-transform: uppercase;
 color: #FFFFFF;font-family: 'Lato', sans-serif; font-weight:400}
 .view-product{ width:150px; height:40px; line-height:40px;position: absolute;bottom:5%; left: 40px;font-family: 'Oxygen', sans-serif; font-size:13px; font-weight:700; text-align:center; color:#d51920; background-color:#fff; cursor:pointer}
  .view-product a{font-family: 'Oxygen', sans-serif; font-size:13px; font-weight:700; text-align:center; color:#d51920; background-color:#fff; cursor:pointer; text-decoration:none}
  .view-product a:hover{font-family: 'Oxygen', sans-serif; font-size:13px; font-weight:700; text-align:center; color:#fff; background-color:#fff; cursor:pointer; text-decoration:none; background-color:#d51920; display:block}
  
  /**About us**/
.about-container{ width:100%; height: auto; margin:0 auto; background-color:#fff;}
.inner-banner{ width:100%; height:auto; position:relative}
.inner-banner img{ width:100%; height:auto; display:block}
.caption-inner{position: absolute; width:97%; height: auto; top: 45%; left: 3%; padding: 5px; text-align: left; line-height: 30px;  font-size: 48px;color: #FFFFFF;font-family: 'Lato', sans-serif; font-weight:300;}
.caption-inn{position: absolute; width: 97%; height: auto; top:60%; left: 3%; padding: 5px; text-align: left; line-height: 36px; font-size: 51px;text-transform: uppercase;
 color: #FFFFFF;font-family: 'Lato', sans-serif; font-weight:400}
.inner-container{ width:94%; height:auto; margin:0 auto; padding-bottom:5%}
.bredcum{ width:100%; height:auto; border-bottom:1px solid #ededed; margin-bottom:38px}
.bred{ width:100%; height:50px; margin:0 auto}
.bred-home{font-family: 'Oxygen', sans-serif; font-size:12px; font-weight:700; text-decoration:none; color:#666; float:left; line-height:50px; text-transform:uppercase}
.bred-home a{font-family: 'Oxygen', sans-serif; font-size:12px; font-weight:700; text-decoration:none; color:#666; float:left; line-height:50px; text-transform:uppercase; text-decoration:none}
.bred-home a:hover{font-family: 'Oxygen', sans-serif; font-size:12px; font-weight:700; text-decoration:none; color:#333; float:left; line-height:50px; text-transform:uppercase; text-decoration:none}
.bred-arrow{ width:auto; height:50px; line-height:43px; float:left; padding-left:6px; padding-right:6px;}
.bred-next{font-family: 'Oxygen', sans-serif; font-size:12px; font-weight:700; text-decoration:none; color:#d51920; float:left; line-height:50px; text-transform:uppercase}
/**gallery**/
.gallery-container{ width:100%; height:auto}
/**Contact*/
.contact-location{ width:48%; height:auto; float:left;filter: grayscale(100%);}
.contact-addres{ width:48%; height:auto; float:right}
.location{ width:100%; height:auto; margin-top:3%}
.contact-icon{ width:10%; height:auto; float:left; padding-top:5px}
.contact-dtl{ width:90%; height:auto; float:right;font-family: 'Oxygen', sans-serif; font-size:15px; font-weight:400; color:#888; line-height:28px; text-align:left }
.export-addres{ width:48%; height:auto; float:left; margin-right:2%}
/*enquiry*/
.enquiry-container{ width:60%; height:auto; margin:0 auto}
.enquiry{ width:100%; height:auto; padding-top:15px}
.enquiry-box{ width:49%; height:auto; float:left; margin-bottom:24px}
.enquiry-box-2{ width:100%; height:auto; float:left; margin-bottom:24px}
.enquiry-box:nth-child(2n){ width:49%; height:auto; float:right; margin-bottom:24}
.enquiry-box-txt{ width:100%; height:50px; border:1px solid #e0e0e0;font-family: 'Oxygen', sans-serif; font-size:15px; font-weight:400; color:#888;  line-height:50px; padding-left:10px}
.enquiry-box-1{ width:100%; height:auto; float:left; margin-bottom:24px}
.enquiry-box-txt-1{ width:100%; height:110px; border:1px solid #e0e0e0;font-family: 'Oxygen', sans-serif; font-size:15px; font-weight:400; color:#888;  line-height:25px; padding-left:10px; padding-right:5px}
.enquiry-submit{ width:100%; height:auto; text-align:right}
/*products*/
.product-container{ width:100%; height:auto}
.product-container p{font-family: 'Oxygen', sans-serif;  font-weight:400; color:#888; font-size:15px; line-height:28px; text-align:justify; padding-top:10px}
.table-container{ width:100%; height:auto; overflow:auto; padding-top:15px}
.sub-title{ width:100%; height:auto; padding-top:3%;font-family: 'Oxygen', sans-serif; font-size:15px; font-weight:700; color:rgb(213, 25, 32);}

/**careers*/
.career-container{ width:40%; height:auto; margin:0 auto}
.career{ width:100%; height:auto; padding-top:15px}
.career-box{ width:100%; height:auto; float:left; margin-bottom:24px}
.career-box-2{ width:100%; height:auto; float:left; margin-bottom:24px}
.career-box-txt{ width:100%; height:50px; border:1px solid #e0e0e0;font-family: 'Oxygen', sans-serif; font-size:15px; font-weight:400; color:#888;  line-height:50px; padding-left:10px}
.career-box-1{ width:100%; height:auto; float:left; margin-bottom:24px}
.career-box-txt-1{ width:100%; height:110px; border:1px solid #e0e0e0;font-family: 'Oxygen', sans-serif; font-size:15px; font-weight:400; color:#888;  line-height:25px; padding-left:10px; padding-right:5px}
.career-submit{ width:100%; height:auto; text-align:right}
.career_col4 {
    float: left;
    height: auto;
    margin-bottom: 2%;
    width: 100%;
}
.career_col4 h5 {
    color: rgb(153, 153, 153);
    float: left;
    font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400;
    height: auto;
    margin-bottom: 4%;
    padding: 0 2% 0 0;
    width: auto;
}
.careersendbtn {
    float: right;
    height: auto;
    width: auto;
}
.careersendbtn img {
    display: block;
    float: right;
    height: auto;
    max-width: 100%;
}

.captcha {
    float: left;
    height: 41px;
    margin-left: 1%;
    width: auto;
}

.nav a {
    padding: 0px 15px !important;
    color:#f7d1d2; border-left:1px solid #cc0910; 
}
.nav a:hover {
    padding: 0px 15px !important;
    color:#d51920;
	background-color:#fff
}
.owl-theme .owl-controls {
    bottom: 20%;
    left: -18% !important;
    position: absolute;
    text-align: center;
}

	}