/* 1. Common Elements */

#veg-scroll-bar {
	position: fixed;
	display: none;
	z-index: 10000;
}

.veg-scroll-inner {
	margin: 0 auto;
	position: relative;
}

#veg-video-container-holder {
	position: static;
	/*width: 100%;*/
	width: auto;
	height: auto;
	max-width: 100%;
}

/* Responsive */

#veg-video-container-holder {
	position: relative;
}

#veg-video-container {
	position: relative;
}
#veg-video-container iframe, #veg-video-container object, #veg-video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#veg-video-container-holder.veg-show-small .mejs-container {
	width: 100% !important;
	height: 100% !important;
}

#veg-video-container-holder.veg-show-small embed {
	width: 100% !important;
	height: auto;
	margin: 0;
	padding: 0;
	/*background: #000;*/
	background: transparent;
}

#veg-video-container-holder.veg-show-small .mejs-controls {
	display: none !important;
}

#veg-video-container-holder.veg-show-small .mejs-controls {
	display: none !important;
}

#me_vimeo_0_container.me-plugin {
	width: 100% !important;
	height: 100% !important;
}

#veg-video-container-holder.veg-show-small {
	position: fixed;
	z-index: 10010;
}

.veg-logo, .veg-cta, .veg-desc-text, .veg-html-element {
	display: none;
}

.veg-desc-text1, .veg-desc-text2 {
	display: block;
}

.veg-close-btn {
	display: block;
	position: absolute;
}

#veg-show-btn {
	display: none;
	position: fixed;
}

/* 2. Elements by type */

/* 2.1 With Top Bar */

#veg-scroll-bar.veg-top {
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
}

#veg-scroll-bar.veg-bottom {
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
}

#veg-scroll-bar.veg-left {
	bottom: 0;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 80px; /* default value */
}

#veg-scroll-bar.veg-right {
	bottom: 0;
	top: 0;
	right: 0;
	height: 100% !important;
	width: 80px; /* default value */
}


/* 2.2 Without Top Bar */
#veg-scroll-bar.veg-topleft {
	top: 0;
	left: 0px;
	background: transparent;
}

#veg-scroll-bar.veg-topright {
	top: 0;
	right: 0px;
	background: transparent;

}

#veg-scroll-bar.veg-bottomleft {
	bottom: 0;
	left: 0px;
	background: transparent;

}

#veg-scroll-bar.veg-bottomright {
	bottom: 0;
	right: 0px;
	background: transparent;

}

/* 2.3 Small Video Position */
.veg-video-top {
	top: 0;
	right: 70px;
}

.veg-video-bottom {
	bottom: 0;
	right: 70px;
}

.veg-video-left {
	bottom: 0;
	left: 70px;
}

.veg-video-right {
	bottom: 0;
	right: 70px;
}

.veg-video-topleft {
	top: 0;
	left: 70px;
}

.veg-video-topright {
	top: 0;
	right: 70px;
}

.veg-video-bottomleft {
	bottom: 0;
	left: 70px;
}

.veg-video-bottomright {
	bottom: 0;
	right: 70px;
}

/* Close Button */

.veg-top .veg-close-btn {
	bottom: 5px;
	right: 5px;
}

.veg-bottom .veg-close-btn {
	top: 5px;
	right: 5px;
}

.veg-left .veg-close-btn {
	bottom: 5px;
	left: 5px;
}

.veg-right .veg-close-btn {
	bottom: 5px;
	right: 5px;
}


.veg-topright .veg-close-btn {
	top: 5px;
	right: -45px;
}

.veg-topleft .veg-close-btn {
	top: 5px;
	left: -45px;
}


.veg-bottomright .veg-close-btn {
	bottom: 5px;
	right: -45px;
}

.veg-bottomleft .veg-close-btn {
	bottom: 5px;
	left: -45px;
}


