/*---------------------------------------------------------------
# Package - Joomla Template based on Stools Framework   
# ---------------------------------------------------------------
# Author - joomla2you http://www.joomla2you.com
# Copyright (C) 2008 - 2018 joomla2you.com. All Rights Reserved.
# Websites: http://www.joomla2you.com
-----------------------------------------------------------------*/


/* Mask 3 */
.maskcontainer--mask3 {border-bottom: 0 !important;}
.ju-settmmask--mask3 { position: absolute; bottom: 0; left: 0; width: 100%; height: 57px;overflow: hidden;}
.ju-settmmask--mask3 .svgmask {position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); 
	transform:translateX(-50%); margin-bottom: -15px;}
.ju-settmmask--mask3 .glyphicon {position: absolute; bottom: 5px; left: 50%; display: block; width: 30px; text-align: center; font-size: 22px; 
	opacity: 0.2; height: 15px; top: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); 
	margin-left: 1px;}

/* Mask 4 */
.maskcontainer--mask4 {border-bottom: 0 !important; padding-bottom: 40px;}
.ju-settmmask--mask4 { position: absolute; bottom: 0; left: 0; width: 100%; height: 27px;overflow: hidden;}
.ju-settmmask--mask4 .svgmask {position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); 
	transform:translateX(-50%);}

/* Mask 3 and 4, left or right aligned */
@media  (min-width: 1200px) {
	.ju-settmmask--mask3 .svgmask-right,
	.ju-settmmask--mask3 .svgmask-right + .glyphicon,
	.ju-settmmask--mask4 .svgmask-right {-webkit-transform:translateX( calc(-50% + 510px) ); -ms-transform:translateX( calc(-50% + 510px) ); 
		transform: translateX( calc(-50% + 510px) );}
	.ju-settmmask--mask3 .svgmask-left,
	.ju-settmmask--mask3 .svgmask-left + .glyphicon,
	.ju-settmmask--mask4 .svgmask-left {-webkit-transform:translateX( calc(-50% - 510px) ); -ms-transform:translateX( calc(-50% - 510px) ); 
		transform: translateX( calc(-50% - 510px) );}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.ju-settmmask--mask3 .svgmask-right,
	.ju-settmmask--mask3 .svgmask-right + .glyphicon,
	.ju-settmmask--mask4 .svgmask-right {-webkit-transform:translateX( calc(-50% + 410px) ); -ms-transform:translateX( calc(-50% + 410px) ); 
		transform: translateX( calc(-50% + 410px) );}
	.ju-settmmask--mask3 .svgmask-left,
	.ju-settmmask--mask3 .svgmask-left + .glyphicon,
	.ju-settmmask--mask4 .svgmask-left {-webkit-transform:translateX( calc(-50% - 410px) ); -ms-transform:translateX( calc(-50% - 410px) ); 
		transform: translateX( calc(-50% - 410px) );}
}

@media (min-width: 768px) and (max-width: 991px) {
	.ju-settmmask--mask3 .svgmask-right,
	.ju-settmmask--mask3 .svgmask-right + .glyphicon,
	.ju-settmmask--mask4 .svgmask-right {-webkit-transform:translateX( calc(-50% + 300px) ); -ms-transform:translateX( calc(-50% + 300px) ); transform: translateX( calc(-50% + 300px) );}
	.ju-settmmask--mask3 .svgmask-left,
	.ju-settmmask--mask3 .svgmask-left + .glyphicon,
	.ju-settmmask--mask4 .svgmask-left {-webkit-transform:translateX( calc(-50% - 300px) ); -ms-transform:translateX( calc(-50% - 300px) ); transform: translateX( calc(-50% - 300px) );}
}

@media (max-width: 767px) {
	.ju-settmmask--mask3 .svgmask-right,
	.ju-settmmask--mask3 .svgmask-right + .glyphicon,
	.ju-settmmask--mask4 .svgmask-right,
	.ju-settmmask--mask3 .svgmask-left,
	.ju-settmmask--mask3 .svgmask-left + .glyphicon,
	.ju-settmmask--mask4 .svgmask-left {-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform: translateX(-50%);}
}

/* Mask 5 */
.maskcontainer--mask5 {border-bottom: 0 !important; padding-bottom: 18px;background:#f5f5f5;}
.ju-settmmask--mask5 { position: absolute; bottom: 0; left: 0; width: 100%; height: 64px; overflow: hidden;}
.ju-settmmask--mask5 .svgmask {position: absolute; z-index: 20;bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); 
	transform:translateX(-50%);}
.ju-settmmask--mask5 .bmask-customfill {-webkit-transform: translateY(-1px);-ms-transform: translateY(-1px);transform: translateY(-1px);}
/* Hack for safari only to hide shadow */
.is-safari .svgmask .bmask-bgfill,
.is-safari .ju-settmmask--mask3 .bmask-bgfill,
.is-safari .ju-settmmask--mask4 .bmask-bgfill { -webkit-filter:none; filter: none;}

/* Mask 6 */
.maskcontainer--mask6 {border-bottom: 0 !important; padding-bottom: 21px;}
.ju-settmmask--mask6 { position: absolute; top: -55px; left: 0; width: 100%; height: 57px; overflow: hidden;}
.ju-settmmask--mask6 .svgmask {position: absolute; bottom:0; left:50%;  z-index: 20;-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); 
	transform:translateX(-50%);}
	
.ls-source__mask {position: absolute; bottom:0; left:0; height: 66px; background:#fff; width: 100%; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); -webkit-backface-visibility:hidden;}
.ls-source__mask.ls-source__mask-front {background: -moz-linear-gradient(top,  rgba(245,245,245,0.6) 0%, rgba(245,245,245,1) 60%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,0.6)), color-stop(60%,rgba(245,245,245,1))); background: -webkit-linear-gradient(top,  rgba(245,245,245,0.6) 0%,rgba(245,245,245,1) 60%); background: -o-linear-gradient(top,  rgba(245,245,245,0.6) 0%,rgba(245,245,245,1) 60%); background: -ms-linear-gradient(top,  rgba(245,245,245,0.6) 0%,rgba(245,245,245,1) 60%); background: linear-gradient(to bottom,  rgba(245,245,245,0.6) 0%,rgba(245,245,245,1) 60%);}
.ls-source__mask.ls-source__mask-back {background:rgba(255,255,255,.4);    -webkit-transform: skewY(-3.1deg); -ms-transform: skewY(-3.1deg); transform: skewY(-3.1deg); -webkit-backface-visibility:hidden;bottom: 40px;}