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



.selectedcolor {
	color:#B1DDF1;
}


	.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;
}
		
	
	




.closeb {position:fixed;z-index:998;}
#closeb {position:fixed;z-index:998;}

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

.theheight4 {
	width:15vw;
	margin:auto;
}

.fixheightz {/*padding-left:10vw;*/margin-left:21vw; padding-top:-8vw;
	width:8vw;
	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;
	
	
}
@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 {/*padding-left:10vw;*/margin-left:4.5vw;
	width:21vw;
	display:block;
	text-align:center;
}

.fixheight2  {margin-left:4.5vw;
	width:21vw;
	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;
	}

@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---------------------------------------*/






.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;}
.item23 {grid-area: a23;}
.item24 {grid-area: a24;}
.item25 {grid-area: a25;}
.item26 {grid-area: a26;}
.item27 {grid-area: a27;}
/*.item28 {grid-area: a28;}
	*/


/*-----------------------------------------------------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 {
	position:absolute;
	top:180vw;
	width:100vw;
	height:2vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
}
	
	
	
	#copyright {
	position:absolute;
	width:100vw;
	top:180.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, img, 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;}
.item23 {grid-area: a23;}
.item24 {grid-area: a24;}
.item25 {grid-area: a25;}
.item26 {grid-area: a26;}
.item27 {grid-area: a27;}
/*.item28 {grid-area: a28;}*/

.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:100.0vw;
}

