/**-------------------------**/
/** The Slideshow Container **/
/**-------------------------**/
  .slideshowcontainer { max-width:1600px;border:0px black solid;overflow:hidden;position:relative;
                        margin:auto;min-width:350px; }

/**-------------------------**/
/** The Slideshow Table **/
/**-------------------------**/
  .slideshowtable { position:relative;width:100%;border:0px red solid; align:center; } //consider adding height @ 100%

/**-------------------------**/
/** Slides **/
/**-------------------------**/
  .adSlide { display:none; }
  .adSlide img { vertical-align:middle;width:100%; }
  .desktop-only { display:none; }
  .tablet-only  { display:none; }
  .phone-only   { display:inline-block; }

















/**-------------------------**/
/** Slides Text**/
/**-------------------------**/
  .adtext { position:absolute;top:0px;z-index:2;bottom:300px;width:100%; padding:10px 15px;
            text-align:center; font-size:30px; color:white;
          }
  .suptitle { font-size:14px; }		.MCsuptitle { font-size:18px; }
  .adtitle { font-size:24px; }          .MCadtitle  { font-size:24px; }
  .adpara  { font-size:18px;margin-top:10px; display:none; }
  .MCadpara { font-size:24px;margin-top:10px;display:none; }

  #toptitle3, #toptitle4 { display:none; }
  #toptitle3 { float:left;text-align:left;margin-right:10px;margin-top:40px;background:none; }
  #toptitle4 { color:navy; }

  #midtitle3, #midtitle4 { display:inline-block; }
  #midtitle3 { margin-top:90px;background:none; }
  #midtitle4 { width:100%;background:none; }

  .imgcaption { dispay:inline-block;width:100%;margin-top:10px;font-family:calibri, sans-serif;font-size:12pt; }

  #txtarea1 { margin-right:30px;width:50%;float:right;color:#996633; }
  #txtarea2 { margin-right:30px;float:right;width:45%; }
  #txtarea3 { margin-left:30px;float:left;text-align:left;padding-right:15px;margin-top:0px;width:70%; }
  #txtarea4A { margin-right:20px;padding-left:20px;font-size:30px;width:50%;float:right;color:navy; }
  #txtarea4B { margin-right:20px;padding-left:20px;font-size:30px;width:50%;float:right;color:navy; }











/**-------------------------**/
/** Arrows and Dots **/
/**-------------------------**/
  .larrow, .rarrow { cursor:pointer;position:absolute;top:50%;width:auto;padding:20px;
                     color:#acacac;font-weight:bold;font-size:30px;transition:0.6s ease;
                   }

  .rarrow { right:0; }

  .dot { height:15px;width:15px;margin:0 2px;background-color:#cccccc;border-radius:50%;
         display:inline-block;transition:background-color 0.6s ease;
       }

  .active { background:#717171; }


/**-------------------------**/
/** Animation **/
/**-------------------------**/
  .fadeout { -webkit-animation-name:fadeout;
              -webkit-animation-duration:1.5s;

              animation-name:fadeout;
              animation-duration:1.5s;
            }

  @-webkit-keyframes fadeout { 
              from { opacity:0.3; }
              to   { opacity:1.0; }
  }

  @keyframes slideout { 
              from { opacity:0.3; }
              to   { opacity:1.0; }
  }       

/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MAXIMUM WIDTH OF 500 PIXELS ------------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (max-width:500px) {
/*for tablets*/

.slideshowcontainer { height:auto; }
  .desktop-only { display:none; }
  .tablet-only  { display:none; }
  .phone-only   { display:inline-block; }

  .adtitle { font-size:24px; }
  .MCadtitle { font-size:24px; }

  .adpara  { font-size:18px;display:none; }
  .MCadpara  { font-size:22px;display:none; }

  #toptitle3, #midtitle4 { display:inline-block; }
  #midtitle3, #toptitle4 { display:none; }
  .imgcaption { display:inline-block; }
}


















/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 501 PIXELS ------------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:501px) {
/*for tablets*/

.slideshowcontainer { height:auto; }
  .desktop-only { display:none; }
  .tablet-only  { display:none; }
  .phone-only   { display:inline-block; }

  .adtitle { font-size:24px; }
  .MCadtitle { font-size:26px; }

  .adpara  { font-size:18px;display:none; }
  .MCadpara  { font-size:22px;display:none; }

  #toptitle3, #midtitle4 { display:inline-block; }
  #midtitle3, #toptitle4 { display:none; }
  .imgcaption { display:inline-block; }
}


















