/*Default for iphone*/
.reveal div.slide-background {
    background-size: 95% 100%
}

.reveal .lg-only, .reveal .sm-only {
    display: none;
}

.reveal .xsm-only {
    display: block;
}

/*THIS IS FOR rtop4x DEFAULT */

.rtop4x  {

   position:relative;
        z-index: 555;
        top: 44%;
}

@media (min-width: 391px) {
    .rtop4x {
       position:relative;
        z-index: 555;
        top: 45%;
    }
}

.rtop4xx {
        position: relative;
        z-index: 555;
        top: 44%;
    }



/* IOS ALL NEW BEGIN */

.reveal h7 {
	font-family: "ArimoRegular";
	font-size: 28px;
      color: #ffffff;
    font-style: bold;
	
}

.reveal h7b2 {
	font-family: "ArimoRegular";
	font-size: 32px;
    color:#f8f509;
    font-style: bold;
}

.reveal h12a   {
	color: #ffffff;
	font-family:"ArimoRegular";
	font-size: 34px;
	font-style: bold;
	text-align: center;
}

.reveal h12subtitle      {
	color: #ffffff;
	font-family:"ArimoRegular";
	font-size: 46px;
	font-style: bold;
	text-align: center;
	
  
}

.reveal h7b {
	font-size: 24px;
    color:#65e9e7;
   
}

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

.reveal h9 {
   
    color: #ffffff;
    font-family: "Conv_CALIBRI";
    font-size: 12px;
   
    text-shadow: none;

}

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

}

/*********************************************
 * IOS LINKS ALL NEW CONTINUED
 *********************************************/
.reveal a:not(.image) {
     color: #ffffff;
    font-family: "Conv_CALIBRI";
    font-size: 10px;
   
    text-shadow: none;

}

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

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

/* IOS ALL NEW END */



/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .reveal div.slide-background {
        background-size: 40% 95%
    }

    .reveal .h9 {
        font-size: 14px;
    }

    .reveal .lg-only, .reveal .xsm-only {
        display: none;
    }

    .reveal .sm-only {
        display: block;
    }

   .rtop4x {
	   position:relative;
        z-index: 555;
        top: 45%;
    }
	
	.rtop4xx {
        position: relative;
        z-index: 55;
        top: 45%;
    }

}
/*SMALL DEVICES END*/



/*Larger devices BEGIN (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
 {

    .reveal div.slide-background {
        background-size: 34% 95%
    }

    .reveal h6.h9 {

        color: #504105;
        font-family: "Conv_CALIBRI", sans-serif;
        font-size: 20px;
        line-height: 0.5em;
        text-shadow: none;

    }
    .reveal .lg-only {
        display: block;
    }

    .reveal .sm-only, .reveal .xsm-only {
        display: none;
    }

    .rtop4x {
        position: relative;
        z-index: 55;
        top: 45%;
    }
	
	.rtop4xx {
        position: relative;
        z-index: 55;
        top: 45%;
    }



/* LARGER DEVICES ALL NEW BEGIN */

.reveal h7 {
	font-family: "ArimoRegular";
	font-size: 28px;
      color: #ffffff;
    font-style: bold;
	
}

.reveal h7b2 {
	font-family: "ArimoRegular";
	font-size: 32px;
    color:#f8f509;
    font-style: bold;
}

.reveal h12a   {
	color: #ffffff;
	font-family:"ArimoRegular";
	font-size: 36px;
	font-style: bold;
	text-align: center;
}

.reveal h12subtitle      {
	color: #ffffff;
	font-family:"ArimoRegular";
	font-size: 46px;
	font-style: bold;
	text-align: center;
	
  
}


.reveal h7b {
	font-size: 20px;
    color:#65e9e7;
   
}

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

.reveal h9 {
   
    color: #ffffff;
    font-family: "Conv_CALIBRI";
    font-size: 22px;
   
    text-shadow: none;

}

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

}
	
	


/*********************************************
 * DESKTOP LINKS ALL NEW CONTINUED
 *********************************************/
.reveal a:not(.image) {
   color: #ffffff;
    font-family: "Conv_CALIBRI";
    font-size: 20px;
    line-height: 0.5em;
    text-shadow: none;
}

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

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

/* LARGER DEVICES ALL NEW END */




/*THIS IS FOR portrait DEFAULT PHONES*/

.portrait {

    position: absolute;
    top: 1%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: -10;
}

.portrait2 {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portrait2 {
        object-fit: contain;
    }
}





/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portrait2 {
        height: 98%;
		width: auto;
    }

    .portrait {
        top: 1%;
        z-index: -10;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portrait {
		top: 1.0%;
        z-index: -10;
    }

    .portrait2 {
		 height: 98%;
		width: auto;
    }
}







/*THIS IS FOR portraitduplicate */

/* Default is phones */

.portraitduplicate {

    position: absolute;
     top: 1%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 110;
}


