/* Getting the new tags to behave */

@font-face{font-family:'Nazeefa';src:url('../fonts/nazeefa-demo.otf');}

@font-face{font-family:'Nazeefa';src:url('../fonts/nazeefa-demo.ttf');}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {



	display:block;



}



mark, rp, rt, ruby, summary, time {



	display:inline



}



/* Left & Right alignment */



.left {



	float:left



}



.right {



	float:right



}



.wrapper {



	width:100%;



	overflow:hidden



}



.relative {



	position:relative



}



/* Global properties */



body {

	    background: #000;

	border:0;

	font:14px Raleway, sans-serif;

	color:#fff;

	line-height:20px;

	background-size: cover;



}



.ic, .ic a {



	border:0;



	float:right;



	background:#fff;



	color:#f00;



	width:50%;



	line-height:10px;



	font-size:10px;



	margin:-220% 0 0 0;



	overflow:hidden;



	padding:0



}



.css3 {



	border-radius:8px;



	-moz-border-radius:8px;



	-webkit-border-radius:8px;



	box-shadow:0 0 4px rgba(0, 0, 0, .4);



	-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);



	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);



	position:relative



}



/* Global Structure */



.main {



	margin:0 auto;



	width:/*916px*/1035px;



}



.body1 {



	/*background: #eaeaea;*/



}



.body2 {



	background:;



}



.body3 {



	/*background:url(../images/floor-bg.jpg) no-repeat bottom center;*/



}



.body4 {



	/*background: #363636;*/



}



/* main layout */



a {



	color:#13c5ff;



	text-decoration:underline;



	outline:none



}



a:hover {



	text-decoration:none



}



h1 {



	padding:25px 0 36px;



}



h2 {



	font-size:40px;



	line-height:1.2em;



	color:#0f0f0f;



	padding:1px 0 17px 10px;



	letter-spacing:-1px



}



h2 span {



	color:#13c5ff



}



p {



	padding-bottom:10px



}



/* header */



header {



	height:617px;



}



#logo {



	display:block;



	background:url(../images/logo.png) 0 0 no-repeat;



	width:276px;



	height:94px;



	text-indent:-9999px



}



#search {



	float:right;



	padding:41px 20px 0 0;



	width:600px



}



#search .input {



	float:right;



	width:148px;



	padding:5px 8px;



	font:14px Arial, Helvetica, sans-serif;



	background:#fff;



	color:#999;



	height:16px



}



#search .submit {



	display:block;



	cursor:pointer;



	background:url(../images/search.gif) 0 0 no-repeat;



	width:26px;



	height:26px;



	float:right;



	margin-left:4px



}



#menu {



	float:none;

	padding:0px 0px 0 0;

	list-style: none;

	width: 100%;

	margin:0 auto;



}



#menu li {



	float:left;



	padding-right:5px



}



#menu .end {



	padding-right:0



}



#menu li a {



	display: block;

    font-size: 14px;

    color: #fff;

    text-decoration: none;

    padding-left: 3px;

	padding: 2px 8px;

	font-family: 'Raleway', sans-serif;;



}



#menu li a:hover, #menu #active a {



	color: #ff9b00;



}







.roundabout-holder {



	height:5em;



}



.roundabout-moveable-item {



	cursor:pointer;



	width:636px;



	height:478px;



	margin-top:194px;



	padding-bottom:20px



}



.roundabout-in-focus {



	cursor:auto;



}



#gallery {



	position:relative;



	/*height:520px;*/



	width: 50%;



	margin: 0 auto;



}



#gallery img {



	display:block;



	width:100%;



	height:100%;



	border: 3px solid #fff;



	/*box-shadow: 5px 5px 18px 3px rgba(0, 0, 0, 0.21);*/



}



#gallery li {



}



/* content */



#content {



	   padding: 20px 0px;



    margin-bottom: 15px;



    text-align: justify;



    border: 1px solid rgba(14, 14, 14, 0.09);



}



#content2 {



	padding-top:39px;



	color:#fff;



	padding-bottom:60px



}



#content2 h2 {



	color:#fff



}



.pad_left1 {



	padding-left:67px



}



.pad {



	padding:0 10px



}



