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


/* #spacer1 { display: none; } */
/* #spacer2 { display: none; } */

.slide-container { /* border: 1px solid blue; */
height: 600px;
}

.slide-container img {
width: 600px; height: 600px;
margin: auto;
}

.fadein { /* border: 2px dotted white; */
position:relative;
height: 600px;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}

/* slideshow image */
.fadein img { /* border: 1px solid gold; */
position:absolute;
left:0; right:0;
opacity:0;
animation-name: fadein; /* important */
animation-duration: 30s;
animation-iteration-count: infinite;
border-radius: 8px;
}

/* slideshow images */
.fadein img:nth-child(1) { animation-delay: 0s; }
.fadein img:nth-child(2) { animation-delay: 6s; }
.fadein img:nth-child(3) { animation-delay: 12s; }
.fadein img:nth-child(4) { animation-delay: 18s; }
.fadein img:nth-child(5) { animation-delay: 24s; }
/* set the size for all images */
/* img { max-width: 90%;} */
/* img { width: 100%;} */

@keyframes fadein {
/* Images 5, Duration of image display 4s,
Cross Fade 2s, Total Duration 30s */
0% { opacity: 1}
   0% { opacity: 1}
   13% { opacity: 1}
   20% { opacity: 0}
  93% { opacity: 0}
  100% { opacity: 1}
}

.slide-container { /* border: 3px dotted gold; */
position: relative;
/* image width is 600px; */
/*max-width: 1500px; */
margin: 0 auto;
float: none ;
}

.fadein { /* border: 5px solid green; */
position: relative;
/* image height is 600px; */
/* max-width: 1500px; */
}

.fadein img { /* border: 3px solid white; */ }

#about_caption_container { /* border: 2px solid green; */
height: 305px;
width: 50%;
display: flex;
justify-content: center;
word-spacing: 2px;
margin: auto;
}

#about_caption_container p {
font-size: 30px;
line-height: 1em;
}

/*Hi Res 3840 X 2160 */
@media ( max-width:3840px){
#container { height: 1700px; }
.slide-container { height: 900px; width: 900px; }
.fadein { height: 900px; width: 900px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 50px; }
#about_caption_container {height: 210px; width: 50%;}
#about_caption_container p { font-size: 30px; line-height: 1em; word-spacing: 11px; }
#spacer4 { height: 50px; }
}

/*Hi Res 2560 X 1440 */
@media ( max-width:2560px){
#container { height: 1420px; }
.slide-container { height: 800px; width: 800px; }
.fadein { height: 800px; width: 800px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 20px; }
#about_caption_container {height: 250px; width: 50%;}
#about_caption_container p { font-size: 28px; word-spacing: 11px; }
#spacer4 { height: 5px; }
}

/*Hi Res 1920 X 1080 */
@media ( max-width:1920px){
#container { height: 1040px; margin-top: 1%; }
.slide-container { height: 500px; width: 500px; }
.fadein { height: 500px; width: 500px; }
.fadein img { height: 90%; width: auto; }
#spacer3 { height: 5px; }
#about_caption_container {height: 280px; width: 50%;}
#about_caption_container p { font-size: 25px; word-spacing: 16px; }
#spacer4 { height: 5px; }
}

/*Hi Res 1600 X 900 */
@media ( max-width:1600px){
#container { height: 870px; }
.slide-container { height: 400px; width: 400px; }
.fadein { height: 400px; width: 400px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 5px; }
#about_caption_container {height: 240px; width: 52%;}
#about_caption_container p { font-size: 22.5px; word-spacing: 10px; }
#spacer4 { height: 5px; }
}

/* MacBook Pro 1440 X 730 & Vanyko tablet 992 X 500 no thumbs */
@media ( max-width:1440px){
#container { height: 690px; }
.slide-container { height: 360px; width: 360px; }
.fadein { height: 360px; width: 360px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 5px; }
.prev, .next { font-size: 30px; margin-left: -15%; margin-right: -15%; top: 90%; }
#about_caption_container {height: 160px; width: 60%;}
#about_caption_container p { font-size: 18px; word-spacing: 10px; }
#spacer4 { height: 5px; }
}

/* 1366 X 768 iPad Pro Tabbed */
@media ( max-width: 1366px){
#container { height: 730px; margin-top: 1%; }
.slide-container { height: 360px; width: 360px; }
.fadein { height: 360px; width: 360px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 5px; }
#about_caption_container {height: 200px; width: 50%;}
#about_caption_container p { font-size: 18px; word-spacing: 10px; }
#spacer4 { height: 5px; }
}

/* 1340 X 800 Samsung A7 Lite tabbed horizontal */
@media ( max-width:1340px){
#container { height: 760px; margin-top: 1.5%; }
.slide-container { height: 380px; width: 380px; }
.fadein { height: 380px; width: 380px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 5px; }
#about_caption_container {height: 190px; width: 50%;}
#about_caption_container p { font-size: 18px; word-spacing: 9px; }
#spacer4 { height: 5px; }
}

/* 1280 X 725  Vankyo Hoirizontal Tabbed */
@media ( max-width: 1280px){
#container { height: 760px; }
.slide-container { height: 320px; width: 320px; }
.fadein { height: 320px; width: 320px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 5px; }
#about_caption_container {height: 180px; width: 60%;}
#about_caption_container p { font-size: 18px; word-spacing: 10px; }
#spacer4 { height: 5px; }
}