.portraitduplicateb {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicateb {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicateb {
         height: 98%;
		width: auto;
    }

    .portraitduplicate {
        top: 1.0%;
        z-index: 110;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate {
		 top: 1.0%;
        z-index: 110;
    }

    .portraitduplicateb {
		 height: 98%;
		width: auto;
    }
}











/*THIS IS FOR portraitduplicate2 */

/* Default is phones */

.portraitduplicate2 {

    position: absolute;
     top: 1%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 210;
}

.portraitduplicate2b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate2b {
        object-fit: contain;
    }
}



/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate2b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate2 {
        top: 1.0%;
        z-index: 210;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate2 {
		 top: 1.0%;
        z-index: 210;
    }

    .portraitduplicate2b {
		 height: 98%;
		width: auto;
    }
}



/*THIS IS FOR flashlight */

/*flashlight*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.flashlight{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/flashlightgif.gif');
        background-size: cover;
        background-position: center;
	z-index: 250;
	opacity: 0.75;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .flashlight {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/flashlightgif.gif');
        background-size: cover;
        background-position: center;
		z-index: 250;
		opacity: 0.75;
    }
}





/*THIS IS FOR portraitduplicate3 */

/* Default is phones */

.portraitduplicate3 {

    position: absolute;
     top: 1%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 510;
}

.portraitduplicate3b {
   width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate3b {
        object-fit: contain;
    }
}



/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate3b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate3 {
        top: 1.0%;
        z-index: 510;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate3 {
		 top: 1.0%;
        z-index: 510;
    }

    .portraitduplicate3b {
		  height: 98%;
	width: auto;
		
    }
}






/*THIS IS FOR portraitduplicatex */

/* Default is phones */

.portraitduplicatex {

    position: absolute;
  top: 1%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 610;
}

.portraitduplicatexb {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicatexb {
        object-fit: contain;
    }
}



/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicatexb {
        height: 98%;
		width: auto;
    }

    .portraitduplicatex {
        top: 1.0%;
        z-index: 610;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicatex {
		 top: 1.0%;
        z-index: 610;
    }

    .portraitduplicatexb {
		  height: 98%;
	width: auto;
		
    }
}






/*THIS IS FOR portraitduplicate4 */

/* Default is phones */

.portraitduplicate4 {

    position: absolute;
    top: 1%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: -20;
}

.portraitduplicate4b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate4b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate4b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate4 {
        top: 1.0%;
        z-index: -20;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate4 {
		top: 1.0%;
        z-index: -20;
    }

    .portraitduplicate4b {
		height: 98%;
		width: auto;
    }
}





/*THIS IS FOR portraitduplicate5*/

/* Default is phones */

.portraitduplicate5 {

    position: absolute;
   top: 1%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 510;
}

.portraitduplicate5b {
   width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate5b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate5b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate5 {
        top: 1.0%;
        z-index: 510;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate5 {
		top: 1.0%;
        z-index: 510;
    }

    .portraitduplicate5b {
		height: 98%;
		width: auto;
    }
}







/*THIS IS FOR portraitduplicate6*/

/* Default is phones */

.portraitduplicate6 {

    position: absolute;
     top: 1%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 610;
}

.portraitduplicate6b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate6b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate6b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate6 {
        top: 1.0%;
        z-index: 610;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate6 {
		top: 1.0%;
        z-index: 610;
    }

    .portraitduplicate6b {
		height: 98%;
		width: auto;
    }
}






/*THIS IS FOR portraitduplicate7*/

/* Default is phones */

.portraitduplicate7 {

    position: absolute;
     top: 1%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 710;
}

.portraitduplicate7b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate7b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate7b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate7 {
        top: 1.0%;
        z-index: 710;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate7 {
		top: 1.0%;
        z-index: 710;
    }

    .portraitduplicate7b {
		height: 98%;
		width: auto;
    }
}





/*THIS IS FOR portraitduplicate8*/

/* Default is phones */

.portraitduplicate8 {

    position: absolute;
     top: 1%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate8b {
    width: 100%;
    height: 100%;
}

@media (min-width: 391px) {
    .portraitduplicate8b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate8b {
        height: 100%;
		width: auto;
    }

    .portraitduplicate8 {
        top: 1%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate8 {
		top: 1%;
        z-index: 810;
    }

    .portraitduplicate8b {
		height: 100%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate9*/

/* Default is phones */

.portraitduplicate9 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate9b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate9b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate9b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate9 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate9 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate9b {
		height: 98%;
		width: auto;
    }
}



/*THIS IS FOR portraitduplicate10*/

/* Default is phones */

.portraitduplicate10 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate10b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate10b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate10b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate10 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate10 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate10b {
		height: 98%;
		width: auto;
    }
}

/*THIS IS FOR portraitduplicate11*/

/* Default is phones */

.portraitduplicate11 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate11b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate11b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate11b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate11 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate11 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate11b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate12*/

/* Default is phones */

.portraitduplicate12 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate12b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate12b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate12b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate12 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate12 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate12b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate13*/

/* Default is phones */

.portraitduplicate13 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate13b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate13b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate13b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate13 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate13 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate13b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate14*/

/* Default is phones */

.portraitduplicate14 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate14b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate14b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate14b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate14 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate14 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate14b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate15*/

/* Default is phones */

.portraitduplicate15 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate15b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate15b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate15b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate15 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate15 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate15b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate16*/

/* Default is phones */

.portraitduplicate16 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate16b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate16b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate16b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate16 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate16 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate16b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate17*/

/* Default is phones */

.portraitduplicate17 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate17b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate17b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate17b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate17 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate17 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate17b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate18*/

/* Default is phones */

.portraitduplicate18 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate18b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate18b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate18b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate18 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate18 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate18b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate19*/

/* Default is phones */

.portraitduplicate19 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate19b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate19b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate19b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate19 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate19 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate19b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate20*/

/* Default is phones */

.portraitduplicate20 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate20b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate20b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate20b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate20 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate20 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate20b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate21*/

/* Default is phones */

.portraitduplicate21 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate21b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate21b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate21b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate21 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate21 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate21b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate22*/

/* Default is phones */

.portraitduplicate22 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate22b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate22b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate22b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate22 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate22 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate22b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate23*/

/* Default is phones */

.portraitduplicate23 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate23b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate23b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate23b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate23 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate23 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate23b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate24*/

/* Default is phones */

.portraitduplicate24 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate24b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate24b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate24b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate24 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate24 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate24b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate25*/

/* Default is phones */

.portraitduplicate25 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate25b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate25b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate25b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate25 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate25 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate25b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate26*/

/* Default is phones */

.portraitduplicate26 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate26b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate26b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate26b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate26 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate26 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate26b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate27*/

/* Default is phones */

.portraitduplicate27 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate27b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate27b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate27b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate27 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate27 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate27b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate28*/

/* Default is phones */

.portraitduplicate28 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate28b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate28b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate28b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate28 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate28 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate28b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate29*/

/* Default is phones */

.portraitduplicate29 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate29b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate29b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate29b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate29 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate29 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate29b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate30*/

/* Default is phones */

.portraitduplicate30 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate30b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate30b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate30b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate30 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate30 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate30b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate31*/

/* Default is phones */

.portraitduplicate31 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate31b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate31b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate31b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate31 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate31 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate31b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate32*/

/* Default is phones */

.portraitduplicate32 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate32b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate32b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate32b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate32 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate32 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate32b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate33*/

/* Default is phones */

.portraitduplicate33 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate33b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate33b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate33b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate33 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate33 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate33b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate34*/

/* Default is phones */

.portraitduplicate34 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate34b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate34b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate34b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate34 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate34 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate34b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate35*/

/* Default is phones */

.portraitduplicate35 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate35b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate35b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate35b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate35 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate35 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate35b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate36*/

/* Default is phones */

.portraitduplicate36 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate36b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate36b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate36b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate36 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate36 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate36b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate37*/

/* Default is phones */

.portraitduplicate37 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate37b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate37b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate37b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate37 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate37 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate37b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate38*/

/* Default is phones */

.portraitduplicate38 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate38b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate38b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate38b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate38 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate38 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate38b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate39*/

/* Default is phones */

.portraitduplicate39 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate39b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate39b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate39b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate39 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate39 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate39b {
		height: 98%;
		width: auto;
    }
}


/*THIS IS FOR portraitduplicate40*/

/* Default is phones */

.portraitduplicate40 {

    position: absolute;
     top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}

.portraitduplicate40b {
    width: 99%;
    height: 99%;
}

@media (min-width: 391px) {
    .portraitduplicate40b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate40b {
        height: 98%;
		width: auto;
    }

    .portraitduplicate40 {
        top: 4.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .portraitduplicate40 {
		top: 4.0%;
        z-index: 810;
    }

    .portraitduplicate40b {
		height: 98%;
		width: auto;
    }
}




/*THIS IS FOR portraitduplicate3mess */

/* Default is phones */

.portraitduplicate3mess {
   position: absolute;  
    top: .0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: -10;
  
}


.portraitduplicate3messb {
    width : 100%;
    height: 100%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .portraitduplicate3messb {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 40%;
    height: 98%;
    }
	
	.portraitduplicate3mess {
   position: absolute;  
    top: 1.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: -10;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.portraitduplicate3mess {
   position: absolute;  
    top: 1.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: -10;
  
}

    .portraitduplicate3messb {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 30%;
    height: 98%;
	
	 
    }

}




















.top0 { position:relative; z-index:-2; top:0%;}
.top01 { position:relative; z-index:55; top:01%;}
.top02 { position:relative; z-index:-2; top:02%;}
.top03 { position:relative; z-index:2; top:03%;}
.top05 { position:relative; z-index:2; top:05%;}
.top07 { position:relative; z-index: 2; top:07%;}
.top08 { position:relative; z-index:-2; top:08%;}
.top10 { position:relative; z-index:99; top:10%;}
.top12 { position:relative; z-index:-2; top:12%;}
.top13 { position:relative; z-index:-2; top:13%;}
.top15 { position:relative; z-index:99; 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:99; 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%;}
.top22 { position:relative; z-index:55; top:22%;}
.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:555; top:40%;}
.top40b { position:relative; z-index:555; top:40%; padding-left: 10%; padding-right: 10%; text-align: left;}
.top41 { position:relative; z-index:555; top:41%;}
.top41b { position:relative; z-index:555; top:41%; padding-left: 10%; padding-right: 10%;}
.top40c { position:relative; z-index:-2; top:40%;}
.top42 { position:relative; z-index:55; top:42%;}
.top43 { position:relative; z-index:55; top:43%;}
.top45 { position:relative; z-index:55; top:45%;}
.top45x { position:relative; z-index:-2; top:45%;}
.top50 { position:relative; z-index:55; top:50%;}



/*THIS IS FOR top24ad PLAY BUTTON FOR AD VIDEOS*/

/* Default is phones */

.top24ad { 
position:absolute; 
top:38%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 499;
   margin-left: auto;
    margin-right: auto;
	 width: 70%;
  height: 70%;
}
	
	
	
	.top24ad2 { 
position:absolute; 
top:25%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 399;
   margin-left: auto;
    margin-right: auto;
	 width: 70%;
  height: 70%;
  }
  

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {
    
	
	.top24ad { 
position:absolute; 
top:40%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 499;
   margin-left: auto;
    margin-right: auto;
	 width: 30%;
  height: 30%;
  }
	
	
	.top24ad2 { 
position:absolute; 
top:24%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 399;
   margin-left: auto;
    margin-right: auto;
	 width: 70%;
  height: 70%;
  }

  
}


/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    
	.top24ad { 
position:absolute; 
top:40%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 499;
   margin-left: auto;
    margin-right: auto;
	 width: 50%;
  height: 50%;
  }
	
	
	.top24ad2 { 
position:absolute; 
top:24%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 399;
   margin-left: auto;
    margin-right: auto;
	 width: 70%;
  height: 70%;
  }
  
}

#scrollTitles {
    position: absolute;
    overflow: auto;
    overflow-y: hidden; /* Hide vertical scrollbar */
    width: 70%;
    height: 35%;
    top: 30%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;

}



/*********************************************
 * FOR HOVER GO TO HOVER IN IOS LINKS ALL NEW CONTINUED AND HOVER IN DESKTOP LINKS ALL NEW CONTINUED
 *********************************************/

a.one:link {color: #6bc1ed;font-size:60%;
font-family: ArimoRegular, "sans-serif";

}
a.one:visited {color: #6bc1ed;font-size:70%;
font-family: ArimoRegular, "sans-serif";
	
}

a.two:link {color: #ffffff;font-size:50%;
font-family: ArimoRegular, "sans-serif";

}
a.two:visited {color: #6bc1ed;font-size:60%;
font-family: ArimoRegular, "sans-serif";
	
}

/*TRANSITION*/
.transition {
   position: absolute;  
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 1000;
	pointer-events: none;
  
}

    .transition2 {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 100%;
    height: 100%;	 
    }


.transition_using_bg12 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/black.jpg');
       background-size: cover;
        background-position: center;
	z-index: -10;
    }



/*BLACK*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.black{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/black.jpg');
        background-size: cover;
        background-position: center;
	z-index: 1000;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .black {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/black.jpg');
        background-size: cover;
        background-position: center;
		z-index: 1000;
    }
}

/*WHITE*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.white{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/white.jpg');
        background-size: cover;
        background-position: center;
	z-index: 100;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .white {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/white.jpg');
        background-size: cover;
        background-position: center;
		z-index: 100;
    }
}


/*bkgrnd1*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.bkgrnd1{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/bkgrnd1.jpg');
        background-size: cover;
        background-position: center;
	z-index: -50;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .bkgrnd1 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/bkgrnd1.jpg');
        background-size: cover;
        background-position: center;
		z-index: -50;
    }
}



/*bkgrnd1b*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.bkgrnd1b{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/bkgrnd1b.png');
        background-size: cover;
        background-position: center;
	z-index: -48;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .bkgrnd1b {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/bkgrnd1b.png');
        background-size: cover;
        background-position: center;
		z-index: -48;
    }
}


/*bkgrnd2*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.bkgrnd2{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/bkgrnd2.jpg');
        background-size: cover;
        background-position: center;
	z-index: -40;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .bkgrnd2 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/bkgrnd2.jpg');
        background-size: cover;
        background-position: center;
		z-index: -40;
    }
}
/*bkgrnd2b*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.bkgrnd2b{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/bkgrnd7.gif');
        background-size: cover;
        background-position: center;
	z-index: -39;
	opacity: 0.4; /* 20% opaque */
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .bkgrnd2b {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/bkgrnd7.gif');
        background-size: cover;
        background-position: center;
		z-index: -39;
		opacity: 0.4; /* 20% opaque */
    }
}




