.pad_bot1 {



	padding-bottom:14px



}



.pad_bot2 {



	padding-bottom:6px



}



.marg_right1 {



	margin-right:18px;



}



.marg_left1 {



	margin-left:-5px;



}

.marg_left18 {



	margin-left:18px;



}



.line1 {



	background:url(../images/line_ver1.gif) 325px 0 repeat-y



}



.line2 {



	background:url(../images/line_ver1.gif) 635px 0 repeat-y



}



#content2 .line2, #content2 .line1 {



	background-image:url(../images/line_ver2.png)



}



.list1 {

    list-style: none;

	padding-left: 18px;

}



.list1 li {



	padding-bottom:4px;

list-style: disc;

	/*background:url(../images/marker_1.png) 0 8px no-repeat*/



}



.list1 li a {



	display:block;



	font-weight:bold;



	color:#0f0f0f;



	text-decoration:none



}



.list1 li a:hover {



	color:#13c5ff



}



.button {



	display:inline-block;



	color:#fff;



	line-height:28px;



	text-decoration:none;



	padding:0 14px;



	background:#13c5ff



}



.button:hover {



	background:#373737



}



#content2 .button:hover {



	background:#fff;



	color:#373737



}



.link1 {



	color:#0f0f0f;



	font-weight:bold



}



#content2 .link1 {



	color:#fff



}



.link2 {



	text-decoration:none



}



.link2:hover {



	color:#000



}



#content2 .link2:hover {



	color:#fff



}



.date {



	float:left;



	width:46px;



	margin-right:20px;



	text-align:center;



	font-size:30px;



	color:#13c5ff;



	line-height:1.2em;



	padding-bottom:20px



}



.date span {



	display:block;



	font-size:53px;



	line-height:1.2em;



	margin-top:-8px;



	margin-bottom:-22px;



	letter-spacing:-2px



}



.color1 {



	color:#13c5ff



}



/* tabs begin */



.tabs {



}



.tabs ul.nav {



	margin-top:-5px



}



.tabs ul.nav li {



	line-height:30px



}



.tabs ul.nav li a {



	color:#0f0f0f;



	padding-left:16px;



	background:url(../images/marker_1.gif) 2px 6px no-repeat



}



.tabs ul.nav li a:hover, .tabs ul.nav .selected a {



	color:#13c5ff;



	text-decoration:none



}



.tabs .content {



}



.tabs .tab-content {



}



/* tabs end */



/* Lightbox image */

.painting-gallery .lightbox-image{

border:1px solid #060606e0;

}



.lightbox-image, .lightbox-image1 {

position: relative;

overflow: hidden;

display: block;

background: #fff;

text-align: center;

border:1px solid #fff;

padding: 10px 0px;



}



.lightbox-image img {



	position:relative;



	z-index:2



}



.lightbox-image span {



	display:block;



	position:absolute;



	left:0;



	top:0;



	width:100%;



	height:100%;



	background:url(../images/magnify.png) no-repeat 50% 50%;



	z-index:1



}

.painting-gallery{margin-top: 30px;}

.painting-gallery .lightbox-image span{background-size: 30%;}

.painting-gallery .lightbox-image{padding: 0;}

.painting-gallery .lightbox-image img{width: 100%;}

.painting-gallery .col-lg-1, .painting-gallery .col-md-1, .painting-gallery .col-sm-1{padding-right: 5px;

padding-left: 5px;}

.audiovisuals-gallery .lightbox-image1{background: transparent;border: 0px solid #fff;padding: 0px 0px;}

.audiovisuals-gallery .lightbox-image1 img{width: 100%;}

.pp_details {



	display:block;



	height:auto;

	width:100%;

	padding:0;

	margin:0;



	font-size:0;



	line-height:0



}



.pp_description {



	display:none;



	height:auto;



	padding:5px 0 10px;



	margin:15px auto;

	color: #000;

	font-size:13px;



	line-height:0



}

.pp_nav{display:none !important;}



.gallery {



	margin-top:-10px;



	padding-left:8px;



	width:100%;



	overflow:hidden



}



.gallery li {



	float:left;



	padding-right:10px;



	padding-top:10px



}



.gallery .end {



	padding-right:0



}



/* footer */



footer {



	padding:45px 0 15px 0;



	font-size:12px;



	color:#fff;



	text-align:center;



	min-height:45px;



}



footer a {



	font-size: 20px;



    color: #fff;



}



footer a:hover, footer a:focus {



	 color: #fff;



	 text-decoration: underline;



}







#icons {



	float:right;



	padding:0;

list-style: none;

}



