@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: 'selectricregular';
    src: url('../fonts/courier-webfont.eot');
    src: url('../fonts/courier-webfont.eot?') format('embedded-opentype'), url('../fonts/courier-webfont.woff') format('woff'), url('../fonts/courier-webfont.ttf') format('truetype'), url('../fonts/courier-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'crillee';
    src: url('../fonts/crillee.eot');
    src: url('../fonts/crillee.eot?') format('embedded-opentype'), url('../fonts/crillee.woff') format('woff'), url('../fonts/crillee.ttf') format('truetype'), url('../fonts/crillee.svg') 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-right2 {
    position: absolute;   
    right: 0;
    top: 0;
	pointer-events:none;
   z-index: 99;
   opacity: 1.0;
    filter: alpha(opacity=100);
}

.hidden { visibility:hidden;
}

.images {
    position: absolute;
    width: 100%;
    height: auto;
    top: 32%;
z-index: 2000;
border: none;
	  background: none;
    border-color: none;
    box-shadow: none;
	outline:0 !important;
}

.images2 {
    position: absolute;
    width: 100%;
    height: auto;
    top: 12%;
z-index: 5000;
}

.images3 {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0%;
	bottom: 0%;
z-index: 5000;
border: none;
 margin-top: 0%;
 padding: 0%;
}

.images4 {
    position: absolute;
    width: 100%;
    height: auto;
    top: 32%;
z-index: 2000;
border: none;
	  background: none;
    border-color: none;
    box-shadow: none;
	outline:0 !important;
}

.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  TEXT LAYOUT  TEXT LAYOUT  TEXT LAYOUT  TEXT LAYOUT  TEXT LAYOUT  TEXT LAYOUT  TEXT LAYOUT
 ******************************************************************************************/
.reveal h10 {
	 
	font-size: 34px;
	color: #000000;
	text-align: center;
line-height: 1.1em;
}

.reveal h10b {
	 position: relative;
	font-size: 42px;
	color: #000000;  
	z-index:555; 
	text-align: center;
	line-height: 1.1em;
}

.reveal h10c {
	 position: relative;
	font-size: 52px;
	color: #000000;  
	z-index:555; 
	text-align: center;
	line-height: 1.1em;
}

.reveal h10d {
	 position: relative;
	font-size: 62px;
	color: #000000;  
	z-index:555; 
	text-align: center;
	line-height: 1.1em;
}

.reveal h10e {
	 position: relative;
	font-size: 72px;
	color: #000000;  
	z-index:555; 
	text-align: center;
	line-height: 1.1em;
}

.reveal h10f {
	 position: relative;
	font-size: 82px;
	color: #000000;  
	z-index:555; 
	text-align: center;
	line-height: 1.1em;
}

.reveal h10g {
	 position: relative;
	font-size: 92px;
	color: #000000;  
	z-index:555; 
	text-align: center;
	line-height: 1.1em;
}

.reveal h10h {
	 position: relative;
	font-size: 102px;
	color: #000000;  
	z-index:555; 
	text-align: center;
	line-height: 1.1em;
}

.reveal h10i {
	 position: relative;
	font-size: 112px;
	color: #000000;  
	z-index:555; 
	text-align: center;
	line-height: 1.1em;
}

.reveal h10j {
	 position: relative;
	font-size: 132px;
	color: #000000;  
	z-index:555; 
	text-align: center;
	line-height: 1.1em;
}

.reveal h10k {
	 position: relative;
	font-size: 152px;
	color: #000000;  
	z-index:555; 
	text-align: center;
}

.reveal h10k2 {
	 position: relative;
	font-size: 142px;
	color: #ed8e00;  
	z-index:555; 
	text-align: center;
	line-height: 1.1em;
	font-style: bold;	
	text-shadow: 0 0 10px #970b39;
}

.reveal h10l {
	 position: relative;
	font-size: 172px;
	color: #000000;  
	z-index:555; 
	text-align: center;
	line-height: 1.1em;
}

.reveal h10m {
	 position: relative;
	font-size: 182px;
	color: #000000;  
	z-index:555; 
	text-align: center;
	line-height: 1.1em;
}

.reveal h10z {
	font-family: "crillee";
	 position: relative;
	font-size: 32px;
	color: #ed8e00;  
	z-index:555; 
	text-align: center;
	line-height: 1.1em;
	letter-spacing: 0.02em;
}

.reveal h10z2 {
	font-family: "crillee";
	 position: relative;
	font-size: 18px;
	color: #ed8e00;  
	z-index:555; 
	text-align: center;
	line-height: 1.1em;
	letter-spacing: 0.02em;
}

.reveal h10z2b {
	font-family: "crillee";
	 position: relative;
	font-size: 12px;
	color: #ed8e00;  
	z-index:555; 
	text-align: center;
	line-height: 1.1em;
	letter-spacing: 0.02em;
}


.reveal h7 {
	font-size: 24px;
      color: #ff0060;
    font-style: bold;
	text-shadow: 3px  3px 6px white,
    3px -3px 6px white,
   -3px  3px 6px white,
   -3px -3px 6px white;
}
.reveal h7b {
	font-size: 28px;
    color:#ff0060;
    font-style: bold;
}

/*********************************************
 * LINKS
 *********************************************/
.reveal a:not(.image) {
    color: #3b759e;
    text-decoration: none;
    -webkit-transition: color .15s ease;
    -moz-transition: color .15s ease;
    -ms-transition: color .15s ease;
    -o-transition: color .15s ease;
    transition: color .15s ease;
}

.reveal a:not(.image):hover {
    color: #74a7cb;
    text-shadow: none;
    border: none;
}

.reveal .roll span:after {
    color: #000000;
    background: #000000;
}

 .noborder:focus {outline:0 !important;}

/*********************************************
 * 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: #3b759e;
    -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%;}
.top01 { position:relative; z-index:-2; top:01%;}
.top02 { position:relative; z-index:-2; top:02%;}
.top05 { position:relative; z-index:-2; top:05%;}
.top10 { position:relative; z-index:-2; top:10%;}
.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%;}
.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%;}
.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%;}
.top50 { position:relative; z-index:55; top:50%;}

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


/*********************************************
 * THIS GIVES US THE FULL PAGE BOOKS AND IMAGES but STOPS REVEAL FROM CENTERING USING p or h2
 *********************************************/
.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 h12      {
	color: #ffffff;
	font-family:"ArimoRegular";
	font-size: 76px;
	font-style: bold;
	text-align: center;
	text-shadow: 0 0 10px #970b39;
  
}

.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: 100;
    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: -5000;
    pointer-events: none;
}


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

.reveal h8 {
    margin: 0 0 20px 0;
    color: #333333;
    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;
}

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

.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: .2;
    filter: alpha(opacity=20);
position: absolute;
bottom: 20px;
left: 0px;
width: 100%;
z-index: 5000;
	}
	
	.alpha40 {
		position:relative; z-index:-2; top:0%;
   opacity: .40;
    filter: alpha(opacity=40);
	}