/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


.menu-link{
	 font-family: 'Brandon Grotesque Regular', sans-serif !important;
}
.menu-link:hover{
	
color:#b36013!important}
#logo img{
	height:80px !important;
}

#slider h2, .page-title-parallax h1{
	font-family: "Primera_Signature" !important;
	text-transform: none !important;
	font-weight: normal !important;
}

.component-overlay {
  position: relative;
  text-align: center;
}

.centered-group{
	text-align: center;
position: absolute;
width: 100%;
background-color: RGBA(255,255,255,0.73);
bottom: 0;
right: 0;
padding: 50px;
z-index: 99;
}

.centered{
		
font-family: 'Brandon Grotesque Regular', sans-serif !important;
text-transform: uppercase;
color:#000000;
font-weight: bold;
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.align-left{
	text-align: left !important;
}
#footer{
background-color: #FFFFFF !important;
}

#copyrights{
	padding: 20px 0 !important;
	background-color:#FFFFFF!important;
	color:#000 !important;

}

#footer::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        width: auto;
        left: 5%;
		right: 5%;
        border-top: 1px solid #ccc;
    }

	#footer.dark .social-icon.si-borderless{
color:#000000 !important;
	}

.video-container {
  width: 100% auto;
  border-radius: 4px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}
.video-container .video-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-container video {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.play-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.play-button-wrapper #circle-play-b {
  cursor: pointer;
  pointer-events: auto;
}
.play-button-wrapper #circle-play-b svg {
  width: 100px;
  height: 100px;
  fill: #fff;
  stroke: #fff;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  opacity: 0.9;
}

#page-title h1{
	font-size: 5rem !important;
}


.studio-story p,h1{
	font-family: 'Brandon Grotesque';
  font-weight:normal;
}

.studio-story p {
 text-justify: auto;
 text-align: justify;
 width:100%
}

.studio-titlep h1 {
margin-bottom: 0;
}

hr.style-two{
    border: 0;
    height: 5px;
	width: 10%;
	margin-top: 0	;
  /* background-image: linear-gradient(to right, rgba(119, 38, 116, 0.75), rgba(249, 138, 245, 0.75), rgba(249, 138, 245, 0.75)); */
  /* background-color: #DD9994;; */
}

.top-buffer { margin-top:20px !important; }

.space-y{
	padding: 4rem 0 !important;
}


.full-header .primary-menu .menu-container{
	border-right: none !important;
}

.signer{
  margin: 0;
  padding: 0;
  font-weight: normal;
  	font-family: "Primera_Signature" !important;
	text-transform: none !important;
  font-size: 40pt !important;
  color:#DD9994;
}

.ptext{
  padding-right:10% ;
}

blockquote p {
  	font-family: 'Adobe Garamond Pro' !important;
    font-size:32px;
    color:#919191;
    font-style: italic;
    font-weight: normal !important;
}

.square-bio{
  min-height: 300px;
  border: 15px #F6F5F3 solid;
  padding: 5% 7%;
}
.square-title{
  text-align: center;
}
.square-title h2{
  margin: 0;
  padding: 0;
  font-weight: normal;
  	font-family: "Primera_Signature" !important;
	text-transform: none !important;
  font-size: 60pt !important;
  color:#DD9994;
}
.square-title h1{
    margin: 0;
  padding: 0;
  text-transform: uppercase;
  	font-family: 'Adobe Garamond Pro';
}

.slider-caption-center h2{
  color:rgb(255, 255, 255) !important;
    font-size: 60pt !important;
}

.grid-item{
  padding: 0.9rem !important;
}

.st-blue{
  color:#587195

}

.st-pig{
  color:#DD9994

}

.img-studio-group{
  max-width: 70%;
}

.spinner-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ffffff;
z-index: 999999;
}




 .loader{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../images/loop.gif') 
              50% 50% no-repeat #FFFFFF;
              background-size: 200px 200px;
}

.video-wrap h3{
  font-family: 'Brandon Grotesque Regular', sans-serif !important;
}

.quote{
  margin-left: 15%;margin-right: 15%;
}
@media (max-width: 768px) {
	.quote{
		padding: 0 !important;
    margin: 0 !important;
	}
  .quote p {
    text-align: center !important;
    font-size: 20px;
  }
}