p{
	line-height: 2em;
	
}
.small{
    text-align: justify  !important;
}
h3{
	font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.nav-link-red{
	color: #e63946 !important;
	border:none !important;
}
.main-bkg{
	background-image: url("img/Farins-Studio-Masthead-img.jpg");
	background-position: center;
	background-size: cover;
}
.image-placeholder{
    	background-image: url("img/Farins-Studio-Masthead-img.jpg");
	background-position: center center;
	background-size: cover;
}
.the-process-container{
	width:100%;
	padding-top:120px;
	padding-bottom:120px;
	background-color: #171414;
	background: #171414;
}
.main-header{
    padding:60px 0;
    text-align:center;
}
.oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2.5px;
}
.homestyle-display{
	font-size: 5.5em;
	letter-spacing: 0em;
}
.the-studio-container {
	padding: 120px 0px;
	background: #FFF;
	width:100%;
}
.play-btn {
	position: absolute;
	z-index: 666;
	top: 66%;
	left: 45.6%;
	/*transform: translate(-50%, -50%);*/
	/*background-color: transparent;*/
	/*border: 0;*/
}


/* ---- grid ---- */

.grid-item { width: 200px; }
.grid-item--width2 { width: 400px; }

.home-grid-item{
    width: 200px;
}
.home-grid{
    margin: 0 auto;
 left:0px;
  max-width: 1200px;
}
.grid {
 margin: 0 auto;
 left:0px;
  max-width: 1200px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.home-grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- .grid-item ---- */

.grid-sizer{
 
}

.grid-sizer,
.grid-item {
  width: 30%;
  margin-bottom: 2px;
}
.home-grid-sizer,
.home-grid-item{
     width: 30%;
  margin-bottom: 2px;
}
.portfolio-grid{
    position:relative;
    left:5%;
}

/** relevant styles */
.img__wrap {
  position: relative;
 /* height: 200px;
  width: 257px;*/
}

.img__description_layer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(52, 52, 52, 0.6);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  /* transition effect. not necessary */
  -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    font-family: "Bebas Neue", sans-serif !important;
  font-weight: 600;
  font-style: normal;
}

.img__wrap:hover .img__description_layer {
  visibility: visible;
  opacity: 1;
}

.img__description {
  transition: .2s;
  transform: translateY(1em);
}

.img__wrap:hover .img__description {
  transform: translateY(0);
}
.grid-item {
  float: left;
  margin-bottom: 2px;
}
.home-grid-item{
    float: left;
  margin-bottom: 2px;  
}
.grid-item--width2{
	width: 48%; 
}
.grid-item img {
  display: block;
  max-width: 100%;
  filter: grayscale(100%);
}
.home-grid-item img {
  display: block;
  max-width: 100%;
}
.home-grid-item picture {
  display: block;
  max-width: 100%;
}
.prod_category{
  visibility: visible;
  position: absolute;
 	top: 0px;
 text-align: center;
 right: 20px;
 font-size: 2em;
 font-weight: 600;
 text-shadow: 1px 1px 12px #000;
}
.img__wrap:hover .prod_category{
   visibility: hidden;
}
.img_wrap img{
	filter: grayscale(0.8);
}
.img__wrap:hover img {
	font-size: grayscale(0);
}
/* ---- end .grid-item ---- */

/* ---- .courses-container ---- */
.courses-container{
		
/*	background: #e8e5e0;*/
	background: #dedede;;
	padding: 120px 0px;
}
.main-footer{
		
	padding: 120px 0;
	background: #171414;
}
.courses-img{
/*	border: 5px solid #fff;*/
/*	box-shadow: 2px 2px 10px #111;*/
}
.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.bebas-neue-secondary{
	font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.10em;
}


    
.video-container iframe {
  position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border: none;
}


.video-overlay-layer{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(20, 20, 20, 0.5);
	height: 100%;
	width: 100%;
}

.video-spacer-container{
	position: relative;
	width: 100%;
	height:100%;
}

