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






.containera > div{
  
  display: inline-block;
  padding: 15px 20px;
  position: relative;
			
}
	
	.containera > div:hover{
  
  display: inline-block;
  padding: 15px 20px;
  position: relative;
		/*cursor: alias;*/
}

.containera > div::after { 
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  background: none repeat scroll 0 0 transparent;
  height: 0.15vw;
  width: 0;
  background: #ccc;
  transition: width 0s ease 0s, left 0s ease 0s;
	opacity:0.7;cursor: alias;
}

.containera > div:hover::after { 
  width: 100%; 
  left: 0; cursor: alias;
	
}
	
	.containera > div::before { 
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  background: none repeat scroll 0 0 transparent;
  height: 0.15vw;
  width: 0;
  background: #ccc;
  transition: width 0s ease 0s, left 0s ease 0s;
		opacity:0.7;cursor: alias;
}

.containera > div:hover::before { 
  width: 100%; 
  left: 0; cursor: alias;
}






.theheight2 {
	width:40vw; margin:auto;
}


#fixcenter {
	
	display:block;
	text-align:center;
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-300%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInFromTop {
  0% {
    transform: translateY(-300%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes fadein{
  0% {
   opacity:0;
  }
	 40% {
   opacity:0;
  }
  100% {
   opacity:1;
  }
}

#scottdurrant{  
  /* This section calls the slideInFromLeft animation we defined above */
	
  animation: 2s ease-out 0s 1 fadein;
	
  
}

#scottdurrant img:hover {
	
	
		cursor: alias;
		
}


/*#scottdurrant img:hover {
	
	
		display: flex;
	flex-direction: column;
	transform: rotatex(10deg);
	animation: rotateAngle 6s linear infinite;
	padding-top:.22vw;
		
}*/

@keyframes rotateAngle {
	0% {
		transform: rotateY(0deg) rotateX(10deg);
		animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
	}
	25% {
		transform: rotateY(20deg) rotateX(10deg);
	}
	50% {
		transform: rotateY(0deg) rotateX(10deg);
		animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
	}
	75% {
		transform: rotateY(-20deg) rotateX(10deg);
	}
	100% {
		transform: rotateY(0deg) rotateX(10deg);
	}
}

@keyframes translateWobble {
  0% {
		opacity: 0;
		transform: translate3d(
			calc(var(--z) * 0px), 
			calc(var(--z) * 0px), 
			calc(var(--z) * 0px)
		);
  }
  16% {
		transform: translate3d(
			calc(var(--z) * 160px), 
			calc(var(--z) * 160px), 
			calc(var(--z) * 160px)
		);
  }
  28% {
		opacity: 1;
		transform: translate3d(
			calc(var(--z) * 70px), 
			calc(var(--z) * 70px), 
			calc(var(--z) * 70px)
		);
  }
  44% {
		transform: translate3d(
			calc(var(--z) * 130px), 
			calc(var(--z) * 130px), 
			calc(var(--z) * 130px)
		);
  }
  59% {
		transform: translate3d(
			calc(var(--z) * 85px), 
			calc(var(--z) * 85px), 
			calc(var(--z) * 85px)
		);
  }
  73% {
		transform: translate3d(
			calc(var(--z) * 110px), 
			calc(var(--z) * 110px), 
			calc(var(--z) * 110px)
		);
  }
	88% {
		opacity: 1;
		transform: translate3d(
			calc(var(--z) * 90px), 
			calc(var(--z) * 90px), 
			calc(var(--z) * 90px)
		);
  }
  100% {
		opacity: 1;
		transform: translate3d(
			calc(var(--z) * 100px), 
			calc(var(--z) * 100px), 
			calc(var(--z) * 100px)
		);
  }
}

#fixcenter {
	
	display:block;
	text-align:center;
}




.highlight {
	position:relative;
		width:100%;
		height:100%;
		opacity:0;
		display: grid;
      justify-items: center;
      align-items: center;
	}
	
	.highlight img {
		width:20vw;
		height:10vw;
		overflow:hidden;
	}
	
	.highlight:hover {
		opacity:0;
		
		
	}


.play {
	position:relative;
		width:100%;
		height:100%;
		opacity:0;
		display: grid;
      justify-items: center;
      align-items: center;
	}
	
	.play img {
		width:6vw;
		height:6vw;
	}
	
	.play:hover {
		opacity:0.7;
	}


.video {
  overflow: hidden;
  max-height: 40vw;
  max-width: 80vw;
}


html {
  background-color: #2a2a2a;
  color: #FFF;
  font-family: 'dm_sans9pt_regular';
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

#fixheight {
	margin-left:18.5vw;
	width:38%;
	display:block;
	text-align:center;
	
}

#fixheight4 {
	margin-left:-5.6vw;
	width:35%;
	display:block;
	text-align:center;
	
}

#fixheight5 {
	margin:auto;
	width:25%;
	
	
}

.fixheight video {margin-left:19.2vw;
	width:36%;
	display:block;
	text-align:center;
}

.fixheight2 video {margin-left:20.5vw;
	width:32%;
	display:block;
	text-align:center;
}

.fixheight3 video {margin-left:9vw;
	width:70%;
	display:block;
	text-align:center;
}

video[poster]{object-fit:fill} 