#icons li {



	padding-left:11px;



	float:left



}



footer .left {



	width:598px;



	text-align: left;



    color: #fff;

	padding-top: 10px;

    font-size: 11px;



}



/* Tooltips */



.aToolTip {



	border:1px solid #000;



	background:url(../images/bg_opacity.png) repeat;



	color:#fff;



	margin:0;



	padding:2px 10px;



	font-size:11px



}



.aToolTip .aToolTipContent {



	position:relative;



	margin:0;



	padding:0;



}



a.aToolTipCloseBtn {



	display:block;



	height:20px;



	width:20px;



	overflow:hidden;



	background: no-repeat;



	text-indent:-9999px;



	outline:none;



	position:absolute;



	top:-15px;



	right:-20px;



}



/* forms */



#ContactForm {



	padding:0 0 0 10px;



	margin-top:-4px



}



#ContactForm span {



	width:114px;



	float:left;



	font-weight:bold;



	line-height:28px



}



#ContactForm .wrapper {



	min-height:30px



}



#ContactForm .textarea_box {



	width:100%;



	overflow:hidden;



	min-height:274px



}



#ContactForm {



}



#ContactForm {



}



#ContactForm a {



	margin-right:10px;



	float:left;



	margin-top:5px



}



#ContactForm .input {



	width:767px;



	height:16px;



	border:1px solid #d7d7d7;



	background:#fff;



	padding:5px;



	color:#000;



	font:14px Arial, Helvetica, sans-serif



}



#ContactForm textarea {



	overflow:auto;



	margin:0;



	width:767px;



	height:257px;



	border:1px solid #d7d7d7;



	background:#fff;



	padding:5px;



	color:#000;



	font:14px Arial, Helvetica, sans-serif



}



.logo, a.logo:focus, a.logo:hover{font-size: 40px;

    text-decoration: none;

    color: #fff;

    font-family: 'Nazeefa', sans-serif;

	outline: none;

    outline-offset: 0;



 }



/*.logo:hover{text-decoration:none !important;color: #ff9b00 !important;}*/



.padding-top{padding-top:12px;}



.margintop10 {



   



    margin-top: 10px;



}



.marginbottom10{margin-bottom: 10px;}



.caption{text-align: center;

    padding: 7px 0;

    background: #000;

    width: 100%;

    color: #fff;

    font-size: 14px;

    box-shadow: 5px 5px 18px 3px rgba(0, 0, 0, 0.21);

    text-transform: capitalize;

    font-weight: 200;}



.page-title{



	  font-size: 50px;



    line-height: 1.2em;



    padding: 12% 0;

    font-weight: 100;

   font-family: 'Raleway', sans-serif;



    text-shadow: none;



    text-align: center;



    color: #fff;



    background: rgba(0, 0, 0, 0.55);

}



figure img {



    border: 1px solid #000;



}



.blockquote{



    font-style: italic;



    color: #fff;



    font-size: 14px;



    margin-bottom: 12px;



	text-align: justify;



}



.page-head1, .page-head2, .page-head3, .page-head6, .page-head4, .page-head5{



	border: 1px solid #ffffff52;

}

.page-head1{background:url(../images/biography-header.jpg) no-repeat top center; margin-bottom:20px; background-size: cover; padding:0px !important;}



.page-head2{background:url(../images/page-head2.jpg) no-repeat center center;background-size:cover !important;}



.page-head3{background:url(../images/art-work.jpg) no-repeat top center;background-size:cover !important;}



.page-head4{background:url(../images/page-head4.jpg) no-repeat center center;background-size:cover !important;}

.page-head5{background:url(../images/books-header.jpg) no-repeat top center;background-size:cover !important;}



