html {
  scroll-behavior: smooth;
}

.body {
		/* background-color: #ffffff; */
		font-family: helvetica, arial, sans-serif;	
		background-color: #303030;

	
	}

img {
  pointer-events: none;
}

a:hover { 
		/*opacity: .97;
		cursor: pointer;
		transition: opacity 0.2s ease-in-out;
		-webkit-transition: opacity 0.2s ease-in-out; */
		}

	
#info {
		width: 100%;
		height: 450px;
		z-index: 101;
		background-color: #ff5624;
	/*	background-color: 	#303030; */
		  background-image: linear-gradient(-45deg, #ff3a24, #ff5624);
	}

#namecard {
		width: 100%;
		height: 50px;
		z-index: 100;
		left: 0 px;
		top: 0px;
		transition: top 0.5s ease-in-out;
		background-color: #ff5624;
	/*	background-color: 	#303030; */
		position: static;
		display: none;
		 background-image: linear-gradient(-45deg, #ff3a24, #ff5624);
		
	}

.hiddenscroll {
		display: none;
	}


videoheight {
	width: 100%;
	height: 175px:
	}
	
.bluebar {
	margin: 50px 0px 20px 0px;
	width: 100%;
	height: 2px;
	background-color: #ff5624;
	}	
	
.bluebar:hover {
	background-color: #ff5624;
	transition: background-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out;
	}	


.nametxt  {
	font-family: helvetica, arial, sans-serif;
	color: white;
	letter-spacing: 1px;
	font-size: 1.25em;
	font-weight: normal;
	line-height: 150%;
	margin: 5px 0px 0px 0px;
	text-decoration: none;

	}
	
							
.no {
	display: none;
	}

.BIGTITLE {
	font-family: helvetica, arial, sans-serif;
	color: #ff5624;
	letter-spacing: -1px;
	font-size: 7em;
	font-weight: bold;
	line-height: 90%;
	margin: 0px 0px -60px 0px;

	}




.nametxt > p {
	color: white;
	margin: 10px 0px 0px 0px;
	}

.nametxt > p:active {
	color: white;
	}  /* selected link */



	.title  {
		
		padding: 0;
		position: relative;
		width: 100%;
		height: 100%;
		/* background-color: white; */	
		/* color: #ff5624; */
		color: gray;
		font-size: 30px;
		font-weight: bold;
		line-height: 150%;
		z-index: 10;

	}


.title > p {
		
	padding: 0px 0px 0px 0px;
	color: black;
	font-size: 20px;
	line-height: 150%;
		color: gray;

}
	
.title > h1 {
		
	margin: 10px 0px 0px 0px;

}

	
.title > p2 {
	font-family: helvetica, arial, sans-serif;
	color: #4bbfd3;
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	margin: 5px 0px 0px 0px;
}		

.txtboxtitle {
	width: 100%;
	height 230px;
	font-family: helvetica, arial, sans-serif;
	color: black;
	font-size: 14px;
	font-weight: bold;
	line-height: 170%;
	margin: 5px 0px 0px 0px;
	}	
	
.txtbox {
	width: 100%;
	height 230px;
	font-family: helvetica, arial, sans-serif;
	color: black;
	font-size: 14px;
	
	line-height: 170%;
	margin: 5px 10px 5px 0px;
	}	

.txtbox > p{
	padding-right: 15px;
	}	

.txtbox > b{

	font-weight: bold;

	}	
		
.txtbox > a,.txtbox > a:active,.txtbox > a:visited {
	color: gray;
	}

.txtbox > a:hover	{

	cursor: pointer;
	transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	color: #4bbfd3;
	}
	
.topbar {
		width: 100%;
		height: 102px;
		padding: 0;
	}
	
.topbar1 {
		width: 100%;
		height: 40px;
		padding: 0;
	}

.topbar2 {
		width: 100%;
		height: 62px;
		padding: 0;
	}

.topbar3 {
		width: 100%;
		height: 2px;
		padding: 0;
	}
	
.spacer {
		width: 100%;
		height: 25px;
		padding: 0;
	}
	



@media screen and (max-width: 767px){
		
	.topbar2 {
		height: 102px;
				
		}
	}

@media screen and (max-width: 767px){
		
	.BIGTITLE {
	font-family: helvetica, arial, sans-serif;
	color: #ff5624;
	letter-spacing: -1px;
	font-size: 3em;
	font-weight: bold;
	line-height: 90%;
	margin: 0px 0px -55px 0px;

	}
	}



