/* CSS Document */
/*body starts here*/
body{margin:0px; padding:0px;font-family:Arial;font-size:16px;color:#000; background: #FFFFFF; }  
#wrapper{width:1040px; margin:0 auto; background:#000;  margin-bottom: 20px;  margin-top: 20px; border: solid #fff 4px; 	-moz-border-radius: 25px;
			-webkit-border-radius: 25px;
			border-radius: 25px; -moz-box-shadow: 0 0 50px #000;
-webkit-box-shadow: 0 0 50px #000;
box-shadow: 0px 0px 50px #000;}
#container{width:1000px; padding:0px 20px 0px 20px; }
.clear{clear:both;margin:0px;padding:0px;}
a{color:#FF9000;text-decoration:underline;}
a:hover{text-decoration:none;}
/*body ends here*/

/*bannerzone starts here*/
#bannerzone{background:url(../images/banner.jpg) no-repeat; height:485px; 	border-top-right-radius: 25px; border-top-left-radius: 25px; margin-top:15px;}
#logo{padding: 6px 0px 0px 34px;}
/*bannerzone ends here*/

/*menuzone starts here*/
#menu{background:url(../images/menu_bg.gif) repeat-x 0 0; height:66px; padding:0px 0px 0px 0px;}
#menu ul{margin:0px 0px 0px 0px; padding:0px 0px 70px 0px; background:url(../images/menu_border.gif) left top no-repeat;}
#menu li{
	margin:0px;
	display:block;
	float:left;
	background:url(../images/menu_border.gif) right  no-repeat;
	list-style:none;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial;
	line-height: 14px;
	padding-top: 27px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
}
#menu li a{color:#fff; font-size:16px; text-decoration:none; background:url(../images/menu_path.gif) 30px 5px no-repeat; 
           padding:0px 28px 0px 46px;margin:0px 0px 0px 0px;}
#menu li a:hover{ text-decoration: underline; color:#fff;}
#menu li.active{ text-decoration: none; background-color:#000000;}
/*menuzone ends here*/

