@charset "utf-8";
*{
	margin: 0px;
	padding: 0px;
}
body{
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-family:'Droid Serif', serif;
}
#wrapper1 {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#main_top{
	height: auto;
	width: 963px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header1_main{
	float: left;
	height: 130px;
	width: 963px;
}
#flash{
	float: left;
	padding-bottom: 29px;
	/* height: 329px; */
	width: 963px;
	background-image: url(../images/slider_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#content{
	float: left;
	height: auto;
	width: 963px;
}


#main_bottom_full{
	background: url(../images/footer_bg.jpg) repeat-x left top #6d6361;
	height: 69px;
	width: 100%;
	margin: 0px auto;
	margin-top:20px;
}
#main_bottom{
	height: 69px;
	width: 963px;
	margin: 0px auto;
}
#readmain
 {
	position: relative;
	/* margin-top:266px; */
	width: 963px;
	height: 35px;
	background-color:#780c11;
	z-index:9;
	margin-top: -35px;
	
}          

#footer1{
	float: left;
	height: 48px;
	width: 963px;
	font-family: 'Droid Serif', serif;
	margin-top: 12px;
}
#footer_left{
	float: left;
	height: auto;
	width: 665px;
	margin-left: 25px;
}
#footer_left2{
	float: right;
	height: auto;
	width: 270px;
}

#footer_navigation_top{
	float: left;
	height: 20px;
	width: 665px;
	margin-top: 7px;
}
#footer_copyright{
	float: left;
	height: auto;
	width: 474px;
}
#nav_bottom{
	float: left;
	padding-right: 3px;
	width: auto;
}
.text_white_bottom_nav{
	font-family: 'Droid Serif', serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}


.text_white_bottom_nav1{
	font-family: 'Droid Serif', serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
#footer_webelement_logo{
	float: right;
	height: 35px;
	width: 230px;
	line-height:35px;
}
#header_top{
	float: left;
	height: 75px;
	width: 963px;
}
#navigation_main{
	float: left;
	height: 62px;
	width: 963px;
	background-image: url(../images/navigation_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#facebook_icon{
	float: right;
	height: 31px;
	width: 40px;
	margin-top: 20px;
	margin-right: 30px;
}
#logo
 {
	position: absolute;
	width: 166px;
	height: 165px;
	z-index:100;
	margin-left: 385px;
	top: 2px;
}          
#content_left{
	float: left;
	height: auto;
	width: 604px;
	margin-right: 36px;
}
#content_right{
	float: right;
	height: auto;
	width: 320px;
}
#content_left_welcome{
	float: left;
	height: auto;
	width: 604px;
}
#content_left_gallery_main{
	float: left;
	height: auto;
	width: 604px;
}
#welcome{
	float: left;
	height: 37px;
	width: 300px;
	padding-left: 20px;
	margin: 0px;
}

#welcome1{
	float: left;
	height: 37px;
	width: 390px;
	margin: 0px;
	
}

.pages img{
	margin-right: 10px;
	margin-Left: 10px;
	
}

.cub_t{
	width:100%;
	display:inline-block;
	float:none;
	margin:0px;
	text-align:center;
	
}

/* .Sub_pro{
	width:100% ! important;
	
}

.sub_pro1{
	float: none ! important;
	margin: 0 auto;
} */

.welc_cot{
	 width:604px !important;
	 float:left ! important;
	
}

.wel_paro{
	
	width:604px !important;
	 float:left ! important;
	
}

.middle{
	padding-top:62px;
}

.unit_ed{
	width:100%;
	float:right;
	
}

.unit_ed img{
	width: 100%;
	float: left;
	margin-top: 10px;
}

.unit_cd{
	width:100%;
	float:right;
}

.unit_cd img{
	width: 100%;
	float: left;
	margin-top: 13px;
	
}

.client{
	
    width: 100%;
    display: inline-block;
	margin-top: 30px;
}
.client ul li{
	list-style:none;
	float:left;
	margin-right:13px;
	margin-bottom:20px;
	
	
}
.client img{
	border:1px solid #ccc;
	padding:5px;
}
.client ul li:nth-child(3){margin-right:0px;}
.client ul li:nth-child(6){margin-right:0px;}