.nav-link {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400 !important;
  font-style: normal;
  text-transform: uppercase;
  
}
.btn {
	font-family: "Bebas Neue", sans-serif;
    display: inline-block;
    letter-spacing: 0.010em;
    font-size: 0.225em;
    font-weight: 400;
    line-height: 1.5;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 3px solid #fff;
    padding: .2rem .75rem;
    font-size: 1.2rem;
    border-radius: 0 !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.title-div{
	position: relative;
    /*top: 150px;*/
    width:100%;
    height:100%;
    top:22vh;
    
}
#muteVol{
    position: relative;
    top: 15px;
    left: 0;
    opacity: 0.5;
}
#muteVol:hover{
    opacity:1;
}

@media screen and (max-width:1200px) {
.video-container iframe{
    /*height: 100% !important;*/
    /*width: 100% !important;*/
    width: 150%;
height: 150%;
    
}

	.homestyle-display {
	/*font-size: 5.5em;*/
	  /* transition effect. not necessary */
  -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
}

@media screen and (max-width: 991px){
    .title-div{
        top:0vh;
    }
}
@media screen and (max-width: 934px) {
	.prod_category{
		font-size: 1.8em;
		left: 10px;
		bottom: 0px;
	}
	.homestyle-display {
	font-size: 4em;
	  /* transition effect. not necessary */
  -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.title-div{
  
}
.video-conatiner{
    top: -47px;
}
}


@media screen and (max-width: 696px) {
	
	.homestyle-display {
	/*font-size: 3.2em;*/
	  /* transition effect. not necessary */
  -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.title-div{
  
}
.grid-item { width: 340px; }
   .grid {
 margin: 0 auto;
 left:0px;
  max-width: 340px;
}
.grid-sizer,
.grid-item{
    width:100%;
    float:none;
} 
}



.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #171414;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
    color: #FFF;
}
.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #000000;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}
.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #000000;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: none !important;
}



@media screen and (max-width: 576px) {
	.prod_category{
		font-size: 1.5em;
		left: 10px;
		bottom: 0px;
		text-align:right;
		text-shadow: rgba(0, 0, 0, 1.0);
	}
	.video-container{
		height: 114%;
        width: 250%;
        top:-53px;
	}
	.homestyle-display {
	font-size: 3.2em;
	  /* transition effect. not necessary */
  -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.title-div{
   height: 260px;
        align-items: center;
        justify-items: center;
        justify-content:center;
        display: flex;
}

.video-container iframe{
    height: 100%;
   width:100%;
}
.video-sizer-div {
            padding-top: 119.7%;
        }
    #muteVol{
        position: relative;
    top: 15px;
    left: 0;
    opacity: 0.5;
}        
.grid-item { width: 340px; }
   .grid {
 margin: 0 auto;
 left:0px;
  max-width: 340px;
}
.grid-sizer,
.grid-item{
    width:100%;
    float:none;
}     
        
        
}

@media only screen 
and (min-device-width : 430px) 
and (max-device-width : 932px) 
and (orientation : portrait){
    .play-btn{
       top: 67%;
        left: 39.6%;
    }
    .title-div {
        top: 4vh;
    }
}



@media only screen 
and (min-device-width : 390px) 
and (max-device-width : 844px) 
and (orientation : portrait){
    .title-div{
        top: 6vh;
    }
    .play-btn{
        top: 70%;
        left: 39%
    }
}
@media only screen 
and (min-device-width : 412px) 
and (max-device-width : 916px) 
and (orientation : portrait){
    .play-btn{
        top: 66%;
        left: 39.6%;
    }
        .title-div {
        top: 7vh;
    }
}
@media only screen 
and (min-device-width : 540px) 
and (max-device-width : 720px) 
and (orientation : portrait){
        .title-div {
        top: 20vh;
    }
        .play-btn {
        top: 61%;
        left: 41.7%;
    }
        .homestyle-display {
        font-size: 4.5em;
            
        }
}
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 896px) 
and (orientation : portrait){
    .play-btn{
        top: 69%;
        left: 39%;
    }
}
@media screen and (max-width: 376px) {
    .title-div{
        height: 330px;
    }
    #muteVol{
        position: relative;
    top: 15px;
    left: 0;
    opacity: 0.5;
}
.grid {
 margin: 0 auto;
 left:0px;
  max-width: 340px;
}
.grid-sizer,
.grid-item{
    width:50%;
}
}
/* iPad Mini in portrait only */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    .title-div{
       top:50px;
        
    }
    .video-container{
        width:226%;
        left: -642px;
    }
    .play-btn{
                top: 70%;
        left: 44.3%;
    }
    .video-container iframe {
    position: absolute;
    top: 0;
    left: -279px;
    right: 0;
    width: 190%;
    height: 100%;
    border: none;
}
}
@media only screen 
and (min-device-width : 820px) 
and (max-device-width : 1180px) 
and (orientation : portrait) { 
    .title-div{
       top:70px;
        
    }
    .video-container{
        width:226%;
        left: -642px;
    }
    .play-btn{
        top: 68%;
        left: 44.3%;
    }
}
@media only screen 
and (min-device-width : 912px) 
and (max-device-width : 1368px) 
and (orientation : portrait) { 
    .title-div{
       top:60px;
        
    }
    .video-container{
        width:226%;
        left: -642px;
    }
    .play-btn{
        top: 67%;
        left: 45%;
    }
}
/* Surface Pro7 in portrait only */
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) 
and (orientation : portrait) { 
    .title-div{
       height: 300px;
        align-items: center;
        justify-items: center;
        justify-content: center;
        display: flex;
    }
    .video-container{
        width:226%;
        left: -642px;
    }
    .play-btn{
        top:65%;
        left:45.5%;
    }
}

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

		.prod_category {
    visibility: visible;
  position: absolute;
 	top: 2px;
 text-align: right;
 right: 55px;
 font-size: 2.5em;
 font-weight: 600;
 text-shadow: 1px 1px 12px #000;
	}
	.title-div{
	   
	}
}