.page-head6{background:url(../images/page-head6.jpg) no-repeat bottom center;background-size:cover !important;}



.main-title{

font-family: 'Raleway', sans-serif;

font-size: 30px;

margin: 0px 0 15px;

color: #fff;

font-weight: 200;



}



.lightbox-image img, .lightbox-image1 img{width: 60%;

padding: 0px;

display: block;

margin: 0 auto;}



.btn{margin-top: 20px;

    background: #ff9b00;

    color: #000;

    font-size: 14px;

    font-weight: 500;

    border-color: #ff9b00;}



label{font-weight: 400;

	font-size: 14px;

    padding-left: 2px;

    padding-bottom: 4px;}



label span{    color: #ff9b00;



    font-size: 30px;}



	.navbar-default {



    background-color: transparent;



    border-color: transparent;



}



.toggle{display:none;}



.gallery2{display:none;}



 .gallery2 img {



    border: 1px solid #ff9b00;



    width: 100%;



	margin-bottom:20px;



}

.margin-bottom-50{margin-bottom: 78px !important;}

.sub-title{font-size: 14px;color: #ff9b00;padding-left: 6px;font-weight: 400;display: block;}

#myCarousel{display:none;}

header nav{

    background: transparent;

    width: 57%;

    margin: 0 auto;

	padding-top: 4px;

    padding-left: 5px;

    padding-bottom: 4px;

	margin-bottom: 5px;

}

a:focus, a:hover{color: #ffffff;text-decoration: none;}

#icons .fa{

       padding: 8px 13px;

    border-radius: 5px;

}

#icons .fa-facebook{

	    background: #3B5998;

		padding: 8px 17px;

}

#icons .fa-facebook{

	    background: #3B5998;

}

#icons .fa-twitter{

	    background: #00ACED;

}

#icons .fa-instagram{

	    background: #033c5a; /* For browsers that do not support gradients */    

    background: -webkit-linear-gradient(left bottom, #f7994d, #a33b92, #6f52b7); /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(bottom right left, #f7994d, #a33b92, #6f52b7); /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(bottom right left, #f7994d, #a33b92, #6f52b7); /* For Firefox 3.6 to 15 */

    background: linear-gradient(to bottom right left, #f7994d, #a33b92, #6f52b7); /* Standard syntax (must be last) */

}

#icons .fa-pinterest{

	    background: #c12228;

}

#icons .fa-linkedin{

	    background: #007BB6;

}



#icons .fa-wordpress{

	    background: #08759b;

}

.left .caption{font-size: 12px;font-weight: 400;}

.myclass .caption{font-size: 12px;font-weight: 400;text-align: center;}

.padding-left0{padding-left:0 !important;}

.padding-right0{padding-right:0 !important;}

.modal-open {

    overflow: auto;

}

.popupbox{

    display: block;

    position: fixed;

    z-index: 99999;

    top: 0;

    left: 0;

    background: #0009;

    right: 0;

    bottom: 0;

}

.popup_body{width: 68%;

margin: 0 auto;

margin-top: 0px;

text-align: center;

height: auto;padding: 10px;transition: all 0.5s ease-in-out;}

.popup_body img{

    border: 5px solid #cecbcb;

	

}

#close{color: #fff;

    font-weight: bold;

    text-decoration: none;

    padding: 6px 9px;

    background: #ff9b00;

    font-size: 10px;

    margin-right: 4px;}

#close:hover{text-decoration:none;}

.mygallery{margin: 45px auto 0; width:100%;}

.mygallery .col-md-1{width: 6%;padding-right: 3px;

    padding-left: 3px;}

.mygallery	.thumbnail{

    display: block;

    padding: 2px;

    margin-bottom: 0;

    line-height: 1.42857143;

    background-color: transparent;

    border: 1px solid #ffffff45;

    border-radius: 0;}

.home-popup_body{width: 60%;

margin: 0 auto;

margin-top:2%;

text-align: center;

background: #000;

padding: 0 0 20px;transition: all 0.5s ease-in-out; border: 1px solid #ffffff7a;}

.home-popup_body img{}

.close-div{ text-align:right; width:100%;}

.home-popup_body #close{color: #fff;

    background: #ff9b00;

    padding: 4px 8px;

    font-size: 10px;

    margin: 0;

    font-weight: bold;

    margin-right: 0px;

    text-align: center;}

