@charset "utf-8";
/* CSS Document */
* { box-sizing:border-box;}
*::before, *::after { box-sizing: border-box; }
body,h1,h2,h3,h4,h5,h6,ul,ol,p { padding:0; margin:0;}
body { background-color: #fff; font-family: "Open Sans",sans-serif; font-size: 18px; line-height: 30px; color:#484848;}
a { text-decoration:none; color:#333333;}
a:hover { text-decoration:none; color:#555555;}
a, a:active, a:visited, a:hover { outline: medium none; text-decoration: none;}

.wrapper { margin:0 auto; max-width:1170px;}
.top{ position: fixed; padding:14px 0 10px; background: rgba(250,250,250,0.9); width:100%; z-index:3; border-bottom:1px solid #cccccc;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.top.sticky { position: fixed; width: 100%; padding:5px 0; top:0; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);}
.top .logo { float:left; width:100%; text-align:center; font-size:40px; font-weight:300; padding-bottom:26px;-webkit-transition: all 0.4s ease; transition: all 0.4s ease; line-height:34px;}
.top .logo a { color:#333333;}
.top .menu_area { width:100%;clear:both;}
.top.responsive { display:none;}
.top.sticky .logo { padding-bottom:14px;}
.banner_area { clear:both; width:100%; padding:111px 0 0; margin-bottom:50px;}
.banner_area img { max-width:100%;}
.intro_area { clear:both; width:100%; overflow:hidden; margin-bottom:50px;}
.intro_area img { float:right; margin:0 0 30px 60px; border:1px solid #cccccc; padding:5px; max-width:100%;}
.intro_area p { margin-bottom:30px;}
.btn_area a { display:inline-block; padding:0 25px; line-height:40px; border:1px solid #cccccc; background:#fafafa; color:#333333; text-transform:uppercase; font-size:16px;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.btn_area a:hover { background:#efefef;}
.home_workArea { clear:both; width:100%; overflow:hidden; padding:50px 30px; background:#FAFAFA; border:1px solid #eeeeee; margin:0 0 70px;}
.home_workArea h2 { clear:both; width:100%; text-align:center; font-weight:300; font-size:40px; line-height:52px;}
.home_work { clear:both; width:100%; max-width:940px; margin:0 auto; overflow:hidden; padding:30px 0 0;}
.home_work .column { width:50%; float:left; text-align:center; padding:0 20px;}
.home_work .column img { max-width:100%; border:1px solid #cccccc;}
.home_work .column h3 { font-weight:600;}
footer { clear:both; width:100%; overflow:hidden; border-top:1px solid #cccccc; background:rgba(250,250,250,0.9); padding:35px 0; text-align:center;}
footer .footer_links { font-size:16px; clear:both; width:100%; overflow:hidden; margin-bottom:10px;}
footer .footer_links a { margin:0 12px; color:#333333;-webkit-transition: all 0.4s ease; transition: all 0.4s ease; display:inline-block;}
footer .footer_links a:hover { color:#000000;}
footer .copyright { clear:both; width:100%; overflow:hidden; font-size:14px; color:#6e6e6e; line-height:22px; text-transform:uppercase;}
footer .copyright span { color:#aaaaaa; text-transform:none;}
.banner_inner { clear:both; width:100%; background: url(../images/banner-inner.png) repeat-x center bottom; margin:111px 0 0; position:relative; float:left; text-align:center; color:#ffffff; height:100px;}
.banner_inner h1 { font-weight:300; font-size:40px; line-height:44px; padding-top:28px;}
blockquote { color:#FF9141; margin-bottom:30px;}
.content_area { clear:both; width:100%; overflow:hidden; padding:70px 0;}
.content_area p { margin-bottom:30px;}
.content_area h2 { margin-bottom:40px; font-size:26px; font-weight:600; text-align:center;}
.form_cover { float:right; width:50%; padding:30px; background:#F7F7F7;}
.form_cover .row { float:left; width:100%; overflow:hidden; margin-bottom:20px;}
.form_cover .row label { clear:both; width:100%; overflow:hidden; float:left; font-size:14px; line-height:16px; margin-bottom:5px; font-weight:600;}
.form_cover .row label span { color:#ff0000;}
.form_cover .row input,.form_cover .row select,.form_cover .row textarea { border:1px solid #cccccc; padding:10px; width:100%;}
.form_cover .row textarea { height:150px;}
.form_cover .btn_area { margin:0; padding:0; text-align:left;}
.text_area { float:left; width:50%; padding:0 0 0 50px;}
.text_area h3 { color: #f48432; font-size: 22px; font-weight: 600; margin-bottom: 10px; }
.text_area ul { font-size:16px; line-height:26px; margin:0 0 3px; }
.contact_info { overflow:hidden; width:100%;}
.contact_info img { max-width:100%;border:1px solid #cccccc; padding:5px; margin-bottom:30px;}
.address { padding-left:35px; background:url(../images/icon-address.png) no-repeat left 6px; margin-bottom:20px;}
.phone { padding-left:35px; background:url(../images/icon-phone.png) no-repeat left 5px; margin-bottom:10px;}
.email { padding-left:35px; background:url(../images/icon-email.png) no-repeat left 9px; margin-bottom:10px;}
.studio_img { float:left; width:50%;}
.studio_img img { max-width:100%;border:1px solid #cccccc; padding:5px; margin-bottom:30px;}
.img_about { float:left; margin:0 40px 30px 0; max-width:100%;}
.content_area ul { padding:0 0 0 30px;}
#accordion { clear:both; width:100%; overflow:hidden; margin:70px 0 0;}
#accordion h3 { border:1px solid #aaaaaa; margin-bottom:10px; padding:10px 20px 10px 54px; font-size:18px; font-weight:700; clear:both; width:100%; background:url(../images/icon-book.png) no-repeat left 12px;}
#accordion h3:hover { background:#efefef url(../images/icon-book.png) no-repeat left 12px;}
#accordion h3 { border:1px solid #aaaaaa; margin-bottom:10px; padding:10px 20px 10px 54px; font-size:18px; font-weight:700; clear:both; width:100%; background:url(../images/icon-project.png) no-repeat left 12px;}
#accordion h3:hover { background:#efefef url(../images/icon-project.png) no-repeat left 12px;}
#accordion h3 span { font-weight:400; font-size:15px; color:#777777;}
.ui-accordion-content { padding:10px 20px 50px; width:100%; overflow:hidden;}
.ui-accordion-header-collapsed { cursor:pointer;}
.ui-accordion-header-collapsed:hover,#accordion h3.ui-state-active { background:#efefef url(../images/icon-book.png) no-repeat left 12px;}
.ui-accordion-header-collapsed:hover,#accordion h3.ui-state-active { background:#efefef url(../images/icon-project.png) no-repeat left 12px;}
.quote { padding:20px 0; border-bottom:1px solid #cccccc;}
.quote p { margin-bottom:20px;}
.quote:last-child { border-bottom:0; padding-bottom:0;}
.content_area .home_work { padding-top:10px;}
.lightbox_area ul { list-style:none; padding:0; overflow:hidden;}
.lightbox_area ul li { float:left; width:25%; padding:10px;}
.lightbox_area ul li .gallery_box { padding:5px; border:1px solid #cccccc; float:left;}
.lightbox_area ul li a { float:left;}
.lightbox_area ul li img { max-width:100%; border:1px solid #eeeeee; float:left;}
.content_area .gallery_box p { overflow:inherit; font-size:14px; line-height:18px; color:#999999; margin:0;}
.work_area .gallery_box img { margin-bottom:5px;}
.exhibitions #accordion { margin-top:0;}
.quote.hindi {font-family: 'Hind', sans-serif;}


/* Navigation Styles */
.menu { width:100%; max-width:796px; margin:0 auto;}
.menu ul { font-size: 0; margin: 0; padding: 0; height:26px;}
.menu ul li { display: inline-block; position: relative;}
.menu ul li a { color: #333333; display: block; font-size: 17px; padding: 0 12px; transition: 0.3s linear; line-height:20px;}
.menu ul li:hover { color:#ff9141;}
.menu ul li ul { display: none; position: absolute; width: 200px; left:0px; padding-top:10px;}
.desktop.sticky .menu ul li ul { padding-top:12px;}
.menu ul li ul li { border-top: 1px solid #555555; display: block;}
.menu ul li ul li:first-child { border-top: none; }
.menu ul li ul li a { background: rgba(255,145,65,0.9); display: block; padding: 8px 14px; color:#ffffff; font-weight:600;}
.menu ul li ul li a:hover { background: #FF9141; color:#ffffff; }

nav:not(.mm-menu) { display: none;}
.header { display:none;}
.header { position:absolute; left:20px; padding: 0 50px; z-index:5; margin-top:30px;}
.header.fixed { position: fixed; top: 0; left: 10px;}
.header a { display: block; position: absolute; top: 0; left: 0;}
.aboutpranay .first { padding-top:50px;}




/* for 1024 */
@media (max-width: 1150px) {
	.wrapper { padding:0 20px;}
	
}


/* for 800 */
@media (max-width: 990px) {
	.top.desktop { display:none;} 
	.top.responsive { display:block;} 
	.header { display:block; margin-top:18px; position:fixed;}
	.top { padding:5px 0;}
	.top .logo { width:100%; text-align:center; padding:5px 0 16px;}
	.top.sticky .logo { padding-bottom: 16px;}
	.banner_area { padding:66px 0 0;}
	.banner_inner { margin:66px 0 0;}
	.content_area { padding:40px 0;}
	.lightbox_area ul li { width:33.33%;}
	
}


/* for 786 */
@media (max-width: 768px) {
}


/* for 600 */
@media (max-width:767px) { 
	footer .footer_links a { margin:0 8px;}
	.form_cover { width:100%;}
	.text_area { padding:0; width:100%;}
	.banner_inner h1 { font-size:36px;}
	.intro_area img { float:none; margin:0 0 30px 0;}
	.home_workArea { padding:20px;}
	.img_about { float:none;}
	.aboutpranay .first { padding-top:0;}
	#accordion { margin:40px 0 0;}
	.content_area ul li { margin-bottom:10px; width:50%;}
	.studio_img { width:100%;}
}


/* for 480 */
@media (max-width: 599px) {
	.home_work .column { width:100%; text-align:center; margin:0 0 20px; padding:0;}
	.home_work .column:first-child { margin:0 0 40px;}
	.top .logo { padding:8px 0 13px;}
	.content_area ul { padding: 0 0 0 12px;}
	.content_area ul li { margin-bottom:15px;}
	.lightbox_area ul li { width:100%; max-width:264px; margin:0 auto 15px; float:none; overflow:hidden;}
	.lightbox_area ul { padding:0;}
}


/* for 360 */
@media screen and (max-width: 479px) {
	.banner_inner h1 { font-size:32px;}
	.top .logo { font-size:26px; line-height:44px; padding:5px 0 0;}
	.banner_area { padding:60px 0 0; margin-bottom:20px;}
	.top.sticky .logo { padding-bottom:0;}	
	.banner_inner { margin: 60px 0 0;}	
}


/* for 320 */
@media screen and (max-width: 359px) {
	.title_360 h1 { padding-top:3px;}	
}