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

/**
 * Base theme for reveal.js.
 * 
 * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
 */

/*********************************************
 * FONTS
 *********************************************/
@font-face {
    font-family: 'Conv_CALIBRI';
    src: url('../fonts/CALIBRI.eot');
    src: url('../fonts/CALIBRI.eot?') format('embedded-opentype'), url('../fonts/CALIBRI.woff') format('woff'), url('../fonts/CALIBRI.ttf') format('truetype'), url('../fonts/CALIBRI.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArimoRegular';
    src: url('../fonts/Arimo-Regular-Latin-webfont.eot');
    src: url('../fonts/Arimo-Regular-Latin-webfont.eot?') format('embedded-opentype'), url('../fonts/Arimo-Regular-Latin-webfont.woff') format('woff'), url('../fonts/Arimo-Regular-Latin-webfont.ttf') format('truetype'), url('../fonts/Arimo-Regular-Latin-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cabinregular';
    src: url('../fonts/cabin-regular-webfont.eot');
    src: url('../fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cabin-regular-webfont.woff2') format('woff2'),
         url('../fonts/cabin-regular-webfont.woff') format('woff'),
         url('../fonts/cabin-regular-webfont.ttf') format('truetype'),
         url('../fonts/cabin-regular-webfont.svg#cabinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cabinitalic';
    src: url('../fonts/cabin-italic-webfont.eot');
    src: url('../fonts/cabin-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cabin-italic-webfont.woff2') format('woff2'),
         url('../fonts/cabin-italic-webfont.woff') format('woff'),
         url('../fonts/cabin-italic-webfont.ttf') format('truetype'),
         url('../fonts/cabin-italic-webfont.svg#cabinitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cabinregular';
    src: url('../fonts/cabin-medium-webfont.eot');
    src: url('../fonts/cabin-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cabin-medium-webfont.woff2') format('woff2'),
         url('../fonts/cabin-medium-webfont.woff') format('woff'),
         url('../fonts/cabin-medium-webfont.ttf') format('truetype'),
         url('cabin-medium-webfont.svg#cabinmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




/*********************************************
 * GLOBAL STYLES
 *********************************************/



  
.bottom-right {
    position: absolute;
   
    right: 0;
    top: 0;
   
	text-align: center;
   z-index: -2;
}

.bottom-right3 {
    position: absolute;   
    top: 40%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
	pointer-events:none;
   z-index: 99;
   opacity: 1.0;
    filter: alpha(opacity=100);
	 background: none;
    border-color: none;
    box-shadow: none;
	
}

.bottom-right3b {
    position: absolute;   
    top: 40%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
	pointer-events:none;
	width: 100%;
	height: 100%;
   z-index: 199;
   opacity: 1.0;
    filter: alpha(opacity=100);
	 background: none;
    border-color: none;
    box-shadow: none;
	
}

.bottom-right4 {
    position: absolute;
	z-index: 60;
    opacity: .8;
    filter: alpha(opacity=80);
    right: 0;
    top: 0;
   
}
.bottom-right6 {
    position: absolute;   
    top: 0;
    left: 0;
   z-index: 160;
   opacity: .2;
    filter: alpha(opacity=20);	
}

.bottom-right5 {
    position: absolute;
	z-index: 60;
    opacity: .9;
    filter: alpha(opacity=90);
    right: 0;
    top: 0;
   
}

.bottom-right5b {
    position: absolute;
	z-index: 60;
    opacity: .9;
    filter: alpha(opacity=90);
    right: 0;
    top: 0;
   
}

.bottom-right7 {
    position: absolute;   
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
	pointer-events:none;
   z-index: 99;
   opacity: .7;
    filter: alpha(opacity=70);
	 background: none;
    border-color: none;
    box-shadow: none;
	
}

.hidden { visibility:hidden;
}

.images {
    position: absolute;
    width: 100%;
    height: auto;
    

}
.images2 {
    position: absolute;
  z-index: 32;
top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


.reveal {
    font-family: "Conv_CALIBRI";
    font-size: 36px;
    font-weight: 200;
    letter-spacing: -0.02em;
    color: #333333;   

}

.animations2 {
    
	  top: 0;
    left: 0;
    bottom: 0;
    right: 0;
     width: 100%;
    height: 100%;
	  text-align: center;
   padding: 0px;
   margin-right: 0px;
   position: absolute;
    z-index: -10;
}


img.bg {
    /* Set rules to fill background */
    min-width: 1024px;
    min-height: 100%;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1024px) {
    /* Specific to this particular image */
    img.bg {
        left: 50%;
        margin-left: -512px; /* 50% */
    }
}

/* HERE IS WHERE YOU CHANGE THE VERTICAL DISTANCE OF THE AUDIO PLAY BUTTON  */
.audioplay {
    position: absolute;
    z-index: 200;
    top: 62%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}


/*********************************************
 * TEXT LAYOUT
 *********************************************/

/*ONE LINE TEXT*/

.reveal h7 {
	font-family: "ArimoRegular";
	font-size: 28px;
      color: #ffffff;
    font-style: bold;
	
}
.reveal h7b {
	font-size: 28px;
    color:#65e9e7;
   
}
.reveal h7b2 {
	font-size: 32px;
    color:#fd0125;
    font-style: bold;
}
.reveal h7c {
	font-family: "ArimoRegular";
	font-size: 26px;
      color: #308487;
    font-style: bold; 
}

.reveal h7d {
position: relative;
z-index: 4000;
	
	 font-family: "Conv_CALIBRI";
	 color: #ff0060;
	 font-size: 48px;
	font-style: bold;
  color:#d14931;
    text-align: center;

}

.reveal h7e {
	font-size: 22px;
      color: #ffffff;
   
}


.reveal h73b {
    position: absolute;
    z-index: 40;
    top: 40%;
    left: 10%;
    right: 10%;
		bottom: 40%;
    line-height: 1.5em;
    font-family: "Conv_CALIBRI";
    text-shadow: none;
    text-align: center;
    opacity: 1.0;
    filter: alpha(opacity=100);
    color: #ffffff;
    font-size: 78px;
}

/*********************************************
 * LINKS FONT SIZE FOR CREDITS PAGE LINKS
 *********************************************/



/*********************************************
 * IMAGES
 *********************************************/
.reveal section img {
top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
	border: none;
	  background: none;
    border-color: none;
    box-shadow: none;
}

.reveal a:hover img {
    background: none;
    border-color: none;
    box-shadow: none;
}

 


/*********************************************
 * NAVIGATION CONTROLS
 *********************************************/
.reveal .controls div.navigate-left,
.reveal .controls div.navigate-left.enabled {
    border-right-color: #3b759e;
}

.reveal .controls div.navigate-right,
.reveal .controls div.navigate-right.enabled {
    border-left-color: #3b759e;
}

.reveal .controls div.navigate-up,
.reveal .controls div.navigate-up.enabled {
    border-bottom-color: #3b759e;
}

.reveal .controls div.navigate-down,
.reveal .controls div.navigate-down.enabled {
    border-top-color: #3b759e;
}

.reveal .controls div.navigate-left.enabled:hover {
    border-right-color: #74a7cb;
}

.reveal .controls div.navigate-right.enabled:hover {
    border-left-color: #74a7cb;
}

.reveal .controls div.navigate-up.enabled:hover {
    border-bottom-color: #74a7cb;
}

.reveal .controls div.navigate-down.enabled:hover {
    border-top-color: #74a7cb;
}

/*********************************************
 * PROGRESS BAR
 *********************************************/
.reveal .progress {
    background: rgba(0, 0, 0, 0.2);
}

.reveal .progress span {
    background: #88b1bb;
    -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
    -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
    -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
    -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
    transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
}


.top0 { position:relative; z-index:-2; top:0%;}
.top0b { position:relative; z-index:-2; top:0%; padding-left: 10%; padding-right: 10%;}
.top0b2 { position:relative; z-index:-105; top:0%; opacity: .05;
    filter: alpha(opacity=05);}
.top0b3 { position:relative; z-index:-20; top:0%; opacity: .7;
    filter: alpha(opacity=70);}
.top01 { position:relative; z-index:55; top:01%;}
.top02 { position:relative; z-index:-2; top:02%;}
.top03 { top:03%;}

.top05 { position:relative; z-index:-2; top:05%;}
.top08 { position:relative; z-index:-2; top:08%;}
.top09 { position:relative; z-index:-2; top:09%;}
.top10 { position:relative; z-index:-2; top:10%;}
.top10left { position:relative; left: -10%; z-index:-2; top:5%;}
.top10middle { position:relative; left: 20%; z-index:20; top:55%;}
.top10right { position:relative; left: 30%; z-index:50; top:5%;}
.top12 { position:relative; z-index:-2; top:12%;}
.top13 { position:relative; z-index:-2; top:13%;}
.top15 { position:relative; z-index:-2; top:15%;}
.top16 { position:relative; z-index:-2; top:16%;}
.top15b { position:relative; z-index:-2; top:15%; padding-left: 10%; padding-right: 10%;}
.top18 { position:relative; z-index:55; top:18%;}
.top18b { position:relative; z-index:55; top:18%; padding-left: 10%; padding-right: 10%;}
.top20 { position:relative; z-index:55; top:20%;}
.top20b { position:relative; z-index:55; top:20%; padding-left: 10%; padding-right: 10%;}
.top23 { position:relative; z-index:55; top:23%;}
.top23b { position:relative; z-index:55; top:23%; padding-left: 10%; padding-right: 10%;}
.top24 { position:relative; z-index:55; top:24%;}
.top24b { position:relative; z-index:55; top:24%; padding-left: 10%; padding-right: 10%;}
.top25 { position:relative; z-index:55; top:25%;}
.top25b { position:relative; z-index:55; top:25%; padding-left: 10%; padding-right: 10%;}
.top27 { position:relative; z-index:55; top:27%;}
.top27b { position:relative; z-index:55; top:27%; padding-left: 10%; padding-right: 10%;}
.top28 { position:relative; z-index:55; top:28%;}
.top28b { position:relative; z-index:55; top:28%; padding-left: 10%; padding-right: 10%;}
.top30 { position:relative; z-index:55; top:30%;}
.top30b { position:relative; z-index:55; top:30%; padding-left: 10%; padding-right: 10%;}
.top30center { position:relative; z-index:55; top:30%; }
.top33 { position:relative; z-index:55; top:33%;}
.top33b { position:relative; z-index:55; top:33%; padding-left: 10%; padding-right: 10%;}
.top35 { position:relative; z-index:55; top:35%;}
.top35b { position:relative; z-index:555; top:35%; padding-left: 10%; padding-right: 10%;}
.top36 { position:relative; z-index:555; top:36%;}
.top36b { position:relative; z-index:555; top:36%; padding-left: 10%; padding-right: 10%;}
.top37 { position:relative; z-index:555; top:37%;}
.top38 { position:relative; z-index:555; top:38%;}
.top38b { position:relative; z-index:555; top:38%; padding-left: 10%; padding-right: 10%;}
.top39 { position:relative; z-index:555; top:39%;}
.top40 { position:relative; z-index:55; top:40%;}
.top40b { position:relative; z-index:555; top:40%; padding-left: 10%; padding-right: 10%; text-align: left;}
.top40x { position:relative; z-index:-555; top:40%; padding-left: 10%; padding-right: 10%;}
.top41 { position:relative; z-index:555; top:41%;}
.top41b { position:relative; z-index:555; top:41%; padding-left: 10%; padding-right: 10%;}
.top40bpad { position:relative; z-index:555; top:40%; padding-left: 40%; padding-right: 40%;}
.top40c { position:relative; z-index:-2; top:40%;}
.top45 { position:relative; z-index:55; top:45%;}
.top45x { position:relative; z-index:-2; top:45%;}
.top50 { position:relative; z-index:55; top:50%;}

.topleft { position:relative; z-index:55; top:30%; left:-20%;}
.bottomright { position:relative; z-index:55; top:60%; left:17%;}
.topmiddle { position:relative; z-index:55; top:30%;}
.bottommiddle{ position:relative; z-index:55; top:60%;}
	
	.zindex { position:relative; z-index:10;}

	
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}





.reveal .slides>section, .reveal .slides>section>section {
      padding: 0px;
	  width: 100%;
      height:100%;
    }
    
    
.reveal img, .reveal video, .reveal iframe {
       max-width: 100%;
       max-height: 100%;
	    padding: 0px;
    }
.full{
      width: 100%;
      height:100%;
    }
	
	


.reveal h12a   {
	position:absolute;
	color: #000000;
	font-family:"Conv_CALIBRI";
	font-size: 34px;
	font-style: normal;
	text-align: center;
	text-decoration:none;
	left: 20%;
	right: 20%;
}
	.reveal h12b   {
	position:absolute;
	color: #cccccc;
	font-family:"Conv_CALIBRI";
	font-size: 34px;
	font-style: normal;
	text-align: center;
	text-decoration:none;
	left: 20%;
	right: 20%;
}

.reveal h12by   {
	position:absolute;
	color: #ffffff;
	font-family:"Conv_CALIBRI";
	font-size: 34px;
	font-style: normal;
	text-align: center;
	text-decoration:none;
	left: 20%;
	right: 20%;
}

.reveal h12bz   {
	position:absolute;
	color: #cccccc;
	font-family:"Conv_CALIBRI";
	font-size: 24px;
	font-style: normal;
	text-align: center;
	text-decoration:none;
	left: 20%;
	right: 20%;
}
.reveal h12b2      {
	color: #a0afba;
	font-family:"selectricregular";
	font-size: 20px;
	font-style: bold;
	text-align: center;
	
  
}
.reveal h12c     {
	color: #0d526f;
	font-family:"Chalkduster";
	font-size: 26px;
	font-style: bold;
	text-align: center;	
  
}

.reveal h12c3     {
	color: #0d526f;
	font-family:"Mistral";
	font-size: 42px;
	font-style: bold;
	text-align: center;	
  
}

.reveal h12c2     {
	color: #0d526f;
	font-family:"ArimoRegular";
	font-size: 16px;
	font-style: bold;
	text-align: center;	
  
}
.reveal h12d    {
	color: #ffffff;
	font-family:"ArimoRegular";
	font-size: 62px;
	font-style: normal;
	text-align: center;
	text-decoration:none;
}

.reveal h12e   {
	color: #5d5858;
	font-family:"ArimoRegular";
	font-size: 24px;
	text-align: center;
}

.reveal h12f   {
	color: #ad6d6d;
	font-family:"ArimoRegular";
	font-size: 24px;
	text-align: center;
}

.reveal .animated-background {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    z-index: 1;
    pointer-events: none;
}

.reveal .animated-background2 {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    z-index: 1000;
    pointer-events: none;
}

.reveal .animated-background3 {
    position: fixed;
	 opacity: .7;
    filter: alpha(opacity=70);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    z-index: -2;
    pointer-events: none;
}

.reveal .animated-background4 {
    position: fixed;
	 opacity: .3;
    filter: alpha(opacity=30);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    z-index: -2;
    pointer-events: none;
}

.withpreload4{
    position: absolute;
   z-index: 1000;
   top: 10%;
    left: 0;
    bottom: 0;
    right: 0;
   
}

.withpreload3{
    position: absolute;
   z-index: -1000;
   top: 0;
    left: 0;
    bottom: 0;
    right: 0;
   
}

.reveal h8 {
    margin: 0 0 20px 0;
    color: #65e9e7;
    font-family: "Conv_CALIBRI";
    font-size: 20px;
    line-height: 0.9em;
   
}

.reveal h8b {
   
    color: #504105;
    font-family: "Conv_CALIBRI";
    font-size: 18px;
    line-height: 0.5em;
    text-shadow: none;
}

.reveal h9 {
   
    color: #ffffff;
    font-family: "Conv_CALIBRI";
    font-size: 20px;
    line-height: 0.5em;
    text-shadow: none;

}

.reveal h9xx {
   
    color: #ffffff;
    font-family: "Conv_CALIBRI";
    font-size: 24px;
    line-height: 0.5em;
    text-shadow: none;

}

.reveal h9c {
    margin: 0 0 18px 0;
    color: #65e9e7;
    font-family: "Conv_CALIBRI";
    font-size: 28px;
    line-height: 0.9em;
    text-shadow: none;
	
}

.reveal h9b {
    margin: 0 0 20px 0;
    color: #4a99b7;
    font-family: "Conv_CALIBRI";
    font-size: 20px;
    line-height: 0.9em;
	text-shadow: 3px  3px 6px white,
    3px -3px 6px white,
   -3px  3px 6px white,
   -3px -3px 6px white;
}

.audio-player-wrapper {
   opacity: 1.0;
    filter: alpha(opacity=100);
position: absolute;
top: 30%;
left: 0px;
width: 100%;
z-index: 5000;
	}
	
.auto {
   opacity: 1.0;
    filter: alpha(opacity=100);
position: absolute;
top: 20%;
left: 0px;
width: 100%;
height: 45px;
z-index: 5000;
	}
	
.reveal shoot {
  font-family: "robotoregular";
 
font-size: 24px;
	color: #000000;
	text-align: left;
line-height: 1.5em;
border-style: solid;
border-color: black;
    border-width: 3px;
	background-color: #fffa00;
	padding:4px 16px 4px 16px;
  display:inline-block; 

 }
 
 .reveal shootgreen{
  font-family: "robotoregular";

font-size: 24px;
	color: #000000;
	text-align: left;
line-height: 1.5em;
border-style: solid;
border-color: #03721d;
    border-width: 3px;
	background-color: #fffa00;
	padding:4px 16px 4px 16px;
  display:inline-block; 
 }
 
 .reveal shootwhite{
  font-family: "robotoregular";

font-size: 24px;
	color: #ffffff;
	text-align: left;
line-height: 1.5em;
border-style: solid;
border-color: #ffffff;
    border-width: 3px;
	background-color: #000000;
	padding:4px 16px 4px 16px;
  display:inline-block; 
 }
 .reveal shootgray{
  font-family: "robotoregular";

font-size: 24px;
	color: #000000;
	text-align: left;
line-height: 1.5em;
border-style: solid;
border-color: #cccccc;
    border-width: 3px;
	background-color: #ffffff;
	padding:4px 16px 4px 16px;
  display:inline-block; 
 }
 
 .reveal shootgray2{
  font-family: "robotoregular";

font-size: 24px;
	color: #000000;
	text-align: left;
line-height: 1.5em;
border-style: solid;
border-color: #000000;
    border-width: 3px;
	background-color: #ffffff;
	padding:4px 16px 4px 16px;
  display:inline-block; 
 }
 
 .reveal preg {
  font-family: "robotoregular";

font-size: 34px;
	color: #ffffff;
	text-align: left;
line-height: 1.5em;

 }
 
 .reveal shoot3 {
  font-family: "robotoregular";

font-size: 24px;
	color: #000000;
	text-align: left;
line-height: 1.5em;
border-style: solid;
border-color: #c4ab69;
    border-width: 3px;
	background-color: #e8ccc0;
	padding:4px 16px 4px 16px;
  display:inline-block; 

 }
 
 .kapow {
    position: absolute;
   z-index: -1;
    top: 0%;
    left: 10%;
}

.animated-gif-container{
	 position: absolute;
   z-index: 1000;
    top: 0%;

	width: 100%;
	height: 100%;
}

.animated-gif-container3{
	 position: absolute;
   z-index: 1000;
    top: 5%;
    left: 10%;
	width: 45%;
	height: 45%;
}

.animated-gif-container2 {
	 position: absolute;
   z-index: -1;
    top: 0%;
    left: 10%;
	width: 20%;
	height: 20%;
}

.kapow2 {
    position: absolute;
   z-index: -1;
    top: 30%;
    left: 75%;
}

.kapow2b {
    position: absolute;
   z-index: -3;
    top: 10%;
    left: 65%;
}

.kapow3 {
    position: absolute;
   z-index: -4;
    top: 10%;
    left: 80%;
}

.pow {
    position: absolute;
   z-index: -2;

	 width:20%;
    top: 60%;
	left: 50%
}

.coltjingo1 {
    position: absolute;
   z-index: 0;

	 width:20%;
    top: 40%;
	left: 70%
}

.coltjingo2 {
    position: absolute;
   z-index: -1;

	 width:20%;
    top: 40%;
	left: 80%
}

.coltconnie {
    position: absolute;
   z-index: -1;

	 width:20%;
    top: 40%;
	left: 60%
}

.coltbill {
    position: absolute;
   z-index: -1;

    top: 0%;
	left: 50%;
}


.coltdude {
    position: absolute;
   z-index: -1;

	 width:40%;
    top: 15%;
	left: 10%
}
	
	.bulletjingo { position:absolute; width: 100%; z-index:-2; top:10%;}
	  
	  .bulletjingo2 { position:absolute; width: 100%; z-index:-1; top:30%;}
 
  .bulletdude{ position:absolute;  width: 100%; z-index:-1; }
  
  
  
  .bulletjingo3 { position:absolute; width: 100%; z-index:20; top:60%;}
	  
	  .bulletjingo4 { position:absolute; width: 100%; z-index:30; top:70%;}
 
  .bulletdude2{ position:absolute;  width: 100%; z-index:40; top:50%;}
  
  .position {
    position: relative;
   z-index: 2;
    top: 0%;
    left: 0;

	
}
	
	.position2 {
    position: absolute;
   z-index: 500;
    top: 0%;
    left: 0;
}

.position2b {
    position: absolute;
   z-index: 500;
    top: 0%;
    left: 80%;
}

.position3 {
    position: relative;
   z-index: 700;
    top: 0%;
    left: 0;

	opacity: .50;
    filter: alpha(opacity=50);
}

.position4 {
    position: absolute;
   z-index: 700;

	 width:80%;
    top: 62%;
	left: 20%
}

.position4b {
    position: absolute;
   z-index: 700;

	 width:80%;
    top: 52%;
	left: 30%
}

.position5 {
    position: absolute;
   z-index: 600;

	 width:20%;
    top: 20%;
	left: 10%
}

.position6 {
    position: absolute;
   z-index: -2;

	 width:40%;
    top: 0%;
	left: 10%
}

.position7 {
    position: absolute;
   z-index: 700;

	 width:40%;
    top: 10%;
	left: 10%
}

.position8 {
    position: absolute;
   z-index: -2;

	 width:30%;
    top: 30%;
	left: 30%
}

.position9 {
    position: absolute;
   z-index: -2;

	 width:20%;
    top: 40%;
	left: 50%
}

.position9b1 {
    position: absolute;
   z-index: -2;

	 width:20%;
    top: 40%;
	left: 55%
}

.position9b {
    position: absolute;
   z-index: -2;

	 width:20%;
    top: 40%;
	left: 60%
}

.position9b2 {
    position: absolute;
   z-index: -2;

	 width:20%;
    top: 40%;
	left: 60%
}

.position9b3{
    position: absolute;
   z-index: -2;

	 width:20%;
    top: 40%;
	left: 70%
}

.position9c {
    position: absolute;
   z-index: -2;
	 width:20%;
    top: 40%;
	left: 70%
}

.position10 {
    position: absolute;
   z-index: -2;

    top: 15%;
	left: 45%;
}

.position11 {
    position: absolute;
   z-index: -2;


	 width:40%;
    top: 0%;
	left: 10%
}

.position12 {
    position: absolute;
   z-index: 5000;


	 width:40%;
    top: 0%;
	left: 10%
}

.large {
    position: absolute;
   z-index: -2;

top: 0%;
   width: 80%;
	left: 20%;
}

.singlespace {
   
    line-height: 0.5;
	padding-left: 5%; padding-right: 5%;

}

.rtop4x2 {
	   position:relative;
        z-index: 555;
        top: 40%;
    }
	
	.rtop4x3 {
	   position:relative;
        z-index: 555;
        top: 45%;
    }
	
	.rtop4x3b {
	   position:relative;
        z-index: 555;
        top: 40%;
    }
	
	

*{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }	

#bg-section-foo {
  background: #pink;
  background: -moz-radial-gradient(center, circle cover, #626262 0%, #015368 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #626262), color-stop(100%, #015368));
  background: -webkit-radial-gradient(center, circle cover, #626262 0%, #015368 100%);
  background: -o-radial-gradient(center, circle cover, #626262 0%, #015368 100%);
  background: -ms-radial-gradient(center, circle cover, #626262 0%, #015368 100%);
  background: radial-gradient(center, circle cover, #626262 0%, #015368 100%);
  background-color: #2b2b2b; }
  
   .reveal .slide-background2 {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        background-color: transparent;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
        transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
    }

    .reveal .slide-background2.present {
        opacity: 1;
        visibility: visible;
    }
	
	.reveal h7touch {
	font-size: 25px;
    color:#2097e2;
    font-style: bold;
}

.rtoptouch{
	   position:relative;
        z-index: 555;
        top: 40%;
		line-height: 1.5em;
    }
	
	
	
	.reveal h12motion      {
	color: #e60c3a;
	font-family:"ArimoRegular";
	font-size: 70px;
	font-style: bold;
	text-align: center;
	text-shadow: 0px 0px 0px #e60c3a;
  
}

.reveal h12motion2      {
	color: #ffffff;
	font-family:"ArimoRegular";
	font-size: 120px;
	font-style: bold;
	text-align: center;
	text-shadow: 0px 0px 0px #e60c3a;
  
}

.reveal h12tiny      {
	color: #000000;
	font-family:"ArimoRegular";
	font-size: 20px;
	font-style: bold;
	text-align: center;
	margin-right: 60px;
	margin-left: 60px;
  
}

.reveal h12medium1     {
	color: #da8a17;
	font-family:"ArimoRegular";
	font-size: 60px;
	font-style: bold;
	line-height: 1.5em; 
}

.reveal h12medium2     {
	color: #575652;
	font-family:"ArimoRegular";
	font-size: 60px;
	font-style: bold;
	
  line-height: 1.5em;
margin-left: 2%;
}

.reveal h12medium3     {
	color: #575652;
	font-family:"ArimoRegular";
	font-size: 60px;
	font-style: bold;
	
  line-height: 1.5em;
margin-left: 4%;
}

.reveal h12medium4     {
	color: #575652;
	font-family:"ArimoRegular";
	font-size: 60px;
	font-style: bold;
	
  line-height: 1.5em;
margin-left: 6%;
}

.reveal h12medium5     {
	color: #575652;
	font-family:"ArimoRegular";
	font-size: 60px;
	font-style: bold;
	line-height: 1.5em;
margin-left: 8%;
}

video::-webkit-media-controls-fullscreen-button {
    display: none;
}

.playbutton     {
	color: #ffffff;
	font-family:"ArimoRegular";
	font-size: 20px;
	font-style: bold;
}

video::-webkit-media-controls-enclosure {
  display:none !important;
}

.reveal h12subtitle      {
	color: #ac071e;
	font-family:"ArimoRegular";
	font-size: 66px;
	font-style: bold;
	text-align: center;
	text-shadow: 0 0 20px #d099a1;
  
}

.reveal h9z {
   
    color: #ffffff;
    font-family: "Conv_CALIBRI";
    font-size: 20px;
    line-height: 0.5em;
    text-shadow: none;

}

.reveal h3 {
		font-family:"ArimoRegular";
		font-size: 40px;
		 line-height: 1.5em;
		font-style: normal;
		text-transform: none;
      }
	  
	  .typeit {
        position: relative;
        z-index: 55;
       
		
	 
    }