.paint-gallery{padding:10px 0px;}

.book-gallery{width: 75%;}

.book-gallery .lightbox-image{display: block;

    background: transparent;

    border: 0px solid #343434;

    padding: 0;}

.book-gallery .lightbox-image img{width: 100%;}

hr {

    border-top: 1px solid #eee3;

}

.pp_close{position: absolute;

right: 0px;

top: -45px;}

#mobile-slider{display:none;}



/**************************************************/

@media (max-width: 1024px) and (min-width: 769px)

{

	header {

    overflow: hidden;

}

#gallery img {

    width: 70%;

    height: auto;

	margin:0 auto;}

	.main {

    margin: 0 auto;

    width: 100%;

}

footer a {

    font-size: 15px;}

	footer {

    width: 90%;

    margin: 0 auto;

}

header {

    height: 580px;

}

h1 {

    padding: 30px 0 30px;

}

.logo, a.logo:focus, a.logo:hover {

    font-size: 30px;}

	.margin-bottom-50 {

    overflow: visible;

}

#content {

    padding: 15px 15px;

}

.painting-gallery{

    padding: 20px 15px;

}

}



@media (max-width: 768px) and (min-width: 501px) 



{



	.toggle {



    display: none;

/*

    color: #fff;



    text-decoration: none;



    font-size: 16px;



    padding: 3px 7px;



    float: right;



    background: #ff9b00;



    margin-top: 3%;



    margin-right: 5%;



    border: 1px solid rgba(0, 0, 0, 0.19);



    border-radius: 3px;*/



}



	.toggle:hover, .toggle:active, .toggle:visited{color:#fff; text-decoration:none; cursor:pointer;}



	/*#mymenu{display:none;

   background: rgba(0, 0, 0, 0.85);

    margin-top: 1%;

    margin-right: 0;

    padding: 0;

    position: relative;

    z-index: 10000;

    width: 100%;}

	#menu {width: 96%;}



	#menu li{float:none;padding: 0;}*/

	#mymenu{width: 82%;}



/*	.gallery1{display:none;}



	.gallery2{display:block;}

*/

	#menu li a{

		padding: 4px 15px 4px 8px; color:#fff;font-family: 'Raleway', sans-serif;;}



	.logo {



    font-size: 26px;

    text-decoration: none;

    color: #fff;

    font-family: 'Nazeefa', sans-serif;

	padding: 5px 12px;

    display: block;



}



/*h1 {



    padding:20px 0 0 12px;

	overflow: -webkit-paged-x;

    float: left;



}

*/

.main {



    margin: 0 auto;



    width: 100%;



}



#page2 header, #page3 header, #page4 header, #page5 header, #page6 header {



   height: 56px;



    margin-bottom: 15px;



}



footer {



    padding: 0 10px;



}



footer .left {



    width: 363px;



}



footer a {



    font-size: 15px;



}

.margin-bottom-50 {

    margin-bottom: 60px  !important;

}

.sub-title {

    color: #fff;}

	header {

    height: 500px;

    overflow: hidden;

}

#gallery img{width: 50%;height: auto;margin: 0 auto;}

h1 {

    padding: 25px 0 15px;

}

.margin-bottom-50 {

    overflow: visible;

}

#content {

    padding: 15px 15px;

}

.painting-gallery{

    padding: 20px 15px;

}

.popup_body img {

    border: 5px solid #cecbcb;

    width: 100%;

}

.popup_body {

    width: 90%;}

	#close {

    margin-right: 0px;

}



}



@media (max-width: 500px) and (min-width: 320px) 