/* 1245 X 700 * Samsung A7 Tablet */
@media (max-width: 1245px){
#container { height: 660px; }
.slide-container { height: 310px; width: 310px; }
.fadein { height: 310px; width: 310px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 5px; }
#about_caption_container {height: 180px; width: 50%;}
#about_caption_container p { font-size: 16px; word-spacing: 10px; }
#spacer4 { height: 5px; }
}

/* 1024 X 576 iPad tabbed*/
@media ( max-width: 1024px){
#container { height: 535px; }
.slide-container { height: 250px; width: 250px; }
.fadein { height: 250px; width: 250px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 5px; }
#about_caption_container {height: 130px; width: 70%;}
#about_caption_container p { font-size: 14px; word-spacing: 10px; }
#spacer4 { height: 5px; }
}

/* 995 X 550 */
@media ( max-width: 995px){
#container { height: 515px; }
.slide-container { height: 230px; width: 230px; }
.fadein { height: 230px; width: 230px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 5px; }
#about_caption_container {height: 140px; width: 75%;}
#about_caption_container p { font-size: 15px; word-spacing: 10px; }
#spacer4 { height: 5px; }
}

/* Vanyko tablet 992 X 500 Tabbed */
@media ( max-width:992px){
#container { height: 470px; }
.slide-container { height: 205px; width: 205px; }
.fadein { height: 205px; width: 205px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 5px; }
#about_caption_container {height: 110px; width: 80%;}
#about_caption_container p { font-size: 13px; word-spacing: 10px; }
#spacer4 { height: 5px; }
}

/* Vanyko tablet 925 X 515 */
@media ( max-width:925px){
#container { height: 480px; }
.slide-container { height: 220px; width: 220px; }
.fadein { height: 220px; width: 220px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 5px; }
#about_caption_container {height: 120px; width: 75%;}
#about_caption_container p { font-size: 13px; word-spacing: 12px; }
#spacer4 { height: 5px; }
}

/* MacBook 920 X 470  */
@media ( max-width:920px){
#container { height: 435px; }
.slide-container { height: 200px; width: 200px; }
.fadein { height: 200px; width: 200px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 5px; }
#about_caption_container {height: 110px; width: 77%;}
#about_caption_container p { font-size: 13px; word-spacing: 13px; }
#spacer4 { height: 5px; }
}

/* 800 X 1340 Samsung A7 Lite tabbed vertical */
@media (max-width: 800px){
#container { height: 1200px; }
.slide-container { height: 500px; width: 500px; }
.fadein { height: 500px; width: 500px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 55px; }
#about_caption_container {height: 200px; width: 84%;}
#about_caption_container p { font-size: 17px; word-spacing: 11px; }
#spacer4 { height: 5px; }
}

/*TABLET 768 X 432*/
@media ( max-width: 768px){
#container { height: 400px; }
.slide-container { height: 165px; width: 165px; }
.fadein { height: 165px; width: 165px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 5px; }
#about_caption_container {height: 120px; width: 85%;}
#about_caption_container p { font-size: 13px; word-spacing: 9px; }
#spacer4 { height: 5px; }
}

/* Motorola Droid Razr HD 720 X 1280 */
@media ( max-width: 720px){
#container { height: 1000px; margin-top: 100px; }
.slide-container { height: 520px; width: 520px; }
.fadein { height: 520px; width: 520px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 50px; }
#about_caption_container {height: 140px; width: 80%;}
#about_caption_container p { font-size: 13px; word-spacing: 8.5px; }
#spacer4 { height: 5px; }
}

/* Low Res 640 X 360 */
@media ( max-width: 640px){
#container { height: 340px;  margin-top: 0; }
.slide-container { height: 135px; width: 135px; }
.fadein { height: 135px; width: 145px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 3px; }
#about_caption_container {height: 110px; width: 80%;}
#about_caption_container p { font-size: 11px; word-spacing: 9px; }
#spacer4 { height: 3px; }
}

/* Low Res 600 X 900 */
@media ( max-width: 600px){
#container { height: 820px; margin-top: 50px; }
.slide-container { height: 340px; width: 340px; }
.fadein { height: 340px; width: 340px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 20px; }
#about_caption_container {height: 260px; width: 80%;}
#about_caption_container p { font-size: 17px; word-spacing: 7px; }
#spacer4 { height: 20px; }
}

/*Low Res 480 X 640 */
@media (max-width: 480px) {
#container { height: 620px; margin-top: 0; }
.slide-container { height: 220px; width: 220px; }
.fadein { height: 220px; width: 220px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 2px; }
#about_caption_container {height: 240px; width: 80%;}
#about_caption_container p { font-size: 15px; word-spacing: 9px; }
#spacer4 { height: 3px; }
}

/*Low Res 375 X 667 */
@media (max-width: 375px) {
#container { height: 600px; margin-top: 8%; }
.slide-container { height: 210px; width: 210px; }
.fadein { height: 210px; width: 210px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 1px; }
#about_caption_container {height: 240px; width: 80%;}
#about_caption_container p { font-size: 13px; word-spacing: 8px; }
#spacer4 { height: 1px; }
}


/*Low Res 360 X 640 */
@media (max-width: 360px) {
#container { height: 600px; margin-top: 6%;}
.slide-container { height: 230px; width: 230px; }
.fadein { height: 230px; width: 230px; }
.fadein img { height: 100%; width: auto; }
#spacer3 { height: 1px; }
#about_caption_container {height: 230px; width: 80%;}
#about_caption_container p { font-size: 13px; word-spacing: 1px; }
#spacer4 { height: 1px; }
}