.veg-top .veg-logo img, .veg-bottom .veg-logo img,
.veg-top a.veg-logo, .veg-bottom a.veg-logo  {
	max-height: 100%;
	height: 100%;
	width: auto;
}

.veg-left .veg-logo img, .veg-right .veg-logo img,
.veg-left a.veg-logo, .veg-right a.veg-logo {
	max-width: 100%;
	width: 100%;
	height: auto;
}

#veg-show-btn {
	position: fixed;
	/*top: 0;*/
	/*right: 5px;*/
}

#veg-show-btn.bar-top {
	top: 0;
	right: 5px;
}


#veg-show-btn.bar-bottom {
	bottom: 0;
	right: 5px;
}

#veg-show-btn.bar-left {
	position: fixed;
	bottom: 5px;
	left: 5px;
}

#veg-show-btn.bar-right {
	position: fixed;
	bottom: 5px;
	right: 5px;
}


#veg-show-btn.bar-topleft {
	top: 0;
	left: 5px;
}


#veg-show-btn.bar-topright {
	top: 0;
	right: 5px;
}

#veg-show-btn.bar-bottomleft {
	bottom: 0px;
	left: 5px;
}

#veg-show-btn.bar-bottomright {
	bottom: 0px;
	right: 5px;
}

#veg-scroll-bar.veg-topleft,
#veg-scroll-bar.veg-topright,
#veg-scroll-bar.veg-bottomleft,
#veg-scroll-bar.veg-bottomright {
	border: none;
	background-color: transparent;
}

.veg-logo, .veg-cta, .veg-desc-text, .veg-html-element {
	display: block;
	float: left;
	margin-right: 35px;

}

.veg-left .veg-scroll-inner, .veg-right .veg-scroll-inner {
	text-align: center;
}

.veg-top .veg-logo, .veg-top .veg-cta, .veg-top .veg-desc-text, .veg-top .veg-html-element,
.veg-bottom .veg-logo, .veg-bottom .veg-cta, .veg-bottom .veg-desc-text, .veg-bottom .veg-html-element {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


.veg-left .veg-logo, .veg-left .veg-cta, .veg-left .veg-desc-text, .veg-left .veg-html-element,
.veg-right .veg-logo, .veg-right .veg-cta, .veg-right .veg-desc-text, .veg-right .veg-html-element {
	position: static;
	top: auto;
	transform: none;
	float: none;
	margin-right: 0;
	margin-bottom: 35px;
	/*display: inline-block;*/
	/*margin: 0 auto;*/
}

.veg-left .veg-cta,
.veg-right .veg-cta {
	display: inline-block;
}

.veg-logo {
	padding: 8px 12px;
}

.veg-top .veg-cta,
.veg-bottom .veg-cta {
	/*margin-top: 22px;*/
	margin-left: 15px;
	margin-right: 15px;
	border-radius: 8px;
	padding: 8px 12px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	float: none;
}

.veg-topleft .veg-cta,
.veg-bottomleft .veg-cta,
.veg-topright .veg-cta,
.veg-bottomright .veg-cta {
	margin: 0 !important;
	border-radius: 8px;
	padding: 8px 12px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Botones */

.veg-close-btn, #veg-show-btn, #veg-zoom-btn {
	width: 25px;
	height: 24px;
	display: block;
}

.veg-close-btn {
	background: url(../img/ex.png);
}

#veg-show-btn {
	background: url(../img/reopen.png);
	display: none;
}

#veg-show-btn.bar-top, 
#veg-show-btn.bar-topleft, 
#veg-show-btn.bar-topright {
	background: url(../img/reopen_down.png);
}

#veg-show-btn.bar-left {
	background: url(../img/reopen_right.png);
}

#veg-show-btn.bar-right {
	background: url(../img/reopen_left.png);
}

#veg-zoom-btn.zoomin {
	background: url(../img/plus.png);
}

#veg-zoom-btn.zoomout {
	background: url(../img/minus.png);
}


