@import "fonts/stylesheet.css";
  @import "fonts/font-awesome.css";

/*****************************************************************************************************************
COMMON TAGS
*****************************************************************************************************************/
/* Basic Reset */
*{ margin:0px; padding:0px;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; list-style: none; }

/* General */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, mark, time {
	display:block }

body, div, h1, h2, h3, p, ul, ol, li, img, table, form, section {
	padding: 0px; margin: 0px; border: 0px; list-style: none;
}

a		{color:#333; text-decoration:underline;}
a:hover	{color:#000; text-decoration:none;}
a       {outline:none;}

body, html, form {height:100%; background:url(images/bg.png) repeat #000;  }

body { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; line-height:15pt;   }

table {	border-collapse: collapse;}

.clear { clear:both; width:100%; }
.spacer { background:none; height:10px; width:100%; clear:both; }

p {margin:0px  0px 10px 0px; padding:0px; text-align:left; line-height:15pt;}
b, strong { font-weight:bold;}

.img-border{border:1px solid #ccc;   }
.brder-app{border:10px solid #ccc; padding:10px;   }


ul  {padding:0px;  margin:0px;}
li {list-style-type:disc; padding:0px; margin:0px 10px 8px 25px; line-height:15pt;}

.list li { list-style-image: url('images/bullet1.gif'); padding: 00px;  margin:5px 15px 5px 10px; line-height: 13pt; vertical-align:text-top; }
.list li a{color:#c1112e; text-decoration:none}
.list li a:hover{color:#005da3; text-decoration:none}

ul.list1   {list-style:none; padding:0px; margin-bottom:10px; clear:both}
ul.list1 li   {list-style-image:url(images/bullet1.gif); padding:0px 0px 4px 5px; width:240px; margin:0px 15px 0px 15px;  float:left}


#fade   {opacity:0;}

.fleft { float:left;} 
.fright { float:right;}
.txt_cent { text-align:center; }

.red {color:#c80000}
.green {color:#009600}
.err {color:#ab8220; font-size:11px}

 
/* Double-color dashed line */
hr { width:100%; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; clear:both;    }
hr.solid { border: 0; border-bottom:1px solid #e7e7e7; }
hr.dotted { border: 0; border-bottom: 1px dotted #e8e3c8; background: #fff; }
hr.dashed { border: 0; border-bottom: 1px dashed #e8e3c8; background: #fff; margin:20px 0px; }
hr.double { border: 0; border-bottom: 1px dashed #e8e3c8; background: #999; }

.wrap { width:1150px; margin:0px auto;  }

.clear2	{clear:both; height:20px; width:100%;}
 

.scrollup{ width:40px; height:40px;	text-indent:-9999px; position:fixed; bottom:40px; right:10px; display:none; background: url('images/up.png') no-repeat; z-index:99999999;}

.star { color:#55351e;}
.data-width{ width:100%; }


.icon-font  {font-family: FontAwesome; font-style:normal; font-weight: normal; -webkit-font-smoothing: antialiased;}
.icon-home:before   {content:"\f015"; font-size:14px;}
/*****************************************************************************************************************
COMMON TAGS ENDS HERE
*****************************************************************************************************************/

 
 /*****************************************************************************************************************
WRAPPER CSS START HERE
*****************************************************************************************************************/

.wrapper		{position:relative; width:100%; margin:0 auto; text-align:left; float:none; back-ground:url(images/home-top-bg.jpg) no-repeat center top}
.wrapper		{min-height:100%; height:auto !important; height:100%; margin:0 auto -201px;} /*the bottom margin is the negative value of the footer's height*/
.footer			{position:relative; width:100%; margin:0 auto; float:left; background: url(images/bottombg.jpg) no-repeat center bottom;; }
.footer, .push   {min-height:201px; width:100%; clear:both}/*.push must be the same height as .footer*/
.footer { border-top:2px #572719 solid; }
 /*****************************************************************************************************************
WRAPPER CSS ENDS HERE
*****************************************************************************************************************/

ul.links li a  { color:#333;}


/*****************************************************************************************************************
FOOTER CSS START HERE
*****************************************************************************************************************/
#footer { width:100%; float:left; margin-top:30px; padding:0px; color:#fff; padding-top:15px;    }
#footer .f-left { width:60%; float:left; }
#footer .f-right { width:35%; float:right;}
#footer .f-right img { margin-bottom:0px;}

ul.f-links { width:100%; }
ul.f-links li { width:100%; float:left; list-style:none; padding:2px 0px;; margin:0px; }
ul.f-links li ul { float:left; width:48%;}
ul.f-links li li { padding:0px; margin:0px;  }

ul.f-links li a { color:#fff; text-decoration:none; width:100%; float:left; }
ul.f-links li a:hover { color:#000;}

 
.col1 { float:left; width:20%;}
.col2 { float:left;  width:40%;}
.col3 { float:left;  width:30%;}

.footer-mobile { display:none;}
 /*****************************************************************************************************************
FOOTER CSS END HERE
*****************************************************************************************************************/


#fullspan { width:100%;}

 /*****************************************************************************************************************
HEADER CSS END HERE
*****************************************************************************************************************/

header { width:100%; margin:0px; float:left; border-top:5px solid #9a4a30; border-bottom:1px solid #9a4a30;  }
#header {width:100%; float:left; margin:0px; padding:0px;}
#header .logo { width:20%; float:left; margin-top:25px; }
#header .nav { width:60.2%; float:right; }
#header .nav .navbg { margin-top:0px; float:left; border-radius:0px 0px 10px 10px; border-right:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #fff; -webkit-box-shadow: 0 8px 20px -6px #000; -moz-box-shadow: 0 5px 20px -6px #000; box-shadow: 0 5px 20px -6px #000; width:100%;  }

#header .nav .navbg { background: rgba(155,75,49,1);
background: -moz-linear-gradient(top, rgba(155,75,49,1) 0%, rgba(87,39,25,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(155,75,49,1)), color-stop(100%, rgba(87,39,25,1)));
background: -webkit-linear-gradient(top, rgba(155,75,49,1) 0%, rgba(87,39,25,1) 100%);
background: -o-linear-gradient(top, rgba(155,75,49,1) 0%, rgba(87,39,25,1) 100%);
background: -ms-linear-gradient(top, rgba(155,75,49,1) 0%, rgba(87,39,25,1) 100%);
background: linear-gradient(to bottom, rgba(155,75,49,1) 0%, rgba(87,39,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b4b31', endColorstr='#572719', GradientType=0 ); }
#header .cname { margin-top:10px; font-family: 'UniversCondensed'; padding-right:30px; font-size:27px; color:#572719; text-align:right; line-height:26pt; text-transform:uppercase; }
#header .cname span { font-size:20px; color:#333; }

#header .ipad-cname { display:none;}

 /*****************************************************************************************************************
HEADER CSS END HERE
*****************************************************************************************************************/


 /*****************************************************************************************************************
BODY CONTAINER CSS END HERE
*****************************************************************************************************************/

#bodycontainer {width:100%; float:left; margin:0px; padding:0px;}
#bodycontainer .visual {width:100%; float:left; margin:0px; padding:0px;}

.home-data { width:100%; }
.home-data .intro{ width:50%; float:left; }
.home-data .home-product{ width:40%; float:right; border-left:1px solid #dee4ed; padding-left:4%; }

/*****************************************************************************************************************
BODY CONTAINER CSS END HERE
*****************************************************************************************************************/



#inner-bodycontainer { background:#fff; border-radius:10px; margin:0px; padding:2% 0% 0% 0%; min-height:400px; float:left; box-shadow:0px 12px 40px 0px #ccc;}
#inner-container  { width:96%; margin:0% 0% 0 21px;}

.inner-visual { width:100%; float:left; position:relative;  }
.inner-visual .head { position:absolute; left:15px; bottom:30px; color:#fff; width:90%; }
.inner-visual .head1 { position:absolute; left:15px; bottom:30px; color:#fff; width:90%; }

.ss-head { display:none;}

.inner-right { width:71%; float:right;}
.inner-left { width:25%; float:left; padding-right:3%;}
.about-right { width:76%; float:right;}
.about-left { width:20%; float:left; padding-right:3%;}
.right-navbg { background:#f5eac6; padding:20px 10px; float:left; border-radius:10px; width:93%; margin-bottom:15px; }



#section-links { padding:0px; margin:0px; }
ul.submenu {padding:0px; margin:0px;    }
ul.submenu li { padding:0px; margin:0px 0px 0px 15px; list-style:none; list-style-type:none;  font-size:14px; }
ul.submenu li.heading { list-style:none; font-size:22px; color:#572719; background:none; padding:0px 0px 10px 0px; border:none;}
ul.submenu li.heading:before { content:""; }
ul.submenu li { padding:0px; margin:0px 0px 0px 5px; border-bottom:1px dotted #985b47; list-style:none; list-style-type:none;  font-size:14px;}
ul.submenu li a { display:block; text-decoration:none; padding:10px 0px 10px 0px; -webkit-transition:  all 0.4s ease-in-out; -moz-transition:  all 0.4s ease-in-out; -o-transition:  all 0.4s ease-in-out; -ms-transition:  all 0.4s ease-in-out; transition:  all 0.4s ease-in-out; 
 font-size:15px; margin-left:10px; }  
ul.submenu li ul li { border:none; padding:0px;}
ul.submenu li ul li a {background:url(images/icon-minus.png) no-repeat left 12px;  padding:5px 10px 5px 20px; margin-left:0px; font-size:14px; }
ul.submenu li a:before   { font-family: 'FontAwesome'; content:"\f105"; padding:0px; margin-right:10px;  }


ul.submenu li a.active { font-weight:normal; color:#572719; font-weight:bold;}
ul.submenu li a:hover {    color:#9a4a30; }
ul.submenu li.menufocus a{   color:#3960a3;}
ul.submenu li.menufocus > ul { display: block; /* show dropdown on hover */ margin:10px 0px; padding-bottom:10px; }
ul.submenu li.menufocus li	{ background:url(images/breadcrumbs-arrow.png) no-repeat left; line-height:16px; border:none; padding-left: 10px; margin: 0 0 0 10px;   }
ul.submenu li.menufocus li a{ background:#333; color:#976e1a;  padding:5px; margin:0px;  font-size:12px; font-family: 'RobotoRegular'; text-transform:none; border:none;  }
ul.submenu li.menufocus li a:hover { color:#ccc;   }
ul.submenu li.menufocus li.submenufocus a{ color:#fff; }



/*****************************************************************************************************************
HEADER STYLE END
*****************************************************************************************************************/
h1 { font-family: 'UniversCondensed'; font-size:25px; color:#fff;   margin:0px; line-height:23pt; }
h2 { font-family: 'UniversCondensed';  font-size:22px; color:#572719; border-bottom:1px solid #d2d2d2; padding-bottom:7px; margin-bottom:10px; }
h3 { font-size:18px; color:#572719; padding-bottom:8px; text-transform:uppercase; font-family: 'UniversCondensed';}
h3 span { border-bottom:1px #572719 solid; display:block; padding-bottom:8px; }

h4 { font-size:15px; color:#000; font-weight:bold; padding-bottom:5px;}






/*****************************************************************************************************************
BREADCRUMB
*****************************************************************************************************************/
#breadcrumb                          {width:100%; margin:0px; padding:0px 0px 5px 0px; margin-bottom:18px; float:left; display:block;   border-bottom:1px solid #CCC; }
#breadcrumb ul.crumblist             {list-style:none; padding:0px; margin:0px; float:left; color:#666; text-align:right;}
#breadcrumb ul.crumblist li          {list-style:none; color:#333; margin:0px; float:left; color:#666;   background:url(images/bullet-breadcrumb.png) no-repeat right; padding-right:18px; padding-left:10px;  }
#breadcrumb ul.crumblist li a        {color:#666; text-decoration:none;  display:block; font:13px;   }
#breadcrumb ul.crumblist li a:hover  {color:#000; text-decoration:none;}

#breadcrumb ul.crumblist li.last    {text-transform:none; background:none; color:#000;   }
#breadcrumb ul.crumblist li.home    {padding-left:0px;}

.icon-font  {font-family: FontAwesome; font-style:normal; font-weight: normal; -webkit-font-smoothing: antialiased;   }
.icon-home:before   {content:"\f015"; font-size:14px;}
 
/*****************************************************************************************************************
BREADCRUMB
*****************************************************************************************************************/

/*========== Home Page Section ==========*/
ul.hmprd-lst { width:100%; margin:0px; padding:0px; display:block; }
ul.hmprd-lst li { width:48%; display:inline-block; margin:0px; padding:0px; line-height:24pt; color:#572719; }
ul.hmprd-lst li a { text-decoration:none; color:#572719;}
ul.hmprd-lst li a:hover { color:#000; transition:all 200ms linear; }
ul.hmprd-lst li:before { font-family: 'FontAwesome'; content:"\f105"; margin-right:10px;  }

a.read-more { background:#9b4b31; padding:3px 7px; border:1px solid #572719; color:#fff; font-size:12px; text-decoration:none;}
a.read-more:hover { color:#000; transition:all 200ms linear; }

/*========== Product page Section ==========*/

ul.prod-lst { width:100%; margin:0px; padding:0px; }
ul.prod-lst li{ list-style:none; width:23%; font-size:16px; list-style-type:none; text-align:center; line-height:20pt; margin:0px 2% 20px 0px; float:left; padding:0px; }
ul.prod-lst li a { text-decoration:none; color:#3960a1; }
ul.prod-lst li a img { width:150px; height:200px; border:1px #ccc solid; }
ul.prod-lst li a:hover { color:#000; }
ul.prod-lst li a:hover img {-webkit-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2);
box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2); transition:400ms linear all; border:1px #000 solid; }


a.btn { text-decoration:none; font-size:14px; font-weight:bold;  transition:all 400ms ease-out; background:url(images/icon-download.png) no-repeat left 0px; padding:10px 10px 10px 30px; color:#3960a2; border-radius:5px; margin:15px 0px;  }
a.btn:hover {   background: url(images/icon-download.png) no-repeat left -30px; color:#000;  }
 




/*========== Contact Us Section ==========*/

.contact { width:100%; float:left}
.contact-left { width:26%; float:left; padding-right:3%;  } 

.contact-right { width:60%; float:left; padding-left:5%; } 

.contactus {  width:100%; display:table; }
.reg-add { float:left; width:100%; } 
 
.contactus_info { padding: 0%; margin: 0 auto; width:50%;  display:table-cell; vertical-align:top;   }
.contactus_info li { list-style:none; padding:0px; margin:0px;  vertical-align:top; line-height:18pt; font-size:15px;    }
.contactus_info h4 { color:#572719;  }
.contactus_info .address { width:100%; display:flex;}
.contactus_info .address:before { font-family: 'FontAwesome'; content:"\f1ad"; padding-right:10px; color:#572719; }
.contactus_info .telmail { width:100%; margin-top:10px; }
.contactus_info .telmail:before { font-family: 'FontAwesome'; content:"\f095"; padding-right:10px; color:#572719; }
.contactus_info .email { width:100%; margin-top:10px; }
.contactus_info .email:before { font-family: 'FontAwesome'; content:"\f003"; padding-right:10px; color:#572719; }

.contactus_info p {line-height:20pt; padding-left:35px; margin:0px 0px 10px 0px; }


ul.list-style { margin:0px; padding:0px; }
ul.list-style li a{ text-decoration:none; list-style:disc; vertical-align:top; }
ul.list-style li a:hover{ text-decoration:underline;}