* { margin:0px; padding:0px; }
body { margin:0px; padding:0px; background-color:#FE9A00; font-family: 'Open Sans', sans-serif; }
.main-body-wrap { position:relative; }
.block-padd { padding:80px 0px; }
.bg-stripe-1 { position: absolute; top: 0px; left: 25px; height: 100%; min-height: 100vh; background-image: url('../images/bg-stripe.jpg'); width: 75px; box-shadow:1px 1px 15px 5px rgba(0, 0, 0, 0.5); z-index:1; }
.bg-stripe-2 { position: absolute; top: 0px; right: 25px; height: 100%; min-height: 100vh; background-image: url('../images/bg-stripe.jpg'); width: 75px; box-shadow: 1px 1px 15px 5px rgba(0, 0, 0, 0.5); z-index:2; }
.container-bg { position: absolute; top: 0px; left: 50%; height: 100%; min-height: 100vh; width:calc(100% - 300px); box-shadow: 1px 1px 15px 5px rgba(0, 0, 0, 0.5); transform: translateX(-50%); z-index:3; }
.main-container { width:calc(100% - 300px); margin: 0px auto; position:relative; z-index:4; }
header { background-image:url('../images/header-right.jpg'); background-position: top right; background-repeat: no-repeat; position:relative; }
.lower-header { padding: 15px 0px 7px; }
ul.nav-links { margin: 0px; padding: 0px; }
ul.nav-links li { list-style: none; float: left; }
ul.nav-links li a { font-size: 14px; font-weight: 900; font-family: 'Open Sans', sans-serif; text-decoration: none; color: #000; display: block; border-right: 2px solid #000; padding: 0px 15px; }
ul.nav-links li:last-child a { padding-right: 0px; border-right: none; }
ul.nav-links:after {content: '';display: table;clear: both;}
ul.nav-links:after { content:''; display:table; clear:both; }
a.donate-link { float: right; font-size: 21px; font-weight: 700; color: #ff0000; padding:25px 90px 0px 0px; }
.logo { float: left; padding: 0px 15px;}
.footer-social-media a {display: inline-block; vertical-align: middle;padding: 0px 10px;}
.footer-social-media { display: block; float: left; width: 185px; }
.copyright { width: calc(100% - 185px); float: left; padding: 0px 15px; padding-top: 20px; }
.copyright p { margin: 0px; font-size: 10px; }
footer { padding-bottom: 100px; }

/* home */
.home-page-wraper { position:relative; background-color:#000; background-image: url(../images/bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; overflow:hidden; z-index:149; }
.home-page-wraper:before { display:none; content:''; height:100%; width:50%; background-color:#000; position:absolute; top:0px; left:0%; }
.home-page-wraper:after { display:none; content:''; height:100%; width:50%; background-color:#000; position:absolute; top:0px; right:0%; transition:all 0.5s; -webkit-transition:all 0.5s; -moz--webkit-transition:all 0.5s;  }
.home-page-wraper.active:before { left:-50%; }
.home-page-wraper.active:after { right:-50%; }
.home-content-wraper { width: 100%; max-width: 697px; margin: 0px auto; background-color:rgba(0, 0, 0, 0.6); }
.home-inner-links {
    background-color: #fe9a00;
}
/* paper */
.home-inner-links ul:after {
    content: '';
    display: table;
    clear: both;
	
}

.home-inner-links ul li {
    list-style: none;
    float: left;
}

.home-inner-links ul li a {
    display: block;
    padding: 3px 10px;
    color: #000;
    font-weight: 800;
    text-decoration: none;
    border-right: 2px solid #000;
    font-size: 15px;
}

.home-inner-links ul li:last-child a { border-right: none; }
.home-inner-content h3 { font-size: 18px; line-height: 21px; color: #fff; padding-left: 30px; margin: 0px 0px 20px; padding-top: 15px; }
.home-inner-content h3 a { color: #fff; font-size: 13px; background-color: #e8078c; padding: 2px 10px; float: right; font-weight: 600; text-decoration: none; }
.home-inner-content h3:after {content: '';display: table;clear: both;}
.home-inner-content p { color: #fff; }
.contact-details p span { display: block; color: #fe9a00; font-weight: 700; text-transform: uppercase; }
.contact-details p a { text-decoration: underline; color: #fff; }
.contact-form h4 { display: block; color: #fe9a00; font-weight: 700; text-transform: uppercase; }
.artist-desk { padding:0px 30px 30px;}
.panel-group { padding:0px 30px 30px; }
.contact-form label {
    display: block;
    font-weight: 200;
    color: #fff;
    font-size: 14px;
}

.contact-form input, .contact-form textarea {
    width: 100%;
    min-height: 28px;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0px 15px;
}

.contact-form .form-group {
    margin-bottom: 10px;
}
.contact-form input.btn-submit {background-color: #fd9a00;border: none;box-shadow: none;outline: none;color: #fff;font-weight: 700;display: inline-block; width:auto;}
.contact-form input.btn-clear {background-color: #fd9a00;border: none;box-shadow: none;outline: none;color: #fff;font-weight: 700;display: inline-block; width:auto;}

.contact-details { width: 50%; padding: 0px 30px; float: left; }
.contact-form { width: 50%; float: left; padding: 0px 30px; }
.home-events ul { margin-left: 20px; color: #fff; }
.home-events ul li { padding-bottom: 5px; padding-top: 5px; }
.home-events p span { display: block; text-transform: uppercase; color: #5dbe2d; font-weight: 600; }
.fadeinslideshow {  margin:0px auto;  position: relative;  width:422px;    box-shadow: 0 0 20px rgba(0,0,0,0.4);  margin-bottom:30px; }
.fadeinslideshow > div {  position: absolute;  top: 10px; left:10px; right:10px;  bottom:10px; }
.education-tab-content ul li { list-style: none; color: #fff; padding: 5px 0px; }
.education-tab-content { width: 50%; float: left; padding: 0px 30px; }
.about-tab-content .description { float: left; width: calc(100% - 200px); padding: 0px 30px; }
.about-tab-content .fadeinslideshow { width: 200px; margin: 0px; float: left; }
.description ul { color: #ffff; margin-left:0px; }
.description ul li { padding: 5px 0px; list-style:none; }
.gallery-video { padding: 0px 30px; width: 50%; float: left; }
.gallery-video h4 { margin: 0px; color: #fff; }
ul.painting-tabs {
    margin: 0px;
    padding: 0px;
    display: table;
    margin: 0px auto;
    margin-bottom: 25px;
}

ul.painting-tabs li {
    float: left;
    list-style: none;
}

ul#myTab {}

ul.painting-tabs:after {content: '';display: table;clear: both;}

ul.painting-tabs li a { display: block; padding: 5px 20px; color: #fff; border-radius: 40px; border: 1px solid #fff; font-size: 13px; text-decoration: none; }
ul.painting-tabs li.active a { color: #fff; background-color: #fe9a00; border: 1px solid #fe9a00; }
ul.painting-tabs li { margin: 0px 5px; }
ul.painting-tabs li:hover a { color: #fff; background-color: #fe9a00; border: 1px solid #fe9a00; }
.hire-artist-text { float: left; width: 50%; padding: 0px 30px; }
.pdf-wrapper { padding-left: 30px; }
.brochure-link { position: absolute; top: 100%; right: 0px; padding: 10px 5px; z-index:150; }
.brochure-link a { color: #fe9a00; font-size: 14px; font-weight: 700; display: inline-block; padding: 0px 10px; border-right: 2px solid #fe9a00; text-decoration: none; }
.brochure-link a:last-child { border-right: none; }
a.make-payment-btn { display: table; margin-top: 0px; background-color: #fe9a00; color: #fff; padding: 10px 24px; border-radius: 40px; margin: 25px 0px; text-decoration: none; }
.health-camp { position: relative; padding-left: 0px; }
.health-camp img { float: left; margin-right: 15px; }
.health-camp p { margin: 0px; padding-top: 15px; }
.health-camp a { color: #fe9a00; font-weight: 600; }
.menu-btn { display:none; padding: 10px 15px; background-color:#d78406; color: #fff; cursor: pointer; background-position: top right; background-repeat: no-repeat; font-weight:700; }
.event-desk { padding: 0px 30px 30px; }
.gallery-page .tab-content { padding: 0px 30px 30px; }
.donate-desk { padding: 0px 30px 30px; }
.brochure-item-wrap { padding: 0px 15px;  }

@media screen and (max-width: 1200px) { 
.container-bg { width:900px; }
.main-container { width:900px; }

}

@media screen and (max-width: 1100px) {  
.container-bg { width:800px; }
.main-container { width:800px; }
}

@media screen and (max-width:1024px) {  
.bg-stripe-1 { display:none; }
.bg-stripe-2 { display:none; }
.container-bg { width:90%; display:none;}
.main-container { width:100%; }
.education-tab-content { width:100%; float:none; padding-bottom:30px; }
}

@media screen and (max-width:768px) {  
ul.nav-links li { float:none; }
ul.nav-links li a { border:none; border-bottom:1px dashed #000; padding:5px 15px; }
.lower-header { position:relative; }
.menu-btn { display:block; background-image:url('../images/menu-icon.png'); background-position:top 16px left 15px; background-repeat: no-repeat; padding-left: 35px; }
ul.nav-links { display:none; position: absolute; left: 0px; top: 100%; width: 100%; background-color: #fe9a00; z-index:999; }
ul.nav-links li:last-child a { border-bottom:none; }
.lower-header { padding:10px 0px 0px; }
header { padding-top:10px; }
.pdf-wrapper img { width:100%; }
.home-content-wraper { max-width:568px; }
}

@media screen and (max-width:767px) {  
.about-tab-content .description { float:none; width:100%; }
.about-tab-content .fadeinslideshow { float:none; margin-left:15px; box-shadow:none; }
.home-inner-content h3 { padding-right:30px; }
.home-inner-content h3 a { float:none; display:block; margin-top:13px; }
.upcoming-events .contact-details { width: 100%; padding-bottom:30px; }
.hire-artist-text { width:100%; float:none; }
.contact-form { width:100%; float:none; margin-top:30px; margin-bottom:30px; }
}

@media screen and (max-width:568px) {  
.logo { max-width: 350px; }
.logo img { width:100%; }
.contact-details, .contact-form { width:100%; float:none; }
.contact-form { margin-top:50px; }
}

@media screen and (max-width:414px) { 
header { background-image:none; }
.logo { max-width: 310px; }
a.donate-link { font-size:18px; padding:13px 25px 0px 0px; }
.gallery-item { width:50% !important; }
.brochure-item { float:none !important; width:100% !important; }
}

@media screen and (max-width:380px) {  
.logo { max-width: 280px; }
ul.painting-tabs li a { padding:5px 10px; }
}

@media screen and (max-width:320px) { 
.logo { max-width:220px; }
.copyright { width:100%; float:none; text-align:center; }
.footer-social-media { display: table; float: none; width: 185px; margin: 0px auto; margin-top: 25px; }
a.donate-link { font-size: 16px; padding: 6px 25px 0px 0px; }
}