body{margin:0px; padding:0px; background:url(../images/body_bg.png) repeat top center;}

@font-face {
				font-family: 'Museo-700';
				src: url('museo700-regular.eot');
				src: url('museo700-regular.eot?#iefix') format('embedded-opentype'),
						 url('museo700-regular.woff') format('woff'),
						 url('museo700-regular.ttf') format('truetype'),
						 url('museo700-regular.svg#museo700-regular') format('svg');
				font-weight: normal;
				font-style: normal;
		}
	@font-face {
				font-family: 'Museo-300';
				src: url('museo300-regular.eot');
				src: url('museo300-regular.eot?#iefix') format('embedded-opentype'),
						 url('museo300-regular.woff') format('woff'),
						 url('museo300-regular.ttf') format('truetype'),
						 url('museo300-regular.svg#museo300-regular') format('svg');
				font-weight: normal;
				font-style: normal;
		}
@font-face {
				font-family: 'AvantGardeITCbyBT-Book';
				src: url('avgardn.eot');
				src: url('avgardn.eot?#iefix') format('embedded-opentype'),
						 url('avgardn.woff') format('woff'),
						 url('avgardn.ttf') format('truetype'),
						 url('avgardn.svg#avgardn') format('svg');
				font-weight: normal;
				font-style: normal;
		}

#seoform {
    
    overflow: hidden;
	position:absolute;
 
}

.form_link{ background:#fff;
    border: 2px solid #FFFFFF;
    border-collapse: collapse;
    border-radius: 10px 10px 10px 10px;
    box-shadow:1px 1px 4px #444444;
    display: none;
    height: 0;
    padding: 0 10px 10px;
    width: 0;
    z-index: 99999;
	 display: none; height:100px;  margin-top: -124px; width:50%;
}

.form_link .logo1 a img{width:85% !important; height:auto; float:left; margin:0px auto; padding-top:5px;}

.form_link .logo2 a img{width:85% !important; height:auto; float:left; margin:0px auto; margin-top:30px;}
.form_link .logo3 a img{width:85% !important; height:auto; float:left; margin:0px auto; margin-top:40px;}
.close {
	width:16px;
	height:16px;
	float:right;
	clear:both;
	margin-bottom:10px;
}
/*----------------------------------------------------header---------------------------------------------------------------------------*/
.max-width{
	margin: auto;
	width:100%;
	max-width:95%;
}

.max-width a img {
    float: left;
    margin: -20px 0 0;
    padding: 0;
	width:50%;}

.header-logo img{
	padding-top: -20px !important;
}
.outer-max-width{
	width: 100%;
	margin: auto;
	overflow: hidden;
	height:100px;
}

.yellow-bar-top{
	background: #fcc738;
	height: 5px;
	width: 100%;
	margin: 0 auto;
}

.yellow-bar-short{
	background: #fcc738;
	height: 5px;
	width: 100%;
	margin: 0 auto;
	z-index: 101;
}

section{
	padding-bottom:0px;
	overflow: hidden;
}



/********* HEADER *********/
.home-page header{
	background-position: center;
}

header{
	height: 99px;
}

header .nav-wrap br{
	display: none;
}


.nav-wrap {
    background: url("../images/header-nav-bg.png") repeat scroll 0 0 transparent;
    height: 99px;
    overflow: hidden;
    position: fixed;
    width: 100%;
	z-index:999;
}

header nav {
    float: right;
    margin-top: -11px;
    width: 75%;
}

header nav ul{
	
	margin-top: 15px;
}

nav li, .nav-wrap .max-width  a{
	float:right;
	position: relative;
	text-decoration:none;
	list-style:none;
}

header .nav-wrap .max-width > a{
    height: 80px;
    padding-top: 0px;
    position: relative;
	margin-left:2%;
    top: 0px;
	text-decoration:none;
	list-style:none;
	float:left;
}

header .nav-wrap .max-width > a:hover .header-logo{
	padding-top: 125px;
}
.header-logo{
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

nav li, header .nav-wrap .max-width > a:hover .header-biggie{
	top: 11px;
}

header .nav-wrap .max-width > a:hover .header-biggie{
	top: 0px;
	margin-left:0px;
}

.header-biggie{
	position: absolute;
	left: 0px;
	top: 178px;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

nav a{
	text-decoration: none;
}

header .max-width{
	padding-top: 20px;
}

.header-nav-main{
	margin-right: 40px;
	margin-bottom: 10px;
	float: right;
}

.header-nav-main a{
	color: #b6b6b6;
	display: table;
	font-size:24px;
	font-family: 'AvantGardeITCbyBT-Book';
	position: relative;
	z-index: 10;
	top: -35px; 
	height: 94px; 
	 padding: 31px 20% 0 20%;
}

.header-nav-secondary a{
	font-family: 'AvantGardeITCbyBT-Book';
	color: #b6b3a8;
	margin: 4px auto 0;
	font-size:18px;
	padding-left: 8px;
}

.header-nav-secondary a:after{
	content: "/";
	padding-left: 8px;
	color: #b6b3a8;
}

.header-nav-secondary li:last-child a:after{
	content: "";
}

.header-nav-secondary a:hover{
	color: #181818;
}

.nav-bg{
	width: 100%; 
	position: absolute;
	top: -131px;
	height: 94px;
	z-index: 2;
	background: #FCC738;
	opacity: .8;
	
	-webkit-transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1.0) ;
	-moz-transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1.0) ;
	-o-transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1.0) ;
	-ms-transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1.0) ;
	transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1.0) ;
}

