
*{
	padding:0px;
	margin:0px;	
	max-height: 5000em;
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
}
body
{
	font-family: 'Lato', sans-serif;
	line-height:20px;color:#666666;
	border-top:4px solid #ed1e24
}
html, html a {
    -webkit-font-smoothing: antialiased !important;
}

a { text-decoration: none; outline: none; color:#666666;}
a, img { border: none;outline:none; }
a:hover
{
	 color:#ed1e24;
}
button
{
	border:none;outline:none;
}
 #spinner {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/page-loader.gif) 50% 50% no-repeat rgb(249,249,249);
}
.clear
{
	clear:both;
}
#header-bottom
{
	border-bottom:2px solid #f1f1f1;
}
.color1
{
	color:#016635;
}
.side-heading
{
	color:#333333; font-size:20px;font-weight:bold;
}
.side-heading1
{
	 font-size:30px;font-weight:bold;
}
.sub-heading
{
	color:#016635;font-weight:bold;font-size:15px;
}
.sub-heading2
{
	color:#999999;font-weight:bold;font-size:16px;
}
.sub-heading1
{
	color:#016635;font-weight:bold;font-size:18px;
}
p
{
	font-size:14px;line-height:20px;color:#666766;
}
.pd6
{
	padding-top:6px;
}
.pd10
{
	padding-top:10px;
}
.pd20
{
	padding-top:20px;
}
.fleft
{
	float:left;
}

#main-container
{
	width:100%;
}
.container-960
{
	width:960px;margin:0 auto;position:relative;
	 clear:both;
}
#header
{
	width:100%;height:85px;
}
.logo
{
	float:left; vertical-align:middle;margin-top:12px;
}
#menu-container
{
	float:right;height:100%;
}
#banner
{
	width:100%;clear:both;overflow:hidden;position:relative;
	border-bottom:3px solid #ed1e24;	
}
.product-range
{
	width:960px;margin:0 auto;position:relative;
	min-height:225px; margin-top:20px;
	background-image:url(../images/shadow-bg.jpg);
	background-repeat:no-repeat;background-position: center bottom;
}
.product-text
{
	float:left;width:200px;margin-left:12px;
}
.product-button
{
	padding:6px 12px;outline:none;border:1px solid #ed1e24;background-color:#fff;
	color:#ed1e24;font-size:13px;margin-top:10px;transition:1s ease all;
	border-radius:6px;
}
.product-button:hover
{
	background-color:#ed1e24;color:#fff;cursor:pointer;
}

.search-container
{
	 float:left;width:280px;border:2px solid #016635;min-height:345px;
	 background-color:#f1f1f1;margin-bottom:26px; 
}
.search-container hr
{
	border:0;height:1px;background-color:#016735;margin:15px 0px;
}
.dura-international
{
	 float:right;width:630px;
}
.quick-search
{
	text-align:center;background-color:#016635;padding:12px 0px;
	font-size:18px;color:#fff;margin-bottom:5px;
}
.search-form div
{
	margin-top:20px;
}

.search-form select {
   background-color:#fff;outline:none;   
   padding: 5px;
   width:100%;
   font-size: 14px;  
   height: 29px;
   z-index:99999999;
   margin-top:5px;
   border:1px solid #016735;
   background-image:url(../images/icons/search-bg1.jpg);
   background-position:right;
   background-repeat:no-repeat;  
   -moz-appearance:none; /* Firefox */
   -webkit-appearance:none;  
   -o-appearance:none;
    appearance:none;	
	
}