header{
/*background: rgba(23,20,20,0.8);*/
    /*background:#171414;*/
    /*background:#000;*/
    padding: 20px 0;
    align-items: center;

}

.ytp-hide-info-bar{
    display: none !important;
    visibility: hidden;
}
.ytp-chrome-top
   { display: none !important;
    visibility: hidden;
}
.html5-video-player a{
    display: none !important;
    visibility: hidden;
}
.ytp-title-expanded-overlay{ display: none !important;
    visibility: hidden;}
.ytp-chrome-top{ display: none !important;
    visibility: hidden;}
.ytp-title-expanded-overlay{ display: none !important;
    visibility: hidden;}
.ytp-title-channel-logo{ display: none !important;
    visibility: hidden;}
.ytp-title-channel{ display: none !important;
    visibility: hidden;}
.ytp-title-channel-name{ display: none !important;
    visibility: hidden;}
.ytp-title-subtext{
     display: none !important;
    visibility: hidden;
}
.ytp-title-fullerscreen-link{
     display: none !important;
    visibility: hidden;
}
.yt-uix-sessionlink{
    display: none !important;
    visibility: hidden;
}
.ytp-title-link{
     display: none !important;
    visibility: hidden;
}

.ytp-hide-info-bar .ytp-gradient-top, .ytp-hide-info-bar .ytp-chrome-top .ytp-shorts-title-channel, .ytp-hide-info-bar .ytp-chrome-top .ytp-title-channel, .ytp-hide-info-bar .ytp-chrome-top .ytp-title, .ytp-hide-info-bar .ytp-chrome-top .ytp-playlist-menu-button, .ytp-hide-info-bar .ytp-chrome-top .ytp-watch-later-button, .ytp-hide-info-bar .ytp-chrome-top .ytp-share-button, .ytp-hide-info-bar .ytp-chrome-top .ytp-overflow-button, .ytp-hide-controls .ytp-gradient-bottom, .ytp-hide-controls .ytp-chrome-bottom {
     display: none !important;
     visibility: hidden;
}
.ytp-hide-info-bar, .ytp-chrome-top, .ytp-title-channel {
     display: none !important;
     visibility: hidden;
}

