/*-----------------------------------------------------------------------------------



		! ! !   JVS PRODUCTIONS    ! ! ! 
		-----------------
		
		COLORS
		----
        option                                      #F68338


/* -----------------------------------------------------------------------------------

	01. OPTIONS
	02. WIDGETS
	
	
----------------------------------------------------------------------------------- */



/* 01 Embedded content
---------------------------------------- */

img, object, video, audio {
	max-width: 100%; 
	height: auto;
	display: inline-block;
	margin:0;
    vertical-align:top;
	}
	
img {
	width: auto;
	max-width: 100%; 
	border: 0;
	-ms-interpolation-mode: bicubic;
	}

p img { margin-top: 20px; }
p img:first-child { margin-top: 0px; }
img.alignleft { margin: 3px 20px 20px 0; float: left; }
img.alignright { margin: 3px 0px 20px 20px; float: right; }

p + video, p + audio {
	margin-top: 20px;
	}

	
/* 02  =========================  VIM  ====================== */
/* Inline Video */

.inline-video {
	position: relative;
	cursor: pointer;
	display: inline-block;
	max-width: 100%;
	}
	.slider-item.inline-video, .parallax-section.inline-video { display: inherit; }
	
.inline-video:before {
	content: "\f488";
	font-family: "Ionicons";
	color: #ffffff;
	font-size: 50px;
	width: 55px;
	height: 60px; line-height: 60px;
	text-align: center;
	position: absolute;
	top: 50%; 
	left: 50%; 
	-webkit-transform: translateX(-50%) translateY(-50%) ;
  	-moz-transform: translateX(-50%) translateY(-50%) ;
  	-ms-transform: translateX(-50%) translateY(-50%) ;
  	-o-transform: translateX(-50%) translateY(-50%) ;
  	transform: translateX(-50%) translateY(-50%) ;
	}
	
.inline-video:hover::before {
	border-color: #F68338;
	padding: 3px 3px 3px 7px;
	}	
	
.inline-video::after {
	content: attr(data-button);
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.1em; 
	text-transform: uppercase;
	color: #ffffff;
	position: absolute;
	top: 50%; margin-top: 50px;
	left: 0;
	width: 100%;
	height: auto;
	text-align:center;
	}
	
.inline-video .inline-iframe-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	}
	
.inline-video .inline-iframe-container .close-inline-video {
	color: #ffffff;
	width: 40px;
	height: 40px; line-height: 40px;
	text-align: center;
	position: absolute;
	top: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%) ;
  	-moz-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
  	-o-transform: translateX(-50%);
  	transform: translateX(-50%)  ;
	border: 2px solid rgba(255, 255, 255, .4);
	-moz-border-radius:50px; 
	-khtml-border-radius:50px; 
	-webkit-border-radius:50px;
	border-radius: 50px;
	opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: all 0.3s ease;
	}
	.inline-video .inline-iframe-container .close-inline-video:hover {
	border-color: #33bfd0;
	}
	.inline-video.active .inline-iframe-container:hover .close-inline-video {
	opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
.inline-video .inline-iframe-container .close-inline-video:before {
	content: "\f12a";
	font-family: "Ionicons";
	font-size: 15px;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0; 
	left: 0; 
	}