.header-nav-main a:hover + .nav-bg{
	top: -35px;
}

.header-nav-main a:hover{
	color: #343434;
}




/*----------------------------------------------------header---------------------------------------------------------------------------*/
/************************************************neha css*************************************************/.content{	float:left;	font-size:1.2em;	text-align:justify;	line-height:1;	font-family:ErasITC-Medium;	margin:0 auto;	width:100%;	color:#5e5e5e;	}.services {  color: #373737;  float: left;  font-family: Georgia,"Times New Roman",Times,serif;  font-size: 14px;  margin: 0 auto;  font-weight: bold;  font-family: times new roman;}  #containers hr {  background: #cccccc none repeat scroll 0 0;  height: 1px;  margin: 26px 0 0;  padding: 0;}.features ul {  float: left;  font-family: "ErasITC-Medium";  font-size: 15px;  margin: 9px 88px 14px 77px;} .features {  float: left;  margin: 7px 108px 9px;} /************************************************neha css*************************************************/

.wrapper {
   
    height: auto;
    margin: 0px auto 0;
    padding: 0;
	width:100%;
	float:left;
}
.wrapper_latest_work{margin:0px;
 padding:0px; 
 float:left; 
 position:fixed; 
 margin-top:100px; 
 width:100%
 }
.wrapper_latest_work a{margin:0px;
 padding:0px; 
 float:left; 
 position:fixed;  
 width:100%;
 border:none;
 }
.wrapper_latest_work a img{margin:0px;
 padding:0px; 
 float:left; 
 position:fixed; 
 border:none; 
 width:5%;
 }
.wrapper_left{margin:0px;
 padding:0px;
 float:left;
 width:45%;
}



.wrapper_left_img {
    float: right;
    margin: 56px 0 0 0%;
    padding: 0;
    width: 85%;
}
.wrapper_left_img img{margin:0px;
 padding:0px;
 float:left;
 width:100%;
}

.wrapper_left_bottom{margin:0px;
 padding:0px;
 float:left;
 width:50%;
}

.wrapper_left_bottom img{margin:0px;
 padding:0px;
 float:left;
 width:90%;
 margin-top:25px; 
 margin-left:46%;
}


                     /*wrapper right*/
					 
.wrapper_icon{margin:0px;
 padding:0px; 
 float:right;    
 width:3%;
 }
.wrapper_icon a{margin:0px;
 padding:0px; 
 float:right; 
 border:none; 
 width:100%;

 }
.wrapper_icon a img{margin:0px;
 padding:0px; 
 float:right; 
 border:none; 
 width:100%;
  margin-top:8px;
 }
 

.wrapper_right{margin:0px;
 padding:0px;
 float:right;
 width:45%;
 
}

.wrapper_right_img{
 margin:0px;
 padding:0px;
 float:left;
 width:100%;

}
.wrapper_right_img img{margin:0px;
 padding:0px;
 float:right;
 width:100%;
  margin-right:1%;
  margin-top:40px;
}

.wrapper_right_bottom{margin:0px;
 padding:0px;
 float:right;
 width:100%;
}

.wrapper_right_bottom img {
    float: left;
    margin: 54px 0px 0 0;
    padding: 0;
    width: 98%;
}

.wrapper_icon a img:hover{
	background:#decc00;
    padding: 0 50px 0px 0px;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.wrapper_right{margin:0px;
 padding:0px;
 float:right;
 width:45%;
}
.odesk_port {
    bottom: 4px;
    height:237px;
    left: -50%;
    margin: 0 auto;
    position: fixed;
    right: -50%;
    width: 296px;
	
}


footer {
    background: #000000;
    bottom: 0;
    height: 30px;
    margin: 0 auto;
    position: fixed;
    width: 100%;
	z-index:999;
}

.footer_bg{margin:0px auto;
padding:0px;
float:left;
width:100%;
height:33px;
background:#000;
}

.footer_text{ margin:0px auto;
font-size:15px;
color:#bbbbbb;
font-family: 'AvantGardeITCbyBT-Book';
text-align:center;
padding-top:7px;
}


.hire_us_on {
    background: none repeat scroll 0 0 #FEBD11;
    border: medium none;
    color: #141414;
    font-family: 'Museo-700';
    font-size: 30px;
    height: 48px;
    margin: 0 auto;
    padding: 0;
    width: 200px;
	z-index:999;
	
}




                                                          /*p0etfolio page start*/

#protfoliowrapper{margin:0px auto; padding:0px; width:80%; height:auto; margin-top:50px;}

h2 {
    color: #4181AA;
    font-size:50px;
	font-family: 'Museo-700';
    text-align: center;
    text-transform:none;
	width:90%;
	margin:0px auto;
	padding:40px 0px;
}

h2 img {
    color: #4181AA;
    font-size:50px;
	font-family: 'Museo-700';
    text-align: center;
    text-transform:none;
	width:100%;
}


/********* WORK PAGE *********/
.section-work .work-cat-wrap h3{
	border-bottom: 4px solid #fcc738;
	font-style: italic;
	width: 520px;
	text-align: center;
	margin: auto;
	cursor: pointer;
}

.work-page h3 span{
    color: #FCC738;
    float: right;
    font-style: normal;
    cursor: pointer;
    width: 25px;
}

.work-cats-wrap{
	display: none;
}

.work-cat-wrap{
	margin-bottom: 40px;
}

.work-cat-wrap p{
	text-align: center;
	padding: 25px 0;
}

.work-cat-wrap p span{
	margin: 0 5px;
	display: inline-block;
	cursor: pointer;
}

.work-cat-wrap span.down{
	color: #396e8e;
}

.work-images-single img{
	width: 100%;
}

.work-images-single{
	width: 32%;
	float: left;
	margin-bottom: 18px;
	overflow: hidden;
}




.work-images-single .work-overlay{
	opacity: 0;
	
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}



.work-images-single:hover .work-overlay{
	opacity: 1;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.work-images-single:hover .work-overlay-title{
	top: -11px;
}

.work-images-single:hover .work-overlay-desc{
	top: 77px;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.work-images-single:hover .work-overlay-more{
	opacity: 1;	
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
	z-index:-999;
}

.work-images-single:hover img{
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	z-index:-999;
}

.work-images-single:hover img, .work-images-single:hover .work-overlay-more, .work-images-single:hover .work-overlay-desc, .work-images-single:hover .work-overlay-title, .work-images-single img, .work-images-single .work-overlay-more, .work-images-single .work-overlay-desc, .work-images-single .work-overlay-title{
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index:-999;
}




             /*--------------------------------------ABOUT PAGE START--------------------------------------------------*/


#about_warpper{margin:0px auto; padding:0px; width:100%; overflow:hidden;}

.headingabout{margin:0px auto; padding:0px; width:20%; margin-top:10px;}
.headingabout img{margin:0px auto; padding:0px; width:100%;}


.about_left{margin:0px; padding:0px; float:left; width:48%;}

.about_left_div {
    float: left;
    margin: 10px 0 0 13%;
    padding: 0;
    width: 60%;
}

.about_left_div img{margin:0px; padding:0px; float:right; width:100%;}

.about_left_div_logo {
    float: left;
    margin: 10px 0 0 13%;
    padding: 0;
    width: 25%;
}
.about_left_div_logo img {
    float: left;
    margin: 0 0 0 3%;
    padding: 0;
    width: 100%;
}

.about_left_div_text {
    float: left;
    margin: 10px 0 0 0;
    padding: 0;
    width: 61%;
	
}

.about_left_div_text p{margin:0px; padding:0px; float:right; width:100%; text-align:justify; color:#252525; font-size:14px; font-family: 'AvantGardeITCbyBT-Book';}

.about_left_div_read_more {
    float: right;
    margin: 0px 0 0 0%;
    padding: 0;
    width: 14%;
}

.about_left_div_read_more a{ border:none;}
.about_left_div_read_more  img{margin:0px; padding:0px; float:right; width:80%; border:none;}

.about_right{margin:0px auto; padding:0px; float:right; width:48%;}

.about_right_div {
    float: left;
    margin: 10px 0 0 8%;
    padding: 0;
    width: 73%;
}

.about_right_div img{margin:0px; padding:0px; float:right; width:100%;}


.about_our_cliente{margin:0px auto; padding:0px; width:100%; height:auto; float:left; }

.about_our_cliente_div {
    
    margin: 0px 0 0 0px;
    padding: 0;
    width: 60%;
}

.about_our_cliente_div img{margin:0px; padding:0px; float:right; width:25%; margin-top:50px;}


.h1 {
	width:20%;
	margin:0px auto;
	padding:40px 0px;
}

.h1 img {
	width:100%;
}



.experience-wrap{
	height: 160px;
    margin: 0 auto;
    width:90%;
}


.experience-wrap ul{
	position: absolute;
	width: 87%;
	overflow: hidden;
	margin:0px auto;
	z-index:-999;
}

.experience-wrap li{
	float: left;
	width: 17%;
	list-style: none;
	position: relative;
}

.experience-wrap li span{
	width: 160px;
	height: 98px;
	display: block;
	margin: auto;
}

li img{margin:0px; padding:0px; width:80%;}