html,body{font-family:Roboto,'Open Sans',Verdana,Arial,sans-serif; font-size:24px; line-height:1.8; font-weight:300; color:#777777; padding: 0px;  margin:0px; padding: 0px 0px 1400px 0px; height:100%; text-align:center; }
html{overflow-x:hidden;overflow-y:scroll; padding: 0px 0px 1400px 0px;}
*{box-sizing:border-box;}


body,html{height:100%; text-align:center; padding: 0px 0px 1400px 0px;  margin:0px; }
html{box-sizing:border-box; padding: 0px 0px 1400px 0px; }

.col-1{width:6.25%;}.col-2{width:12.50%;}.col-3{width:18.75%;}.col-4{width:25%;}.col-5{width:31.25%;}.col-6{width:37.5%;}.col-7{width:43.75%;}.col-8{width:50%;}.col-9{width:56.25%;}.col-10{width:62.5%;}.col-11{width:68.75%;}.col-12{width:75%;}.col-13{width:81.25%;}.col-14{width:87.5%;}.col-15{width:93.75%;}.col-16{width:100%;}[class*="col-"]{border:0px solid red;padding:0px;margin:0px;font-size:100%;font-weight:bold;font-style:normal;text-align:center;float:left;}.vi{background:#a8dcff;color:#0000ff;-webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;}

.col-1{width:6.25%;}.col-2{width:12.50%;}.col-3{width:18.75%;}.col-4{width:25%;}
.col-5{width:33.33%;}

.col-6{width:37.5%;}.col-7{width:43.75%;}.col-8{width:50%;}.col-9{width:56.25%;}.col-10{width:62.5%;}.col-11{width:68.75%;}.col-12{width:75%;}.col-13{width:81.25%;}.col-14{width:87.5%;}.col-15{width:93.75%;}.col-16{width:100%;}[class*="col-"]{border:0px solid red;padding:0px;margin:0px;font-size:100%;font-weight:bold;font-style:normal;text-align:center;float:left;}.I{background:#2eb68b;color:#ffffff;}.IV{background:#000000;color:#ffffff;}.V{background:#ff0000;color:#ffffff;}.vi{background:#a8dcff;color:#0000ff;-webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;}.ii{background:#a8dcff;color:#0000ff;}.iii{background:#a8dcff;color:#0000ff;}.vii{font-weight:normal;font-style:italic;background:#f0f0ff;}

textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}

h1.col-16{
border:0px solid #d00; font-size:36px; line-height:1.0; text-transform:Capitalize; font-family:Roboto,Verdana,sans-serif; color:#000000; padding: 0px;  margin:0px; font-weight:bold;}

h2.col-16{border-bottom:1px solid #ddd; font-size:26px; line-height:1.3;  text-transform:Capitalize; font-family:Roboto,Verdana,sans-serif; color:purple; font-weight:normal;xbackground:blue;padding-bottom: 0px;  margin: 0px 0px 10px 0px;font-weight:bold;}

h3{border:0px solid #f00; font-size:26px;  line-height:1.4; text-transform:Capitalize; font-family:Roboto,Verdana,sans-serif; color:#000000;  font-weight:bold;  xbackground:blue; padding: 0px; margin: 0px;}

h4{border:0px solid #0f0; font-size:24px; color:#000000;font-weight:bold; line-height:1.0;  text-transform:Capitalize; padding: 0px; margin: 0px;}

h5{border:0px solid #f00; font-size:26px;  line-height:1.0; text-transform:Capitalize; font-style:italic; font-family:Roboto,Verdana,sans-serif; color:#000000;  font-weight:normal;  xbackground:blue; padding: 0px; margin: 0px;}

h6{border:0px solid #f00; font-size:22px;  line-height:1.0; text-transform:Capitalize;  font-family:Roboto,Verdana,sans-serif; color:#000000;  font-weight:normal;  xbackground:blue; padding: 0px; margin: 12px 0px ;}

p{
border:0px solid #ddd; font-size:24px; font-family:Roboto,Verdana,sans-serif; color:#000000; font-weight:normal; xbackground:blue; padding:3px; margin: 5px 10% 15px 10%; font-weight:normal;
}

p:hover{
border:0px solid #ddd; font-size:24px; font-family:Roboto,Verdana,sans-serif; color:#000000; font-weight:normal; background:ff00ff; padding:3px; margin: 5px 10% 15px 10%; font-weight:normal;
}

b{
border:0px solid #ddd; font-size:24px; text-transform:Capitalize; font-family:Roboto,Verdana,sans-serif; color:purple; font-weight:normal;xbackground:blue;padding: 1px 2px; margin: 0px;font-weight:bold;
}

b:hover{
border:0px solid #ddd; font-size:24px; text-transform:Capitalize; font-family:Roboto,Verdana,sans-serif; color:white; font-weight:normal; background:purple;padding: 1px 2px; margin: 0px;font-weight:bold;
}


.col-16.backbottom {position: fixed; bottom:0; left:0;
border:00px solid #ddd; font-size:24px; text-transform:Capitalize; font-family:Roboto,Verdana,sans-serif; color:purple; font-weight:normal; background:white;padding: 0px; margin: 0px;font-weight:bold;
}



.col-16#pages {
border:0px solid #ddd; font-size:24px; text-transform:Capitalize; font-family:Roboto,Verdana,sans-serif; color:purple; font-weight:normal;xbackground:blue;padding: 0px; margin: 0px;font-weight:bold;
}

button.back{border:0px solid red; xposition:absolute; bottom:02px; padding: 2px ; margin: 0px; background:none;font-size:20px; text-transform:Capitalize; font-family:Roboto,Verdana,sans-serif; color:#000000; font-weight:bold;  cursor:pointer;-webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;-webkit-box-shadow:0px 6px 6px #DDDDDD;-moz-box-shadow:0px 6px 6px #DDDDDD;box-shadow:0px 6px 6px #DDDDDD;
}


button.infokit{border:0px solid red; padding: 0px; margin: 0px; background:none;color:purple;font-size:24px; text-transform:Capitalize; font-family:Roboto,Verdana,sans-serif; color:#000000; font-weight:bold; color:blue;  cursor:pointer;
}

button.back:hover{border:0px solid red; xposition:absolute; bottom:02px; padding: 02px; margin: 0px; background:none;font-size:20px; text-transform:Capitalize; font-family:Roboto,Verdana,sans-serif;  font-weight:bold; color:blue;  cursor:pointer;-webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;-webkit-box-shadow:0px 6px 6px #DDDDDD;-moz-box-shadow:0px 6px 6px #DDDDDD;box-shadow:0px 6px 6px #DDDDDD;
}
button.infokit:hover{border:0px solid blue; padding: 0px; margin: 0px; background:none;color:purple;font-size:24px; text-transform:Capitalize; text-decoration:underline; font-family:Roboto,Verdana,sans-serif;  font-weight:bold; color:blue;  cursor:pointer;
}

button.infokit img{border:0px solid blue;  padding: 0px; margin: 0px; background:none;}


button.vid {border:0px solid blue;  padding: 6px; margin: 0px; font-size:20px;  cursor:pointer;-webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;-webkit-box-shadow:0px 6px 6px #DDDDDD;-moz-box-shadow:0px 6px 6px #DDDDDD;box-shadow:0px 6px 6px #DDDDDD;}





.col-5.left{text-align:right;}
.col-5.right{text-align:left;}
.col-8.left{text-align:right; padding-right:20px; }
.col-8.right{text-align:left; padding-left:20px; }
 
.col-8.center{
border:0px solid #d00; margin: 0px 25%; 
padding:0px; text-align:center;
}

px{
border:5px solid #ddd; font-size:24px; text-transform:Capitalize; font-family:Roboto,Verdana,sans-serif; color:purple; font-weight:normal;xbackground:blue;padding: 0px; margin: 0px;font-weight:bold;
}

ol.NumberOfpics{
border:0px solid #ddd; font-size:24px; text-transform:Capitalize; font-family:Roboto,Verdana,sans-serif; color:purple; font-weight:normal;xbackground:blue;padding: 0px; margin: 0px;font-weight:bold;
}

ol.NumberOfpics li{
border:0px solid #f00; font-size:24px; text-transform:Capitalize; font-family:Roboto,Verdana,sans-serif; color:purple; font-weight:normal;xbackground:blue;padding: 0px; margin: 0px;font-weight:bold;
}

.iii.vid{
  background-color: #ffffff;
  position:absolute;
}

/* Safari */
:-webkit-full-screen {
  background-color: #ffffff;
}

/* IE11 */
:-ms-fullscreen {
  background-color: #ffffff;
}

/* Standard syntax */
:fullscreen {
  background-color:  #ffffff;
}







#bigvid{
}

.col-99#big{display:block; 
}
.col-99#small{display:none;
}

.col-4#big{display:block; 
}
.col-4#small{display:none;
}



.col-16.bottomspacer{display:block;height: 400px;
}


img{border:00px solid #f00; }

 .img_front{border:012px solid #f00; }



@media screen and (max-width: 1024px)  {
[class*="col-"] {width:100%;
    float: left;
    padding: 0px;
    margin: 0px;
    border: 0px solid red; }
		
.col-99#big{display:none;
}
.col-16#bigpic{display:none;
}

.col-4#big{display:none;
}
.col-4#small{width:75px; height:75px; display:block;position:fixed;top:0; right:0;
   border: 0px solid red; 
}
.col-99#small{display:block;width:100%;  float: left;
  }

.col-8.left,
.col-8.right{text-align:center;
}
p{
border:0px solid #ddd; font-size:20px; font-family:Roboto,Verdana,sans-serif; color:#000000; font-weight:normal; xbackground:blue; padding:0px; margin: 0% 1%; font-weight:normal; line-height:1.5;
}
}