/*workzone starts here*/
#workzone{background:#fff url(../images/content_bg.gif) left top repeat-x; padding:72px 91px 0px 83px;}
.welcome_text{font-size:29px; color:#28287E; padding:0px 0px 5px 0px;}
.primary_container{padding:35px 10px 0px 0px; line-height:25px;}
.primary_text{padding:0px 0px 0px 0px;}
.bold_text{font-size:15px; font-weight:bold;}
.pic1{float:left; padding:0px 0px 0px 0px;}
.pic2{float:right; padding:0px 0px 0px 0px;}
.link_box{width:200px; float:left; padding:18px 0px 30px 0px;}
.link_box ul{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.link_box li{padding:0px 0px 0px 15px; margin:0px 0px 0px 0px; list-style:none;
              background:url(../images/bullot.gif) 0px 10px no-repeat;}
.secondary_container{padding:19px 14px 56px 0px;}
.secondary_text{padding:0px 5px 0px 0px;line-height:25px;}
/*workzone ends here*/

/*footer starts here*/
#footer{width:1000px; background:#29297f url(../images/footer_bg.gif) repeat-x; 	     border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; margin-bottom: 15px;}
.footermenu{padding:27px 0px 20px 0px;margin:0px 0px 0px 0px;float:left;}
.footermenu ul{padding:2px 0px 0px 101px;margin:0px 0px 0px 0px;}
.footermenu li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;display:inline;list-style:none;}
.footermenu li a{padding:0px 7px 0px 6px;color:#fff;text-decoration:underline;font-size:11px; font-weight:bold;}
.footermenu li a:hover{text-decoration:none;}
.copyright{padding:27px 0px 17px 10px;color:#fff;float:left;font-size:11px; margin-bottom: 20px; }
.wds{padding:27px 10px 17px 10px;color:#fff;float:right;font-size:11px; margin-bottom: 20px; }

.whiteline{color:#fff; font-weight:bold;}
/*footer ends here*/

/* inner pages css start */
h1.inner{font:33px Myriad Pro, Arial; color:#fff; font-weight:100; margin:0px; padding:25px 0px 10px 0px; background:none}
.aboutus-img{float:right; border:4px solid #b0a48b;	margin:0px 0px 10px 20px;}
h5{font:10px arial; color:#000000; font-weight:bold; padding:0px 0px 5px 0px;	margin:0px 0px 10px 0px;}
h6{font:12px arial; color:#29297f; font-weight:bold; padding:0px 0px 5px 0px;	margin:0px 0px 10px 0px;}
h7{font:8px arial; color:#000; font-weight:bold; padding:0px 0px 5px 0px;	margin:0px 0px 10px 0px;}
.highlightme { background-color:#f34d00; color:#fff; padding-left: 10px; padding-right: 10px; }
.highlightme2 { background-color:#00FFFF; color:#000; padding-left: 10px; padding-right: 10px; }

.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#ffffff;	background:#414141;	font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #000000;}
input.button:hover{cursor:pointer; color:#cccccc;}
.project-img{float:right; margin-left:20px;	border: 6px solid #FF9000;}
.whiteheading{font:30px Myriad Pro, Arial; color:#898989; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px;	border-bottom:1px dotted #000; padding-bottom:10px; width: 95%;}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */




.form-style-6{
    font: 95% Arial;
    width: 60%;
    margin: 0px auto;
    padding: 16px;
    background: #F7F7F7;
	float:right;

}
.form-style-6 h1{
	padding: 20px 0;
	font-size: 140%;
	font-weight: 300;
	text-align: center;
	color: #fff;
	margin: -16px -16px 16px -16px;
	background: #f34d00;
}
.form-style-6 input[type="text"],
.form-style-6 input[type="date"],
.form-style-6 input[type="datetime"],
.form-style-6 input[type="email"],
.form-style-6 input[type="number"],
.form-style-6 input[type="search"],
.form-style-6 input[type="time"],
.form-style-6 input[type="url"],
.form-style-6 textarea,
.form-style-6 select
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 4%;
    border: 1px solid #ccc;
    padding: 3%;
    color: #555;
    font: 95% Arial;
}
.form-style-6 input[type="text"]:focus,
.form-style-6 input[type="date"]:focus,
.form-style-6 input[type="datetime"]:focus,
.form-style-6 input[type="email"]:focus,
.form-style-6 input[type="number"]:focus,
.form-style-6 input[type="search"]:focus,
.form-style-6 input[type="time"]:focus,
.form-style-6 input[type="url"]:focus,
.form-style-6 textarea:focus,
.form-style-6 select:focus
{
    box-shadow: 0 0 5px #43D1AF;
    padding: 3%;
    border: 1px solid #43D1AF;
}

.form-style-6 input[type="submit"],
.form-style-6 input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 3%;
    background: #43D1AF;
    border-bottom: 2px solid #30C29E;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;   
    color: #fff;
}
.form-style-6 input[type="submit"]:hover,
.form-style-6 input[type="button"]:hover{
    background: #f34d00;
	cursor:pointer;
}
.container2 {
    display: flex;
    width: 100%;

}

.contentA {
	width: 40%;
}

.contentB {
	width: 75%;

}
.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #f34d00;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #fff;
	color:#f354ec;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}
/*			navigator			*/


#navigator {
  width: 250px;
  height: 100%;
  position: fixed;
  top: 0;
  left: -250px;
  background: rgba(52, 152, 219,0.7);
  float: left;
  z-index: 10;
}

#nav {
  width: 250px;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
}

.nav_tab {
  width: 250px;
  height: 50px;
  display: block;
}

.nav_tab a p {
  color: rgba(255,255,255,0.8);
  font-size: 16px;
  padding: 15px 0;
  text-align: center;
  transition: 0.35s ease;
  -webkit-transition: 0.35s ease;
  -moz-transition: 0.35s ease;
}

.nav_tab a p:hover {
  background: rgba(255,255,255,0.9);
  color: rgba(0,0,0,1);
  letter-spacing: 2px;
  transition: 0.35s ease;
  -webkit-transition: 0.35s ease;
  -moz-transition: 0.35s ease;
}

.menu-icon {
  width: 150px;
  height: 35px;
  position: fixed;
  top: 0;
  left: 0px;
  margin: 10px;
  z-index: 10;
}

.menu-text {
  width: 50px;
  height: 35px;
  font-size: 20px;
  color: #000;
  display: block;
  position: fixed;
  top: 0;
  left: 50px;
  margin: 10px;
  z-index: 9;
}

.menu-icon div {
  width: 40px;
  height: 5px;
  background: #000;
  margin: 5px;
  transition: all 0.35s;
  border-radius: 2px;
}

.on .line_one { transform: rotate(45deg) translate(7px, 7px); }

.on .line_two { opacity: 0; }

.on .line_three { transform: rotate(-45deg) translate(7px, -7px); }

/*		End of navigator			*/











#slideshow2 {
    position:relative;
    z-index:-10;
}
 
#slideshow2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
 
#slideshow2 IMG.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow2 IMG.last-active {
    z-index:9;
}
 
#slideshow2 img {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;
 
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
 
    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}
 
@media screen and (max-width: 1024px){
    img.bg {
    left: 50%;
    margin-left: -512px;
}
}
#fixedsocial {
position : fixed;
top : 320px;
height : 165px;
width : 63px;
right : 20px;
background-color : #fff;
border : solid 2px;
box-shadow : 0 0 10px #888888;
border : #CCCCCC solid thick;
padding-left : 10px;
padding-top : 10px;
border-radius : 25px;
}
