/* Scss Document */
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900);
body {
  background:#eee!important;
  /*background:url(../images/bg.jpg)!important;*/
  font-family: "Lato", sans-serif; font-size:13px; text-align:justify; }
  
  
h1{ font-size:17px; color:#fff; line-height:40px; font-weight:600; background:url(../images/bg.jpg)!important;text-align:left; padding-left: 15px;} 
h1 span{ color:#fff;}

h1:after {
	content: '';
	display: block;  
	position: absolute;
    padding:0 3px;
	right: 15px;
	top: 0;
	width: 0;
	height: 0;
	border-top: 40px solid #cb5f09;
	border-left: 40px solid transparent;
	border-bottom: 0 solid transparent;
	border-right: 0 solid transparent;
}

h2{ font-size:27px; color:#34393d; line-height:40px; font-weight:400; border-bottom:#c2c3c4 1px solid; margin-bottom:25px; text-transform:capitalize;} 

h5{
    font-weight: 600;
    font-size: 17px;
    border: #ccc 1px solid;
    padding: 5px 10px;
}

h4{font-weight: 600;font-size: 16px; margin-top:10px;} 



a:hover {
  text-decoration: none; }

#header {
     /*background:#89E894;*/
   background:#fff url(../images/ag-square.png);
}
  
#header #logo{ padding:10px;}

#menu{/*background:#34393d;*/background: linear-gradient(#080808, #505050);border-bottom: 1px solid #fff;}

#header .container div { padding: 0px; }

/*#header nav {  margin-top: 5px; border-top: 0px solid #4e5356;}*/

#header nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none; }
#header nav li {
  float: left;
  margin: 0px;
  padding: 0px 25px;  
  background: url("../images/bg_menu.gif") no-repeat 0px 13px;
   }
   
#header nav li.home {
    padding-left: 0px;
}   
#header nav li:first-child {
    background: none;
}  
   
#header nav li a {
  display: block;
  font-size: 14px;
  text-decoration:none;
  line-height:45px;
  color: #fff;
}
  
#header nav li a:hover{color:#d2d2d2;line-height:45px;}


#header nav li ul{
	position: absolute;
	margin-left:-20px;
	list-style: none;
	padding: 0px;
	display: none;
	z-index: 999999999999;
  background:#34393d;

}
#header nav li ul li{ float:none; background:none; text-align:left;padding: 0px 17px;}

#header nav li ul li a
{
  display: block;
  font-size: 13px;
  text-decoration:none;
  text-transform:capitalize;
  height: 30px;
  line-height: 30px;
  color: #fff;
 padding: 0px;
  border-radius:0px;
  border-bottom:#4e5356 1px solid;
  
  }
#header nav li ul li a:hover
{
	color:#d2d2d2;
	line-height:30px;
  height: 30px;
  border-radius:0px;
}
#header nav li:hover ul
{
	display: block;
} 

#header .mobile{margin:auto; margin-top:20px; line-height:25px; text-align:center;}
#header .mobile a{color:#333;font-size:14px;font-weight:600;}
.mobile .fa-envelope-o{    border-radius: 4px;
    padding: 5px;
    color: #fff;
    display: block;
    background: #cb5f09;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 21px;
    font-size: 16px;
    margin: auto;}

#header #pull{display:none;color:#fff;background:url(../images/menu.png) 10px 10px no-repeat;text-indent:50px;font-size:18px;line-height:45px;cursor:pointer; float:right!important;margin-top: -54px;}
 