.tab_p tr td{
	width: 100%;
	display: inline-block;
	margin-top: 10px;
	
}
h1{
	color: #353434;
	font-size: 22px;
	text-decoration: none;
	font-family: 'Droid Serif', serif;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
}
#content12{
	float: left;
	height: auto;
	width: 604px;
}
#welcome_img{
	float: left;
	height: 174px;
	width: 178px;
	margin-right:10px;
}
p{
	font-family: 'Droid Serif', serif;
	font-size: 14px;
	line-height:18px;
	color: #747474;
	text-align:justify;
}
#welcome_cont{
	float: left;
	height: auto;
	width: 415px;
}
#welcome_para{
	float: left;
	height: auto;
	width: 415px;
	margin-top: 10px;
}
#read_more{
	float: right;
	height: 31px;
	width: 95px;
	margin-top: 15px;
}
.para_class{
	font-size: 14px;
	color: #906e0c;
	font-family: 'Droid Serif', serif;
	text-decoration:none;
}
#presence_main{
	float: left;
	height: auto;
	width: 320px;
}
#presence_rc_top{
	float: left;
	height: 9px;
	width: 319px;
}
#presence_rc_mid{
	background-image: url(../images/rc_mid.png);
	background-repeat: repeat-y;
	float: left;
	height: auto;
	width: 319px;
}
#presence_rc_bot{
	float: left;
	height: 10px;
	width: 319px;
}
#pesence_img{
	float: left;
	height: auto;
	width: 122px;
	margin-top: 12px;
	margin-right: 15px;
	margin-bottom: 12px;
	margin-left: 20px;
}
#presence_content{
	float: right;
	height: auto;
	width: 140px;
	margin-right: 20px;
}
#product_links{
	/* float: left; */
	height: auto;
	/* width: 140px;	 */
	    margin-top: 20px;
}
ul#product_links li{
	display:block;
	list-style: none;
	background-image:url(../images/bullet_arrow.jpg);
	background-repeat:no-repeat;
	background-position:left 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top:0px;
	font-family: 'Droid Serif', serif;

}
	
	
	
ul#product_links li a
{
    font-weight: normal;
    text-decoration: none;
    line-height: 20px;
	padding-left:15px;
    color: #7a6108;
	font-size:12px;
	text-decoration:none;
	font-family: 'Droid Serif', serif;

}

ul#product_links li a:hover
{
   font-weight: normal;
    text-decoration: none;
    line-height: 20px;
	padding-left:15px;
    color: #666666;
	font-size:12px;
	font-family: 'Droid Serif', serif;
}


#navi_left{
	float: left;
	height: 24px;
	width: 390px;
	margin-top: 12px;
	margin-left: 10px;
}
.text_grey{
	font-family: 'Droid Serif', serif;
	font-size: 14px;
	color: #747474;
	text-decoration:none;
}
.text_box{
	background: white;
    border: 1px solid #ae7c10;
    border-radius: 5px;
    box-shadow: 0 0 3px #DDD inset;
    color: #666;
    float: left;
    padding: 3px 10px;
    width: 250px;
    outline: none;
}
.text_area{
	background: white;
    border: 1px solid #ae7c10;
    border-radius: 5px;
    box-shadow: 0 0 3px #DDD inset;
    color: #666;
    float: left;
    padding: 3px 10px;
    width: 250px;
    outline: none;
}

.text_form{
	font-size: 14px;
	color: #000;
	text-decoration: none;
	padding-left: 30px;
}


.input{
	background-image:url(../images/submit.jpg);
	background-repeat: no-repeat; width:76px;
	height:25px;
	font-family: 'Droid Serif', serif;
	color:#000;
	font-size:14px;
	background-position:left top;
	border:none;
	background-color:#d28f22;
}
.text_black{
	font-family:'Droid Serif', serif;
	color:#000;
	font-size:15px;

}

.text_clientele{
	font-size: 17px;
	color: #990000;
	font-family:'Droid Serif', serif;
}
#text_effect{
	float: left;
        text-align: center;
	width: 300px; margin-top:7px; margin-left:30px;
	line-height:26px;
}
#text_effect p {
    color: #780c11;
}

.mg{
	font-size:14px;}
/*-----popup start--------*/
	
.button {
	background-color:#d81515;
	/*border-radius:10px;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.3);*/
	color:#000;
	cursor:pointer;
	display:inline-block;
	padding:10px 20px;
	text-align:center;
	text-decoration:none
}

.button.small {
	/*margin:22px 5px 0;    padding:6px 15px;*/
	padding:6px 2px; 
	background-color:#FFF7DA;
	border:none;
	/*margin:0px 5px 0;*/
}

.button.box {
	/*margin:22px 5px 0;    padding:6px 15px;*/
	padding:6px 2px; 
	background-color:#fff7da;
	border:none;
	/*margin:0px 5px 0;*/
}