/*TRANSITION3*/
.transition3 {
   position: absolute;  
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 800;
	pointer-events: none;
  
}

    .transition3b {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 100%;
    height: 100%;	 
    }


/*TRANSITION4*/
.transition4 {
   position: absolute;  
    top: 60%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 2000;
  
}

    .transition4b {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 100%;
    height: 100%;	 
    }


/*TRANSITION5*/
.transition5 {
   position: absolute;  
    top: 60%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 2000;
  
}

    .transition5b {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 100%;
    height: 100%;	 
    }


/*TRANSITION6*/
.transition6 {
   position: absolute;  
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 10;
	pointer-events: none;
  
}

    .transition6b {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 100%;
    height: 100%;	 
    }






/*THIS IS FOR helmet */

/* Default is phones */

.helmet {
   position: absolute;  
    top: 10%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 10;
  
}


.helmet2 {
width:100%;
    height: 65%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

  
	.helmet {
   position: absolute;  
    top: 0.0%;
   
   z-index: 10;
  
}
	
	  .helmet2 {
        /* override just the attributes you need
          for positioning on a  tablet */
width:100%;
    height: 100%;
    }
	
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.helmet {
   position: absolute;  
    top: 0.0%;
    
   z-index: 10;
  
}

    .helmet2 {
        /* override just the attributes you need
          for positioning on a desktop*/

    height: 100%;
	width:100%;
	 
    }

}