.button a{ float:right;padding:5px 10px!important; background:#f36d50; color:#fff; font-size:16px; width:35%; text-align:center;margin-top: 40px; border-radius:3px;}
.button a:hover{ color:#000;}
.clr{clear:both}
.cont{ margin-top:20px;}

.banner-bg{background:#b7b7b7 url(../images/asfalt-dark.png); padding:0px;margin-bottom:20px;}

#banner{ width:100%; text-align:center;overflow:hidden;}

.col8{ padding-left:0;}
.col3{ padding-right:0;}
/*.row{ padding:0; margin:0;}*/

/*#product .product:nth-child(3n){ margin-right:0px;}
#product .product{float:left; background:#fff; margin-right:15px; margin-top:20px; overflow:hidden;}
#product .product .price{
    position: relative;
    text-align: center;
    top:-39px;
	width: 40%;
    background: #f36d50;
    color: #fff;
    opacity: .85;
	padding:10px;
}*/

.product{background:#fff; margin-top:20px; overflow:hidden;border: #ccc 1px solid;}
.product img{width:100%;}
.product .price{
    position: relative;
    text-align: center;
    top:-39px;
	width: 40%;
    background: #f36d50;
    color: #fff;
    opacity: .85;
	padding:10px;
}

.prod-listing{padding: 0px 16px 0px 18px;/*margin-top: -39px;*/}
.prod-listing h2{
    color: #333;
    line-height: 19px;
    padding-top:15px;
	padding-bottom: 7px;
	margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
}
.first {
    
    color: #383838;
	font-weight:200!important;
    padding: 5px 3px 5px 3px;
    font-size: 11px;
    border-bottom: 1px solid #ddd;
}
.first strong{font-weight:800;}
.first span{ float:right;color: #383838;
	font-weight: 600;
    font-size: 11px;}



.price b {
    font-size: 1.165em;
    line-height: 2em;
    float: left;
    color: #383838;
    display: none;
}


.button_content2{
    background: #34393d;
    border: 0px solid #e85657;
	padding:10px;
	margin:20px auto;
	text-align:center;
	margin-bottom:10px;
	width: 53%;
}

.button_content2:hover{
    background:#d96d58;}

.button_content2 span.ui-button-text {
    color: #fff;
    text-decoration: none;
	/*background: url('../images/cart_cont7.png') right no-repeat;
	padding-right: 50px;*/
}


.product-right{background:#34393d;overflow:hidden;}
.product-right .price2{
    position: absolute;
    text-align: center;
    top: 135px;
    background: #f36d50;
    color: #fff!important;
    opacity: .85;
    padding: 6px 20px;
    font-size: 20px;
}

.prod-listing2{padding: 0px 16px 0px 18px;}
.prod-listing2 h2{
    color: #d6d6d6;
    line-height: 19px;
    padding-top: 20px;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
	margin-bottom:4px;
    border:0;
}
.prod-listing2 h2 span{ float:right;color: #fff;font-size: 19px;}
.first2 {
    
    color: #9c9c9d;
	font-weight:200!important;
    padding: 3px 3px 5px 0px;
    font-size: 11px;
    border-bottom: 1px solid #505051;
}
.first2 span{ float:right;color: #8b8b8e;
	font-weight: 500;
    font-size: 11px;}



.price2 b {
    font-size: 1.165em;
    line-height: 2em;
    float: left;
    color: #9a9a9b;
    display: none;
}


.button_content3{
    background: #d96d58;
	text-align:center;
	text-transform:uppercase;
	padding:10px;
	margin:20px auto;
	margin-bottom:10px;
	/*width: 55%;*/
}

.button_content3:hover{
	color:#000;
    background:#515150;
}

.button_content3 span.ui-button-text2 {
    color: #fff;
    text-decoration: none;
}

.specials{ background:#fff; border: 1px solid #d7d7d7;border-bottom: 2px solid #d7d7d7; padding:10px; overflow:hidden; margin-top:15px;color: #5a5a5a; font-size:12px;text-align:left;}
.specials img{ float:left; margin-right:10px;}
.specials span{color: #d96d58;font-size: 13px;font-weight: 600; text-transform:capitalize}
.specials .pri{ color:#cf5d44;text-decoration: none; font-weight:600;}
.specials .pri strong{ text-decoration: line-through;color:#cf5d44; font-weight: normal;}

.clr{ clear:both;}

.director{ margin:auto; text-align:left; margin-top:20px;border: #ccc 1px solid; overflow: hidden; padding: 10px; background: #f5f5f5;}
.director h3{ font-size:18px; text-align:left; color:#f36d50; font-weight:600;text-transform: uppercase;}
.director h3 span{ display:block;text-align:left; font-size:14px!important; color:#333; line-height:20px; font-weight:500;text-transform: capitalize;}
.img-circle{border: #ccc 1px solid;border-radius:0;}

#footer{ width:100%; background:#3e3e3d url(../images/black-scales.png); margin:auto; padding-top:30px;border-top: #cb5f09 4px solid; margin-top:30px; color:#bcbcbc!important;}
#footer .rupee{ position:absolute; margin:auto; text-align:center;margin-top: -105px; left:0; right:0;}
#footer h2{ font-size:20px!important; line-height:22px; color:#e4e0e0; text-transform: capitalize!important; border:0; margin-bottom:25px;font-weight:600;} 
#footer .link a{ font-size:14px; line-height:25px; text-align:left; color:#bcbcbc; display:block;text-transform:capitalize; font-weight:500;border-right: 0px solid #e1e1e1;}
#footer .link a:hover{color:#fff; text-decoration: none;}
#footer .footer{ width:100%; background:#2727279e; margin:auto; height:auto;  padding:10px;color:#d4d2d2; margin-top:20px;font-size:12px;}
#footer .footer a{color:#fff;font-weight:600;}


.list1 ul{ display:table; margin:0; padding:0;}
.list1 li{list-style-image:url(images/arrow.png); line-height:22px; font-weight:500;}

/*.row{ padding:0!important; margin:0!important;}*/

.project-block
{
	float: left;
	margin: 25px 1%;
	margin-bottom: 0px;
}
.project-block img
{
	width:100%;
	padding:7px;
	background: #fff;
}
.project-block .project-hover a
{
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 10px 0px;
	background: #f36d50;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}
.project-block .project-hover a:hover{background:#656769}
.project-block .project-hover a:nth-child(even)
{
	background: #656769;
}

.img{ float:right;margin-right: 18%;}

#left-nav
{
	margin: 0px;
	padding: 0px;
	background:#34393d;
	list-style: none;
	border: solid 0px #ccc;
	margin-bottom:20px;
}
#left-nav li
{
	color: #333;
	
	text-decoration: none;
	border-bottom: solid 1px #ccc;
	padding-left: 0px;
	text-transform: uppercase;
	list-style: none;
}
#left-nav li a
{
	display: block;
	padding:8px 10px;
	color: #fff;
	text-decoration: none;
	padding-left: 40px;
	text-transform: uppercase;
	background: url(../images/arrow.png) 20px 12px no-repeat;
	border-left: solid 0px #da251c;
}
#left-nav li a:hover
{
	background-color: #677178;
}
#left-nav li a.active
{
	background-color: #677178;
}
#left-nav li ul
{
	color: #333;
	text-decoration: none;
	padding-left: 40px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
#left-nav li ul li
{
	list-style: none;
}
#left-nav li ul li a
{
	display: block;
	padding: 10px 10px;
	color: #333;
	text-decoration: none;
	padding-left: 60px;
	text-transform: uppercase;
	background: url(images/arrow.png) 40px 12px no-repeat;
	border-left: solid 0px #da251c;
}
#left-nav li ul li a:hover
{
	color: #333;
	background-color: #eee;
}
#left-nav li ul li a.active
{
	color: #333;
	background-color: #eee;
}

.Overview{ padding:8px; border:#ccc 1px solid; margin-bottom:15px; box-shadow: 0 0 20px #0002;}

.table{ background:#fff;}
.table th{ background:#ddd; font-weight:600; font-size:14px;padding-bottom: 0;
    padding-top: 0;
    vertical-align: middle; width:25%;}
	
.left6{ padding-left:0px;}
.right6{ padding-right:0px;}
	
.download{ margin-top:45px; text-align:center; margin-bottom:35px;}	
.download h4{ line-height:20px;}

.table td, .table th{padding: 0.30rem 15px;}


.gallery{ margin-bottom:25px;}
.pull-right{text-align:right;}
.api{display:none;}

.pdf{ margin-top:25px; background:url(../images/pdf.png) left no-repeat; text-align:left; line-height:50px; color:#064c4c; font-size:16px; border:#666 1px solid; padding:5px;}
.pdf:hover{ border:#cb5f09 1px solid;}
.pdf a{ color:#000; text-decoration:none; padding-left:60px; font-weight:600;display: block;}
.pdf a:hover{ color:#cb5f09;text-decoration:none;display:block;}

@media (min-width:481px) and (max-width:768px)
{
	#header #logo img{width:100%;}
	#header #pull{display:block;}
	#header nav{ display:none;}
	#header nav{width:96%;}
	#header nav li{float:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }
	#header nav li a{ -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }
	#left-box{ margin-top:-26px; width:99%;}
	#saving .saving{ margin-right:0px; width:99%;}
    h5{font-size: 15px;text-align:left;}
	.left6{ padding-left: inherit;}
	.right6{ padding-right:inherit;}
    .feedbackimg{width:100%;}
    .api{display:block;}
    .web{display:none;}
}

@media (min-width:100px) and (max-width:480px)
{
	#header #logo img{width:100%;}
	#header #pull{display:block; margin-top:0px;}
	#header nav{ display:none;}
	#header nav{width:96%;}
	#header nav li{float:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }
	#header nav li a{ -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }
	#left-box{ margin-top:-26px; width:99%;}
	#saving .saving{ margin-right:0px; width:99%;}
	.left6{ padding-left: inherit;}
	.right6{ padding-right:inherit;}
	h5{font-size: 15px;text-align:left;}
    .feedbackimg{width:100%;}
    .api{display:block;}
    .web{display:none;}
}

.resp-vtabs{font-size:14px; letter-spacing:1px; color:#454545s; line-height:2;}
.resp-vtabs h2{font-size:20px; font-weight:600; color:#222; text-transform:uppercase; border-color:#e0e0e0; line-height:60px;}
.resp-vtabs h4{font-size:18px; font-weight:600;}
.resp-vtabs p{margin-bottom:30px; padding:0 15px;}

.careerbox{background:#fff; border:#e8e8e8 1px solid; padding:30px 20px; padding-bottom:0; margin-top:25px;box-shadow: #e4e4e4 0px 2px 5px;line-height:21px;}
.careerbox strong{font-weight:800;color: #333;}
.careerbox h3{ color: #ec6e09;font-size: 18px;font-weight:600; margin-bottom:10px;margin-top:5px; border-bottom:#ccc 0px solid;}

.floatbar{background-color:#cb5f09; position:fixed; right:0px; bottom:100px; z-index:99999;}
.floatbar a{padding:10px; display:block; color:#fff; border-bottom:1px solid #0003; border-top:1px solid #fff3;}
.floatbar a:hover{color:#cb5f09; background-color:#fff;}

/*# sourceMappingURL=style.css.map */