.button:hover {
	background-color:#FFF7DA;
}
.button>span {
	font-size:84%
}

.button.b-close, .button.bClose {
	border-radius:7px 7px 7px 7px;
	box-shadow:none;
	font:bold 131% sans-serif;
	padding:0 6px 2px;
	position:absolute;
	right:-7px;
	top:-7px
}

.popup-txt{
	color:#db2035;
	font-family:Constantia;
	font-size:14px; 
	text-align:left;
	padding-top:15px;
	padding-left:15px;
	}

.popboxtxt{
	font-size:14px;
	color:#000;}
	
/*------pop up end-----*/

.popup-sertxt{
 font-family:Verdana, Geneva, sans-serif;
 font-size:11px;
 color:#333;
	}
	
.mobile-container {display:none;}
.desktop-container{display:block;}	
.readmore{float:right; margin-top:10px;}
.service-left {float:left; width:50%;}
#presence_content{width:290px; margin:9px;}
#presence_content-1 {width:140px; float:left;}
.about-area {width:100%;}
.about-area .pesence_img {width:39%; float:left; margin: 5%;}
.about-area #presence_content {width:45%; float:left;}
	.clientele-text {font-size: 14px;
    text-align: center;
    padding-right: 20px;
    line-height: 18px;
    color: #900; float:none;}
.clientele-img {height:auto; padding-left:0px; width:320px; margin-top:100px;}	
#service-area {width:100%;}
.form-area {width:530px; border:#990000 1px solid; padding:10px; margin-top:15px;}
.enquiry-img {height:auto; padding-left:0px; width:300px; margin:50px auto 0;}
.servicearea {width:100%;}
.servicearea ul {margin:20px 0 0 0px; padding:0px;}
.servicearea ul li { width:50%; float:left; list-style:none; padding-bottom: 20px;margin-bottom: 20px;}
.servicearea .border{border-bottom: 2px dashed #ccc;}
.servicearea .img-area {width:40%; float:left; margin-right:5%;}
.servicearea .text-area {width:50%; float:left;}
.popup-area {display:none; width:600px; height:auto; background-color:#fff7da; border:5px solid #c8b87e;}
.association {color: #7A6108; font-size: 12px; line-height:16px; font-family:'Droid Serif', serif;}
.redmore {cursor:pointer !important; color:#d50000!important; font-size:12px;}
@media screen and (max-width:767px) {
.mobile-container {
  
  margin: auto;
  /* background-color: #555; */
  color: white;
  border-radius: 10px;
  width:100%;
  display:block;
}
.desktop-container{display:none;}
.topnav {
  overflow: hidden;
  /* background-color: #333; */
  position: relative;
}

.topnav #myLinks {
  display: none;
  background:#780c11;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: #780c11;
  display: block;
  position: absolute;
  right: 10px;
    top: 35px;
}

.topnav a:hover {
  background-color: #fff;
  color: black;
}

.active {
  background-color: #4CAF50;
  color: white;
}
#content {width:90%; margin:0 auto; float:none;}
#content_left {width:100%; float:none;}
#content_right {width:100%; float:none;}
#content_left_gallery_main {width:100%; float:none;}	
#content_left_welcome {width:100%; float: left;}
#welcome {width:100%; float:left; padding-left:0px;}
#content12 {width:100%; float:none;}
#welcome_img {width:174px; margin:0 auto; float:none; clear: both;}
#welcome_cont {width:100% !important; float:none !important;}
#welcome_para {width:100% !important; float:none!important;}
#read_more {float:left; margin-bottom:20px;}
#readmain {width:100%; float:none; margin-top:0px;}
#flash{width:100%; float:none;}
#main_bottom {width:100%; float:none; height: 90px;}
#footer1 {width:100%; float:none;}
#footer_left {width:100%; float:none;}
#footer_left2 {width:100%; float:none;}
#footer_navigation_top {width: 100%;float: left; line-height: 24px;height: auto; margin-bottom: 10px;}
#footer_copyright{width:100%; float:none;}
.slider-wrapper {width:100% !important; float:none;}
#main_top {width:100%; float:none; }
#wrapper1 {width:100%;}
.readmore {float:left; margin-bottom:20px;}
#presence_main {width:100%;}
#presence_rc_top {width:100%;}
#presence_rc_mid {width:100%; background-size: contain;}
#presence_content {width:90%;}
#presence_rc_bot {width:100%;}
#pesence_img {width:70%; float:left;}
#main_bottom_full {height:auto; padding:10px 2%; width:96%;float: left;}
#footer_left {margin-Left:0px;}
#footer_webelement_logo {float:left; width: 100%;}
.clientele-text {float:left; font-size:16px;}
.clientele-img {height:auto; padding-left:0px; width:320px; margin-top:100px; margin-Left:auto; margin-right:auto;}
.form-area {width:93%; border:#990000 1px solid; padding:10px; margin-top:15px;}
.text_box {width:80%;}
.text_form {padding-left: 5px;}
.text_area {width:80%;}
.input {margin-right:5px;} 
.text_white_bottom_nav {font-size:14px;}
.text_white_bottom_nav1 {font-size:14px;}
#welcome1 {width:100%;}
.client {width:90%; margin:20px 5%;}
.client ul li {margin-right:0px; width:100%;} 
.servicearea ul li {width:100%;}
.popup-area {width:90%;}
.servicearea .border{border-bottom: none;}
.ad-gallery {width:100% !important;}
#pesence_img-1 {width:35%;}
.popup-sertxt {font-size:16px;}
.text_black {font-size:16px;}
p {font-size:16px;}
.association {font-size:16px;}
ul#product_links li a {font-size:16px;}
.para_class {font-size:16px;}
.redmore {font-size:16px;}
.client img {width:96%;}
#product_links {width:100%;}
#presence_content-1{width:50%;}
}

@media screen and (max-width:767px)and (orientation: landscape){
.client ul li { width:48%; float:left; margin: 1% !important;}	
.client ul li img{ width:96%; margin:2%;}
.popup-sertxt {font-size:14px;}
.text_black {font-size:16px;}
}

@media screen and (min-width:768px) and (max-width:962px) {
.mobile-container {
  /* max-width: 767px; */
  margin: auto;
  /* background-color: #555; */
  color: white;
  border-radius: 10px;
  display:block;
}
.desktop-container{display:none;}
#flash {width:100%;}
#readmain {width:100%;}
#content {width:100%;}
#content_left {width:53%; float:left;}
#content_left_welcome {width:100%;}
#content12 {width:100%;}
#welcome_img {width:20%; float:left;}
#welcome_cont {width:70%; float:right;}	
#welcome_para {width:100%;}
#content_left_gallery_main {width:100%;}
#content_right {width:42%; float: left;}
#main_bottom {width:100%;}
#footer1 {width:100%; height:auto;}
#footer_left {width:65%; float:left;}
#footer_left2 {width:30%; float:left;}
#footer_navigation_top {width:100%;height: 30px;}
.slider-wrapper {width: 100%;}
#main_top {width:100%;}
#welcome {width:100%; padding-left:0px;}
.form-area {width:100%;}
.mobile-enquiry {width:100%;}
.popup-sertxt {font-size:14px;}
.text_black {font-size:16px;}

}

@media only screen and (max-width: 767px) and (min-width: 560px){
.form-area {width:96%;}	
}

@media only screen and (max-width: 964px) and (min-width: 768px) {
	#menu {padding:10px;}
  #menu li {
    width: 100%;
	
  }

  #menu .sub-menu li {
    width: auto;
  }
  .main-menu li a {text-decoration:none;padding: 10px 10px;}
}

@media only screen and (min-width: 962px) {
  #menu .main-menu {
    display: block;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}

#menu ul {
  margin: 0;
  padding: 0;
}

#menu .main-menu {
  display: none;
  background:#780c11;
}

#tm:checked + .main-menu {
  display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

#menu li, 
#toggle-menu, 
#menu .sub-menu {
  border-style: solid;
  border-color: rgba(0, 0, 0, .05);
}

#menu li, 
#toggle-menu {
  border-width: 0 0 0px;
}

#menu .sub-menu {
  background-color: #8e1a1f;
  border-width: 1px 1px 0;
  /* margin: 0 1em; */
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
  position: relative;
  display: block;
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}

#menu, 
#toggle-menu {
  /* background-color: #09c; */
}

#toggle-menu, 
#menu a {
  
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
  background-color:#8e1a1f;
  color: #fff;
}

#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu .sub-menu a:hover {
  color: #444;
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
  position: absolute;
  right: 1.5em;
  top: 10px;
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
  background-color: #780c11;
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}

#menu .drop-icon {
  line-height: 1.5;
}

#loader {  
    position: fixed;  
    left: 0px;  
    top: 0px;  
    width: 100%;  
    height: 100%;  
    z-index: 9999;  
    background:url(../images/logo.png) 50% 50% no-repeat rgb(249,249,249);  
}

.mobile-enquiry {background:#780c11; padding:10px 0px; width:100%; text-align:center;}