{



	.toggle {



   display: block;

    color: #fff;

    text-decoration: none;

    font-size: 16px;

    padding: 3px 7px;

    float: right;

    background: #ff9b00;

    margin-top: 5%;

    margin-right: 8%;

    border: 1px solid rgba(0, 0, 0, 0.19);

    border-radius: 3px;



}



	.toggle:hover, .toggle:active, .toggle:visited{color:#fff; text-decoration:none; cursor:pointer;}



	#mymenu{display:none;

	padding:0;

    background: rgba(0, 0, 0, 0.85);

    position: absolute;

    z-index: 10000;

    width: 100%;

    right: 0;

    top: 11%;}



	#menu li{float:none;padding: 0;}



/*	.gallery1{display:none;}



	.gallery2{display:block;}

*/

	#menu li a{



		padding: 4px 15px 4px 8px;

		font-weight: 500;

		color: #fff;

		font-family: 'Raleway', sans-serif;;



	}



	.logo, a.logo:focus, a.logo:hover {

    font-size: 22px;

	padding-left:10px;

    text-decoration: none;

    color: #fff;

	display: block;

	padding-top: 5px;

    font-family: 'Nazeefa', sans-serif;



}



h1 {



    padding: 15px 0 15px 30px;



    float: left;



}

#mobile-slider{display:block;}

#gallery{display:none;}

header {

    height: 30%;

}

.carousel-control {

    top: 42%;

}

.carousel-control.left, .carousel-control.right{ background:transparent;}

.carousel-indicators{display: none;}

.new-caption-area{padding: 10px 0;

    text-align: center;}

	#icons .fa-facebook, #icons .fa {

    padding: 5px 10px;

}

footer .left{font-size: 9px;}

#icons {

     float: none;

    padding: 0;

    list-style: none;

    width: 80%;

    margin: 0 auto;

}

.main {



    margin: 0 auto;



    width: 100%;



}



	#page2 header, #page3 header, #page4 header, #page5 header, #page6 header {



    height: 56px;



    margin-bottom: 7px;



}



.body1 {



    padding: 0 ;



}



footer {



    padding: 0 10px;



}



footer .left {



    width: 100%;

    text-align: center;



}



footer a {



    font-size: 14px;



}



figure img {



    border: 1px solid #000;



    width: 100%;



	margin-bottom:15px;



}



/*.left {



    float: left;



    width: 100%;



    display: block;



    margin: 0 auto;



}*/



.page-title {



    font-size: 27px;



    padding-left: 5px;



    padding-right: 5px;



}



footer {



    padding: 0px 10px;



    font-size: 12px;



    color: #6b6b6b;



    text-align: center;



    min-height: 45px;



   



}



#icons li {

    padding-left: 0;

    float: left;

    width: 16%;



}

.roundabout-moveable-item {



	margin-top:200px;





}

/*header {

    height: 338px;

}*/

.margin-bottom-50 {

    margin-bottom: 10px !important;

}

.page-head1, .page-head2, .page-head3, .page-head6, .page-head4{margin-bottom: 10px;}

figure{width:100%;}

#content {

    padding: 10px 15px;}

	.sub-title {

    color: #fff;}

	#close {

    margin-right: 0;

}

.popup_body img {

    width: 100%;

}

.popup_body {

    width: 100%;}

.lightbox-image, .lightbox-image1{margin-bottom: 10px;}

.marginbottom10{margin-bottom:0px;}

.margintop10 {

    margin-top: 0px;

}

.main-title{font-size: 22px;text-align: left;}

.myclass img{margin-top:10px;}

.book-gallery {

    width: 100%;

}

.book-gallery .col-xs-2 {

    width: 19.666667%;

	padding-right: 4px;

    padding-left: 4px;

}

.painting-gallery{

    padding: 15px;

}

}



.hashtag{position:absolute; top:10px; right:0px;}

.logo-small-font{font-size:13px; color:#fff; padding:20px 0 0 10px;  display:block; }





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

	 .pp_pic_holder{ left: 50% !important; width: 400px !important;  margin-left: -200px !important; }

	 div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; }

	 .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; }

	 div.pp_default .pp_content_container .pp_details {margin-top: 20px !important; }

	 .hashtag{position:absolute; top:0px !important; right:0px;}

	 .hashtag > img { width:60px !important;}

}



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

	 .pp_pic_holder{ left: 50% !important; width: 300px !important;  margin-left: -150px !important; height: 469px !important;}

	 div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; }

	 .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; }

	 div.pp_default .pp_content_container .pp_details {margin-top: 20px !important; }

	  .hashtag{display:none;}

	 

}