/* bg colors */

	.slideug {
	background: url(../images/UG_1.jpg) no-repeat; 

	}
	
	.slideper {
		background: url(../images/PER_1.jpg) no-repeat; 
	
	}
	
	.slidegid {
	background: url(../images/GID_1.jpg) no-repeat; 	

	}
	.slidenar {
	background: url("../images/NAR_1.jpg") no-repeat; 
	}
	
	.slidecar {
		background: url(../images/CAR_1.jpg) no-repeat; 	

	}
	
	.slidepil {
		background: url(../images/PIL_1.jpg) no-repeat; 	

	}
	
	.slidetool {
	background: url(../images/TOOL_1.jpg) no-repeat; 	
	}
	
	.slidein {
		background: url(../images/IN_1.jpg) no-repeat; 	

	}
	
	.slidewood {
		background: url(../images/WOOD_1.jpg) no-repeat; 	

	}
	
	.slideedge {
		background: url(../images/edge_01.1.jpg) no-repeat; 	

	}
	
	.slideform{
		background: url(../images/form_01_1.jpg) no-repeat; 	

	}
	
	.slidenaples {
		background: url(../images/naples_01_1.jpg) no-repeat; 	

	}
	
	.slidegrad {
		background: url(../images/grad/grad_01.jpg) no-repeat; 	

	}
	
	.slideevt {
		background: url("../images/EVT_1.jpg") no-repeat; 	

	}

	.slidegal {
		background: url("../images/GAL_1.jpg") no-repeat; 	

	}
	
	.slidebro {
		background: url("../images/BRO_1.jpg") no-repeat; 	

	}
	
	.slidethe {
		background: url("../images/THE_1.jpg") no-repeat; 	

	}
	
	.slidelog {
		background: url("../images/PER_1.jpg") no-repeat; 	

	}

/* .slidelog,.slidethe,.slidebro,.slidegal */
	
	
/* bgimages */
	
	.image1 {	
		background-color: #6ad3fc;
		}

	.image2 {	
		background-color: #ff5624;
		}	
		
	.image3 {	
		background-color: orange;	
		}
	
	.image4 {	
		background-color: darkred;
		}
	
	.image5 {
		background-color: purple;
		}
	
	.image6 {	
		background-color: lightblue;
		}	
	
	.image7 {	
		background-color: #3745DB;
		}
	
	.image8 {	
		background-color: purple;
		}
	
	.image9 {	
		background-color: brown;
		}		
	
	.image10 {	
		background-color: red;
		}		
	
	.image11 {	
		background-color: #9ed294;
		}		

	.image12 {	
		background-color: #fadd53;
		}	
		
	.image13 {	
		background-color: grey;
		}		
		
	.image1,.image2,.image3,.image4,.image5,.image6,.image7,.image8,.image9,.image10,.image11,.image12,.image13,.image14,.image15,.image16 {
		width: 100%;
		height: 100%;
		z-index: 1;
		background-size: 100% auto ;
		opacity: .0;
		}
		
.image1:hover,.image2:hover,.image3:hover,.image4:hover,.image5:hover,.image6:hover,.image7:hover,.image8:hover,.image9:hover,.image10:hover,.image11:hover,.image12:hover,.image13:hover,.image14:hover ,.image15:hover ,.image16:hover           {
		opacity: 1.0;
		background: url(../images/edge_01.2.jpg) no-repeat;
		cursor: pointer;
		transition: opacity 0.4s ease-in-out;
		-webkit-transition: opacity 0.4s ease-in-out;
		background-size: 175% auto ;
		background-position: center left;
		}


.image3:hover {	
				background: url("../images/GID_1.2.jpg") no-repeat;
	background-size: 175% auto ;
	background-position: center left;
		}

.image5:hover {	
				background: url("../images/CAR_1.2.jpg") no-repeat;
	background-size: 175% auto ;
	background-position: center left;
		}


.image4:hover {	
				background: url("../images/GAL_2.jpg") no-repeat;
	background-size: 175% auto ;
	background-position: center left;
		}

.image6:hover {	
				background: url("../images/PER_1_2.jpg") no-repeat;
	background-size: 175% auto ;
	background-position: center left;
		}
	

.image11:hover {	
				background: url("../images/EVT_2.jpg") no-repeat;
	background-size: 175% auto ;
	background-position: center left;
		}
