@font-face {
  font-family: 'BodoniMT';
  src: url('BodoniMT.eot?#iefix') format('embedded-opentype'),  url('BodoniMT.woff') format('woff'), url('BodoniMT.ttf')  format('truetype'), url('BodoniMT.svg#BodoniMT') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'apple_garamondregular';
    src: url('applegaramond-webfont.eot');
    src: url('applegaramond-webfont.eot?#iefix') format('embedded-opentype'),
         url('applegaramond-webfont.woff2') format('woff2'),
         url('applegaramond-webfont.woff') format('woff'),
         url('applegaramond-webfont.ttf') format('truetype'),
         url('applegaramond-webfont.svg#apple_garamondregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*---------------------------------------------------- 	General------------------------------------------------------*/

.wrapper{ width:1366px; margin:0px auto; position:relative;}
.aboutus{ background:url(../images/peopleBg.jpg) no-repeat top center; width:100%; height:911px; position:relative; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
  
.homebanner{ background:url(../images/1.jpg)no-repeat top center; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  height:882px; opacity:0.0;
        filter:alpha(opacity=100);
		position:relative; }
		
.about{ padding-top:50px;}

.banner{ background:url(../images/aboutbg.jpg) no-repeat top center; 
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  height:911px;
  position:relative;
  }

.specialties{ background:url(../images/clientBg.jpg) no-repeat top center; width:100%; height:908px; position:relative;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative; }
  
.clients{ padding:450px 0 0 0px;}
.clients1{  position: relative;
  left: 0;
  top: 72px;
}


.portfoliobtn{ position:absolute; bottom:40%; left:45%; }

.portfoliobtn1 {
  position: absolute;
  top: 700px;
  right: 195px;
}
  
.clientstext{ padding:150px 0 0 0;}

.feedback{background:url(../images/testimonialBg.jpg) no-repeat top center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
position:relative;
width:100%; height:951px;}

.blogtext{}

.contact{background:url(../images/contactBg.jpg)  no-repeat top center; 
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  width:100%; height:802px;
  position:relative;}
  
.bordertext{ 
width: 290px;
line-height: 21px;
font-size: 17px;
/* margin: 20px 0 0 0; */
position: absolute;
left: 15%;
top: 40%;

}

.bordertext1{ 
  width: 290px;
  line-height: 21px;
  font-size: 21px;
  position: absolute;
  right: 12%;
  top: 49%;
}

.bordertext2{ 
  width: 290px;
  line-height: 21px;
  font-size: 17px;
  position: absolute;
  right: 12%;
  top: 40%;
}

.bordertext3{ 
  width: 17%;
  line-height: 33px;
  font-size: 30px;
  position: absolute;
  right: 13%;
  top: 35%;
}

.logom{margin:-15px 0 0 34px; float:left;}



/*gallery css*/

.grid-gallery{ width:25%; 
width: 24%;
  float: left;
  height: 309px;
  overflow: hidden;
  margin-left: 8px;
}
.rightalign{ float:right;}
.contactbg{ 

background:url(../images/contacts.png) no-repeat 80% 80%;
width:100%;
height:346px;
margin:300px 0 0 0; 
}

/*tab window*/

.gallerybox{/* height:1170px;*/ background:#fff; padding-top:60px;}

  .scrollbbtn{ width: 20%;
  position: absolute;
  right: 5px;
  bottom: 127px;
  }
  
   .scrollbbtn1{  width: 20%;
  position: absolute;
  left: 198px;
  bottom: 158px;
  }
 .scrollbbtn3{    width: 20%;
  position: absolute;
  right: 22px;
  bottom: 253px;

}
 
  
 .scrollbbtn_p{   width: 20%;
  position: absolute;
  right: 22px;
  bottom: 139px;
}
 




/*tab css*/


div.tabBox {
width: 1000px;
  /* float: left; */
  overflow: visible;
/*  background: #d6dfe4;*/
  margin: 0 auto;
}
 
div.tabBox h3 {
padding:20px 0px;
}
 
ul.tabs {
  padding: 0;
  list-style: none;
width:380px;
margin:0 auto;
}
 
ul.tabs li {
float: left;
  margin: 0;
  padding: 0;
  height: 50px;
  line-height: 50px;
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}

.tabContainer {
border-top: none;
overflow: hidden;
clear: both;
width:1000px;
margin:0 auto;
}
 
.tabContent {
/*padding: 20px;*/
}
 
.tabContent h3 {
padding:0px;
}
 
/**** TABS STYLES ****/
 
div.tabBox h3 {
}
 
 
ul.tabs {
/*border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;*/
width:380px;
margin:0 auto;
}

 
ul.tabs li a {
text-decoration: none;
color: #333232;
padding:10px 26px;
font-family:'BodoniMT';
font-size:17px;
letter-spacing:2px;
}
ul.tabs li a:hover {
color:#d2ae6d;
}
 
ul.tabs li.active { background:url(../images/activenav.png) no-repeat 50% 94%;
}
 
ul.tabs li.active a, ul.tabs li.active a:hover  {  
/*color:#d2ae6d;*/
}
 
div.tabContainer {
/*border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;*/
background:#fff;
}



/* tab css*/

@media only screen and (max-width: 767px) {

	div.tabBox {
		border: 1px solid #ccc;
	}

	ul.tabs {
	height: auto;
	display: block;
	width:100%;
	border-left:0px;
	}
	ul.tabs li{ float:left; /*background:#eee; border-bottom:#ccc solid 1px;*/ border-right:none;}
	
	ul.tabs li a {
		border-top-left-radius:0px;
		-moz-border-top-left-radius:0px;
		-webkit-border-top-left-radius:0px;
		border-top-right-radius:0px;
		-moz-border-top-right-radius:0px;
		-webkit-border-top-right-radius:0px;	
		border:0px;
		padding:20px;
		
		
	}
	
	div.tabContainer {
		border: 0px;
	}
	ul.tabs li.active{ /*background:#fff;*/}
}



/*gallery*/
.grid-gallery1{height: 815px;
  overflow: hidden;}
.grid-gallery1 ul{  
list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  }
  
  .grid1 li {
  width: 24%;
  float: left;
  height: 100%;
  height: 260px;
  cursor: pointer;
  margin: 0 12px 0 0;
  }
  .grid-wrap1{
  margin: 0 auto;
  width: 900px;
}
.grid1 figure{ padding:15px 0px;}
  .aboutgallery{background:#e7e7e8 url(../images/aboutgallerybg.png) no-repeat 22% 2%; width:100%; float:left;}
  
  
  .testimonials{ background:#e7e7e8; float:left; width:100%; padding:20px 0 5px 0;}
  .testiwrapper{ width:1200px; margin:0 auto;}
  .testi  { 
  width:100%; 
  float:left; 
  margin:20px 0 0px 0; 
  background:url(../images/bordertesti.png) no-repeat bottom center;
  padding:0 0 30px 0;}
  
  
  .logoleft{ float:left; width:auto; margin:0 10px;}
  .logoleft img{ width:100%;}
  .testitext{ float: right;
  margin: 0 0 0 20px;
  width: 79%;
  text-align: justify;}
  .testitext p{font-family: 'apple_garamondregular';
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  color: #413F3F;
  line-height: 22px;
  }
  
  
  
  .people{background:url(../images/somaimg.jpg) no-repeat center center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
position:relative;
width:100%; height:903px;
  }
  
.people1{background:#e6e7e9;
position:relative;
width:100%;
height:457px;
padding-top:80px;
}

  

  
  
  
  .social{ margin:0 0 0 20px;}
  
  .gridvideo{ margin:0px auto; width:1000px; padding:0px 0 0 10px;}
  
  .gridvideo li {
   width: 23%;
  float: left;
  height: 215px;
  /* cursor: pointer; */
  margin: 5px 10px 0 0;
  list-style-type: none;
  padding: 5px;
  }
  
   .gridvideo li img{  width:100%; /*height:271px;*/}
   

.gridvideo1 li {
 width: 19%;
  float: left;
  height: 100%;
  height: 100%;
  cursor: pointer;
  margin: 42px 16px 0px 20px;
  list-style-type: none;
  }
  
   .gridvideo1 li img{ /* width:100%; height:100%;*/}
   


.contactform{ 
 background: url("../images/contactbg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
    font-size: 16px;
    left: 556px;
    padding: 0px 21px 10px 21px;
    position: absolute;
    top: 130px;
    width: 263px;
  }
  
  .contactform span{ color:#F00;}
  
.cobt{font-size: 24px;
    letter-spacing: 4px;
    line-height: 65px;}


.contactform input{
 background: url("../images/contactbg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); 
border:none; 
height:24px; 
margin:0 0 5px 3px;
padding:0 0 0 5px;
color:#888;
width:159px;
}

.contactform textarea{
	background: url("../images/contactbg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); 
	border:none; 
	padding:0 0 0 5px;
	margin:3px 0 5px 3px;
color:#888; 
width:159px;
 }

.button{ border: medium none !important;
    color: #000 !important;
    cursor: pointer;
    font-size: 13px;
    line-height: 12px;
    padding: 5px 10px !important;
	width:78px !important;
}


/*DDA Logo*/

.ddalogoabout{
	background: url(../images/aboutus.png) no-repeat;
	width:116px;
	height:113px;
	position:absolute;
	  top: 90px;
  left: 321px;
	}
	
	
	.clingdda{
	background: url(../images/clientsworksddda.png) no-repeat;
	width:116px;
	height:113px;
	position:absolute;
	top: 107px;
    right: 95px;
}

	.testimonialsdda{
	background: url(../images/Testimonialsddda.png) no-repeat;
	width:116px;
	height:113px;
	position:absolute;
    top: 93px;
    left: 340px;
}
		.ddalogoabout2{
	background: url(../images/Peopleddda.png) no-repeat;
	width:116px;
	height:113px;
	position:absolute;
  top: 100px;
  left: 333px;
	}
	
	/*june*/
	.text12{ font-size:18px !important;}
	
	/**/
	
.Soma{ width:27%; float:left; border-right:#bbbcbe solid 2px; 
padding:0px 40px 0 0;
font-family: 'Calibri';
font-size: 20px;
color: #413F3F;
line-height: 22px;
margin-right:15px;
min-height:416px;
}
.Soma h2{ color:#e67b2b; margin:0px; 
padding:0px 0 10px 0; font-size:38px;
font-family: 'Calibri';
font-weight:normal;
}

.Shwetabh{ width:27%; float:left; border-right:#bbbcbe solid 2px;
font-family: 'Calibri';
font-size: 20px;
color: #413F3F;
line-height: 22px;
padding:0px 40px 0 30px;
margin-right:15px;
min-height:416px;

}

.Shwetabh h2{ color:#08aede; margin:0px; padding:0px 0 10px 0; 
font-size:38px;
font-family: 'Calibri';
font-weight:normal;
}

.Satish{ width:27%; float:left; 
font-family: 'Calibri';
font-size: 20px;
color: #413F3F;
line-height: 22px;
padding:0px 0px 0px 30px;
min-height:416px;
}
.Satish h2{ 
color:#9f5e58; margin:0px; padding:0px 0 10px 0; 
font-size:38px;
font-family: 'Calibri';
font-weight:normal;
}

.peopletext{ width:1000px; margin:0 auto;}

	   

.copyright{  background: #BDBDBD;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-family: 'Calibri';
  font-weight: normal;
  font-size: 13px;
  clear: both;
  color: #000;
}


.bgclient{  background: #d6dfe4;
  height: 55px;
  margin: 0px 0 0 14px;
  width: 98%;
}