.ytp-title-text > a {
   display: none !important; 
}
.ytp-title-link {
    display: none !important;
    text-overflow: ellipsis;
   visibility: hidden;
}
.ytp-title-fullerscreen-link {
    display: none !important;
     visibility: hidden;
     opacity:0;
}
     
.ytp-title-channel  {
   display: none !important;
     visibility: hidden;
     opacity:0;
}   
     
.html5-video-player a{
      display: none !important;
     visibility: hidden;
     opacity:0;
}     
.ytp-chrome-top {
    display: none !important;
     visibility: hidden;
     opacity:0;
}
.ytp-show-cards-title{
    display: none !important;
     visibility: hidden;
     opacity:0;
}

.ytp-autohide:not(.ytp-autohide-active) .ytp-title-channel{
     display: none !important;
     visibility: hidden;
     opacity:0;
}
#player > .html5-video-player > a {
     display: none !important;
     visibility: hidden;
     opacity:0;
}
     
     
 .the-studio-container {
	padding: 120px 0px;
	background: #FFF;
	width:100%;
}    
     
.modal-body{
    padding:120px;
}     
     
#movie_player .ytp-title-enable-channel-logo{
     display: none !important;
     visibility: hidden;
     opacity:0;
}
     
 .video-container{
 z-index: 0;
	height: 114%;
        width: 250%;
        top:-50px;
position:absolute;
left: -71%;
}    

.safariImageReplace{
    background-image: url("../img/FK-mixing-2.jpg");
	background-position: center center;
	background-size: cover;
	position:absolute;
	top:0px;
	left:0px;
	height:800px;
	width:100vw;
	z-index:-99;
}   
.noVideo-title-div{
    height: 540px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media only screen 
and (min-device-width : 5120px) 
and (max-device-width : 2880px) 
and (orientation : portrait){
    
.video-container {
    z-index: 0;
    height: 140%;
    width: 250%;
    top: -50px;
    position: absolute;
    left: -75%;
}
.video-sizer-div {
    padding-top: 12.7%;
}

}
@media all and (display-mode: fullscreen) {
  /* CSS styles to be applied or altered in fullscreen mode */
  .safariImageReplace{
    background-image: url("../img/FK-mixing-2.jpg");
	background-position: center center;
	background-size: cover;
	position:absolute;
	top:0px;
	left:0px;
	height:900px;
	width:100vw;
	z-index:-99;
} 
}

.video-container > img {
	max-width:100%;
	height:auto;
}
.wrapper {
	position:relative;
	width:100%;
}

.wrapper img {
	max-width:100%;
	height:auto;
}

.wrapper iframe {
	display: none;
}



.play-btn:hover {
	cursor: pointer;
}

.play-btn:focus {
	outline: 0;
}

.paused {
  border: 0;
  position:absolute;
  top:85%;
  left:50%;
  background: transparent;
  box-sizing: border-box;
  width: 0;
  height: 74px;
  cursor: pointer;
  display: none;
}
.paused {
    border-style: double;
    border-width: 0px 0 0px 60px;
 }

 .paused:hover {
    border-color: transparent transparent transparent #404040;
  }
  
  @media only screen 
and (min-device-width : 1280px) 
and (max-device-height : 800px) 
and (orientation : landscape) { 
    .title-div{
       height: 300px;
        align-items: center;
        justify-items: center;
        justify-content: center;
        display: flex;
    }
    .video-container{
        width:226%;
        left: -732px;
    }
    .play-btn {
    top: 60%;
    left: 46.6%;
}
video-container iframe {
    width: 203% !important;
    height: 100%;
    border: none;
}
}