/*----------------------------------------------------------------------------------
---     FONTS     ------------------------------------------------------------------
----------------------------------------------------------------------------------*/
@font-face {
	font-family: 'Berkshire Swash';
	src: URL('../Fonts/BerkshireSwash-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Lobster Two';
	src: URL('../Fonts/LobsterTwo/LobsterTwo-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Diablo';
	src: URL('../Fonts/Diablo/DiabloLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Diablo Heavy';
	src: URL('../Fonts/Diablo/DiabloHeavy.ttf') format('truetype');
}
@font-face {
	font-family: 'Dalek';
	src: URL('../Fonts/Ancient/Dalek.ttf') format('truetype');
}
@font-face {
	font-family: 'Gelio Pasteli';
	src: URL('../Fonts/Ancient/GelioPasteli.ttf') format('truetype');
}
@font-face {
	font-family: 'Trajan Pro';
	src: URL('../Fonts/TrajanPro/TrajanPro.ttf') format('truetype');
}
@font-face {
	font-family: 'Trajan Pro Bold';
	src: URL('../Fonts/TrajanPro/TrajanProBold.ttf') format('truetype');
}

.ArialSans
{
	font-family: Arial, Helvetica, sans-serif;
}
.LobsterTwo
{
	font: 400 22px/1.3 'Lobster Two', Helvetica, sans-serif;         
}
.bSwash 
{
	font: 400 100px/1.3 'Berkshire Swash', Helvetica, sans-serif;
	text-shadow: 1px 1px 0px #ededed, 4px 4px 0px rgba(0,0,0,0.15);
}
.bSwashNS
{
	font: 400 100px/1.3 'Berkshire Swash', Helvetica, sans-serif;
}
.Diablo
{
	font-family: 'Diablo';         
}
.DiabloHeavy
{
	font-family: 'Diablo Heavy';
}

.Dalek
{
	font-family: 'Dalek';
}
.GelioPasteli
{
	font-family: 'Gelio Pasteli';
}
/*----------------------------------------------------------------------------------
---     FONTS -  END   -------------------------------------------------------------
----------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------
---     MIRROR & ROTATE     --------------------------------------------------------
----------------------------------------------------------------------------------*/
/* Flip Vertical */
.flipVertical
{
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
	filter: FlipH;
}
/* Flip Horizontal */
.flipHorizontal
{
	-moz-transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	transform: scale(1, -1);
	filter: FlipH;
}
/* Flip Vertical & Horizontal  */
.flipVerticalHorizontal
{
	-moz-transform: scale(-1, -1);
	-webkit-transform: scale(-1, -1);
	-o-transform: scale(-1, -1);
	transform: scale(-1, -1);
	filter: FlipH;
}
/* No Flip */
.noFlip
{
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	filter: FlipH;
}

/* Rotate 90 */	 
.Rotate90
{
	overflow: hidden;
	-moz-transform:    rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform:      rotate(90deg);
	transform:         rotate(90deg);
	-ms-transform:     rotate(90deg);
	filter: FlipH;
}
/* Rotate 90 & Flip Vertical */	 
.Rotate90V
{
	overflow: hidden;
	-moz-transform:    rotate(90deg) scale(-1, 1);
	-webkit-transform: rotate(90deg) scale(-1, 1);
	-o-transform:      rotate(90deg) scale(-1, 1);
	transform:         rotate(90deg) scale(-1, 1);
	-ms-transform:     rotate(90deg) scale(-1, 1);
	filter: FlipH;
}
/* Rotate 90 & Flip Horizontal */	 
.Rotate90H
{
	overflow: hidden;
	-moz-transform:    rotate(90deg) scale(1, -1);
	-webkit-transform: rotate(90deg) scale(1, -1);
	-o-transform:      rotate(90deg) scale(1, -1);
	transform:         rotate(90deg) scale(1, -1);
	-ms-transform:     rotate(90deg) scale(1, -1);
	filter: FlipH;
}
/* Rotate 90 & Flip Vertical + Horizontal */	 
.Rotate90HV
{
	overflow: hidden;
	-moz-transform:    rotate(90deg) scale(-1, -1);
	-webkit-transform: rotate(90deg) scale(-1, -1);
	-o-transform:      rotate(90deg) scale(-1, -1);
	transform:         rotate(90deg) scale(-1, -1);
	-ms-transform:     rotate(90deg) scale(-1, -1);
	filter: FlipH;
}
/*----------------------------------------------------------------------------------
---     MIRROR & ROTATE -  END    --------------------------------------------------
----------------------------------------------------------------------------------*/

.brightenInfinite {
	animation: brighten 7s infinite;
}
.brightenOnce {
	animation: brighten 7s;	
}
@keyframes brighten {
	50% {
	  -webkit-filter: brightness(1.25); 
	  filter: brightness(1.25);
	}
}
/*----------------------------------------------------------------------------------
---     HOVER     ------------------------------------------------------------------
----------------------------------------------------------------------------------*/	 
/* Brighten On Hover (Gud for Buttons) */
img.Kula:hover
{
	filter: brightness(1.25);
	-webkit-filter: brightness(1.25);
	-moz-filter: brightness(1.25);
	-o-filter: brightness(1.25);
	-ms-filter: brightness(1.25);
	cursor: hand;
}
/* Black and White (Gud for Disabled image Buttons)*/
img.BnW
{
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	cursor: pointer;
}
/*----------------------------------------------------------------------------------
---     HOVER -  END    ------------------------------------------------------------
----------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------
---     MESS-AROUND CONTROL    -----------------------------------------------------
----------------------------------------------------------------------------------*/
/* Blocks text/elements to be selected */
.noSelect {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/* Allows text/elements to be selected */
.yesSelect {
	-webkit-user-select: auto;
	-khtml-user-select: auto;
	-moz-user-select: auto;
	-o-user-select: auto;
	user-select: auto;
}
/* Selects all the Text block (Gud for email, phone, etc. copy/paste elements) */
.allSelect {
	-webkit-user-select: all;
	-khtml-user-select: all;
	-moz-user-select: all;
	-o-user-select: all;
	user-select: all;
}
/* Blocks elements to be dragged around */
.noDrag {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
	draggable: false;
}
/* Blocks most mouse events on the element */
.noPointer {
	pointer-events: none !important;	
}
/* Allows most mouse events on the element */
.yesPointer {
	pointer-events: auto;
}
/*----------------------------------------------------------------------------------
---     MESS-AROUND CONTROL -  END   -----------------------------------------------
----------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------
---     HIDE    --------------------------------------------------------------------
----------------------------------------------------------------------------------*/
.isInvisible {
	opacity: 0;
}
.isHidden {
	display: none;
}
/*----------------------------------------------------------------------------------
---     HIDE -  END   --------------------------------------------------------------
----------------------------------------------------------------------------------*/