.search-button
{
	padding:6px 18px;border:1px solid #016635;color:#016735;
	font-weight:bold;font-size:15px;margin-top:8px;transition:1s ease background-color;
	border-radius:6px;margin:0px 3px;
}
.search-button:hover
{
	background-color:#016635;color:#f1f1f1;cursor:pointer;
}
.materials
{
	float:left;
	width:175px;min-height:180px;
	background-image:url(../images/materials-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;transition:1s ease all;
}
.materials:hover
{
	background-image:url(../images/materials-hover.jpg);
}
.technology
{
	float:left;
	width:175px;min-height:180px;
	background-image:url(../images/technology-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin-left:50px;transition:1s ease all;
}
.technology:hover
{
	background-image:url(../images/technology-hover.jpg);
}
.durable
{
	float:left;
	width:175px;min-height:180px;
	background-image:url(../images/durable.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin-left:50px;
	transition:1s ease all;
}
.durable:hover 
{
	background-image:url(../images/durable-hover.jpg);	
}
.durable:hover .text-heading, .technology:hover .text-heading,.materials:hover .text-heading
{
	color:#016635;
}
.text-heading
{
	margin-top:90px;
	font-size:15px;font-weight:bold;color:#333333;text-align:center;
}

.latest-products
{
	clear:both;width:100%;background-color:#f2f2f2;min-height:350px;
	border-top: 3px solid #ed1e24;border-bottom: 3px solid #ed1e24;
	text-align:center;padding-bottom:26px;
}
.latest-products-960
{
	width:960px;margin:0 auto;position:relative;
	min-height:225px; margin-top:26px;
}
/*about us css*/
.responsive-img{
    width:100%;
    height:170px;
    position: relative;
    display:block;
    margin:0 auto;
}
.responsive-img img{
    width:100% !important;
    height:100% !important;
    display:block;
}
.aboutus-container
{
	width:960px; min-height:300px;margin:0 auto;
	padding:26px 0px;position:relative;
}
.about-text
{
	float:left;width:540px;margin-left:20px;
	margin-top:78px;
}
.about-text p
{
	margin-top:24px;
}
.about-text p:first-child
{
	line-height:22px;font-size:24px;
}
#abt-us-bg
{
	background-image:url('../images/about-bg.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}

/*********contact us******/
.contact-container
{
	width:960px;margin:0 auto;min-height:290px;padding:26px 0px;
}
.contact-container p
{
   margin-top:2px;
}
.contact-address
{
	float:left;width:400px;
}
.map-container
{
	float:right; font-style:italic; font-size:15px;
}
.map
{
	width:500px;height:220px;padding:10px;
	border-radius:20px;margin-top:20px;background-color:#f2f2f2;
}
.icons
{
	margin-top:28px;
}
.icons p
{
	margin-top:10px;
}
.icons img
{
	vertical-align:middle;margin-right:10px;width:20px;
}

/******online form*****/
.online-form
{
	padding:0px 10px;
}

.online-form label
{
	font-size:15px;text-align:left;display:block;margin-bottom:4px;
    margin-top:15px;
}
.online-form label:first-child
{
	margin-top:0px;
}
.online-form input
{
	width:300px;padding:5px;border:1px solid #016635;outline:none;
}
.online-form input:focus
{
	border:1px solid #ed1e24;
}
.online-form textarea
{
	width:470px;padding:5px;border:1px solid #016635;outline:none;
	height:178px;
}
.button
{
	padding:5px 20px;outline:none;border:1px solid #016635;color:#016635;margin-top:20px;
	background-color:#f2f2f2;margin-left:6px;font-weight:bold;font-size:15px;
	transition:1s ease all;border-radius:20px 0px;
}
.button:hover
{
	background-color:#016635;border:1px solid #f2f2f2;color:#fff;
}

.mt15
{
	margin-top:18px
}
.order-form
{
	padding:0px 10px;
}

.order-form label
{
	font-size:15px;text-align:left;display:block;margin-bottom:4px;
	margin-top:15px;
}
.order-form label:first-child
{
	margin-top:0px;
}
.order-form input
{
	width:220px;padding:5px;border:1px solid #016635;outline:none;
	
}
.order-form input:focus
{
	border:1px solid #ed1e24;
}
.order-form textarea
{
	width:300px;padding:5px;border:1px solid #016635;outline:none;
	height:170px;
}
.order-form .select-box
{
	width:230px;padding:5px;border:1px solid #016635;outline:none;
	height:28px;
}
/****products****************/
.test
{
	
}
.products-container
{
	width:960px;margin:0 auto;padding:35px 0px;
}
.product-carousel-text
{
	width:172px;float: left;margin-left:8px;
}
.product-carousel-text div:first-child
{
	 height:40px;
}
.product-content:first-child
{
	margin-top:0px;
}
.product-content
{
	 background-color:#FFF;border:1px solid #016635;
	 border-radius:1px;padding:18px 18px;
	 margin-top:25px;
	 min-height:260px !important;   
     overflow:hidden;border-radius:6px;
}
.vertical-carousel
{
	 float:left; width:270px;				
	 position: absolute;
	 min-height:260px;overflow:hidden;
	
			
}
.product-content-text
{
	float:right;width:605px;position:relative;min-height:260px !important;overflow:hidden;
}
.product-content-text p
{
	margin-top:10px;margin-bottom:10px;
}
.height-div
{
	min-height:202px; overflow:hidden;
}
.buttons-div
{
  margin-top:18px;height:40px;
}
.button-read, .button-down, .button-order
{
	display:inline-block; clear:both;margin-right:12px;
	cursor:default;
}
  .icon-button
  {
	 background-color:#006633;float:left;padding:10px 20px;
	  background-image:url(../images/products/plus-icon.png);
	   background-repeat:no-repeat;background-position:center;height:20px;display:none;
	   transition:1s ease all;
  }
  .read-more
  {
	  background-color:#66a385;float:left;padding:10px 20px;
	  color:#fff;font-size:15px;transition:1s ease all;	 display:none; 
  }
  .button-read:hover .icon-button
  {
	   background-color:#66a385;
  }
  .button-read:hover .read-more
  {
	   background-color:#006633;
  }
  .icon-down
  {
	 background-color:#666666;float:left;padding:10px 20px;
	  background-image:url(../images/products/download-icon.png);
	   background-repeat:no-repeat;background-position:center;height:20px;
	   transition:1s ease all;border-bottom-left-radius:4px;border-top-left-radius:4px;
  }
  .download
  {
	  background-color:#a3a3a3;float:left;padding:10px 20px;
	  color:#fff;font-size:15px;transition:1s ease all;	
	  border-bottom-right-radius:4px;border-top-right-radius:4px;   
  }
  .button-down:hover .icon-down
  {
	   background-color:#a3a3a3;
  }
  .button-down:hover .download
  {
	   background-color:#666666;
  }
  
  .icon-order
  {
	 background-color:#cc0000;float:left;padding:10px 20px;
	  background-image:url(../images/products/order-icon.png);
	   background-repeat:no-repeat;background-position:center;height:20px;
	   transition:1s ease all;border-bottom-left-radius:4px;border-top-left-radius:4px;
  }
  .order
  {
	  background-color:#e06666;float:left;padding:10px 20px;
	  color:#fff;font-size:15px;transition:1s ease all;	 
	   border-bottom-right-radius:4px;border-top-right-radius:4px;   
  }
  .button-order:hover .icon-order
  {
	   background-color:#e06666;
  }
  .button-order:hover .order
  {
	   background-color:#cc0000;
  }
  .product-container-bg
  {
	position: relative;	
	z-index: 1;
	overflow: hidden;
	background-color: #f1f1f1;margin-top:25px;
	min-height:380px;border-radius:8px;padding:12px;
    }
  
  ul.listStyle {
   list-style: none;
   margin-top:6px;margin-left:10px;  
  
  }  
  ul.listStyle li {
	display: block;
	padding-left: 20px;
	line-height: 22px;
	background: url(../images/icon-next.png) no-repeat left 3px;
  }  
  ul.listStyle li p
  {
   margin:0px;
  }
  
  .table-container
{
	width:100%;
    border-collapse:collapse;margin-top:22px;display:none;
	
}
.table-container th
{
	background-color:#66a385;color:#FFF;
	border-bottom:2px solid #FFF;
	height:26px;font-size:15px;
	
}
.table-container td, .table-container th 
 {
 padding:4px 8px;text-align:center; 
 border-right:1px solid #FFF;
 }
 .table-container tbody th
 {
   color:#444444; font-weight:bold;  background-color:#cccccc;
   border-bottom:1px solid #FFF;
 } 
 .table-container td
{
	font-size:14px; border-top:1px solid #FFF;
}

 .table-container tr td:first-child, .table-container tr th:first-child 

 {
	 border-bottom-left-radius:6px;border-top-left-radius:6px; 
 }
 .table-container tr td:last-child, .table-container tr th:last-child 

 {
	 border-bottom-right-radius:6px;border-top-right-radius:6px; 
	 border-right:none;
 }

.table-container tr:nth-child(even) {background: #f1f1f1;}
.table-container tr:nth-child(odd) {background: #cccccc;}
		
  /***********88end products css*************/
 
	




.footer-container
{
	background-color:#016635;height:64px;
}
.footer-container a
{
	color:#fff;
}
.footer-left
{
	float:left;margin-top:12px;
}
.footer-left p, .footer-right p
{
	font-size:12px;color:#fff; 
}
.footer-right p
{
	font-size:12px;color:#fff;margin-left:8px; 
}
.footer-right
{
	float:right;margin-top:15px;
}
.footer-right p:first-child
{
	margin-top:6px;
}
.twitter
{
	background-image:url(../images/icons/twitter.png);
	height: 32px;
	width: 32px;	
	float: left;
	margin-left:4px;
	border-radius: 100%;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.twitter:hover {
	background-image:url(../images/icons/twitter-img-hover.jpg);	
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}
.fb
{
	background-image:url(../images/icons/fb.png);
	height: 32px;
	width: 32px;	
	float: left;
	
	border-radius: 100%;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.fb:hover {
	background-image:url(../images/icons/fb-hover.jpg);	
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}

/**************menu css*************/

.nav {
position: relative;
margin: 0;
padding: 0;
z-index:999;
}
/* The main navigation link containers */
.nav>li {
display: block;
float: left; /* Displaying them on the same line */
margin: 0;
padding: 0;text-align:center;
}
/* The main navigation links */
.nav>li>a {
/* Layout */
display: block;
position: relative;
padding: 33px 15px;
margin-left:10px;
font-size: 14px;
text-decoration: none;
}
.nav>li>a:hover, .nav>li:hover>a {
   color: #fff;background-color:#016635;
}
.nav>li>a.active{
   color: #fff;background-color:#016635;
}
.nav>.dropdown>a {
   padding: 33px 15px;
}
.nav ul {
position: absolute;
margin: 0;
padding: 0;
list-style: none;
display: block;margin:0 auto;right:0px;width:765px;
}
.dropdown:hover>ul
{
	border-left:1px solid #016635;border-bottom:1px solid #016635;
}

.nav ul li {
position: absolute;
top: -9999px; /* Hiding them */
height: 0px;
display: block;
margin: 0;
padding: 0;float:left;border-right:1px solid #016635;text-align:center;border-top:1px solid #016635;
background-color:#FFF;

}
.dropdown:hover>ul>li {
height: 240px;
position: relative;
top: auto;
}

.nav ul li a {
/* Layout */
padding: 18px 20px;
width: 210px;height:240px;
display: block;
position: relative;
text-decoration: none;
}

.nav ul li:hover .dropdown-heading
{
	 color:#ed1e24;
}

.nav ul li.select .dropdown-heading
{
	 color:#ed1e24;
}
.dropdown-heading
{
	 font-size:14px;color:#006633;font-weight:bold;margin-top:12px;
}

.nav ul li:hover>a, .nav ul li a:hover {

}

/****************end menu css***********/


.ui-tabs.ui-tabs-vertical {
    padding: 0;
    width: 100%;	
}
.ui-tabs.ui-tabs-vertical .ui-widget-header {
    border: none;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
    float: left; 
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 68px; height:75px;   
   	border-bottom:none;  border:1px solid #cccccc;
    overflow: hidden;  transition:.7s ease border-color; 
	margin:8px 0px; border-radius:6px;
	
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    width: 100%;   
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:hover {
    cursor: pointer; border:1px solid #016635;	
   
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
    cursor: pointer;
   
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
   border:1px solid #016635;
    
}
.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
    float: right;
    width: 180px;height:260px;
    position: relative;  border:1px solid #016635;
	border-radius:5px; padding:0px 1px;
}
.green-border
{
	   border:1px solid #016635;width:267px;height:260px;border-radius: 5px;
}


/*--------------------------------------------------
	Reveal Modal next event popup
-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 9999;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 		
		left: 50%;
		margin-left: -300px;
		width: 550px;	
		-webkit-background: linear-gradient(#f2f2f2, #cccccc); 	
		-moz-background: linear-gradient(#f2f2f2, #cccccc); 
		-o-	background: linear-gradient(#f2f2f2, #cccccc);  
		background: linear-gradient(#f2f2f2, #cccccc); /* Standard syntax */
		background-color:#f2f2f2;
		position: absolute;
		z-index: 999999;
		padding:30px;		
		border-radius: 12px;
		-webkit-box-shadow: 0px 0px 20px #fff;
         box-shadow: 0px 0px 20px #fff;		
		}
	
	.reveal-modal .close-reveal-modal {
		font-size: 45px;
		line-height: .5;
		position: absolute;
		top: 18px;
		right: 25px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		.reveal-modal a:hover
		{
			 color:#ed1e24;
		}	
		.reveal-modal p
		{
			margin-top:10px;color:#000000;
		}
		.reveal-modal h3
		{
			margin-bottom:20px;color:#016635;
		}
		.listStyle1
		{
			margin-left:25px;
		}
		
		.reveal-modal label
		{
		font-size:15px;margin-right:8px;display:inline-block;
		min-width:142px;overflow:hidden;vertical-align:top;color:#000000;
		}
		.reveal-modal div
		{
			margin-top:8px;
		}
		.reveal-modal select 
		{
			 width:320px;padding:3px;outline:none;	
		}
		.reveal-modal input
		{
			 width:312px;padding:4px 3px;outline:none;	
			 
		}
		.reveal-modal textarea
		{
			 width:312px;padding:3px;outline:none;height:116px;
			  
		}

/*************parsley validation css***********/		
input.parsley-error, select.parsley-error, textarea.parsley-error {
    border: 2px solid red;
       }

	.parsley-error-list {
		color: red; display:none !important;
	}
	input.parsley-error, select.parsley-error, textarea.parsley-error {  
			color: #B94A48 !important;  
			background-color: #F2DEDE !important;  
			 border:1px solid #F2DEDE !important;
			box-shadow: 0 0 3px red !important; 
		  }  
	input.parsley-success, select.parsley-success, textarea.parsley-success {  
			color: #468847 !important;  
			background-color: #DFF0D8 !important;  
			border: 1px solid #D6E9C6 !important;
			border:1px solid #D6E9C6 !important;
			box-shadow: 0 0 3px green !important  
		  }  

/*************fade in css on page load*************/
#animation-effect{
        -webkit-animation: fadeInUp 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeInUp 3s; /* Firefox < 16 */
        -ms-animation: fadeInUp 3s; /* Internet Explorer */
         -o-animation: fadeInUp 3s; /* Opera < 12.1 */
            animation: fadeInUp 3s;
	
}

@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@-moz-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@-ms-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@-o-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
}

@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 

.fadeInUp { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}


