@charset "utf-8";
/* CSS Document */


/*__________________________________________________________________________

HEADER		HEADER		HEADER		HEADER		HEADER
__________________________________________________________________________*/





/***********************************
YOUTUBE VIDEO SIZES
*/**********************************
/*__________________________________________________________________________

VIDEOS		VIDEOS		VIDEOS		VIDEOS		VIDEOS		
__________________________________________________________________________*/


.vid-size
{
  	aspect-ratio: 16 / 9;
  	width: 100%;
	max-width:1024px;
	padding:5%;
	margin:0px auto;
	border: #f00 dotted 0px;
}

.vid-size90
{
  	aspect-ratio: 16 / 9;
  	width: 90%;
	max-width:1024px;
	padding:5%;
	margin:0px auto;
	border: #f00 dotted 0px;
}

.vid-size80
{
  	aspect-ratio: 16 / 9;
  	width: 80%;
	max-width:1024px;
	padding:5%;
	margin:0px auto;
}




/*

.youtubeResize
{
  	aspect-ratio: 16 / 9;
  	width: 100%;
	max-width:1024px;
	padding:5%;
	margin:0px auto;
}

.youtubeResize90
{
  	aspect-ratio: 16 / 9;
  	width: 90%;
	max-width:1024px;
	padding:5%;
	margin:0px auto;
}

.youtubeResize80
{
  	aspect-ratio: 16 / 9;
  	width: 80%;
	max-width:1024px;
	padding:5%;
	margin:0px auto;
}

.youtubeResize60
{
  	aspect-ratio: 16 / 9;
  	width: 60%;
	max-width:1024px;
	padding:5%;
	margin:0px auto;
}

*/













/*__________________________________________________________________________

	COLUMNS		COLUMNS		COLUMNS		COLUMNS		COLUMNS 
__________________________________________________________________________*/


.col-cont 
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2%;
}