/*.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, img, 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 biggest resolution-----------
\* ============ */
	
	
	
	/*a1*/.item1 {background: url('a_img_thumb/tdemoreel.jpg') 0% 0%/cover no-repeat #000000;background-size:cover;}
/*a2*/.item2 {background: url('a_img_thumb/ta2.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*a3*/.item3 {background: url('a_img_thumb/ta3.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*a4*/.item4 {background: url('a_img_thumb/ta4.jpg') 60% 50% /cover no-repeat #000000;background-size:cover;}
/*a5*/.item5 {background: url('a_img_thumb/ta5o.jpg') 50% 45% /cover no-repeat #000000;background-size:cover;}
/*a6*/.item6 {background: url('a_img_thumb/ta6.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*a7*/.item7 {background: url('a_img_thumb/ta7.jpg') 56% 51% /cover no-repeat #000000;background-size:cover;}
/*a8*/.item8 {background: url('a_img_thumb/ta8.jpg') 58% 50% /cover no-repeat #000000;background-size:cover;}
/*a9*/.item9 {background: url('a_img_thumb/ta9.jpg') 38% 60% /cover no-repeat #000000;background-size:cover;}
/*a10*/.item10 {background: url('a_img_thumb/ta10.jpg') top center/cover no-repeat #000000;}
/*a11*/.item11 {background: url('a_img_thumb/ta11.jpg') bottom center/cover no-repeat #000000;background-size:cover;}
/*a12*/.item12 {background: url('a_img_thumb/ta12.jpg') 50% 40% /cover no-repeat #000000;}
/*a13*/.item13 {background: url('a_img_thumb/ta13.jpg') 60% 50% /cover no-repeat #000000;}
/*a14*/.item14 {background: url('a_img_thumb/ta14.jpg') 60% 60% /cover no-repeat #000000;}
/*a15*/.item15 {background: url('a_img_thumb/ta15.jpg') 50% 50% /cover no-repeat #000000;}
/*a16*/.item16 {background: url('a_img_thumb/ta16.jpg') top center/cover no-repeat #000000;}
/*a17*/.item17 {background: url('a_img_thumb/ta17.jpg') top center/cover no-repeat #000000;}
/*a18*/.item18 {background: url('a_img_thumb/ta18.jpg') 20% 60% /cover no-repeat #000000;}
/*a19*/.item19 {background: url('a_img_thumb/ta19.jpg') 50% 40%/cover no-repeat #000000;}
/*a20*/.item20 {background: url('a_img_thumb/ta20.jpg') top center/cover no-repeat #000000;}
/*a21*/.item21 {background: url('a_img_thumb/ta21.jpg') 0% 60%/cover no-repeat #000000;}
/*a22*/.item22 {background: url('a_img_thumb/ta22.jpg') top center/cover no-repeat #000000;}
/*a23*/.item23 {background: url('a_img_thumb/ta23.jpg') center/cover no-repeat #000000;}
/*a24*/.item24 {background: url('a_img_thumb/ta24.jpg') top center/cover no-repeat #000000;}
/*a25*/.item25 {background: url('a_img_thumb/ta25.jpg') top center/cover no-repeat #000000;}
/*a26*/.item26 {background: url('a_img_thumb/ta26.jpg') top center/cover no-repeat #000000;}
/*a27*/.item27 {background: url('a_img_thumb/ta27.jpg') top center/cover no-repeat #000000;}
/*a28.item28 {background: url('a_img_thumb/a28.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;}
.item23 {grid-area: a23;}
.item24 {grid-area: a24;}
.item25 {grid-area: a25;}
.item26 {grid-area: a26;}
.item27 {grid-area: a27;}
/*.item28 {grid-area: a28;}*/
	
	

/* 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(9, 1fr);
		position:absolute;
		top:8vw;
	grid-template-areas: 
	"a1   a1     a1 	a1 		a1     a2		a2 		a2 		a2 		a3 		a3 		a3 		a4		a4 		a4 		a4"
	"a5   a5     a5 	a5 		a5     a5		a5 		a6 		a6 		a6 		a6 		a6 		a4		a4 		a4 		a4"
	"a7   a7     a7 	a8 		a8     a8		a8 		a8 		a8 		a9 		a9 		a9 		a9		a9 		a9 		a9"
	"a7   a7     a7 	a10 	a10    a10		a10 	a10 	a11 	a11 	a11 	a11 	a12 	a12 	a12 	a12"
	"a13  a13    a13 	a13 	a14    a14		a14 	a15 	a15 	a15		a15 	a15		a12 	a12 	a12 	a12"
	"a16  a16    a16 	a17		a17    a17		a17 	a17 	a18		a18 	a18 	a18 	a18		a18 	a18 	a18"
	"a16  a16    a16 	a19		a19    a19		a19 	a20 	a20		a20 	a20 	a20 	a21		a21 	a21 	a21"
	"a22  a22    a22 	a22		a22    a23		a23 	a23 	a23		a24 	a24 	a24 	a21		a21 	a21 	a21"
	"a25  a25    a25 	a25		a25    a25		a26 	a26 	a26		a26 	a26 	a27 	a27		a27 	a27 	a27"


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

.containera > div {
	display: grid;
	/*/ min-height: 7vw; /*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: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;
}
		
	
	
	


}






























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

@media screen and (min-width:82em) 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;
}
	
	
	/*a1*/.item1 {background: url('a_img_thumb/tdemoreel.jpg') 50% 0%/cover no-repeat #000000;background-size:cover;}
/*a2*/.item2 {background: url('a_img_thumb/ta2.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*a3*/.item3 {background: url('a_img_thumb/ta3.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*a4*/.item4 {background: url('a_img_thumb/ta4.jpg') 60% 50% /cover no-repeat #000000;background-size:cover;}
/*a5*/.item5 {background: url('a_img_thumb/ta5o.jpg') 50% 45% /cover no-repeat #000000;background-size:cover;}
/*a6*/.item6 {background: url('a_img_thumb/ta6.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*a7*/.item7 {background: url('a_img_thumb/ta7.jpg') 56% 51% /cover no-repeat #000000;background-size:cover;}
/*a8*/.item8 {background: url('a_img_thumb/ta8.jpg') 45% 50% /cover no-repeat #000000;background-size:cover;}
/*a9*/.item9 {background: url('a_img_thumb/ta9.jpg') 38% 60% /cover no-repeat #000000;background-size:cover;}
/*a10*/.item10 {background: url('a_img_thumb/ta10.jpg') 35% 50%/cover no-repeat #000000;}
/*a11*/.item11 {background: url('a_img_thumb/ta11.jpg') bottom center/cover no-repeat #000000;background-size:cover;}
/*a12*/.item12 {background: url('a_img_thumb/ta12.jpg') 57% 9% /cover no-repeat #000000;background-size:auto;}
/*a13*/.item13 {background: url('a_img_thumb/ta13.jpg') 60% 50% /cover no-repeat #000000;}
/*a14*/.item14 {background: url('a_img_thumb/ta14.jpg') 60% 60% /cover no-repeat #000000;}
/*a15*/.item15 {background: url('a_img_thumb/ta15.jpg') 50% 50% /cover no-repeat #000000;}
/*a16*/.item16 {background: url('a_img_thumb/ta16.jpg') 50% 54%/cover no-repeat #000000;}
/*a17*/.item17 {background: url('a_img_thumb/ta17.jpg') top center/cover no-repeat #000000;}
/*a18*/.item18 {background: url('a_img_thumb/ta18.jpg') 51% 60% /cover no-repeat #000000;}
/*a19*/.item19 {background: url('a_img_thumb/ta19.jpg') 50% 48%/cover no-repeat #000000;}
/*a20*/.item20 {background: url('a_img_thumb/ta20.jpg') top center/cover no-repeat #000000;}
/*a21*/.item21 {background: url('a_img_thumb/ta21.jpg') 0% 50%/cover no-repeat #000000;}
/*a22*/.item22 {background: url('a_img_thumb/ta22.jpg') top center/cover no-repeat #000000;}
/*a23*/.item23 {background: url('a_img_thumb/ta23.jpg') 55% 48%/cover no-repeat #000000;}
/*a24*/.item24 {background: url('a_img_thumb/ta24.jpg') top center/cover no-repeat #000000;}
/*a25*/.item25 {background: url('a_img_thumb/ta25.jpg') top center/cover no-repeat #000000;}
/*a26*/.item26 {background: url('a_img_thumb/ta26.jpg') top center/cover no-repeat #000000;}
/*a27*/.item27 {background: url('a_img_thumb/ta27.jpg') top center/cover no-repeat #000000;}
/*a28.item28 {background: url('a_img_thumb/a28.jpg') top center/cover no-repeat #000000;}*/
	
	
	
		.containera {
	width:100vw;
		height:158vw;
	margin: 50px auto;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(10, 1fr);
		position:absolute;
		top:12vw;
	grid-template-areas: 
	"a1   a1     a1 	a2 		a2     a2 		a2 		a3 		a3 		a3 		a3		a3"
	"a4   a4     a4 	a4 		a4     a5		a5 		a5		a6 		a6 		a6      a6"
	"a7   a7     a7 	a8 		a8     a8		a8 		a9 		a9		a9 		a9 		a9"
	"a10   a10     a10 	a10 	a11    a11		a11 	a11 	a11 	a12 	a12 	a12"
	"a13  a13    a13 	a13 	a13    a14		a14 	a14		a14 	a12 	a12 	a12"
	"a15  a15    a15 	a16		a16    a16		a17 	a17 	a17		a17 	a17 	a17"
	"a18  a18    a18 	a18 	a18	   a19  	a19 	a19 	a19		a20 	a20 	a20"
	"a21  a21    a21	a21		a21    a21		a22 	a22 	a22		a22 	a22 	a22"
	"a23  a23    a23 	a23		a24		a24 	a24 	a24 	a25		a25 	a25 	a25"
	"a26  a26    a26 	a26		a26		a26 	a27 	a27 	a27		a27 	a27 	a27"

	
		
		;
	background-color:#2a2a2a;
}
	
	
	
		/* below is really the copyright background---------*/
	#bigbluebottom {
	position:absolute;
	top:318.5vw;
	width:100vw;
	height:3vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
}
	
	
	
	#copyright {
	position:absolute;
	width:100vw;
	top:319vw;
	text-align:center;
	z-index:999;
	color:#fff;
	font-size:1.3vw;
		
}
	
	

.containera > div {
	display: grid;
	 min-height: 27vw; /*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;
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 MIDDLE VERSION 2======================================*/

@media screen and (min-width:60em) and (max-width:82em) {
	

	
	#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;
}
	
	
	/*a1*/.item1 {background: url('a_img_thumb/tdemoreel.jpg') 50% 0%/cover no-repeat #000000;background-size:cover;}
/*a2*/.item2 {background: url('a_img_thumb/ta2.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*a3*/.item3 {background: url('a_img_thumb/ta3.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*a4*/.item4 {background: url('a_img_thumb/ta4.jpg') 60% 50% /cover no-repeat #000000;background-size:cover;}
/*a5*/.item5 {background: url('a_img_thumb/ta5o.jpg') 50% 45% /cover no-repeat #000000;background-size:cover;}
/*a6*/.item6 {background: url('a_img_thumb/ta6.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*a7*/.item7 {background: url('a_img_thumb/ta7.jpg') 56% 51% /cover no-repeat #000000;background-size:cover;}
/*a8*/.item8 {background: url('a_img_thumb/ta8.jpg') 45% 50% /cover no-repeat #000000;background-size:cover;}
/*a9*/.item9 {background: url('a_img_thumb/ta9.jpg') 38% 60% /cover no-repeat #000000;background-size:cover;}
/*a10*/.item10 {background: url('a_img_thumb/ta10.jpg') 35% 50%/cover no-repeat #000000;}
/*a11*/.item11 {background: url('a_img_thumb/ta11.jpg') bottom center/cover no-repeat #000000;background-size:cover;}
/*a12*/.item12 {background: url('a_img_thumb/ta12.jpg') 57% 9% /cover no-repeat #000000;background-size:auto;}
/*a13*/.item13 {background: url('a_img_thumb/ta13.jpg') 60% 50% /cover no-repeat #000000;}
/*a14*/.item14 {background: url('a_img_thumb/ta14.jpg') 60% 60% /cover no-repeat #000000;}
/*a15*/.item15 {background: url('a_img_thumb/ta15.jpg') 50% 50% /cover no-repeat #000000;}
/*a16*/.item16 {background: url('a_img_thumb/ta16.jpg') 50% 54%/cover no-repeat #000000;}
/*a17*/.item17 {background: url('a_img_thumb/ta17.jpg') top center/cover no-repeat #000000;}
/*a18*/.item18 {background: url('a_img_thumb/ta18.jpg') 51% 60% /cover no-repeat #000000;}
/*a19*/.item19 {background: url('a_img_thumb/ta19.jpg') 50% 48%/cover no-repeat #000000;}
/*a20*/.item20 {background: url('a_img_thumb/ta20.jpg') top center/cover no-repeat #000000;}
/*a21*/.item21 {background: url('a_img_thumb/ta21.jpg') 0% 50%/cover no-repeat #000000;}
/*a22*/.item22 {background: url('a_img_thumb/ta22.jpg') top center/cover no-repeat #000000;}
/*a23*/.item23 {background: url('a_img_thumb/ta23.jpg') 55% 48%/cover no-repeat #000000;}
/*a24*/.item24 {background: url('a_img_thumb/ta24.jpg') top center/cover no-repeat #000000;}
/*a25*/.item25 {background: url('a_img_thumb/ta25.jpg') top center/cover no-repeat #000000;}
/*a26*/.item26 {background: url('a_img_thumb/ta26.jpg') top center/cover no-repeat #000000;}
/*a27*/.item27 {background: url('a_img_thumb/ta27.jpg') top center/cover no-repeat #000000;}
/*a28.item28 {background: url('a_img_thumb/a28.jpg') top center/cover no-repeat #000000;}*/
	
	
	
		.containera {
	width:100vw;
		height:158vw;
	margin: 50px auto;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(10, 1fr);
		position:absolute;
		top:12vw;
	grid-template-areas: 
	"a1   a1     a1 	a2 		a2     a2 		a2 		a3 		a3 		a3 		a3		a3"
	"a4   a4     a4 	a4 		a4     a5		a5 		a5		a6 		a6 		a6      a6"
	"a7   a7     a7 	a8 		a8     a8		a8 		a9 		a9		a9 		a9 		a9"
	"a10   a10     a10 	a10 	a11    a11		a11 	a11 	a11 	a12 	a12 	a12"
	"a13  a13    a13 	a13 	a13    a14		a14 	a14		a14 	a12 	a12 	a12"
	"a15  a15    a15 	a16		a16    a16		a17 	a17 	a17		a17 	a17 	a17"
	"a18  a18    a18 	a18 	a18	   a19  	a19 	a19 	a19		a20 	a20 	a20"
	"a21  a21    a21	a21		a21    a21		a22 	a22 	a22		a22 	a22 	a22"
	"a23  a23    a23 	a23		a24		a24 	a24 	a24 	a25		a25 	a25 	a25"
	"a26  a26    a26 	a26		a26		a26 	a27 	a27 	a27		a27 	a27 	a27"

	
		
		;
	background-color:#2a2a2a;
}
	
	
	
		/* below is really the copyright background---------*/
	#bigbluebottom {
	position:absolute;
	top:328.5vw;
	width:100vw;
	height:3vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
}
	
	
	
	#copyright {
	position:absolute;
	width:100vw;
	top:329vw;
	text-align:center;
	z-index:999;
	color:#fff;
	font-size:1.3vw;
		
}
	
	

.containera > div {
	display: grid;
	 min-height: 27vw; /*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;
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;
		
	}
	
	
	/*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, img, 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;}
.item23 {grid-area: a23;}
.item24 {grid-area: a24;}
.item25 {grid-area: a25;}
.item26 {grid-area: a26;}
.item27 {grid-area: a27;}
/*.item28 {grid-area: a28;}*/
	
	


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

		
		
		;
	background-color:#2a2a2a;
}
	
	
	
		/* below is really the copyright background---------*/
	#bigbluebottom {
	position:absolute;
	top:814.5vw;
	width:100vw;
	height:4vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
}
	
	
	
	#copyright, .copyright {
	position:absolute;
	width:100vw;
	top:815.4vw;
	text-align:center;
	z-index:999;
	color:#fff;
	font-size:1.5vw;
		
}
	
	

.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::after { 
  height: 0.35vw;
}
	
.containera > div::before { 
 height: 0.35vw;
} 

	
	
	
	
	 
/*a1*/.item1 {background: url('a_img_thumb/tdemoreel.jpg') 0% 0%/cover no-repeat #000000;background-size:cover;}
/*a2*/.item2 {background: url('a_img_thumb/ta2.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*a3*/.item3 {background: url('a_img_thumb/ta3.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*a4*/.item4 {background: url('a_img_thumb/ta4.jpg') 60% 50% /cover no-repeat #000000;background-size:cover;}
/*a5*/.item5 {background: url('a_img_thumb/ta5o.jpg') 50% 45% /cover no-repeat #000000;background-size:cover;}
/*a6*/.item6 {background: url('a_img_thumb/ta6.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*a7*/.item7 {background: url('a_img_thumb/ta7.jpg') 56% 51% /cover no-repeat #000000;background-size:cover;}
/*a8*/.item8 {background: url('a_img_thumb/ta8.jpg') 58% 50% /cover no-repeat #000000;background-size:cover;}
/*a9*/.item9 {background: url('a_img_thumb/ta9.jpg') 38% 60% /cover no-repeat #000000;background-size:cover;}
/*a10*/.item10 {background: url('a_img_thumb/ta10.jpg') top center/cover no-repeat #000000;}
/*a11*/.item11 {background: url('a_img_thumb/ta11.jpg') bottom center/cover no-repeat #000000;background-size:cover;}
/*a12...kiosk*/.item12 {background: url('a_img_thumb/ta12.jpg') 50% 76% /cover no-repeat #000000;}
/*a13*/.item13 {background: url('a_img_thumb/ta13.jpg') 60% 50% /cover no-repeat #000000;}
/*a14*/.item14 {background: url('a_img_thumb/ta14.jpg') 60% 60% /cover no-repeat #000000;}
/*a15*/.item15 {background: url('a_img_thumb/ta15.jpg') 50% 50% /cover no-repeat #000000;}
/*a16alin*/.item16 {background: url('a_img_thumb/ta16.jpg') 50% 56%/cover no-repeat #000000;}
/*a17*/.item17 {background: url('a_img_thumb/ta17.jpg') top center/cover no-repeat #000000;}
/*a18*/.item18 {background: url('a_img_thumb/ta18.jpg') 50% 60% /cover no-repeat #000000;}
/*a19*/.item19 {background: url('a_img_thumb/ta19.jpg') 50% 40%/cover no-repeat #000000;}
/*a20*/.item20 {background: url('a_img_thumb/ta20.jpg') top center/cover no-repeat #000000;}
/*a21*/.item21 {background: url('a_img_thumb/ta21.jpg') 0% 60%/cover no-repeat #000000;}
/*a22*/.item22 {background: url('a_img_thumb/ta22.jpg') top center/cover no-repeat #000000;}
/*a23*/.item23 {background: url('a_img_thumb/ta23.jpg') center/cover no-repeat #000000;}
/*a24*/.item24 {background: url('a_img_thumb/ta24.jpg') top center/cover no-repeat #000000;}
/*a25*/.item25 {background: url('a_img_thumb/ta25.jpg') top center/cover no-repeat #000000;}
/*a26*/.item26 {background: url('a_img_thumb/ta26.jpg') top center/cover no-repeat #000000;}
/*a27*/.item27 {background: url('a_img_thumb/ta27.jpg') top center/cover no-repeat #000000;}
/*a28.item28 {background: url('a_img_thumb/a28.jpg') top center/cover no-repeat #000000;}*/









}