body {background:#fff;color:#666;font-family:'Lora', Arial, sans-serif;}

 @media only screen and (min-width : 1200px) {

    .container { max-width: 1400px; } 

}


a:link, a:active,a:visited {color:#111;font-weight:600;border-bottom:2px solid #111;
-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
a:hover {color:#000; text-decoration: none;border-bottom:2px solid transparent}

h1 {font-size:20px;}
.med-title {margin-bottom:20px;font-size:34px; color:#fff;  font-family: 'Lora', serif;  }
.small-title {margin-bottom:20px;font-size:25px; color:#000;display: inline-block;float:left;width:100%;
	  font-family: 'Lora', serif;  padding-top:30px;margin-top:30px;
    border-top: 1px solid #ccc;}

h2 {margin-bottom:20px;font-size:15px;font-weight:600;}

h3{margin-bottom: 20px;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    color: #666;}


p{margin-bottom:30px;font-weight:300;font-size:17px;}
p strong {font-weight:700;}



.fa-star{padding:0 10px}

.hero-line-1 {font-size:80px;color:#fff; line-height:normal;     font-family: 'Lora', serif;  }

.hero-line-2 {margin:30px 0 50px;color:#fff;font-size:17px;}

.hero-line-4 {font-size:100px;color:#fff;}
.hero-line-4 i {border:3px solid transparent;border-radius:100%;padding:50px 50px 0 50px;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.hero-line-4 i:hover {borderx:3px solid #C8A681;;cursor:pointer}
.hero-line-4 span {text-align: center;font-weight:600;font-size:16px;width: 100%;float:left;display:inline-block}

.more-link {display: inline-block}
.more-link a:link,
.more-link a:active,
.more-link a:visited{ 
    color: #fff;
    border:5px solid #222;
    display: inline-block;
    padding: 10px 15px;
      margin:0;
    text-shadow: none;
    font-weight: 700;
   font-family: 'Lora', serif;
    font-size: 17px;
    border-radius:0px;
	background:#222; 
    
}

 

td {color:#fff;padding:5px;}



.more-link a:hover {color:#222!important;background:#fff;border-color:#fff!important}


.more-link i {padding-left:10px;}



.more-link a:nth-child(2){margin-lefT:10px;}
.more-link a:nth-child(3){margin-lefT:10px;}



.nav a {font-family: 'Lora', serif; }



a.navbar-brand:link,
a.navbar-brand:visited,
a.navbar-brand:active{border:0;}
.navbar-brand img {width:auto;height:60px;}


.covid {display: none!important}

.nav-logo img {width:auto;height:60px;margin-bottom:30px;}


.main-menu{width: 100%; height: 100%; opacity: 0; visibility: hidden;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;text-align: center}
.nav-open .main-menu  a:hover {color:#333; text-decoration: none;border-color: transparent;}


.nav-open .main-menu {opacity: 1; visibility: visible; background: rgba(0, 0, 0, 1); }

.nav-closed .main-menu {opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 1); }

.main-menu .nav li a{color:#666; font-size: 5vh; font-weight:600;text-decoration: none; border:0;}
.main-menu .nav li a span {color:#fff;}

.main-menu .nav li a:hover,
.main-menu .nav li a:hover span {color:#fff}




.main-menu .nav li ul li a {font-size:3vh}

.main-menu .nav li ul li {display:inline-block;margin:0;padding:0;}
.main-menu .nav li ul {padding:0;margin:40px 0 0;}
.main-menu .nav li ul li a {padding:10px;font-size:2vh}

.main-menu .nav li ul.icons li a {padding:10px 20px;font-size:4vh}


.main-menu .nav li{
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -o-animation-timing-function: cubic-bezier(.45,.005,0,1);
    animation-timing-function: cubic-bezier(.45,.005,0,1);
}
.nav-open .main-menu .nav li{
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s;
}
.main-menu .nav li.delay-1{-webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -ms-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s; }
.main-menu .nav li.delay-2{-webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -ms-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s; }
.main-menu .nav li.delay-3{-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; }
.main-menu .nav li.delay-4{-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; }
.main-menu .nav li.delay-5{-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -ms-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; }
.main-menu .nav li.delay-6{-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -ms-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s; }
.main-menu .nav li.delay-7{-webkit-transition-delay:0.7s; -moz-transition-delay:0.7s; -ms-transition-delay:0.7s; -o-transition-delay:0.7s; transition-delay:0.7s; }
.main-menu .nav li.delay-8{-webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -ms-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s; }
.main-menu .nav li.delay-9{-webkit-transition-delay:0.9s; -moz-transition-delay:0.9s; -ms-transition-delay:0.9s; -o-transition-delay:0.9s; transition-delay:0.9s; }

.nav-button{position:relative; z-index:1111; border:solid 0px #f8f8f8;  height:42px; display:block; width:50px; padding:12px; }
.nav-button #nav-icon3{width:24px;height:22px;display:inline-block;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}

.nav-button #nav-icon3 span{display:block;position:absolute;height:3px;width:100%;background:#fff;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-button #nav-icon3 span:nth-child(1){top:0}
.nav-button #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:7px}
.nav-button #nav-icon3 span:nth-child(4){top:14px}
.nav-open #nav-icon3 span:nth-child(1){top:9px;width:0;left:50%}
.nav-open #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.nav-open #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-open #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%;}


 #nav-icon3:hover span{background:#C8A681;}



.flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}





.btn.focus, .btn:focus {    box-shadow: none;}




#main {
  margin:0 0 50px;
}

#main #faq .card {
  margin-bottom:15px;
  border: 0;
}

#main #faq .card .card-header {
  border: 0;
 
  border-radius: 0px;
  padding: 0;
}

#main #faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: #ccc;
  color: #111;
  padding:25px;  border-radius: 0px;
}

#main #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
  background: #111;
  color: #fff;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#main #faq .card .collapsing {
  background: #ccc;
  line-height: 30px;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ccc;
  line-height: 30px;
  color: #111;
}

#main .card-body {padding:50px;}

















.navbar {padding:20px;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}


.navbar.active{background:#111;box-shadow:0 0px 30px rgba(0,0,0,0.5);}
 




section {padding-top:100px;padding-bottom: 100px;padding-left:100px;padding-right:100px;}   
    



 




section#hero {background:#222 url("images/1.jpg") no-repeat bottom center;padding-top:200px;padding-bottom:150px;}   
    
.site.about section#hero {background:#222 url("images/studiobanner.jpg") no-repeat bottom center;}     
.site.work section#hero {background:#222 url("images/workbanner.jpg") no-repeat bottom center;}     
.site.artists section#hero {background:#222 url("images/artistsbanner.jpg") no-repeat bottom center;}     
.site.contact section#hero {background:#222 url("images/contactbanner.jpg") no-repeat bottom center;}  

   
.site.important section#hero {background:#222 url("images/5.jpg") no-repeat bottom center;}  


section#home-content-box-1 {background:#222 url("images/5.jpg") no-repeat bottom center; }   
section#home-content-box-2 {background-color: #333;}   

section#home-content-box-1 h2,
section#home-content-box-1 p,
section#home-content-box-2 p {color:#fff;}

section#home-content-box-1 .content {background:#111;padding:50px;}



section#home-content-box-1 .more-link a:link,
section#home-content-box-1 .more-link a:active,
section#home-content-box-1 .more-link a:visited {background: #222}
section#home-content-box-1 .more-link a:hover {background: #fff;color:#222!important;border-color: #fff!important}








section#home-content-box-3 {background:#eee;}  




section#home-content-box-4 {background-color:#fff}  


section#home-content-box-5 {background-color:#fff; }  


section#home-content-box-5.partners img {margin:15px 0}


 #home-content-box-3 .content {padding:0 50px;}



		 #home-content-box-4 .content {padding:0 35px;}
		 
		 #home-content-box-5 .content {padding:0 25px;}
		 
		 #home-content-box-5 ul li {margin-bottom: 30px;
    font-weight: 300;
    font-size: 17px; }
		 
		 
		 .title {font-size:30px;margin:0 0 150px;color:#333;position:relative;
    display:inline-block;
}
.title:after {
    content:'';
    position:absolute;
    left:0; right:0;
    top:100%;
    margin:35px auto 0;
    width:100%;
    height:1px;
    background:#333;
}
		 
		 
		 #home-content-box-2 .title {color:#fff;}
		 
		 #home-content-box-2 .title:after  {background:#fff;}
		 


	 
		 .site.artists .title {margin:0 0 80px;}


.gallery-image-wrapper {display: inline-block;float:left;width: 100%;margin:0 0 50px 0;}

				.gallery-image {float:left;width:31%;margin:1%;}
					.gallery-image img {float:left;width: 100%;height:auto;
						
						
						-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;
					}
					
					
					.xgallery-image img:hover {webkit-box-shadow: 10px 10px 0px 0px #61b5e2;
    -moz-box-shadow: 10px 10px 0px 0px #61b5e2;
    box-shadow: 10px 10px 0px 0px #61b5e2;}
					
					
					
					.service-image {float:left;width:100%;margin:0 0 0px;}
.service-image img {float:left;width: 100%;height:auto;}
					





#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
 
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border:0;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: #fff;
}
#return-to-top:hover i {
    color: #111;
    top: 10px;
}




 
					
						
						section#home-content-box-2 .quote-stars p {font-size:30px;color:#61b5e2}
						section#home-content-box-2 .quote-text p {font-size:20px;font-weight:300;}
					
						section#home-content-box-2 .quote-from p {font-size:17px;font-weight:600;}
		 
	section#home-content-box-2 .quote2 .quote-text p {font-size:17px;font-weight:300;}







iframe {
    
    -webkit-box-shadow: 20px 20px 0px 0px #C8A681;
-moz-box-shadow: 20px 20px 0px 0px #C8A681;
box-shadow: 20px 20px 0px 0px #C8A681;
    
}




.sep {display: inline-block;float:left;width:100%;margin:100px 0 100px;}

 
		.nav a {color:#fff;border:0;font-size:15px;font-weight:bold; }
		.nav a:hover {color:#ccc}
		
		
		.nav .tel a {color: #fff;}

        
    .nav .nav-item.social a {padding-left:5px;padding-right:5px;}


		
		.content-image {display: inline-block;float:left;width:100%;padding:0 50px;}
		.content-image img{display: inline-block;float:left;width:100%;}
		
		span.sectionanchor {top: -110px;position: relative}


		
				.contact-icon {font-size:50px;margin-bottom:20px;display:inline-block;float:left;width:100%;color:#000}	
				.contact-title {font-size:20px;margin-bottom:20px;display:inline-block;float:left;width:100%;font-weight: 600}	
			
			
			
.contact-content{padding:0 30px}


 footer {background:#fff;text-align: center;padding-top:25px;padding-bottom: 200px;    font-family: 'Lora', serif;  padding-left:100px;padding-right:100px;color:#000;font-size:13px;font-weight: 600}
    
    
    #footer-nav {background:#fff;text-align: center;padding-top:0px;padding-bottom: 0;padding-left:100px;padding-right:100px;color:#333;}
    
    footer ul,
    #footer-nav ul {margin:20px 0;padding:0; list-style: none}
    
 #footer-nav ul {  padding: 20px 0px;    margin: 0;}


    footer ul li,
    #footer-nav ul li {display:inline-block;margin:0 15px; }
    
    #footer-nav ul li span {margin-right:10px;}
    
    #footer-nav a {color:#000;border:0;   }
    
    #footer-nav .row:nth-child(1) a {color:#000;}   
    #footer-nav .row:nth-child(2) a {color:#000;}    
    #footer-nav .row:nth-child(3) a {color:#000;}
    

    #footer-nav ul li.social a{font-size:25px;}
    
    footer a:link,
    footer a:visited,
    footer a:active{color:#000;border:0;}
    
 
    
    footer a:hover,
    #footer-nav a:hover {color:#666!important;}



















































.navbar-toggler,
.navbar-toggler:focus{border: 0; outline: none}















@media only screen and (max-width : 1200px) {
	body{background:lime;}

	
	
}












@media only screen and (max-width : 979px) {
	body {background:purple}
	
	
	
}

















@media only screen and (max-width : 480px) {
body {background:orange; }
	
	h1 {
    font-size: 15px;
    padding: 0 10px;
    line-height: 25px;
}
	
	.hero-line-1 {font-size:45px}
	
	section{padding:50px 0;}
	
	section#hero {padding-top:150px;padding-bottom:100px;}
	.navbar {background:#111;}
	
	
	.nav-item{display: inline-block;float:left;width: 100%;text-align: center}
	
	
	.nav-item:nth-child(8),
	.nav-item:nth-child(9),
	.nav-item:nth-child(10){width:33.3%}
	
	.content-image {padding:0;}
	
	#home-content-box-4 .content,
	.content {padding: 20px 0;}
	

.med-title {	font-size: 23px;}
	
	#home-content-box-5 img {padding:0px 0 50px;}
	
	#footer-nav {padding:20px}
	footer ul li, #footer-nav ul li {margin: 0;}
	
	li.social {width: 30%}
	
	
	.gallery-image {width: 100%;margin:1% 0;}
	
}
 
	
	
 

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


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

	
	
	
}



@media only screen and (max-width : 320px) {
	body {background:red;margin:0px;}
	
	
	
	
}