.col 
{
    /*background-color: #1e1e1e;*/
    color: black;
    width: calc(33.33% - 10px); /* Three boxes per row with spacing */
    margin-bottom: 2%;
    padding: 0%;
    text-align: center;
    border-radius: 0px;
    transition: background-color 0.3s;
	border-bottom: #fff solid 5px;
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.col:hover 
{
    background-color: #eee;
	border-bottom: #d4af37 solid 5px;
}

.col-desc
{
	padding:0%;
}

.col-img /*img-cont*/
{
	
}

@media (max-width: 768px)
{
    .col 
    {
        width: calc(50% - 10px); /* Two boxes per row on smaller screens */
    }
}

@media (max-width: 480px)
{
    .col 
    {
        width: 100%; /* One box per row on very small screens */
    }
}













/*__________________________________________________________________________

	IMAGES		 IMAGES		IMAGES		IMAGES		IMAGES
__________________________________________________________________________*/


.img-cont-cent
{
    width: 80%; /* Set desired flexible width */
    height: 0;
    padding-top: 56.25%; /* Aspect ratio of 16:9 (you can adjust this) */
    overflow: hidden; /* Hide overflow */
    position: relative; /* Positioning context */
}

.img-cont-cent img 
{
    position: absolute; /* Position image absolutely */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    width: auto; /* Maintain aspect ratio */
    height: 100%; /* Fill the height of the container */
    object-fit: cover; /* Cover the container while preserving aspect ratio */
    transform: translate(-50%, -50%); /* Center the image */
}


.img-cont-top 
{
    width: 80%; /* Set desired flexible width */
    height: 0;
    padding-top: 56.25%; /* Aspect ratio of 16:9 (you can adjust this) */
    overflow: hidden; /* Hide overflow */
    position: relative; /* Positioning context */
}

.img-cont-top img 
{
    position: absolute; /* Position image absolutely */
    top: 0; /* Align image to the top */
    left: 50%; /* Center horizontally */
    width: auto; /* Maintain aspect ratio */
    height: 100%; /* Fill the height of the container */
    object-fit: cover; /* Cover the container while preserving aspect ratio */
    transform: translateX(-50%); /* Center the image horizontally */
}

.img-cont-top-left
{
    width: 100%; /* Set desired flexible width */
    height: 0;
    padding-top: 56.25%; /* Aspect ratio of 16:9 (height: width ratio) */
    overflow: hidden; /* Hide overflow */
    position: relative; /* Positioning context */
}

.img-cont-top-left img 
{
    position: absolute; /* Position image absolutely */
    top: 0; /* Align image to the top */
    left: 0; /* Align image to the left */
    width: auto; /* Maintain aspect ratio */
    height: 100%; /* Fill the height of the container */
    object-fit: cover; /* Cover the container while preserving aspect ratio */
}




.img-cont-left 
{
    width: 80%; /* Set desired flexible width */
    height: 0;
    padding-top: 56.25%; /* Aspect ratio of 16:9 (you can adjust this) */
    overflow: hidden; /* Hide overflow */
    position: relative; /* Positioning context */
}

.img-cont-left img 
{
    position: absolute; /* Position image absolutely */
    top: 50%; /* Center vertically */
    left: 0; /* Align image to the left */
    width: auto; /* Maintain aspect ratio */
    height: 100%; /* Fill the height of the container */
    object-fit: cover; /* Cover the container while preserving aspect ratio */
    transform: translateY(-50%); /* Center the image vertically */
}
/*
create a image container that only previews the center of any image and hides the rest of it. the container has a flexible size and the image must maintain the aspect ratio as this size changes
*/

/*__________________________________________________________________________

SHADES & SHADOWS	SHADES & SHADOWS	SHADES & SHADOWS	SHADES & SHADOWS
__________________________________________________________________________*/









/*__________________________________________________________________________

LISTS	LISTS	LISTS	LISTS	LISTS	LISTS	LISTS	LISTS
__________________________________________________________________________*/



ul.manual
{
	
}

li.manual
{
	
}


/*********** LISTS ***********/


ul.circle
{
	list-style-type:circle;
}

ul.decimal
{
	list-style-type:decimal;
}

ul.square
{
	list-style-type:square;
}

ul.alpha
{
	list-style-type:alpha;
}

ul.latin
{
	list-style-type:latin;
}

ul.roman
{
	list-style-type:lower-roman;
}



li.circle
{
	list-style-type:circle;
}

li.decimal
{
	list-style-type:decimal;
}

li.square
{
	list-style-type:square;
}

li.alpha
{
	list-style-type:alpha;
}

li.latin
{
	list-style-type:latin;
}

li.roman
{
	list-style-type:lower-roman;
}





/*__________________________________________________________________________

TEXT & LINKS	TEXT & LINKS	TEXT & LINKS	TEXT & LINKS
__________________________________________________________________________*/
.fontXJumbo
{
	font-size: 48px;
}


.fontJumbo
{
	font-size: 36px;
}

.fontXLarge
{
	font-size: 30px;
}

.fontLarge
{
	font-size: 24px;
}

.fontXMedium
{
	font-size: 20px;
}

.fontSmall
{
	font-size: 12px;
}

.fontMedium
{
	font-size: 16px;
}





/*************  DYNAMIC FONTS ************/

.titleFlexXLarge
{
	font-size: 10vw;
}

.titleFlexLarge
{
	font-size: 5vw;
}

.titleFlexMedium
{
	font-size: 3vw;
}

.titleFlexSmall
{
	font-size: 2vw;
}


.fontFlexJumbo
{
	font-size: 10vw;
}

.fontFlexLarge
{
	font-size: 5vw;
}

.fontFlexMedium
{
	font-size: 3vw;
}

.fontFlexSmall
{
	font-size: 2vw;
}





/**************  FONT COLORS *************/
.black
{
	color: #000;
}

.white
{
	color: #fff;
}

.red
{
	color: #f00;
}

.gold
{
	color: #d4af37;
}

.green
{
	color: #090;
}

.orange
{
	color: #d4af37;
}

.yellow
{
	color: #d4af37;
}

.blue
{
	color: #d4af37;
}

.grey
{
	color: #5a5a5a;
}

.grey-light
{
	color: #cacaca;
}

.grey-dark
{
	color: #cacaca;
}

.bold
{
	font-weight: bold;
}

.light-bold
{
	font-weight: 500;
}



/*__________________________________________________________________________

MARGINS		MARGINS		MARGINS		MARGINS		MARGINS
__________________________________________________________________________*/

.marg-cen
{
	margin:0px auto;
}

/********** TOP MARGINS ***********/
.marg-top1
{
	margin-top:1%;
}

.marg-top2
{
	margin-top:2%;
}

.marg-top3
{
	margin-top:3%;
}

.marg-top4
{
	margin-top:4%;
}

.marg-top5
{
	margin-top:5%;
}

.marg-top8
{
	margin-top:5%;
}

.marg-top10
{
	margin-top:5%;
}


/********** LEFT MARGINS ***********/

.marg-left1
{
	margin-left:1%;
}

.marg-left2
{
	margin-left:2%;
}

.marg-left3
{
	margin-left:3%;
}

.marg-left4
{
	margin--left:4%;
}

.marg-left5
{
	margin--left:5%;
}

.marg-left8
{
	margin-left:8%;
}

.marg-left10
{
	margin-left:10%;
}



/********** RIGHT MARGINS ***********/


.marg-right1
{
	margin-left:1%;
}

.marg-right2
{
	margin-left:2%;
}

.marg-right3
{
	margin-left:3%;
}

.marg-right4
{
	margin--left:4%;
}

.marg-right5
{
	margin--left:5%;
}

.marg-right8
{
	margin-left:8%;
}

.marg-right10
{
	margin-left:10%;
}



/********** BOTTOM MARGINS ***********/
.marg-bot1
{
	margin-bottom:1%;
}

.marg-bot2
{
	margin-bottom:2%;
}

.marg-bot3
{
	margin-bottom:3%;
}

.marg-bot4
{
	margin-bottom:4%;
}

.marg-bot5
{
	margin-bottom:5%;
}

.marg-bot8
{
	margin-bottom:8%;
}

.marg-bot10
{
	margin-bottom:10%;
}






/*__________________________________________________________________________

PADDING		PADDING		PADDING		PADDING		PADDING
__________________________________________________________________________*/

/**********  PADDING TOP ***********/


.pad-top1
{
	padding-top:1%;
}

.pad-top2
{
	padding-top:2%;
}

.pad-top3
{
	padding-top:3%;
}

.pad-top4
{
	padding-top:4%;
}

.pad-top5
{
	padding-top:5%;
}

.pad-top8
{
	padding-top:8%;
}

.pad-top10
{
	padding-top:10%;
}


/**********  PADDING BOTTOM ***********/


.pad-bot1
{
	padding-bottom:1%;
}

.pad-bot2
{
	padding-bottom:2%;
}

.pad-bot3
{
	padding-bottom:3%;
}

.pad-bot4
{
	padding-bottom:4%;
}

.pad-bot5
{
	padding-bottom:5%;
}

.pad-bot8
{
	padding-bottom:8%;
}

.pad-bot10
{
	padding-bottom:10%;
}



/**********  PADDING LEFT ***********/



.pad-left1
{
	padding-left:1%;
}

.pad-left2
{
	padding-left:2%;
}

.pad-left3
{
	padding-left:3%;
}

.pad-left4
{
	padding-left:4%;
}

.pad-left5
{
	padding-left:5%;
}

.pad-left8
{
	padding-left:8%;
}

.pad-left10
{
	padding-left:10%;
}


/**********  PADDING RIGHT ***********/


.pad-right1
{
	padding:1%;
}

.pad-right2
{
	padding-right:2%;
}

.pad-right3
{
	padding-right:3%;
}

.pad-right4
{
	padding-right:4%;
}

.pad-right5
{
	padding-right:5%;
}

.pad-right8
{
	padding-right:8%;
}

.pad-right10
{
	padding-right:10%;
}


/*********** PADDING 1s   ***********/



.pad1
{
	padding:1%;
}

.pad1-2
{
	padding:1% 2%;
}

.pad1-3
{
	padding:1% 3%;
}

.pad1-4
{
	padding:1% 4%;
}

.pad1-5
{
	padding:1% 5%;
}

/*********** PADDING 2s   ***********/

.pad2
{
	padding:2%;
}

.pad2-1
{
	padding:2% 1%;
}

.pad2-3
{
	padding:2% 3%;
}

.pad2-4
{
	padding:2% 4%;
}

.pad2-5
{
	padding:2% 5%;
}

/*********** PADDING 3s   ***********/


.pad3
{
	padding:3%;
}

.pad3-1
{
	padding:3% 1%;
}

.pad3-2
{
	padding:3% 2%;
}

.pad3-4
{
	padding:3% 4%;
}

.pad3-5
{
	padding:3% 5%;
}

/*********** PADDING 4s   ***********/


.pad4
{
	padding:4%;
}

.pad4-1
{
	padding:4% 1%;
}

.pad4-2
{
	padding:4% 2%;
}

.pad4-3
{
	padding:4% 3%;
}

.pad4-5
{
	padding:4% 5%;
}

/*********** PADDING 5s   ***********/


.pad5
{
	padding:5%;
}

.pad5-1
{
	padding:5% 1%;
}

.pad5-2
{
	padding:5% 2%;
}

.pad5-3
{
	padding:5% 3%;
}

.pad5-4
{
	padding:5% 4%;
}


/*********** PADDING 8 + 10   ***********/

.pad8
{
	padding:8%;
}

.pad10
{
	padding:10%;
}


























/*__________________________________________________________________________

POSITIONING		POSITIONING		POSITIONING		POSITIONING		POSITIONING
__________________________________________________________________________*/

.left
{
	text-align:left;
}

.center
{
	text-align:center;
}

.right
{
	float:right;
}


VERT ALIGN




/*__________________________________________________________________________

BACKGROUNDS		BACKGROUNDS		BACKGROUNDS		BACKGROUNDS		BACKGROUNDS	
__________________________________________________________________________*/

.back-gold
{
	background-color: #d4af37;
}

.back-blac
{
	background-color: #000;
}

.back-grey
{
	background-color: #5a5a5a;
}

.back-grey-ligh
{
	background-color: #cacaca;
}

.back-grey-dark
{
	background-color: #3f3f3f;
}

.back-whit
{
	background-color: #fff;
}

.back-red
{
	background-color: #f00;
}

.back-gree
{
	background-color: #090;
}

.back-blue
{
	background-color: #d4af37;
}

.back-yell
{
	background-color: #ff0;
}

.back-oran
{
	background-color: #099;
}



/*__________________________________________________________________________

BORDERS		BORDERS		BORDERS		BORDERS		BORDERS		BORDERS
__________________________________________________________________________*/


.bord-blac
{
	border: #000 solid 1px;
}

.bord-whit
{
	border: #000 solid 1px;
}

.bord-gold
{
	border: #000 solid 1px;
}

.bord-red
{
	border: #000 solid 1px;
}

.bord-grey
{
	border: #000 solid 1px;
}

.bord-grey-ligh
{
	border: solid 1px #cacaca;
}

.bord-grey-dark
{
	border: solid 1px #3f3f3f;
}


/*********** BORDER TOP *****************/
.bord-top-blac
{
	border: #000 solid 1px;
}

.bord-top-whit
{
	border: #000 solid 1px;
}

.bord-top-gold
{
	border: #000 solid 1px;
}

.bord-top-red
{
	border: #000 solid 1px;
}

.bord-top-grey
{
	border: #000 solid 1px;
}

.bord-top-grey-ligh
{
	border: solid 1px #cacaca;
}

.bord-top-grey-dark
{
	border: solid 1px #3f3f3f;
}

/*********** BORDER BOTTOM *****************/

.bord-bot-blac
{
	border-bottom: #000 solid 1px;
}

.bord-bot-whit
{
	border-bottom: #000 solid 1px;
}

.bord-bot-gold
{
	border-bottom: #000 solid 1px;
}

.bord-bot-red
{
	border-bottom: #000 solid 1px;
}

.bord-bot-grey
{
	border-bottom: #000 solid 1px;
}

.bord-bot-grey-ligh
{
	border-bottom: solid 1px #cacaca;
}

.bord-bot-grey-dark
{
	border-bottom: solid 1px #3f3f3f;
}


/*********** BORDER LEFT *****************/

.bord-left-blac
{
	border: #000 solid 1px;
}

.bord-left-whit
{
	border: #000 solid 1px;
}

.bord-left-gold
{
	border: #000 solid 1px;
}

.bord-left-red
{
	border: #000 solid 1px;
}

.bord-left-grey
{
	border: #000 solid 1px;
}

.bord-left-grey-ligh
{
	border: solid 1px #cacaca;
}

.bord-left-grey-dark
{
	border: solid 1px #3f3f3f;
}


/*********** BORDER RIGHT *****************/

.bord-righ-blac
{
	border: #000 solid 1px;
}

.bord-righ-whit
{
	border: #000 solid 1px;
}

.bord-righ-gold
{
	border: #000 solid 1px;
}

.bord-righ-red
{
	border: #000 solid 1px;
}

.bord-righ-grey
{
	border: #000 solid 1px;
}

.bord-righ-grey-ligh
{
	border: solid 1px #cacaca;
}

.bord-righ-grey-dark
{
	border: solid 1px #3f3f3f;
}

/*__________________________________________________________________________

BOX SHADOW		BOX SHADOW		BOX SHADOW		BOX SHADOW
__________________________________________________________________________*/

.box-shad-gold
{
	box-shadow: 5px 5px 5px #d4af37;
}

.box-shad-grey
{
	box-shadow: 5px 5px 5px #ccc;
}

.box-shad-grey2
{
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}


/*__________________________________________________________________________

LINKS		LINKS		LINKS		LINKS
__________________________________________________________________________*/

a.links4:link 
{
	text-decoration:none;
	color:#000;
}

a.links4:visited 
{
	text-decoration:none;
	color:#000;
}

a.links4:hover 
{
	text-decoration:none;
	color:#3f3f3f;
	background-image:url(../images/arrow_grey.png);
	background-position: right;
	background-size:5%;
	background-repeat:no-repeat;		
}

a.links4:active 
{
	color:#3f3f3f;
	text-decoration:underline;
	box-shadow: 5px 5px 5px #ccc;
	background-image:url(../images/arrow_gold.png);
	background-position: right;
	background-size:5%;
	background-repeat:no-repeat;	
}

.links4Wrap
{
	border-bottom: #f00 solid 1px;
	padding:2% 0%;
}




a.theme1:link 
{
	text-decoration:none;
	color:#d4af37;
}

a.theme1:visited 
{
	text-decoration:none;
	color:#d4af37;
}

a.theme1:hover 
{
	text-decoration:underline;
	color:#d4af37;
	background-image:url(images/arrow_gold.png);
	background-position: right;
	background-size:5%;
	background-repeat:no-repeat;	
}

a.theme1:active 
{
	color:#d4af37;
	text-decoration:underline;
	box-shadow: 5px 5px 5px #ccc;
	background-image:url(images/arrow_gold.png);
	background-position: right;
	background-size:5%;
	background-repeat:no-repeat;	
}

.theme1Wrap
{
	border-bottom: #d4af37 solid 1px;
	padding:2% 0%;
}




a.theme2:link 
{
	text-decoration:none;
	color:#3f3f3f;
}

a.theme2:visited 
{
	text-decoration:none;
	color:#3f3f3f;
}

a.theme2:hover 
{
	text-decoration:underline;
	color:#f00;
	border-bottom: #f00 dotted 1px;
	box-shadow: 5px 5px 5px #ccc;	
}

a.theme2:active 
{
	color:#3f3f3f;
	text-decoration:underline;
	box-shadow: 5px 5px 5px #ccc;
	background-image:url(../images/arrow_gold.png);
	background-position: right;
	background-size:5%;
	background-repeat:no-repeat;	
}

.theme2Wrap
{
	border-bottom: #3f3f3f solid 1px;
	padding:2% 0%;
}





a.theme3:link 
{
	text-decoration:none;
	color:#f00;
}

a.theme3:visited 
{
	text-decoration:none;
	color:#f00;
}

a.theme3:hover 
{
	text-decoration:underline;
	color:#3f3f3f;
}

a.theme3:active 
{
	color:#d4af37;
	text-decoration:underline;
	box-shadow: 5px 5px 5px #ccc;
	background-image:url(../images/arrow_gold.png);
	background-position: right;
	background-size:5%;
	background-repeat:no-repeat;	
}

.theme3Wrap
{
	border-bottom: #f00 solid 1px;
	padding:2% 0%;
}






.overflow-auto
{
	overflow: auto;
}



/*__________________________________________________________________________

ICONS	ICONS		ICONS		ICONS		ICONS		ICONS	
__________________________________________________________________________*/

.icon-soci-cont 
{
    display: flex; /* Flexbox for social links */
    margin-top: 10px; /* Space above social links */
}

.icon-soci 
{
    width: 36px; /* Icon size */
    height: 36px; /* Icon size */
    margin-right: 2%; /* Space between icons */
}

.icon-soci:last-child 
{
    margin-right: 0; /* Remove margin for the last icon */
}

.icon-arro-blac
{
	background-image:url(../images/arrow_black.png);
	background-position: right;
	background-size:10%;
	background-repeat:no-repeat;
}

.icon-arro-whit
{
	background-image:url(../images/arrow_white.png);
	background-position: right;
	background-size:5%;
	background-repeat:no-repeat;
}

.icon-arro-gold
{
	background-image:url(../images/arrow_gold.png);
	background-position: right;
	background-size:10%;
	background-repeat:no-repeat;
}