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

/*Common & Resets---Start*/
body{
    background: url(../images/body_bg.jpg)scroll center top transparent;
	padding:0 0 0 0;
	margin:0;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#4b5900;
	
     }
/*
body #bgtopdiv{
    
    background-image: url(../images/body_floralbg.jpg) ;
    background-repeat: no-repeat;
    display: block;
    height: 1179px;
    width: 100%;
    margin: 0px auto;
    text-align: center;
    background-position: top;
}
*/

td, div, h1, h2, h3, p, input, form{
	margin:0;
	padding:0;
}
img{
	padding:0;
	margin:0;
	border:none;
	}

.spacer {
	clear:both;
	line-height:0;
	font-size:0;
}

a { text-decoration:none; color: #de854c;}

h2 { text-transform: uppercase;}


.container { width: 100%; margin: 0px auto; height: 100%; text-align: center; display: block;}
.wraper { text-align: left; width: 1110px; margin: 0px auto;}
/*Common & resets---End*/ 

/*Header-----Start*/
.header { height: 150px; width: 100%; position: fixed; display: block; background:url(../images/header_bg.jpg); margin-bottom: 10px; z-index: 1000; top: 0px; border-bottom: 2px solid #738314;}

.header .headcontent { width: 1110px; margin: 0px auto; position: relative; height: 128px;}

.header .headcontent a#logo { background: url(../images/logo.png) no-repeat; height: 108px; width: 151px; position: absolute; top: 6px; left: 6px; text-decoration: none; float: left;}

.header .headcontent .headmenu { position: absolute; top: 66px; right: 0px; float: left;}

.header .headcontent .headmenu ul { list-style-type: none;}

.header .headcontent .headmenu ul li { float: left; }

.header .headcontent .headmenu ul li a {font: normal 15px/33px 'Oswald', sans-serif; color: #c60d12; text-decoration: none; display: block; padding: 0px 17px 0px 17px; text-transform: uppercase;}

.header .headcontent .headmenu ul li a:hover { background: #5a6a00; border-radius: 2px; color: #ffffff;}

.header .headcontent .headmenu ul li.active a{ background: #5a6a00; border-radius: 2px; color: #ffffff;}



.header .headcontent .headmenu ul li ul { display:none; position:absolute; top:45px; left:-520px; z-index:1000; background-color:#e78e54; width: 1070px; height: 215px;}
.header .headcontent .headmenu ul li:hover> ul { display:block;}
.header .headcontent .headmenu ul li:hover> ul { margin:0px; padding:18px 0px 0px 15px;}
.header .headcontent .headmenu ul li:hover> ul li ul{ margin:0px; padding:0px; width: 1070px; height: 215px; color:#ffffff;}
.header .headcontent .headmenu ul li:hover> ul li a { color:#5e3013; font:normal 13px/15px 'Roboto'; text-transform: none; }

.header .headcontent .headmenu ul li:hover> ul li a:hover { color:#ffffff;}

.header .headcontent .headmenu ul li ul li ul { position:absolute; top:0px; left:218px;}

.wraper p{font: 25px/25px 'Roboto Condensed', sans-serif; font-weight: 700; display: block; color:#c60d12; margin:0px;padding: 10px 0px;}







.header .headcontent .social { position: absolute; top: 21px; right: 13px;}

.header .headcontent .social a.fb { background: url(../images/social_icons.png)0 0; height: 26px; width: 25px; display: block; float: left; margin-right: 4px; text-decoration: none;}
.header .headcontent .social a.fb:hover { background: url(../images/social_icons_hvr.png)0 0; height: 26px; width: 25px; display: block; float: left; margin-right: 4px; text-decoration: none;}

.header .headcontent .social a.tw { background: url(../images/social_icons.png)-25px 0; height: 26px; width: 24px; display: block; float: left; margin-right: 4px; text-decoration: none;}
.header .headcontent .social a.tw:hover { background: url(../images/social_icons_hvr.png)-25px 0; height: 26px; width: 24px; display: block; float: left; margin-right: 4px; text-decoration: none;}

.header .headcontent .social a.gp { background: url(../images/social_icons.png)-49px 0; height: 26px; width: 24px; display: block; float: left; margin-right: 4px; text-decoration: none;}
.header .headcontent .social a.gp:hover { background: url(../images/social_icons_hvr.png)-49px 0; height: 26px; width: 24px; display: block; float: left; margin-right: 4px; text-decoration: none;}

.header .headcontent .social a.in { background: url(../images/social_icons.png)-73px 0; height: 26px; width: 24px; display: block; float: left; margin-right: 4px; text-decoration: none;}
.header .headcontent .social a.in:hover { background: url(../images/social_icons_hvr.png)-73px 0; height: 26px; width: 24px; display: block; float: left; margin-right: 4px; text-decoration: none;}

  }
/*Header-----End*/

/*Home Page Product Section-----Start*/
.homeprosec { width: 1110px; display:block; position: relative;}

.homeprosec h3 { font: bold 35px/37px 'Roboto Condensed', sans-serif; font-weight: 700; display: block; color:#c30c20; margin:0px auto; text-align:center; display:block; overflow: hidden; }

.homeprosec .headdesign { background: url(../images/header_design.png) no-repeat; margin: 0px auto; display: block; text-align: center; width: 154px; height: 23px; margin-top: 18px;}

.homeprosec .homeprobox { position: absolute;  display: block; width: 1110px; height: 300px; height: 580px;}



.homeprosec .homeprobox .homeprobox1  { position: absolute; top: 50px; left: 207px;}



.homeprosec .homeprobox .homeprobox2  { position: absolute; top: 168px; left: 90px;}

.homeprosec .homeprobox .homeprobox3  { position: absolute; top: 287px; left: 207px;}

.homeprosec .homeprobox .homeprobox4  { position: absolute; top: 169px; left: 325px;}

.homeprosec .homeprobox .homeprobox5  { position: absolute; top: 51px; left: 443px;}

.homeprosec .homeprobox .homeprobox6  { position: absolute; top: 287px; left: 443px;}

.homeprosec .homeprobox .homeprobox7  { position: absolute; top: 169px; left: 561px;}

.homeprosec .homeprobox .homeprobox8  { position: absolute; top: 51px; left: 679px;}

.homeprosec .homeprobox .homeprobox9  { position: absolute; top: 286px; left: 679px;}

.homeprosec .homeprobox .homeprobox10  { position: absolute; top: 169px; left: 797px;}

.homeprosec .homeprobox  .homeprobtn a{ width: 230px; height: 46px; background: #d30205; text-decoration: none; font: normal 20px/46px 'Roboto', sans-serif; font-weight: 300; color: #ffffff; display: block; margin: 0px auto 70px auto; position: absolute; text-align: center; top: 581px; left: 440px; border-radius: 2px;}


/*Home Page Product Section-----End*/

/*Home Info Section-----Start*/
.homeinfosec { width: 100%; background: url(../images/homeinfosec_bg.jpg);  border-top: 4px solid #c97742; height: 472px; display: block;}

.homeinfosec .homeinfocont { width: 1110px; margin: 0px auto;}

.homeinfosec .homeinfocont .leftinfo { width: 437px; margin-top: 73px; margin-left: 53px; float: left;}

.homeinfosec .homeinfocont .rightinfo { width: 437px; margin-top: 73px; margin-right: 53px; float: left;}


.homeinfosec .homeinfocont .infodiv { background: #ffffff; width: 2px; height: 372px; float: left; margin: 54px 60px 0px 60px; }


.homeinfosec .homeinfocont .leftinfo .infobox { height: 135px;}
.homeinfosec .homeinfocont .rightinfo .infobox { height: 135px;}

.homeinfosec .homeinfocont .leftinfo .infobox .icon{ float: left; width: 133px; margin-right: 10px; text-decoration: none;}

.homeinfosec .homeinfocont .leftinfo .infobox .icon a.about { background: url(../images/homeinfo_about_icon.png) no-repeat; width: 133px; height: 133px; display: block;}
.homeinfosec .homeinfocont .leftinfo .infobox .icon a:hover.about{ background: url(../images/homeinfo_about_icon_hvr.png) no-repeat; width: 133px; height: 133px; display: block;}

.homeinfosec .homeinfocont .leftinfo .infobox .icon a.history { background: url(../images/homeinfo_history_icon.png) no-repeat; width: 133px; height: 133px; display: block;}
.homeinfosec .homeinfocont .leftinfo .infobox .icon a:hover.history{ background: url(../images/homeinfo_history_icon_hvr.png) no-repeat; width: 133px; height: 133px; display: block;}

.homeinfosec .homeinfocont .rightinfo .infobox .icon a.principal { background: url(../images/homeinfo_principals_icon.png) no-repeat; width: 133px; height: 133px; display: block;}
.homeinfosec .homeinfocont .rightinfo .infobox .icon a:hover.principal{ background: url(../images/homeinfo_principals_icon_hvr.png) no-repeat; width: 133px; height: 133px; display: block;}

.homeinfosec .homeinfocont .rightinfo .infobox .icon a.client { background: url(../images/homeinfo_clients_icon.png) no-repeat; width: 133px; height: 133px; display: block;}
.homeinfosec .homeinfocont .rightinfo .infobox .icon a:hover.client{ background: url(../images/homeinfo_clients_icon_hvr.png) no-repeat; width: 133px; height: 133px; display: block;}



.homeinfosec .homeinfocont .rightinfo .infobox .icon { float: left; width: 133px; margin-right: 10px}

.homeinfosec .homeinfocont .leftinfo .infobox .text {float: left; width: 286px;}
.homeinfosec .homeinfocont .rightinfo .infobox .text {float: left; width: 286px;}

.homeinfosec .homeinfocont .leftinfo .infobox .text h4 { font: bold 30px/32px 'Roboto Condensed', sans-serif; font-weight: 700; display: block; color:#ffffff; display:block; text-align: left; margin: 0px 0px 8px 0px}
.homeinfosec .homeinfocont .rightinfo .infobox .text h4 { font: bold 30px/32px 'Roboto Condensed', sans-serif; font-weight: 700; display: block; color:#ffffff; display:block; text-align: left; margin: 0px 0px 8px 0px}

.homeinfosec .homeinfocont .leftinfo .infobox .text p { font: normal 18px/22px 'Roboto', sans-serif; font-weight: 300; color: #ffffff; text-align: left;}
.homeinfosec .homeinfocont .rightinfo .infobox .text p { font: normal 18px/22px 'Roboto', sans-serif; font-weight: 300; color: #ffffff; text-align: left;}
/*Home Info Section-----End*/

/*Inner Page-----Start*/

/*Title Header-----Start*/

.innerhead { display:block; width:150px; padding-top:150px;}
.innerhead h4 { background: #546301; font:normal 15px/17px 'Roboto Condensed', sans-serif; font-weight: 700; color: #ffffff; text-align:left; padding:10px; overflow:hidden;}
/*Title Header-----End*/

/*Content Area-----Start*/
.innercont { width: 1110px; padding: 0px 0px 20px 0px;}
.innercont p { font: normal 20px/25px 'Roboto'; font-weight: 300;} 

/*Content Area-----End*/

/*Contact Us-----Start*/
.innercont .contact { width: 1110px;}
.innercont .contact .address { float: left; width: 255px; margin-right: 30px;}
.innercont .contact .address p { font: normal 17px/36px 'Roboto';}
.innercont .contact .address p span { color:#c60d12}
.innercont .contact .address p a { text-decoration:none; color:#5a6a00}
.innercont .contact .address p a:hover { color:#c60d12}

.innercont .contact .formcont { float:left; width: 400px; margin-right:20px;}
.innercont .contact .formcont form label {font: normal 14px/16px 'Roboto'; color: #6f6f6f; margin-right: 15px; margin-bottom: 10px; }
.innercont .contact .formcont form label span { font-size: 12px; color: #d61818;}
.innercont .contact form input { height: 25px; border: 1px solid #e2e2e2; width: 395px; margin-bottom:10px;}

.innercont .contact form textarea {  border: 1px solid #e2e2e2; margin-bottom:10px;}

.innercont .contact form .submit { width: 100px; height: 30px; background: #c60d12; border: 1px solid #e6e6e6; border-radius: 2px; color: #ffffff; text-transform: uppercase; }

.innercont .contact .map { float:left; width:400px;}
.innercont .contact .map h3 { font-size:15px}
.innercont .contact .map span { height:1px; width:400px; background:#c30c20; display:block;}
/*Contact Us-----End*/

/*Product Page-----Start*/

.product { width: 1110px;}

.product .productbox { display:inline-block;}

.product .productbox a{ font: bold 28px/30px 'Roboto'; color:#dd8044; margin: 0px; padding: 0px; text-decoration: none;}
.product .productbox a:hover {color: #667aa8;}

.product .productbox .underline { height: 1px; width: 1110px; background: #cccccc; display: block; margin: 20px 0px 20px 0px;}

.product .productbox p { font: normal 16px/25px 'Roboto'; color: #555555; margin-bottom: 20px;}

.product .productbox .productbtn a{ padding: 8px 12px 8px 12px;; font: normal 13px/15px 'Roboto'; color: #ffffff; background: #667aa8; -moz-border-radius: 2px; border-radius: 2px; text-transform: uppercase; float: left; margin-right: 10px; margin-bottom: 10px;}

.product .productbox .productbtn a:hover { background:#e78e54; }
/*Product Page-----End*/

/*Product Inner Page-----Start*/

.proinner { width: 1110px; display: inline-block; height: auto;}
.proinner .leftnav { width: 183px; float: left; position: fixed;}

.proinner .leftnav .proinbtn ul{ list-style-type: none; margin: 0px; padding: 0px }
.proinner .leftnav .proinbtn ul li a{ background: #667aa8; text-decoration: none; display: inline-block; font: normal 12px/14px 'Roboto'; padding: 9px; color: #ffffff; -moz-border-radius: 2px;
border-radius: 2px; text-transform: uppercase; margin-bottom: 10px;}
.proinner .leftnav .proinbtn ul li a:hover { background: #e78e54; }

.proinner .leftrightdiv { background: url(../images/proin_lr_nav_div.jpg); width: 2px; margin: -40px 15px -60px 198px; float: left;  display: inline-block;}


.proinner .rightnav { width: 894px; float:left; padding: 0px; margin: 0px;}
.proinner .rightnav .bredcrumb h5 { font: normal 14px/16px 'Roboto'; color: #667aa8; text-transform: uppercase;}



.proinner .rightnav .prodetailbox h2{ font: bold 28px/30px 'Roboto'; color:#dd8044; margin: 0px; padding: 0px; }

.proinner .rightnav .prodetailbox .headunderline { height: 1px; width: 894px; background: #cccccc; display: block; margin: 20px 0px 20px 0px;}

.proinner .rightnav .prodetailbox h4{ font: bold 20px/22px 'Roboto'; color:#667aa8; margin: 0px 0px 23px 0px;  }

.proinner .rightnav .prodetailbox .prodetailcont { margin: 0px; padding: 0px; width: 894px; display: inline-block;}
 
.proinner .rightnav .prodetailbox .prodetailcont  ul { float: left; list-style-type: disc; margin: 0px; padding: 0px 0px 0px 20px; width: 533px;}
.proinner .rightnav .prodetailbox .prodetailcont ul li { font: normal 15px/25px 'Roboto'; color: #555555;}

.proinner .rightnav .prodetailbox .prodetailcont .imagecont { float: left; height: 265px; width: 312px; background: #ffffff; border: 1px solid #e8e8e8; float: left; margin: 0px 10px 0px 10px;}
/*Product Inner PAge-----End*/

/*Inner Page-----End*/


/*Facilities Page-----Start*/
.facilities ul { list-style-type:disc; margin:0px 0 0 30px; padding:0px;}
.facilities ul li { font:normal 22px/40px 'Roboto', cursive; font-weight:500; color:#4b5900; float:left; padding-right:20px; margin-right:20px;}


a.relief {background:#ae0000; border:1px solid #990000; border-radius:5px; width:120px; height:30px; color:#ffffff; text-align:center; font:bold 15px/30px Arial, Helvetica, sans-serif; margin-left:10px; margin-top:10px; text-decoration:none; display:block;}
a.relief:hover { background:#FF0000}

ul.relieflist { list-style-type:none} 
ul.relieflist li { background:url(../images/bullet_star.png) no-repeat; padding:3px 0px 20px 30px; margin-left:-20px}

/*Facilities Page-----End*/

/*Gallery Page-----Start*/
.gall { width: 1100px; margin:0px auto; padding:0; display:block; overflow:hidden; display:block;}
.gall h2 { font:normal 20px/22px 'Roboto'; color:#333333; display:block; margin:20px 0px 20px 20px;}
.gall .procontent { width:1100px; margin:0px auto;}
.gall .box { width: 320px; height: 240px; border:1px solid #CCCCCC; padding:0px; margin-right:44px; margin-bottom:30px; float:left; display:block; overflow:hidden;}

#page_navigation { margin:0px 0px 10px 0px; text-align:center;}
#page_navigation a{	padding:0px 3px 0px 3px; border:1px solid gray;	margin:2px auto;	color:rgb(73, 4, 7); text-decoration:none; font-size:15px;}

#page_navigation a:first-child{ margin:0em; background:url(img/navbg.jpg) no-repeat; width:35px; height:35px;}
#page_navigation a:last-child{ margin-left:0em;}



.active_page{
	background:rgb(73, 4, 7);
	color:white !important;
}
/*Gallery Page-----End*/

/*Testimonial Page-----Start*/
.testi { width:1070px; height:auto; border:1px solid #d30205; padding:8px; display:inline-block; margin-bottom:15px;}
.testi img { float:left; width:160px; height:120px; margin-right:10px;}
.testi h3 { font: normal 20px/20px 'Roboto'; color:#c30c20;}
.testi h3 span { font: normal 14px/14px 'Roboto'; color:#465300;}
.testi p { font:normal 14px/18px Arial, Helvetica, sans-serif; color:#4b5900; margin-top:13px;}


/*Testimonial Page-----End*/


/*Footer-----Start*/
.footer { background: url(../images/footer_bg.jpg); width: 100%; height: 100px; border-top: 1px solid #424e00; margin-top:10px;}

.footer .footcont { width: 1110px; text-align: center; margin: 0px auto;}

.footer .footcont .footmenu {text-align: center; margin: 35px auto 0px auto; display: block; width:710px;}
.footer .footcont .footmenu ul { list-style-type: none; text-align: center; margin: 0px auto; padding-left:90px;}
.footer .footcont .footmenu ul li { font: normal 14px/16px 'Roboto', sans-serif; font-weight: 300; color: #ffffff; float: left; padding: 0px 9px 0px 9px;}
.footer .footcont .footmenu ul li a{ font: normal 14px/16px 'Roboto', sans-serif; font-weight: 300; color: #ffffff; text-decoration: none;}
.footer .footcont .footmenu ul li a:hover{color: #ffffff; text-decoration:underline}
.footer .footcont .footmenu ul li.active a{color: #ffffff; text-decoration:underline}

.footer .footcont .footmenu p.footp{ font: normal 14px/16px 'Roboto', sans-serif; font-weight: 300; color: #ffffff; text-decoration: none; text-align:center;}
/*Footer-----End*/ 

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none;}
 
.slides
{
    margin: 0;
    padding: 0;
    list-style: none; 
}

.flex-control-nav
{
    margin: 0;
    padding: 0;
    list-style: none; position: relative; z-index: 200; top: -10em; margin-left: 140px;
}

.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;display: none;
}
 


.flexslider a img { outline: none; border: none; }
 
.flexslider {
    margin: 0 ;
    padding: 0;
    background: #7d8d20
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
	list-style-type:none;
    margin: 0px 0px -19px 0px
}

.flexslider .slides > li p { height: 110px; width:1092px; overflow:hidden; display:block; padding: 8px; background:#b00a1c; }


.flexslider .slides > li p { font:normal 13px/15px Arial; font-weight: 300; color:#ffffff;  margin:0px auto; opacity:1; text-transform:none;}li p span { font:normal 35px/50px 'Roboto Condensed', sans-serif; font-weight: 700; color:#ffffff; }

.flexslider .slides > li a.slidebtn { background: #e78e54; border-radius: 2px; width: 151px; height: 38px; color: #ffffff; font: normal 16px/38px 'Roboto', sans-serif; font-weight: 300; text-decoration: none; display: block; margin-top: 30px; text-align: center;}
 
.flexslider .slides img {
    width: 1110px;
    height: 450px;
    display: block;
 margin: 0px auto;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }

.flexslider {
    position: relative;
    zoom: 1;
    padding: 0px;
    

}

.flex-container {
    min-width: 100%;
    min-width: 100%;
	margin:0px auto 45px auto;
	display:block;
	
    padding-top: 128px;
    text-align: left;
    display: block;
    
}
 
.flexslider .slides { zoom: 1; }



 



 




 

 



 
.flex-control-nav li {
    display: inline-block;
    zoom: 1;
    border: 0px;
	
    
}
 
.flex-control-paging li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    background-color: #979797;
    border: 0px;
 
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
 
    
}
 
.flex-control-paging li a.flex-active {
    background-color: #ffffff;
    
}

.flexslider .slides p {
    display: block;
    
    
    padding: 0 5px;
    margin: 0 auto;
    width: 540px;
    height: 158px;
 	text-align:center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
    color: white;
    text-align: left;
 
    
 
    
}


@media (max-width:4600px){.flex-control-nav{margin-left: 1740px;}}

@media (max-width:2750px){.flex-control-nav{margin-left: 830px;}}

@media (max-width:2100px){.flex-control-nav{margin-left: 480px;}}

@media (max-width:1920px){.flex-control-nav{margin-left: 300px;}}

@media (max-width:1600px){.flex-control-nav{margin-left: 215px;}}

@media (max-width:1366px){.flex-control-nav{margin-left: 140px;}}