/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 600 PIXELS ------------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:550px) {
/*for tablets*/

.slideshowcontainer { height:auto; }
  .desktop-only { display:none; }
  .tablet-only  { display:none; }
  .phone-only   { display:inline-block; }

  .adtitle { font-size:24px; }
  .adtitle { font-size:26px; }

  .adpara  { font-size:18px;display:inline-block; }
  .MCadpara  { font-size:22px;display:inline-block; }

  #midtitle3, #midtitle4 { display:inline-block; }
  #toptitle3, #toptitle4 { display:none; }
  .imgcaption { display:none; }
}


















/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 640 PIXELS ------------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:640px) {
/*for tablets*/

.slideshowcontainer { height:auto; }
  .desktop-only { display:none; }
  .tablet-only  { display:none; }
  .phone-only   { display:inline-block; }

  .adtitle { font-size:24px; }
  .MCadtitle { font-size:26px; }

  .adpara  { font-size:18px;display:inline-block; }
  .MCadpara  { font-size:22px;display:inline-block; }

  #midtitle3, #midtitle4 { display:inline-block; }
  #toptitle3, #toptitle4 { display:none; }
  .imgcaption { display:none; }
}


















/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 761 PIXELS ------------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:760px) {
/*for tablets*/

.slideshowcontainer { height:auto; }
  .desktop-only { display:none; }
  .tablet-only  { display:inline-block; }
  .phone-only   { display:none; }

  .adtitle { font-size:26px; }
  .MCadtitle { font-size:32px; }

  .adpara  { font-size:18px;display:inline-block; }
  .MCadpara  { font-size:22px;display:inline-block; }

  #toptitle3, #toptitle4 { display:none; }
  #midtitle3, #midtitle4 { display:inline-block; }
  .imgcaption { display:none; }
}



















/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MAXIMUM WIDTH OF 960 PIXELS ------------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:960px) {
/*for tablets*/

.slideshowcontainer { height:auto; }
  .desktop-only { display:inline-block; }
  .tablet-only  { display:none; }
  .phone-only   { display:none; }

  .adtitle { font-size:34px; }
  .MCadtitle { font-size:40px; }

  .adpara  { font-size:22px;display:inline-block; }
  .MCadpara  { font-size:26px;display:inline-block; }

  #toptitle3, #toptitle4 { display:none; }
  #midtitle3, #midtitle4 { display:inline-block; }
  .imgcaption { display:none; }
}



















/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MAXIMUM WIDTH OF 1024 PIXELS -----------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:1024px) {
/*for tablets*/

  .adtitle { font-size:37px; }
  .MCadtitle  { font-size:44px; }

  .adpara { font-size:22px;display:inline-block; }
  .MCadpara  { font-size:26px;display:inline-block; }

  #toptitle3, #toptitle4 { display:none; }
  #midtitle3, #midtitle4 { display:inline-block; }
  .imgcaption { display:none; }
}

/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MAXIMUM WIDTH OF 1200 PIXELS -----------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:1200px) {
/*for tablets*/

  .suptitle { font-size:24px; }
  .MCsuptitle { font-size:28px; }

  .adtitle { font-size:44px; }
  .MCadtitle  { font-size:50px; }

  .adpara { font-size:26px;display:inline-block; }
  .MCadpara  { font-size:30px;display:inline-block; }

  #toptitle3, #toptitle4 { display:none; }
  #midtitle3, #midtitle4 { display:inline-block; }
  .imgcaption { display:none; }
}










/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MAXIMUM WIDTH OF 1400 PIXELS -----------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:1400px) {
/*for tablets*/


  .suptitle { font-size:24px; }
  .MCsuptitle { font-size:28px; }

  .adtitle { font-size:44px; }
  .MCadtitle  { font-size:50px; }

  .adpara { font-size:30px;display:inline-block; }
  .MCadpara  { font-size:34px;display:inline-block; }

  #toptitle3, #toptitle4 { display:none; }
  #midtitle, #midtitle4 { display:inline-block; }
  .imgcaption { display:none; }
}

/** Big    -- 1600 x 520
    Middle --  960 x 400
    Small  --  760 x 440
**/