/* Close Button */

#veg-zoom-btn {
	position: absolute;
}

.veg-top #veg-zoom-btn {
	bottom: 45px;
	right: 5px;
}

.veg-bottom #veg-zoom-btn {
	top: 45px;
	right: 5px;
}

.veg-left #veg-zoom-btn {
	bottom: 40px;
	left: 5px;
}

.veg-right #veg-zoom-btn {
	bottom: 40px;
	right: 5px;
}


.veg-topright #veg-zoom-btn {
	top: 45px;
	right: -45px;
}

.veg-topleft #veg-zoom-btn {
	top: 45px;
	left: -45px;
}


.veg-bottomright #veg-zoom-btn {
	bottom: 45px;
	right: -45px;
}

.veg-bottomleft #veg-zoom-btn {
	bottom: 45px;
	left: -45px;
}

.veg-logo-padding {
	display: block;
	float: left;
	width: 70px;
	height: 100%;
}


/* Left and Right */

.veg-left .veg-cta,
.veg-right .veg-cta {
	position: static;
}

#veg-video-container-virtual {
	display: none;
}

		    	/* Large Video */
		    	#veg-video-container {
			    	height: 379px;
			    	width: 673px;
			    	max-width: 100%;
		    	}
	    	

	/* 3. Specific Elements */

	#veg-scroll-bar {
		height: 100px;
		width: 100px;
		background-color: #e3e3e3;
		/*border-bottom: 1px solid black;*/
		/*border-top: 1px solid black;*/
		/*border-left: 1px solid black;*/
		opacity : 1;
	}

	.veg-scroll-inner {
		width: 100%;
		height: 100%;
	}

	/* Small Video Size is 142x80 */

	/* 1. Small Video */
	#veg-video-container-holder.veg-show-small {
		width: 275px !important;
		height: 180px !important;
	}

	#veg-video-container-holder.veg-show-small.veg-vid-fullsize {
		width: auto !important;
		height: auto !important;
	}

	#veg-video-container-holder.veg-show-small #veg-video-container {
		width: 275px;
		height: 180px;
	}

	#veg-video-container-holder.veg-show-small iframe,
	#veg-video-container-holder.veg-show-small embed {
		height: 180px;
		width: 275px;
	}

	.veg-vid-fullsize, #veg-video-container-virtual {
		height: 379px !important;
		width: 673px !important;

	}

	.veg-vid-smallsize {
		height: 180px !important;
		width: 275px !important;
	}

	/* 2. Bar Settings */


	/* 3. Custom Text */

/*	.veg-desc-text {
		font-size: 20px;
		color: #123456;
	}*/

	.veg-desc-text1 {
		font-family : Ubuntu Condensed;
		font-size : 20px;
		color : #000000;
		line-height: normal !important;
	}

	.veg-desc-text2 {
		font-family : Ubuntu Condensed;
		font-size : 16px;
		color : #292929;
		line-height: normal !important;
	}

	/* 4. CTA Button */

	.veg-cta {
		background-color: #249100;
		color: #ffffff !important;
		padding: 5px;
		font-family: Ubuntu;
		font-size: 20px;
		text-decoration: none !important;
		display: block;
		border-bottom: 3px solid black;
		border-bottom-color: #249100;
	}

	.veg-top .veg-cta,
	.veg-bottom .veg-cta {
		right : 355px;
	}
	
	/* Responsive */
	@media only screen and (max-width: 415px) {

		#veg-video-container-holder.veg-show-small {
			width: auto !important;
			height: auto !important;
			left: 70px;
			right: 70px;
		}

		#veg-video-container-holder.veg-show-small #veg-video-container {
			width: 100% !important;
			height: auto !important;
		}

		#veg-video-container-holder.veg-show-small iframe,
		#veg-video-container-holder.veg-show-small embed {
		height: 180px;
		width: 275px;
		}

	}