html {
background-color:#2a2a2a;
color:#FFF;
font-family: 'dm_sans9pt_regular';
}
#makeblack {
	position:absolute;
	top:0vw;
	width:100vw;
	left:0vw;
	height:14vw;
	background-color:#2a2a2a;
	z-index:990;
}
@font-face {
    font-family: 'dm_sans9pt_italic';
    src: url('dmsans-italic-variablefont_opszwght.woff2') format('woff2'),
         url('dmsans-italic-variablefont_opszwght.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dm_sans9pt_regular';
    src: url('dmsans-variablefont_opszwght.woff2') format('woff2'),
         url('dmsans-variablefont_opszwght.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

ul {
  list-style-type: none;
}

/*-----------------------------------------------------START NAVIAGATION---------------------------------------
-------------------------------------------------------START NAVIAGATION---------------------------------------
-------------------------------------------------------START NAVIAGATION---------------------------------------*/

#scottdurrant {
	position:absolute;
	top:2.1vw;
	left:36.9vw;
	color:#fff;
	font-family: 'dm_sans9pt_regular';
	font-size:3vw;
	width:25vw;
}

#scottdurrant img {
	width:25vw;
	height:auto;
}

.nav-collapse {
	display:none;
	z-index:999;
	font-family: 'dm_sans9pt_regular';
}

#mobilenav {
	display:none;
	z-index:999;
	font-family: 'dm_sans9pt_regular';
	
}

a { /*  links*/
  text-decoration: none;
  color:#fff;
  font-family: 'dm_sans9pt_regular';
}


#navigation{  
  /* This section calls the slideInFromLeft animation we defined above */
	 animation: 1s ease-out 0s 1 slideInFromTop;

  
}

	#navigation a:hover {
		
		animation: 0.6s 1 forwards fadeincolor;
	}


.selectedcolor {
	color:#B1DDF1;
}


/*

		#navigation a{
  
  display: inline-block;
  padding: 15px 20px;
  position: relative;
}

#navigation a::after { 
  content: "";
  position: absolute;
  bottom: 0;
  left: 0%;
  display: block;
  background: none repeat scroll 0 0 transparent;
  height: 0.05vw;
  width: 50%;
  background: #ccc;
  transition: width 3s ease 0s, left 3s ease 0s;
	opacity:0.5;
}

#navigation a:hover::after { 
  width: 100%; 
  left: 0; 
}*/
	
/*	#navigation a::before { 
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  background: none repeat scroll 0 0 transparent;
  height: 0.05vw;
  width: 0;
  background: #ccc;
  transition: width 0s ease 0s, left 0s ease 0s;
		opacity:0.6;
}

#navigation a:hover::before { 
  width: 100%; 
  left: 0; 
}*/



@keyframes fadeincolor{
  0% {
  color:fff;
  }
	
  99% {
 color:#B1DDF1;
  }
	 100% {
  color:#B1DDF1;
  }
}




.navigation a {
  float: left;
  padding: 4vw;
  width: 20%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
  text-align: center; /* If you want the text to be centered */
  z-index:999;
}

#navbar {
	position:absolute;
	top:7vw;
	height:6vw;
	/*background-color:#0E13A4;*/
	font-family: 'dm_sans9pt_regular';
	z-index:999;
}

#navigation {
	position:absolute;
	left:0vw;
	width:98.4vw;
	top:2.9vw;
	font-size: 1vw;
	letter-spacing: 0.1vw;
	color:#fff;
	font-size:1.25vw;
	font-family: 'dm_sans9pt_regular';
	text-align:center;
	z-index:999;
}

#navigation li a.current{
	width:12vw;
	height:2.3vw;
	font-weight:bold;
	/*background-color:#F4A40F;
	border-radius:1vw;*/
	z-index:900;
   /*color: #ffffff;*/
  
}

.navi li a:active {
     /* background-color: darkblue;*/
      color:#fff;
      }
	  
#navigation li {
	display:inline;
	padding-left:3vw;
	padding-right:3vw;
	z-index:999;
}



/*-----------------------------------------------------END NAVIAGATION---------------------------------------
-------------------------------------------------------END NAVIAGATION---------------------------------------
-------------------------------------------------------END NAVIAGATION---------------------------------------*/