/*THIS IS FOR helmetduplicate */

/* Default is phones */

.helmetduplicate {
   position: absolute;  
    top: 5%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 110;
  
}


.helmetduplicateb {
width:100%;
    height: 100%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {
	
	.helmetduplicate {
   position: absolute;  
    top: 0.0%;
    
   z-index: 110;
  
}
	
	.helmetduplicateb {
        /* override just the attributes you need
          for positioning on a  tablet */
width:100%;
    height: 100%;
    }
}


/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.helmetduplicate {
 
    top: 0.0%;
    
   z-index: 110;
  
}

    .helmetduplicateb {
        /* override just the attributes you need
          for positioning on a desktop*/
    width:100%;
    height: 100%;
	
	 
    }

}











/*THIS IS FOR popbutton BOTTOM */

/* Default is phones */

.popbutton {
   position: absolute;  
   top: 35.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5610;
  
}


.popbuttonb {
width : 100%;
    height: 80%;	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .popbuttonb {
        /* override just the attributes you need
          for positioning on a  tablet */
width : 100%;
  height: 80%;	 
    }
	
	.popbutton { 
   top: 45.0%;
   z-index: 5610;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.popbutton { 
    top: 45.0%;
   
   z-index: 5610;
  
}

    .popbuttonb {
        /* override just the attributes you need
          for positioning on a desktop*/
width : 100%;
    height: 80%;	 
    }
}





/*THIS IS FOR popbuttonmess FOR IOS RECORDER AND RECORDER MESSAGES VERY BOTTOM */

/* Default is phones */

.popbuttonbotmess {
   position: absolute;  
   top: 77.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5110;
  
}


.popbuttonbotmessb {
     width : 80%;
    height: 90%;	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .popbuttonbotmessb {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 40%;
    height: 90%;	 
    }
	
	.popbuttonbotmess {
   position: absolute;  
   top: 77.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5110;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.popbuttonbotmess {
   position: absolute;  
    top: 77.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5110;
  
}

    .popbuttonbotmessb {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 25%;
    height: 90%;	 
    }
}








/*THIS IS FOR popbutton BOTTOM */

/* Default is phones */

.popbuttonbot {
   position: absolute;  
   top: 55.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5510;
  
}


.popbuttonbotb {
width : 100%;
    height: 90%;	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .popbuttonbotb {
        /* override just the attributes you need
          for positioning on a  tablet */
width : 100%;
    height: 90%;	 
    }
	
	.popbuttonbot {
 
   top: 60.0%;
   
   z-index: 5510;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.popbuttonbot {

    top: 60.0%;
   
   z-index: 5510;
  
}

    .popbuttonbotb {
        /* override just the attributes you need
          for positioning on a desktop*/
width : 100%;
    height: 90%;	 
    }
}


/*THIS IS FOR popbutton VERY BOTTOM */

/* Default is phones */

.popbuttonverybot {
   position: absolute;  
   top: 84.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5810;
  
}


.popbuttonverybotb {
width : 100%;
    height: 90%;	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .popbuttonverybotb {
        /* override just the attributes you need
          for positioning on a  tablet */
width : 100%;
    height: 90%;	 
    }
	
	.popbuttonverybot {
 
   top: 84.0%;
   
   z-index: 5810;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.popbuttonverybot {

    top: 80.0%;
   
   z-index: 5810;
  
}

    .popbuttonverybotb {
        /* override just the attributes you need
          for positioning on a desktop*/
width : 100%;
    height: 90%;	 
    }
}









/*THIS IS FOR popbutton2 TOP */

/* Default is phones */

.popbutton2 {
   position: absolute;  
   top: 0%;
    left: 0%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5310;
  
}


.popbutton2b {
    width : 100%;
    height: 15%;	
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .popbutton2b {
        /* override just the attributes you need
          for positioning on a  tablet */
		  width : 100%;
    height: 15%;	
    }
	
	.popbutton2 {
   position: absolute;  
 top: 0%;
    left: 25%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5310;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.popbutton2 {
   position: absolute;  
    top: 0%;
    left: 25%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5310;
  
}

    .popbutton2b {
        /* override just the attributes you need
          for positioning on a desktop*/
		width : 100%;
    height: 15%;	 
    }
}






/*THIS IS FOR popbutton3 VERY TOP FOR MESSAGES */

/* Default is phones */

.popbutton3 {
   position: absolute;  
   top: 0%;
    left: 0%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 0;
  
}


.popbutton3b {
    width : 100%;
    height: 15%;	
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .popbutton3b {
        /* override just the attributes you need
          for positioning on a  tablet */
		  width : 15%;
    height: 15%;	
    }
	
	.popbutton3 {
   position: absolute;  
 top: 0%;
    left: 25%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 0;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.popbutton3 {
   position: absolute;  
    top: 0%;
    left: 25%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 0;
  
}

    .popbutton3b {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 15%;
    height: 15%;	 
    }
}



/*THIS IS FOR popbuttonmiddle */

/* Default is phones */

.popbuttonmiddle{
   position: absolute;  
   top: 35.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5410;
  
}


.popbuttonmiddleb {
   width : 100%;
    height: 45%;	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .popbuttonmiddleb {
        /* override just the attributes you need
          for positioning on a  tablet */
		  width : 100%;
    height: 45%;	 
    }
	
	.popbuttonmiddle {
 
   top: 35.0%;
   
   z-index: 5410;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.popbuttonmiddle {
  
    top: 35.0%;
    
   z-index: 5410;
  
}

    .popbuttonmiddleb {
        /* override just the attributes you need
          for positioning on a desktop*/
		width : 100%;
    height: 45%;	 
    }
}





/*THIS IS FOR popbuttontop */

/* Default is phones */

.popbuttontop {
   position: absolute;  
   top: 5.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5410;
  
}


.popbuttontopb {
   width : 100%;
    height: 70%;	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .popbuttontopb {
        /* override just the attributes you need
          for positioning on a  tablet */
		  width : 100%;
    height: 50%;	 
    }
	
	.popbuttontop {
 
   top: 5.0%;
   
   z-index: 5410;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.popbuttontop {
  
    top: 5.0%;
    
   z-index: 5410;
  
}

    .popbuttontopb {
        /* override just the attributes you need
          for positioning on a desktop*/
		width : 100%;
    height: 50%;	 
    }
}





/*THIS IS FOR titlebackground */

/* Default is phones */

.titlebackground {
   position: absolute;  
    top: .0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: -10;
  
}


.titlebackground2 {
    width : 100%;
    height: 100%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .titlebackground2 {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 40%;
    height: 98%;
    }
	
	.titlebackground {
   position: absolute;  
    top: .0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 1;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.titlebackground {
   position: absolute;  
    top: .0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 1;
  
}

    .titlebackground2 {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 100%;
    height: 100%;
	
	 
    }

}

/*THIS IS FOR titlebackground */

/* Default is phones */

.titlebackground {
   position: absolute;  
    top: .0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: -10;
  
}


.titlebackground2 {

    height: 100%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .titlebackground2 {
        /* override just the attributes you need
          for positioning on a  tablet */

    height: 98%;
    }
	
	.titlebackground {
   position: absolute;  
    top: .0%;
   
   z-index: 1;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.titlebackground {
   position: absolute;  
    top: .0%;
    
   z-index: 1;
  
}

    .titlebackground2 {
        /* override just the attributes you need
          for positioning on a desktop*/

    height: 100%;
	
	 
    }

}

/*THIS IS FOR titlemethod */

/* Default is phones */

.titlemethod {
   position: absolute;  
    top: .0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 2000;
  
}


.titlemethod2 {
    width : auto;
    height: 100%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .titlemethod2 {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : auto;
    height: 98%;
    }
	
	.titlemethod {
   position: absolute;  
    top: 1.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 2000;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.titlemethod {
   position: absolute;  
    top: 1.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 2000;
  
}

    .titlemethod2 {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : auto;
    height: 98%;
	
	 
    }

}


/*THIS IS FOR titlemethod3 */

/* Default is phones */

.titlemethod3 {
   position: absolute;  
    top: 40.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 600;
  
}


.titlemethod3b {
    width : auto;
    height: 100%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .titlemethod3b {
        /* override just the attributes you need
          for positioning on a  tablet */
		  width : auto;
    height: 100%;
    }
	
	.titlemethod3 {
   position: absolute;  
    top: 40.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 600;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.titlemethod3 {
   position: absolute;  
    top: 40.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 1000;
	
}

    .titlemethod3b {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : auto;
    height: 100%;
	
	 
    }

}





/*THIS IS FOR titlemethod4 */

/* Default is phones */

.titlemethod4 {
   position: absolute;  
    top: .0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 2001;
  
}


.titlemethod4b {
    width : auto;
    height: 100%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .titlemethod4b {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : auto;
    height: 98%;
    }
	
	.titlemethod4 {
   position: absolute;  
    top: 1.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 2001;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.titlemethod4 {
   position: absolute;  
    top: 1.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 2001;
  
}

    .titlemethod4b {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : auto;
    height: 98%;
	
	 
    }

}




/*THIS IS FOR subtitle */

/* Default is phones */

.subtitle {
   position: absolute;  
 top: 45.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 700;
  
}


.subtitleb {

    height: 15%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .subtitleb {
        /* override just the attributes you need
          for positioning on a  tablet */

    height: 10%;
    }
	
	.subtitle {
   position: absolute;  
 top: 45.0%;
  
   z-index: 700;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.subtitle {
   position: absolute;  
    top: 45.0%;
  
   z-index: 700;
  
}

    .subtitleb {
        /* override just the attributes you need
          for positioning on a desktop*/

    height: 10%;
	
	 
    }

}







/*THIS IS FOR titlebackground */

/* Default is phones */

.titlebackground {
   position: absolute;  
    top: .0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: -10;
  
}


.titlebackground2 {

    height: 100%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .titlebackground2 {
        /* override just the attributes you need
          for positioning on a  tablet */

    height: 98%;
    }
	
	.titlebackground {
   position: absolute;  
    top: .0%;
  
   z-index: 1;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.titlebackground {
   position: absolute;  
    top: .0%;
   
   z-index: 1;
  
}

    .titlebackground2 {
        /* override just the attributes you need
          for positioning on a desktop*/
	
    height: 100%;
	
	 
    }

}



.top60 { 
	position:absolute;  
	left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;z-index:55; top:60%;
}



/*THIS IS FOR controls */

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) 
{
	
	.controlsx {
   position: absolute;  
    top: 75%;
    left: 95%;
    bottom: 0%;
    right: 0%;
			padding: 0px;
   z-index: -10;
  
}

    .controlsx2 {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 45%;
    height: 45%;
	
	 
    }

}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.controlsx {
   position: absolute;  
    top: 75%;
    left: 95%;
    bottom: 0%;
    right: 0%;
			padding: 0px;
   z-index: -10;
  
}

    .controlsx2 {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 45%;
    height: 45%;
	
	 
    }

}


/*THIS IS FOR extra */

/* Default is phones */

.extra {
   position: absolute;  
    top:20%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.extra2 {

    height: 75%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .extra2 {
        /* override just the attributes you need
          for positioning on a  tablet */

    height: 98%;
    }
	
	.extra {
   position: absolute;  
 top:02%;
   
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.extra {
   position: absolute;  
  top:07%;
  
   z-index: 99;
  
}

    .extra2 {
        /* override just the attributes you need
          for positioning on a desktop*/

    height: 98%;
	
	 
    }

}


/*THIS IS FOR extra3 */

/* Default is phones */

.extra3 {
   position: absolute;  
    top:20%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 199;
  
}


.extra3b {

    height: 75%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .extra3b {
        /* override just the attributes you need
          for positioning on a  tablet */

    height: 98%;
    }
	
	.extra3 {
   position: absolute;  
 top:02%;
  
   z-index: 199;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.extra3 {
   position: absolute;  
  top:07%;
   
   z-index: 199;
  
}

    .extra3b {
        /* override just the attributes you need
          for positioning on a desktop*/

    height: 98%;
	
	 
    }

}



/*THIS IS FOR extrabutton TOP */

/* Default is phones */


.extrabutton {
   position: absolute;  
    top: 0%;
    left: 40%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 1000;
  
}

    .extrabutton2 {
        /* override just the attributes you need
          for positioning on a desktop*/
height: auto;	
    }

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) 
{

  .extrabutton {
   position: absolute;  
    top: 0%;
    left: 35%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 1000;
  
}

    .extrabutton2 {
        /* override just the attributes you need
          for positioning on a desktop*/
  height: auto;		  
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.extrabutton {
   position: absolute;  
    top: 0%;
    left: 35%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 1000;
  
}

    .extrabutton2 {
        /* override just the attributes you need
          for positioning on a desktop*/
  
    height: auto;		  
    }
}


/*THIS IS FOR extrabutton3 TOP */

/* Default is phones */

.extrabutton3 {
   position: absolute;  
    top: 0%;
    left: 40%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;
  
}

    .extrabutton3b {
        /* override just the attributes you need
          for positioning on a desktop*/
height: auto;	
    }

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) 
{

  .extrabutton3 {
   position: absolute;  
    top: 0%;
    left: 35%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;
  
}

    .extrabutton3b {
        /* override just the attributes you need
          for positioning on a desktop*/
  height: auto;		  
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.extrabutton3 {
   position: absolute;  
    top: 0%;
    left: 35%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;
  
}

    .extrabutton3b {
        /* override just the attributes you need
          for positioning on a desktop*/
  
    height: auto;		  
    }
}

 


button.impair {
  color: red !important;
}






/*THIS IS FOR links */
/* Default is phones */

.linksx {
   position: absolute;  
    top: 93.5%;
    left: 88%;
    bottom: 0%;
    right: 0%;
			padding: 0px;
   z-index: 5300;


  
}

    .linksx2 {
        /* override just the attributes you need
          for positioning on a desktop*/
		 
  
height: auto; 
	
	 
    }


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) 
{
	
	.linksx {
   position: absolute;  
    top: 80%;
    left: 95%;
    bottom: 0%;
    right: 0%;
			padding: 0px;
   z-index: 5300;
	
  
}

    .linksx2 {
        /* override just the attributes you need
          for positioning on a desktop*/
		 
  
   width: 70px;  
height: 70px;  
	
	 
    }

}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.linksx {
   position: absolute;  
    top: 80%;
    left: 95%;
    bottom: 0%;
    right: 0%;
			padding: 0px;
   z-index: 5300;
	
  
}

    .linksx2 {
        /* override just the attributes you need
          for positioning on a desktop*/
		 
  
   width: 70px;  
height: 70px;  
	
	 
    }

}




/*THIS IS FOR tips */

/* Default is phones */

.tips {

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 10;
}


.tipsb {
    width: 100%;
    height: 100%;
}

@media (min-width: 391px) {
    .tipsb {
        object-fit: contain;
    }
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .tipsb {
        height: 98%;
		width: auto;
    }

    .tips {
        top: 1.0%;
        z-index: 10;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .tips {
		 top: 1.0%;
        z-index: 10;
    }

    .tipsb {
		  height: 98%;
	width: auto;
		
    }
}



.clock {
	
  max-width: 100px;
  margin: 0 auto;

}
/*THIS IS FOR h3 */

/* Default is phones */

.reveal h3 {
  font-family: ArimoRegular, sans-serif;
  line-height: 1.2em;
  letter-spacing: 0.02em;
	text-transform: none;
  font-size: 23px;
	  color: #f8f509;
    font-style: normal; 
padding: 20px;}



/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) 
{

  .reveal h3 {
  font-family: ArimoRegular, sans-serif;
  line-height: 1.2em;
  letter-spacing: 0.02em;
	text-transform: none;
  font-size: 20px;
	  color: #f8f509;
    font-style: normal; }
}
	
	

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
	
	.reveal h3 {
  font-family: ArimoRegular, sans-serif;
  line-height: 1.2em;
  letter-spacing: 0.02em;
	text-transform: none;
  font-size: 20px;
	  color: #f8f509;
    font-style: normal; }
	}




/*THIS IS FOR nav1 */

/* Default is phones */

.nav1 {

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: -10;
}


.nav1b {
    width: 100%;
    height: 100%;
}

@media (min-width: 391px) {
    .nav1b {
        object-fit: contain;
    }
}



/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .nav1b {
        height: 98%;
		width: auto;
    }

    .nav1 {
        top: 1.0%;
        z-index: -10;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .nav1 {
		top: 1.0%;
        z-index: -10;
    }

    .nav1b {
		 height: 98%;
		width: auto;
    }
}




/*THIS IS FOR nav2 */

/* Default is phones */

.nav2 {

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: -8;
}

.nav2b {
    width: 100%;
    height: 100%;
}

@media (min-width: 391px) {
    .nav2b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .nav2b {
        height: 98%;
		width: auto;
    }

    .nav2 {
        top: 1.0%;
        z-index: -8;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .nav2 {
		top: 1.0%;
        z-index: -8;
    }

    .nav2b {
		 height: 98%;
		width: auto;
    }
}



/*THIS IS FOR nav3 */

/* Default is phones */

.nav3 {

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 100;
}

.nav3b {
    width: 100%;
    height: 100%;
}

@media (min-width: 391px) {
    .nav3b {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .nav3b {
        height: 98%;
		width: auto;
    }

    .nav3 {
        top: 1.0%;
        z-index: 100;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .nav3 {
		top: 1.0%;
        z-index: 100;
    }

    .nav3b {
		 height: 98%;
		width: auto;
    }
}



/*THIS IS FOR nav4 */

/* Default is phones */

.nav4 {

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 200;
}

.nav4b {
    width: 100%;
    height: 100%;
}

@media (min-width: 391px) {
    .nav4b {
        object-fit: contain;
    }
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .nav4b {
        height: 98%;
		width: auto;
    }

    .nav4 {
        top: 1.0%;
        z-index: 200;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .nav4 {
		top: 1.0%;
        z-index: 200;
    }

    .nav4b {
		 height: 98%;
		width: auto;
    }
}



/*THIS IS FOR nav5 */

/* Default is phones */

.nav5 {

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 300;
}

.nav5b {
    width: 100%;
    height: 100%;
}

@media (min-width: 391px) {
    .nav5b {
        object-fit: contain;
    }
}



/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .nav5b {
        height: 98%;
		width: auto;
    }

    .nav5 {
        top: 1.0%;
        z-index: 300;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .nav5 {
		top: 1.0%;
        z-index: 300;
    }

    .nav5b {
		 height: 98%;
		width: auto;
    }
}


.touch-only {
        display: none;
    }

    @media (pointer: coarse) and (hover: none) {
        .touch-only {
            display: unset;
        }

        .mouse-only {
            display: none;
        }
    }



/*THIS IS FOR creditsbutton */

/* Default is phones */

.creditsbutton {

    position: absolute;
     top: 43%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 810;
}


.creditsbuttonb {
    width: 20%;
    height: 20%;
}

@media (min-width: 391px) {
    .creditsbuttonb {
        object-fit: contain;
    }
}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .creditsbuttonb {
         height: 20%;
width: auto;
    }

    .creditsbutton {
        top: 43.0%;
        z-index: 810;
    }
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .creditsbutton {
top: 43.0%;
        z-index: 810;
    }

    .creditsbuttonb {
height: 20%;
width: auto;
    }
}





/*hamsters*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.hamsters{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/hamstersios.gif');
        background-size: cover;
        background-position: center;
	z-index: -30;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .hamsters {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/hamstersios.gif');
        background-size: cover;
        background-position: center;
		z-index: -30;
    }
}

/*hamsterstwitch*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.hamsterstwitch{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/hamsterstwitchios.gif');
        background-size: cover;
        background-position: center;
	z-index: -31;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .hamsterstwitch {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/hamsterstwitchios.gif');
        background-size: cover;
        background-position: center;
		z-index: -31;
    }
}








/*FLASHLIGHTJPG*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.flashlightjpg{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/flashlightjpgios.jpg');
        background-size: cover;
        background-position: center;
	z-index: -40;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .flashlightjpg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/flashlightjpg.jpg');
        background-size: cover;
        background-position: center;
		z-index: -40;
    }
}


/*BLANKETBKGRND*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.blanket{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/blanketbkgrndios.png');
        background-size: cover;
        background-position: center;
	z-index: -20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .blanket {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/blanketbkgrnd.png');
        background-size: cover;
        background-position: center;
		z-index: -20;
    }
}


/*sanitizerBKGRND*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.sanitizer{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/sanitizerbkgrndios.png');
        background-size: cover;
        background-position: center;
	z-index: -20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .sanitizer {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/sanitizerbkgrnd.png');
        background-size: cover;
        background-position: center;
		z-index: -20;
    }
}


/*maskBKGRND*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.mask{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/maskbkgrndios.png');
        background-size: cover;
        background-position: center;
	z-index: -20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .mask {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/maskbkgrnd.png');
        background-size: cover;
        background-position: center;
		z-index: -20;
    }
}




/*fogBKGRND*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.fog{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/fog3.gif');
        background-size: cover;
        background-position: center;
	z-index: -20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .fog {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/fog3.gif');
        background-size: cover;
        background-position: center;
		z-index: -20;
    }
}


/*fogBKGRND2*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.fog2{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/fog3.gif');
        background-size: cover;
        background-position: center;
	z-index: 500;
	opacity: 0.35;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .fog2 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/fog3.gif');
        background-size: cover;
        background-position: center;
		z-index: 500;
		opacity: 0.10;
    }
}


/*bottleBKGRND*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.bottle{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/bottlebkgrndios.png');
        background-size: cover;
        background-position: center;
	z-index: -20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .bottle {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/bottlebkgrnd.png');
        background-size: cover;
        background-position: center;
		z-index: -20;
    }
}








/*paperBKGRND*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.paper{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/paperbkgrndios.png');
        background-size: cover;
        background-position: center;
	z-index: -20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .paper {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/paperbkgrnd.png');
        background-size: cover;
        background-position: center;
		z-index: -20;
    }
}



/*paper2BKGRND*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.paper2{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/paperbkgrndios2.png');
        background-size: cover;
        background-position: center;
	z-index: -19;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .paper2 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/paperbkgrnd2.png');
        background-size: cover;
        background-position: center;
		z-index: -19;
    }
}





/*candyBKGRND*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.candy{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/candybkgrndios.png');
        background-size: cover;
        background-position: center;
	z-index: -20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .candy {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/candybkgrnd.png');
        background-size: cover;
        background-position: center;
		z-index: -20;
    }
}






/*whistleBKGRND*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.whistle{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/whistlebkgrndios.png');
        background-size: cover;
        background-position: center;
	z-index: -20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .whistle {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/whistlebkgrnd.png');
        background-size: cover;
        background-position: center;
		z-index: -20;
    }
}






/*flowers*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.flowers{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/flowersios.gif');
        background-size: cover;
        background-position: center;
	z-index: -20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .flowers {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/flowers.gif');
        background-size: cover;
        background-position: center;
		z-index: -20;
    }
}



/*flowersstilljpg*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.flowersjpg{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/flowersstillios.jpg');
        background-size: cover;
        background-position: center;
	z-index: -20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .flowersjpg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/flowersstill.jpg');
        background-size: cover;
        background-position: center;
		z-index: -20;
    }
}










/*coffee*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.coffee{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/coffeeios.gif');
        background-size: cover;
        background-position: center;
	z-index: -20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .coffee {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/coffee.gif');
        background-size: cover;
        background-position: center;
		z-index: -20;
    }
}


/*coffeejpg*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.coffeejpg{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/coffeeios.jpg');
        background-size: cover;
        background-position: center;
	z-index: -20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .coffeejpg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/coffee.jpg');
        background-size: cover;
        background-position: center;
		z-index: -20;
    }
}









/*snow*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.snow{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snow.gif');
        background-size: cover;
        background-position: center;
	z-index: -20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .snow {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snow.gif');
        background-size: cover;
        background-position: center;
		z-index: -20;
    }
}


/*snow2*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.snow2{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.35;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .snow2 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.20;
    }
}

/*snow3*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.snow3{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc3.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.35;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .snow3 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc3.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.20;
    }
}

/*snow4*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.snow4{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc4.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.35;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .snow4 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc4.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.20;
    }
}

/*snow5*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.snow5{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc5.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.35;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .snow5 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc5.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.20;
    }
}

/*snow6*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.snow6{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc6.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.35;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .snow6 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc6.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.20;
    }
}

/*snow7*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.snow7{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc7.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.35;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .snow7 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc7.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.20;
    }
}

/*snow8*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.snow8{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc8.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.35;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .snow8 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc8.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.20;
    }
}

/*snow9*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.snow9{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc9.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.35;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .snow9 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/snowacc9.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.20;
    }
}











/*news*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.news{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/newsbkgrndios.gif');
        background-size: cover;
        background-position: center;
	z-index: -20;	
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .news {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/newsbkgrnd.gif');
        background-size: cover;
        background-position: center;
		z-index: -20;

    }
}

/*news2*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.news2{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/hamstersios.gif');
        background-size: cover;
        background-position: center;
	z-index: -19;
		opacity: 0.50;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .news2 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/hamstersios.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.35;
    }
}

/*news3*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.news3{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/newsbkgrndios.gif');
        background-size: cover;
        background-position: center;
	z-index: -20;
		opacity: 0.20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .news3 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/newsbkgrnd.gif');
        background-size: cover;
        background-position: center;
		z-index: -20;
	opacity: 0.20;
    }
}

/*news4*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.news4{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/hamstersios.gif');
        background-size: cover;
        background-position: center;
	z-index: -19;
		opacity: 0.20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .news4 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/hamstersios.gif');
        background-size: cover;
        background-position: center;
		z-index: -19;
	opacity: 0.15;
    }
}



/*newsstill*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.newsstill{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/newsbkgrndios2.jpg');
        background-size: cover;
        background-position: center;
	z-index: -21;	
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
@media (min-width: 768px) {
    .newsstill {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/newsbkgrnd2.jpg');
        background-size: cover;
        background-position: center;
		z-index: -21;
    }
}















/*AIDBKGRND*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.aid{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/aidbkgrndios.png');
        background-size: cover;
        background-position: center;
	z-index: -20;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .aid {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/aidbkgrnd.png');
        background-size: cover;
        background-position: center;
		z-index: -20;
    }
}

/*AIDBKGRND2*/

/*MAKE SURE YOUR IOS IMAGES ARE 750 X 1334*/
.aid2{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/aidbkgrnd2ios.png');
        background-size: cover;
        background-position: center;
	z-index: -18;
    }

/*MAKE SURE YOUR DESKTOP IMAGES ARE THE SAME DIMENSIONS AS */
	@media (min-width: 768px) {
    .aid2 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../images/aidbkgrnd2.png');
        background-size: cover;
        background-position: center;
		z-index: -18;
    }
}




.progress {
    pointer-events: none;
}


html.dim-background .slide-background {
    opacity: 0.4 !important;
}