@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: 15px; line-height: 1.75; color:#666666;}
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:1200px; position: relative;}
.sitemenu.responsive {display:none;}
.menu_bar {display:none;}
.sitemenu.desktop {float:left; width: 3200px; position: fixed; top: 0; bottom: 0; background: #f6f6f6; border-right: 1px solid #e1e1e1; padding: 140px 0 0 3000px; margin-left: -3000px; font-size: 16px;}
.sitemenu.desktop .menu_area {clear:both; width: 100%; overflow: hidden;}
.sitemenu.desktop .menu_area ul {list-style:none;}
.sitemenu.desktop .menu_area ul li {margin:0 0 26px;}
.sitemenu.desktop .menu_area ul li a { color: #626262; padding: 0 0 0 15px; display: block; line-height: 22px;}
.sitemenu.desktop .menu_area ul li a:hover,.home .sitemenu.desktop .menu_area ul li a.home,.aboutwork .sitemenu.desktop .menu_area ul li a.aboutwork,.aboutmaneesha .sitemenu.desktop .menu_area ul li a.aboutmaneesha,.works .sitemenu.desktop .menu_area ul li a.works,.contact .sitemenu.desktop .menu_area ul li a.contact,.media .sitemenu.desktop .menu_area ul li a.media,.gallery .sitemenu.desktop .menu_area ul li a.gallery,.exhibitions .sitemenu.desktop .menu_area ul li a.exhibitions { background:url("../images/menu-hover.jpg") no-repeat left top; color: #000000;}
.content {float:right; width: calc(100% - 200px); padding: 0 0 0 50px; min-height: 600px;}
.content .header {clear:both; width: 100%; height: 140px;}
.content .header h1 {clear:both; width: 100%; overflow: hidden; font-size: 36px; font-weight: 300; color: #010101; padding: 10px 0 0;}
.content .header h1 a {color:#010101;}
.content .home_intro {float:left; width: 405px; padding: 0 30px 0 0; margin: -3px 0 0;}
.content .home_intro p {clear:both; width: 100%; line-height: 26px; margin: 0 0 30px; text-align: justify;}
.content .home_intro .btn_area {clear:both; width: 100%; overflow: hidden;}
.content .home_intro .btn_area a {display:inline-block; background: #999999; line-height: 38px; padding: 0 50px; color: #ffffff; text-transform: uppercase; font-weight: 700;}
.content .home_intro .btn_area a:hover {background:#777777;}
.content .banner_area {float:left; width: calc(100% - 405px);}
.content .banner_area img { float: left; max-width: 100%;}
footer { clear: both; width: 100%; text-align: right; font-size: 12px; padding: 80px 0 20px;}
footer span {color:#aaaaaa;}
footer strong {font-weight:400;}
.content h1.title {clear:both; width: 100%; overflow: hidden; font-weight: 700; font-size: 50px; border-bottom: 0 dashed #cccccc; margin: 0 0 30px; line-height: 50px; padding: 0 0 10px; color: #e8e8e8;}
.content p { margin:0 0 30px; text-align: justify;}
.ui-accordion-header { border-top: 1px dashed #cccccc; padding: 20px 0; cursor: pointer; font-size: 20px; font-weight: 600; line-height: 26px;}
.ui-accordion-header:first-child {border:0; padding-top: 0;}
.ui-accordion-header span.author {font-size:14px; font-weight: 400;}
.ui-accordion-header span.read {font-size:14px; font-weight: 600; color: #aaaaaa;}
.ui-accordion-content { margin:0 0 30px;}
.ui-accordion-content h4 {clear:both; width: 100%; overflow: hidden; font-size: 14px; font-weight: 600;}
.ui-accordion-content h2 {clear:both; width: 100%; overflow: hidden; font-size: 16px; font-weight: 400;}
.ui-accordion-content blockquote {color:#999999;}
.ui-accordion-content blockquote span {color: #aaaaaa; font-size: 13px;}
.ui-accordion-content .note {clear:both; width: 100%; overflow: hidden; font-size: 12px; margin: 0 0 30px;}
.ui-accordion-content .note p {margin:0 0 10px; color: #999;}
.contant_wrap img {float:left; padding: 0 30px 20px 0; max-width: 100%;}
.contant_wrap {clear:both; width: 100%; overflow: hidden; min-height: 443px;}
.contant_wrap.about_manessha p {overflow:hidden;}
.cat_area {clear:both; overflow: hidden; margin: 0 -25px;}
.cat_area .column {float:left; width: 50%; max-width: 450px; padding: 0 25px 50px;}
.cat_area .column img { padding: 5px; border: 1px solid #e9e9e9; transition: all 0.4s ease; max-width: 100%;}
.cat_area .column img:hover {opacity:0.7;}
.cat_area .column h3 {clear:both; width: 100%; overflow:hidden; font-size: 24px; font-weight: 600; padding: 0 0 0 6px;}
.cat_area .column h3 span {font-weight:400; font-size: 16px; color: #aaaaaa}
.lightbox_area {clear:both; overflow: hidden; margin: 0 -10px;}
.lightbox_area ul { list-style:none; padding:0; overflow:hidden;}
.lightbox_area ul li { float:left; width:25%; padding:0 10px 40px;}
.lightbox_area ul li .gallery_box { padding:3px; float:left;}
.lightbox_area ul li a { float:left;}
.lightbox_area ul li img { max-width:100%; border:1px solid #eeeeee; float:left; border:1px solid #cccccc; padding: 3px;}
.work_area .gallery_box p { clear: both; min-height: 80px; overflow:inherit; font-size:13px; line-height:20px; color:#666666; margin:0; padding: 0 3px; text-align: left;}
.work_area .gallery_box img { margin-bottom:5px; transition: all 0.4s ease;}
.work_area .gallery_box img:hover {opacity:0.7;}
.text_area { float:left; width:40%; padding:0 50px 0 0;}
.text_area strong {font-weight:600; font-size: 20px;}
.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 3px; margin-bottom:10px;}
.email { padding-left:35px; background:url(../images/icon-email.png) no-repeat left 7px; margin-bottom:10px;}
.studio_img { float:left; width:60%;}
ul.ui-tabs-nav {clear:both; width: 100%; overflow:hidden; margin: 0 0 30px;}
ul.ui-tabs-nav li {display:inline-block; padding: 0 20px 10px 0; font-size:18px; font-weight: 600;}
ul.ui-tabs-nav li a {padding: 0 0 5px;}
ul.ui-tabs-nav li a:hover,ul.ui-tabs-nav li.ui-tabs-active a {border-bottom:4px solid #555555; padding: 0 0 5px;}
.aboutmaneesha ul {overflow: hidden; padding: 0 0 30px 18px;}
.aboutmaneesha ul li {margin:0 0 5px;}




nav:not(.mm-menu) { display: none;}




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


/* for 800 */
@media (max-width: 990px) {	
	.menu_bar {display:block; position: absolute; top: 30px;}
	.menu_bar a {display:block;}
	.sitemenu.desktop { display:none;} 
	.sitemenu.responsive { display:block;} 
	.content { width:100%;}
	.content .header {height:80px;}
	.content .home_intro {width:100%; padding: 0 0 30px;}
	.content .banner_area {width:100%;}
	.cat_area { margin: 0 -10px}
	.cat_area .column {padding:0 10px 50px;}
	footer { padding: 40px 0 20px; width: 100%; text-align: center;} 
	.content p {text-align:left;}
	.ui-accordion-content blockquote {margin:15px 0;}
	
	
}


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


/* for 600 */
@media (max-width:767px) { 
	.contant_wrap img {float:none; padding: 0 0 20px;}
	.cat_area .column {width:100%;}
	.cat_area .column h3 {line-height: 24px;}
	.text_area {width:100%; padding: 0 0 30px;}
	.studio_img {width:100%;}
	.lightbox_area ul li {width:50%;}
	
}


/* for 480 */
@media (max-width: 599px) {
	.content {padding:0;}
	.content .header h1 {padding:10px 0 0 50px;}
	.content .home_intro p {margin:0 0 30px;}
	
	
}


/* for 360 */
@media screen and (max-width: 479px) {
	.content .home_intro p {text-align:left;}
	footer span {display:block;}
	.content .header h1 {font-size:30px; padding: 14px 0 0 45px;}
	.content .home_intro .btn_area a {width:100%; text-align: center;}
	.content h1.title {font-size:46px; padding: 0;}
	.lightbox_area ul li {width:100%; max-width: 249px; margin: 0 auto; float: none; overflow: hidden;}
	footer strong {display:none;} 
	
}


/* for 320 */
@media screen and (max-width: 359px) {
	
}