/*-----------------------------------------------------START CONTENT---------------------------------------


*ONE*/.item1 {background: url('a_img_thumb/tSamsung-G9_AmazonV2_3000x1500.jpg') 0% 0%/cover no-repeat #000000;background-size:cover;}
/*TWO*/.item2 {background: url('a_img_thumb/tS90PC_2200x2200-Samsung-Blue-Opt2.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*THREE*/.item3 {background: url('a_img_thumb/tg58.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*FOUR*/.item4 {background: url('a_img_thumb/taa.jpg')  50% 100%/cover no-repeat #000000;background-size:cover;}
/*FIVE*/.item5 {background: url('a_img_thumb/tOC-Vibe---District-WideV2.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*SIX*/.item6 {background: url('a_img_thumb/tBlack-Friday-Sale.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*SEVEN*/.item9 {background: url('a_img_thumb/t20240716_Samsung_DOOH_Hidden_Valley_540x1920.jpg') 30% 51% /cover no-repeat #000000;background-size:cover;}
/*EIGHT*/.item8 {background: url('a_img_thumb/tmood-boards-round-three-theater.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*NINE*/.item7 {background: url('a_img_thumb/tArk-2nd_720x1440.jpg') left/cover no-repeat #000000;background-size:cover;}
/*TEN*/.item11 {background: url('a_img_thumb/tg5.jpg') top center/cover no-repeat #000000;}/*Holiday-PreBF_AllMonitor_1200x1200*/
/*ELEVEN*/.item10 {background: url('a_img_thumb/tSeat-Quick-Ref-Guide.jpg') top center/cover no-repeat #000000;}/*Seat-Quick-Ref-Guide*/
/*TWELVE*/.item12 {background: url('a_img_thumb/tgd8.jpg') top center/cover no-repeat #000000;}/*MoodBoard_Baseball_COLOR*/
/*THIRTEEN*/.item14 {background: url('a_img_thumb/tGetSomeMaction_optimized.jpg') top center/cover no-repeat #000000;}/*Gameday-Matchup-UNC-Charlotte    GetSomeMaction_optimized*/
/*FOURTEEN*/.item13 {background: url('a_img_thumb/tg23.jpg') top center/cover no-repeat #000000;}

/*EIGHTEEN*/.item15 {background: url('a_img_thumb/tElevators.jpg') top center/cover no-repeat #000000;}/*Dodgers-Sign-Video-Loss*/
/*FIFTEEN*//*.item15 {background: url('a_img_thumb/g58.jpg') top center/cover no-repeat #000000;}*/
/*SEVENTEEN*/.item16 {background: url('a_img_thumb/tLS27CM80PUNXZA.jpg') top center/cover no-repeat #000000;}
/*SIXTEEN*/.item17 {background: url('a_img_thumb/tSamsungNascarPartnershipCelebration.jpg') 50% 20%/cover no-repeat #000000;}

/*TWENTY*/.item18 {background: url('a_img_thumb/tHoliday-PreBF_AllMonitor_1200x1200.jpg') top center/cover no-repeat #000000;}
/*NINETEEN*/.item19 {background: url('a_img_thumb/tGameday-Matchup-UNC-Charlotte.jpg') top center/cover no-repeat #000000;}
/*TWENTYONE*//*.item21 {background: url('a_img_thumb/eldorado-and-home-depot.jpg') top center/cover no-repeat #000000;}*/
/*NINETEEN*/.item20 {background: url('a_img_thumb/tGameday-Matchup-UNC-Charlotte.jpg') top center/cover no-repeat #000000;}
/*TWENTYTWO*/.item20 {background: url('a_img_thumb/tBariatrics-192x145-enlarge-(0-00-04-16).jpg') top center/cover no-repeat #000000;}
/*TWENTYTHREE*/.item21 {background: url('a_img_thumb/tWelcome to Clemson 1920x1080.jpg') center/cover no-repeat #000000;}
/*TWENTYFIVE*/.item22 {background: url('a_img_thumb/tmoodboards-all-together.jpg') top center/cover no-repeat #000000;}
/*TWENTYSIX.item26 {background: url('a_img_thumb/Elevators.jpg') top center/cover no-repeat #000000;}*/






.item1 { grid-area: a1; }
.item2 { grid-area: a2; }
.item3 { grid-area: a3; }
.item4 { grid-area: a4; }
.item5 { grid-area: a5; }
.item6 { grid-area: a6; }
.item7 { grid-area: a7; }
.item8 { grid-area: a8; }
.item9 { grid-area: a9; }
.item10 { grid-area: a10; }
.item11 { grid-area: a11; }
.item12 { grid-area: a12; }
.item13 { grid-area: a13; }
.item14 { grid-area: a14; }
.item15 { grid-area: a15; }
.item16 { grid-area: a16; }
.item17 { grid-area: a17; }
.item18 { grid-area: a18; }
.item19 { grid-area: a19; }
.item20 { grid-area: a20; }
.item21 {grid-area: a21;}
.item22 {grid-area: a22;}

	


/*-----------------------------------------------------START NAVIAGATION--------------------------------------ALLLL. ALL.  ALL ALL RESOLUTIONS --------------------------------------------------------------------------
-------------------------------------------------------START NAVIAGATION---------------------------------------
-------------------------------------------------------START NAVIAGATION---------------------------------------*/

#scottdurrant {
	position:absolute;
	top:2.1vw;
	left:41.9vw;
	color:#fff;
	font-family: 'dm_sans9pt_regular';
	font-size:3vw;
	width:25vw;
}

#scottdurrant img {
	width:15vw;
	height:auto;
}

.nav-collapse {
	display:none;
	z-index:999;
	font-family: 'dm_sans9pt_regular';
}

#mobilenav {
	display:none;
	z-index:999;
	font-family: 'dm_sans9pt_regular';
}

a { /*  links*/
  text-decoration: none;
  color:#fff;
  font-family: 'dm_sans9pt_regular';
}

.navigation a {
  float: left;
  padding: 4vw;
  width: 20%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
  text-align: center; /* If you want the text to be centered */
  z-index:999;
	
}

#navbar {
	position:absolute;
	top:6.4vw;
	height:6vw;
	/*background-color:#0E13A4;*/
	font-family: 'dm_sans9pt_regular';
	z-index:999;
}

#navigation {
	position:absolute;
	left:0vw;
	width:98.4vw;
	top:.0vw;
	font-size: 1vw;
	letter-spacing: 0.1vw;
	color:#fff;
	font-size:0.6vw;
	font-family: 'dm_sans9pt_regular';
	text-align:center;
	z-index:999;
}

#navigation li a.current{
	width:12vw;
	height:2.3vw;
	font-weight:bold;
	/*background-color:#F4A40F;
	border-radius:1vw;*/
	z-index:900;
   /*color: #ffffff;*/
  
}

.navi li a:active {
      /*background-color: darkblue;*/
      color:#fff;
      }
	  
#navigation li {
	display:inline;
	padding-left:1vw;
	padding-right:1vw;
	z-index:999;
}

#makeblack {
	position:absolute;
	top:0vw;
	width:100vw;
	left:0vw;
	height:8vw;
	background-color:#2a2a2a;
	z-index:990;
}

















/*-----------------------------------------------------END NAVIAGATION---------------------------------------
-------------------------------------------------------END NAVIAGATION---------------------------------------















/*-----------------------------------------------------scott---------------------------------------
-------------------------------------------------------START CONTENT---------------------------------------
-------------------------------------------------------START CONTENT---------------------------------------*/


/*MAYBE THIS IS REALLY THE lapt SCREEN RESOLUTION -----------------------------------------------------------------------------------------------------------------NOT USING RIGHT NOW---------------------------------*/



@media screen and (max-width:1px) {

#content { 
position:absolute;
top:6.2vw;
	font-family: 'dm_sans9pt_regular';
	background-color:#2a2a2a;
}

/*		.bigbluebottom, #bigbluebottom {
	position:absolute;
	top:180vw;
	width:100vw;
	height:2vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
}
	
	
	
	.copyright2, #copyright {
	position:absolute;
	width:100vw;
	top:130.6vw;
	text-align:center;
	z-index:999;
	color:#fff;
	font-size:0.9vw;
	

		
}
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background-color:#2a2a2a;
	overflow-x:hidden;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Make HTML 5 elements display block-level for consistent styling */
main, article, section, aside, hgroup, nav, header, footer, figure, figcaption {
  display: block;
}

/* ============ *\
   GENERAL TAGS
\* ============ */

* {
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color:#2a2a2a;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
	background-color:#2a2a2a;
	overflow-x:hidden;
	
}

p {
	padding: 10px 0;
}

h1,
h2,
h3 {
	font-family: 'Open Sans Condensed', sans-serif;	
}

h1,
h2 {
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-weight: bold;
}

h3 {
	font-size:30px;
	line-height: 30px;
	padding-top: 5px;
	text-transform: uppercase;
	left: 0.75px;
}

::selection {
	background-color:#2a2a2a;
	color: #ffffff;
}

::-moz-selection {
	background-color:#2a2a2a;
	color: #ffffff;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* ============ *\
   STRUCTURE
\* ============ */

.item1 { grid-area: a1; }
.item2 { grid-area: a2; }
.item3 { grid-area: a3; }
.item4 { grid-area: a4; }
.item5 { grid-area: a5; }
.item6 { grid-area: a6; }
.item7 { grid-area: a7; }
.item8 { grid-area: a8; }
.item9 { grid-area: a9; }
.item10 { grid-area: a10; }
.item11 { grid-area: a11; }
.item12 { grid-area: a12; }
.item13 { grid-area: a13; }
.item14 { grid-area: a14; }
.item15 { grid-area: a15; }
.item16 { grid-area: a16; }
.item17 { grid-area: a17; }
.item18 { grid-area: a18; }
.item19 { grid-area: a19; }
.item20 { grid-area: a20; }
.item21 {grid-area: a21;}
.item22 {grid-area: a22;}


.containera {
	max-width: 1750px;
	margin: 50px auto;
	display: grid;
	grid-template-columns: repeat(4, (1fr));
	grid-template-rows: repeat(5, 1fr);
	grid-template-areas: 
	"ONE ONE TWO TWO"
	"ONE ONE THREE THREE"
	"FOUR FOUR FIVE EIGHT"
	"SIX SEVEN SEVEN EIGHT"
	"NINE NINE NINE NINE";
	background-color:#2aa2a;
	width:100vw;
}

/*.container > div {
	left:0vw;
	display: grid;
	min-height: 0px;
	align-items: center;
  transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	background-color:#2a2a2a;
    border-right: 0.5vw solid #2a2a2a;
	border-top: 0vw solid #2a2a2a;
    border-bottom: 0.5vw solid #2a2a2a;	
}*/
	
} /*closing bracket for @media screen and (max-width: 1750px)*/






/*
==================================================================================================================================MAIN BIG SCRREN SIZE=============================================================================*/

@media screen and (min-width:1600px)  {


#content { 
position:relative;
top: 8vw;
	
	font-family: 'dm_sans9pt_regular';
	background-color:#2a2a2a;
	
}
/*	
	body {position:absolute; height:110vw;}
	html {position:absolute; height:110vw;}
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font,  ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background-color:#2a2a2a;
	overflow-x:hidden;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Make HTML 5 elements display block-level for consistent styling */
main, article, section, aside, hgroup, nav, header, footer, figure, figcaption {
  display: block;
}

/* ============ *\
   GENERAL TAGS
\* ============ */

* {
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color:#2a2a2a;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
	background-color:#2a2a2a;
	overflow-x:hidden;
}

p {
	padding: 10px 0;
}

h1,
h2,
h3 {
	font-family: 'Open Sans Condensed', sans-serif;	
}

h1,
h2 {
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-weight: bold;
}

h3 {
	font-size:30px;
	line-height: 30px;
	padding-top: 5px;
	text-transform: uppercase;
	left: 0.75px;
}

::selection {
	background-color:#2a2a2a;
	color: #ffffff;
}

::-moz-selection {
	background-color:#2a2a2a;
	color: #ffffff;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* ============ *\
   STRUCTURE FOR WIDEST ONE
\* ============ */

.item1 { grid-area: a1; }
.item2 { grid-area: a2; }
.item3 { grid-area: a3; }
.item4 { grid-area: a4; }
.item5 { grid-area: a5; }
.item6 { grid-area: a6; }
.item7 { grid-area: a7; }
.item8 { grid-area: a8; }
.item9 { grid-area: a9; }
.item10 { grid-area: a10; }
.item11 { grid-area: a11; }
.item12 { grid-area: a12; }
.item13 { grid-area: a13; }
.item14 { grid-area: a14; }
.item15 { grid-area: a15; }
.item16 { grid-area: a16; }
.item17 { grid-area: a17; }
.item18 { grid-area: a18; }
.item19 { grid-area: a19; }
.item20 { grid-area: a20; }
.item21 {grid-area: a21;}
.item22 {grid-area: a22;}


/*.item25 {grid-area: a25;}*/

	

/* the below container is for the biggest s-------------------------------------------------------------------------*/
	
	.containera {
	width:100vw;
		height:158vw;
	margin: 50px auto;
	display: grid;
	grid-template-columns: repeat(16, 1fr);
	grid-template-rows: repeat(8, 1fr);
		position:absolute;
		top:8vw;
	grid-template-areas: 
	"a1   a1     a1 	a1 		a1     a2		a2 		a2 		a3 		a3 		a3 		a3 		a3		a4 		a4 		a4"
	"a5   a5     a5 	a5 		a5     a5		a5 		a6 		a6 		a6 		a7 		a7 		a7		a4 		a4 		a4"
	"a9   a9     a9 	a8 		a8     a8		a8 		a8 		a8 		a8 		a7		a7 		a7		a4 		a4 		a4"
	"a9   a9     a9 	a10 	a10    a10		a10 	a11 	a11 	a11 	a11 	a11 	a12 	a12 	a12 	a12"
	"a9   a9     a9 	a10 	a10    a10		a10 	a13 	a13 	a14		a14 	a14		a15 	a15 	a15 	a15"
	"a16  a16    a16 	a16		a17    a17		a17 	a18 	a18		a18 	a18 	a18 	a15		a15 	a15 	a15"
	"a19  a19    a19 	a19		a17    a17		a17 	a18 	a18		a18 	a18 	a18 	a15		a15 	a15 	a15"
	"a20  a20    a20 	a20 	a20    a21		a21 	a21 	a21		a21 	a22 	a22      a22    a22 	a22		a22"


		
		
		;
	background-color:#2a2a2a;
}
	
	
	
		/* below is really the c o p y ri ght  background---------*/
	.bigbluebottom, #bigbluebottom {
	position:absolute;
	top:170vw;
	width:100vw;
	height:2vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
}
	
	
/*	
	.copyright2, #copyright {
	position:absolute;
	width:100vw;
	top:170.5vw;
	text-align:center;
	z-index:999;
	color:#fff;
	font-size:0.9vw;
		
}
	*/
	

.containera > div {
	display: grid;
	align-items: center;
  transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	background-color:#2a2a2a;
	border-bottom: 0.5vw solid #2a2a2a;
    border-right: 0.5vw solid #2a2a2a;
	border-top: 0vw solid #2a2a2a;
}
	
	
/*	.containera > div:hover {border-bottom:0.5vw solid coral;}*/
		.containera > div{
  
  display: inline-block;
  padding: 15px 20px;
  position: relative;
			
}
	
	.containera > div:hover{
  
  display: inline-block;
  padding: 15px 20px;
  position: relative;
		/*cursor: alias;*/
}

.containera > div::after { 
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  background: none repeat scroll 0 0 transparent;
  height: 0.15vw;
  width: 0;
  background: #ccc;
  transition: width 0s ease 0s, left 0s ease 0s;
	opacity:0.7;cursor: alias;
}

.containera > div:hover::after { 
  width: 100%; 
  left: 0; cursor: alias;
	
}
	
	.containera > div::before { 
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  background: none repeat scroll 0 0 transparent;
  height: 0.15vw;
  width: 0;
  background: #ccc;
  transition: width 0s ease 0s, left 0s ease 0s;
		opacity:0.7;cursor: alias;
}

.containera > div:hover::before { 
  width: 100%; 
  left: 0; cursor: alias;
}
		
		
	/*	filter: grayscale(50%);
  -webkit-filter: grayscale(50%);
  -moz-filter: grayscale(70%);*/
	
	
/*	
.containera > div::after,
.containera > div::before {
  content: '';
  position: absolute;
  width: 100%;
  border:thick solid coral;
  transform: scaleX(0);
  transform-origin: right;
 opacity:1;
}

.containera > div:before {
  top: -5px;
  transform-origin: left;
	 border:thick solid coral;
}

.containera > div:hover::after,
.containera > div:hover::before {
	 border:thick solid coral;
 
}
	
	
.containera > div::after,
.containera > div::before {
  border:thick solid coral;
  
	
}

.containera > div:before {
  top: -5px;
  transform-origin: left;
	 border:thick solid coral;
}*/
/*
.containera > div:hover::after,
.containera > div:hover::before {
  transform: scaleX(1);height: 2%;
	 border:thick solid coral;
}*/
	
	
		


/*
.containera > div:hover:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2%;
   background: linear-gradient(to right, #2a2a2a, #e75e32, #ccc, #e75e32, #2a2a2a);
 
  z-index: 2;
	animation:fadein;
	opacity: 0.5;
	
 transition: transform .3s;
	
}*/

	@keyframes in-out {
  0% {
   opacity:0;
  }
	25% {
			
			opacity:1;
		}	
		
		50% {
			
			opacity:0.25;
		}	
		
		100% {
			
			opacity:0;
		}
  
}	
	
	
	
	


}








/*
============ ==============================================================================================================================================================MY MIDDLE VERSION======================================*/

@media screen and (min-width:60vw) and (max-width:1600px) {

		#navigation {top:6vw;
		font-size:1.1vw;
}
	
	#navigation a {
		
		padding:1.7vw;
	}
	
	

	
	#scottdurrant {
	position:absolute;
	top:2.1vw;
	left:35.4vw;
	color:#fff;
	font-family: 'dm_sans9pt_regular';
	font-size:3vw;
	width:35vw;
}

#scottdurrant img {
	width:30vw;
	height:auto;
}
	
		.containera {
	width:100vw;
		height:158vw;
	margin: 50px auto;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(11, 1fr);
		position:absolute;
		top:15vw;
	grid-template-areas: 
	"a1   a1     a1 	a1 		a1     a1 		a2 		a2 		a2		a3 		a3		a3"
	"a4   a4     a4 	a5 		a5     a5		a5 		a5		a6 		a6 		a6      a6"
	"a4   a4     a4 	a7 		a7     a7		a8 		a8 		a8		a8 		a9 		a9"
	"a10  a10    a10 	a7 	    a7     a7		a11 	a11 	a11 	a11  	a9  	a9"
	"a12  a12    a12 	a12 	a12    a13		a13 	a13		a14 	a14 	a14 	a14"
	"a15  a15    a15 	a16		a16    a16		a16 	a16 	a17		a17 	a17 	a17"
	"a15  a15    a15 	a18 	a18	   a18  	a18 	a18 	a17		a17 	a17 	a17"
	"a15  a15    a15	a18		a18    a18		a18 	a18 	a17		a17 	a17 	a17"
	"a15  a15    a15 	a18		a18	   a18 	    a18 	a18 	a17		a17 	a17 	a17"
	"a19  a19    a19 	a18		a18	   a18   	a18 	a18 	a20 	a20 	a20 	a20"	
	"a21  a21    a21 	a21		a21	   a21   	a22 	a22 	a22		a22 	a22 	a22"

	
		
		;
	background-color:#2a2a2a;
}
	
	
	
	

.item1 {background: url('a_img_thumb/tSamsung-G9_AmazonV2_3000x1500.jpg') 0% 0%/cover no-repeat #000000;background-size:cover;}
/*TWO*/.item2 {background: url('a_img_thumb/tS90PC_2200x2200-Samsung-Blue-Opt2.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*THREE*/.item3 {background: url('a_img_thumb/tg58.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*FOUR*/.item4 {background: url('a_img_thumb/taa.jpg')  50% 1%/cover no-repeat #000000;background-size:cover;}
/*FIVE*/.item5 {background: url('a_img_thumb/tOC-Vibe---District-WideV2.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*SIX*/.item6 {background: url('a_img_thumb/tBlack-Friday-Sale.jpg') 50% 60%/cover no-repeat #000000;background-size:cover;}
/*SEVEN*/.item9 {background: url('a_img_thumb/t20240716_Samsung_DOOH_Hidden_Valley_540x1920.jpg') 30% 51% /cover no-repeat #000000;background-size:cover;}
/*EIGHT*/.item8 {background: url('a_img_thumb/tmood-boards-round-three-theater.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*NINE*/.item7 {background: url('a_img_thumb/tArk-2nd_720x1440.jpg') left/cover no-repeat #000000;background-size:cover;}
/*TEN*/.item11 {background: url('a_img_thumb/tg5.jpg') top center/cover no-repeat #000000;}/*Holiday-PreBF_AllMonitor_1200x1200*/
/*ELEVEN*/.item10 {background: url('a_img_thumb/tSeat-Quick-Ref-Guide.jpg') top center/cover no-repeat #000000;}/*Seat-Quick-Ref-Guide*/
/*TWELVE*/.item12 {background: url('a_img_thumb/tgd8.jpg') top center/cover no-repeat #000000;}/*MoodBoard_Baseball_COLOR*/
/*THIRTEEN*/.item14 {background: url('a_img_thumb/tGetSomeMaction_optimized.jpg') 50% 60%/cover no-repeat #000000;}/*Gameday-Matchup-UNC-Charlotte    GetSomeMaction_optimized*/
/*FOURTEEN*/.item13 {background: url('a_img_thumb/tg23.jpg') top center/cover no-repeat #000000;}

/*EIGHTEEN*/.item15 {background: url('a_img_thumb/tElevators.jpg') top center/cover no-repeat #000000;}/*Dodgers-Sign-Video-Loss*/
/*FIFTEEN*//*.item15 {background: url('a_img_thumb/g58.jpg') top center/cover no-repeat #000000;}*/
/*SEVENTEEN*/.item16 {background: url('a_img_thumb/tLS27CM80PUNXZA.jpg') top center/cover no-repeat #000000;}
/*SIXTEEN*/.item17 {background: url('a_img_thumb/tSamsungNascarPartnershipCelebration.jpg') 50% 20%/cover no-repeat #000000;}

/*TWENTY*/.item18 {background: url('a_img_thumb/tHoliday-PreBF_AllMonitor_1200x1200.jpg') top center/cover no-repeat #000000;}
/*NINETEEN*/.item19 {background: url('a_img_thumb/tGameday-Matchup-UNC-Charlotte.jpg') 1% 50%/cover no-repeat #000000;}
/*TWENTYONE*//*.item21 {background: url('a_img_thumb/eldorado-and-home-depot.jpg') top center/cover no-repeat #000000;}*/
/*NINETEEN*/.item20 {background: url('a_img_thumb/tGameday-Matchup-UNC-Charlotte.jpg') top center/cover no-repeat #000000;}
/*TWENTYTWO*/.item20 {background: url('a_img_thumb/tBariatrics-192x145-enlarge-(0-00-04-16).jpg') top center/cover no-repeat #000000;}
/*TWENTYTHREE*/.item21 {background: url('a_img_thumb/tWelcome to Clemson 1920x1080.jpg') center/cover no-repeat #000000;}
/*TWENTYFIVE*/.item22 {background: url('a_img_thumb/tmoodboards-all-together.jpg') top center/cover no-repeat #000000;}
/*TWENTYSIX.item26 {background: url('a_img_thumb/Elevators.jpg') top center/cover no-repeat #000000;}*/

	
	
	

	

.containera > div {
	display: grid;
	 min-height: 24vw; /*I had to block this out to get rid of the space under c o p y ri ght */
	align-items: center;
  transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	background-color:#2a2a2a;
	border-bottom: 0.5vw solid #2a2a2a;
    border-right: 0.5vw solid #2a2a2a;
	border-top: 0vw solid #2a2a2a;
	margin-bottom:0.6vw;
	margin-right:0.6vw;
	
}


.containera > div::after { 
  height: 0.25vw;
}
	
.containera > div::before { 
 height: 0.25vw;
} 

		
	
	

	@keyframes in-out {
  0% {
   opacity:0;
  }
	25% {
			
			opacity:1;
		}	
		
		50% {
			
			opacity:0.25;
		}	
		
		100% {
			
			opacity:0;
		}
  
}
		
	
	
	
	
	
	
	
	
}/*/ -----close middle @media0-----------------*/

























/* ============ ==============================================================================================================================================================MY MOBILE VERSION=============================smallest=========*\
   MY MOBILE VERSION
\* ============ */
@media screen and (max-width: 60em) {

	#mobilenav {
	display:block;
	z-index:999;
	font-family: 'dm_sans9pt_regular';
}
	
	
	/*hidecopyright {display:none;}*/
	
	#scottdurrant { position:absolute; top:3.vw; left:5.5vw; color:#fff; font-family: 'dm_sans9pt_regular'; font-size:4vw; } 

#navbar { Display: none; }  

#navigation { Display: none; } 
	
	
	
	

#content { 
position:relative;
top: 8vw;
	font-family: 'dm_sans9pt_regular';
	background-color:#2a2a2a;
	
}
	/*
	body {position:absolute; height:110vw;}
	html {position:absolute; height:110vw;}
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background-color:#2a2a2a;
	overflow-x:hidden;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Make HTML 5 elements display block-level for consistent styling */
main, article, section, aside, hgroup, nav, header, footer, figure, figcaption {
  display: block;
}

/* ============ *\
   GENERAL TAGS
\* ============ */

* {
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color:#2a2a2a;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
	background-color:#2a2a2a;
	overflow-x:hidden;
}

p {
	padding: 10px 0;
}

h1,
h2,
h3 {
	font-family: 'Open Sans Condensed', sans-serif;	
}

h1,
h2 {
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-weight: bold;
}

h3 {
	font-size:30px;
	line-height: 30px;
	padding-top: 5px;
	text-transform: uppercase;
	left: 0.75px;
}

::selection {
	background-color:#2a2a2a;
	color: #ffffff;
}

::-moz-selection {
	background-color:#2a2a2a;
	color: #ffffff;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* ============ *\
   STRUCTURE FOR WIDEST ONE
\* ============ */

.item1 { grid-area: a1; }
.item2 { grid-area: a2; }
.item3 { grid-area: a3; }
.item4 { grid-area: a4; }
.item5 { grid-area: a5; }
.item6 { grid-area: a6; }
.item7 { grid-area: a7; }
.item8 { grid-area: a8; }
.item9 { grid-area: a9; }
.item10 { grid-area: a10; }
.item11 { grid-area: a11; }
.item12 { grid-area: a12; }
.item13 { grid-area: a13; }
.item14 { grid-area: a14; }
.item15 { grid-area: a15; }
.item16 { grid-area: a16; }
.item17 { grid-area: a17; }
.item18 { grid-area: a18; }
.item19 { grid-area: a19; }
.item20 { grid-area: a20; }
.item21 {grid-area: a21;}
.item22 {grid-area: a22;}

	



	.containera {
	width:100vw;
		height:158vw;
	margin: 50px auto;
		
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(23, 1fr);
		position:absolute;
		top:8vw;
	grid-template-areas: 
	"a1 a1"
	"a2 a2"
	"a3 a3"
	"a4 a4"
	"a5 a5"
	"a6 a7"
	"a6 a7"
	"a8 a8"
	"a9 a10"
	"a9 a10"
	"a11 a11"
	"a12 a12"
	"a13 a13"
	"a14 a15"
	"a14 a15"
	"a14 a15"
	"a16 a15"
	"a17 a18"
	"a17 a18"
	"a17 a18"
	"a19 a19"
	"a20 a20"
	"a21 a21"
	"a22 a22"


		
		;
	background-color:#2a2a2a;
}
	
	
	
	


.item1 {background: url('a_img_thumb/tSamsung-G9_AmazonV2_3000x1500.jpg') 0% 0%/cover no-repeat #000000;background-size:cover;}
/*TWO*/.item2 {background: url('a_img_thumb/tS90PC_2200x2200-Samsung-Blue-Opt2.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*THREE*/.item3 {background: url('a_img_thumb/tg58.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*FOUR*/.item4 {background: url('a_img_thumb/taa.jpg')  50% 100%/cover no-repeat #000000;background-size:cover;}
/*FIVE*/.item5 {background: url('a_img_thumb/tOC-Vibe---District-WideV2.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*SIX*/.item6 {background: url('a_img_thumb/tBlack-Friday-Sale.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*SEVEN*/.item9 {background: url('a_img_thumb/t20240716_Samsung_DOOH_Hidden_Valley_540x1920.jpg') 30% 51% /cover no-repeat #000000;background-size:cover;}
/*EIGHT*/.item8 {background: url('a_img_thumb/tmood-boards-round-three-theater.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*NINE*/.item7 {background: url('a_img_thumb/tArk-2nd_720x1440.jpg') left/cover no-repeat #000000;background-size:cover;}
/*TEN*/.item11 {background: url('a_img_thumb/tg5.jpg') top center/cover no-repeat #000000;}/*Holiday-PreBF_AllMonitor_1200x1200*/
/*ELEVEN*/.item10 {background: url('a_img_thumb/tSeat-Quick-Ref-Guide.jpg') top center/cover no-repeat #000000;}/*Seat-Quick-Ref-Guide*/
/*TWELVE*/.item12 {background: url('a_img_thumb/tgd8.jpg') top center/cover no-repeat #000000;}/*MoodBoard_Baseball_COLOR*/
/*THIRTEEN*/.item14 {background: url('a_img_thumb/tGetSomeMaction_optimized.jpg') top center/cover no-repeat #000000;}/*Gameday-Matchup-UNC-Charlotte    GetSomeMaction_optimized*/
/*FOURTEEN*/.item13 {background: url('a_img_thumb/tg23.jpg') top center/cover no-repeat #000000;}

/*EIGHTEEN*/.item15 {background: url('a_img_thumb/tElevators.jpg') top center/cover no-repeat #000000;}/*Dodgers-Sign-Video-Loss*/
/*FIFTEEN*//*.item15 {background: url('a_img_thumb/g58.jpg') top center/cover no-repeat #000000;}*/
/*SEVENTEEN*/.item16 {background: url('a_img_thumb/tLS27CM80PUNXZA.jpg') top center/cover no-repeat #000000;}
/*SIXTEEN*/.item17 {background: url('a_img_thumb/tSamsungNascarPartnershipCelebration.jpg') 50% 20%/cover no-repeat #000000;}

/*TWENTY*/.item18 {background: url('a_img_thumb/tHoliday-PreBF_AllMonitor_1200x1200.jpg') top center/cover no-repeat #000000;}
/*NINETEEN*/.item19 {background: url('a_img_thumb/tGameday-Matchup-UNC-Charlotte.jpg') top center/cover no-repeat #000000;}
/*TWENTYONE*//*.item21 {background: url('a_img_thumb/eldorado-and-home-depot.jpg') top center/cover no-repeat #000000;}*/
/*NINETEEN*/.item20 {background: url('a_img_thumb/tGameday-Matchup-UNC-Charlotte.jpg') top center/cover no-repeat #000000;}
/*TWENTYTWO*/.item20 {background: url('a_img_thumb/tBariatrics-192x145-enlarge-(0-00-04-16).jpg') top center/cover no-repeat #000000;}
/*TWENTYTHREE*/.item21 {background: url('a_img_thumb/tWelcome to Clemson 1920x1080.jpg') center/cover no-repeat #000000;}
/*TWENTYFIVE*/.item22 {background: url('a_img_thumb/tmoodboards-all-together.jpg') top center/cover no-repeat #000000;}
/*TWENTYSIX.item26 {background: url('a_img_thumb/Elevators.jpg') top center/cover no-repeat #000000;}*/

	
	
	
		/* below is really the c o p y ri ght background---------*/
	.bigbluebottom, #bigbluebottom {
	position:absolute;
	top:1104vw;
	width:100vw;
	height:4vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
}
	
	
	
	
	
.containera > div {
	display: grid;
	min-height: 60vw;  /*I had to block this out to get rid of the space under copyright*/
	align-items: center;
  transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	background-color:#2a2a2a;
	border-bottom: 0.5vw solid #2a2a2a;
    border-right: 0.5vw solid #2a2a2a;
	border-top: 0vw solid #2a2a2a;
}
	
	
	
	.containera > div .a15{ height:90vw; }
	


	
	.containera > div::after { 
  height: 0.35vw;
}
	
.containera > div::before { 
 height: 0.35vw;
} 

	
	
	
	
	
	
	
	


}