.image14:hover {	
				background: url("../images/BRO_2.jpg") no-repeat;
	background-size: 175% auto ;
	background-position: center left;
		}
	.image15:hover {	
				background: url("../images/THE_2.jpg") no-repeat;
	background-size: 175% auto ;
	background-position: center left;
		}
	.image16:hover {	
				background: url("../images/EVT_2.jpg") no-repeat;
	background-size: 175% auto ;
	background-position: center left;
		}
		


	.slidel,.slidem,.slider,.slideug,.slideper,.slidegid,.slidenar,.slidecar,.slidepil,.slidetool,.slidein,.slidewood,.slideedge,.slideform,.slidenaples,.slidegrad,.slideevt,.slidelog,.slidethe,.slidebro,.slidegal     {
		margin: 1px 0px 0px 0px;
		padding: 0;
		position: relative;
		width: 100%;
		height: 340px;
		background-color: black;
		color: white;
		background-size: 175% auto ;
		background-position: center left;

		
	}
	
			@media screen and (max-width: 1023px){
.slidel,.slidem,.slider,.slideug,.slideper,.slidegid,.slidenar,.slidecar,.slidepil,.slidetool,.slidein,.slidewood,.slideedge,.slideform,.slidenaples,.slidegrad,.slideevt,.slidelog,.slidethe,.slidebro,.slidegal    {
				height: 150px;
				
		}
	}
	
	

		@media screen and (max-width: 767px){
.slidel,.slidem,.slider,.slideug,.slideper,.slidegid,.slidenar,.slidecar,.slidepil,.slidetool,.slidein,.slidewood,.slideedge,.slideform,.slidenaples,.slidegrad,.slideevt,.slidelog,.slidethe,.slidebro,.slidegal    {
				height: 60px;
				
		}
	}



.boxtitle{
	font-family: helvetica, arial, sans-serif;
	color: white;
	text-align: center;
	letter-spacing: 1px;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 150%;
	text-decoration:none;
	padding: 0px 0px 0px 0px;
}


.spacetitle{
	font-family: helvetica, arial, sans-serif;
	color: grey;
	text-align: center;
	letter-spacing: 1px;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 150%;
	text-decoration:none;
	padding: 30px 0px 0px 10px;
}

@media screen and (max-width: 767px){
		/*
			#namecard {
				width: 100%;
				height: 115px;
				
			}
			*/
			
			.boxtitle{
			padding: 10px 0px 0px 10px;
			}
	
	
.nomenu {
				display: none;
	
			}
.spacer {
		width: 100%;
		height: 0px;
		padding: 0;
	}
	
#info {

		height: 515px;
			}

	}

.about {

		height: 515px;
			width: 100%;
		height: 1000px;
		z-index: 101;
		background-color: #ff5624;
	/*	background-color: 	#303030; */
	background-image: linear-gradient(-45deg, #ff3a24, #ff5624);

	}






#abouts {
	width: 100%;
	z-index: 101;
	background-color: #ff5624;
	height: 900px;
	}
			

.nosmall {
	font-family: helvetica, arial, sans-serif;
	color: white;
	text-align: center;
	letter-spacing: 1px;
	font-size: 0.5em;
	font-weight: normal;
	line-height: 150%;
	text-decoration:none;
	
			}



.vertical-center {
  margin: 0 auto;
width: 100%;
  position: absolute;
  top: 45%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

	
	
	.header-image-base {
	width: 100%;
	background-size: 100% auto ;
	background-position: center left;
	height: auto;

	}

/*
.gidbg { 	background: url(../images/gid_header.png) no-repeat; 
}

.edgebg {	background: url(../images/edge_header.png) no-repeat; 	
}

.narcobg {	background: url(../images/Narco_header.png) no-repeat; 	
}

.galabg {	background: url(../images/gala/gala_header.jpg) no-repeat; 	
}
*/

	@media screen and (max-width: 1023px){
.nosmall {
				display: none;
	
			}

		
		.header-image-base {
		height: auto;
			}
}

a {
    text-decoration: none !important;
}

/* img Fade code */
    .fade{
        visibility: hidden;
    }

    .fadeIn {
        -webkit-animation: animat_show 0.8s;
        animation: animat_show 0.8s;
        visibility: visible !important;
    }

    @-webkit-keyframes animat_show{
        0%{opacity:0}
        100%{opacity:1}
    }
/* img Fade code */

.rbg {
		background: url("../images/typeface/R.png") no-repeat; 	
	background-attachment: fixed;
}

.whttxt {color:white;}
.grytxt {color:#434343;}
.boxpad {padding: 10px}
.bigmarg {margin-top: 30px; margin-bottom: 30px;}

.darkbg {background-color: #232020;}
.greybg {background-color: #65696B;}
.blkbg {background-color: #000;}





.txtbox > a  { color: black;}



</style>