/*Keyframes for the home page slider*/
@keyframes homeslide2Anim {
    0% {
        opacity: 0;
    }
    17% {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    67% {
        opacity: 0;
    }
    83% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}    
    @keyframes homeslide3Anim {
       0% {
        opacity: 0;
    }
    17% {
        opacity: 0;
    }
    33% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    67% {
        opacity: 1;
    }
    83% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    } 
}
 * {
     margin: 0;
     padding: 0;
     border:0;
 }
 body {
    background: linear-gradient(to bottom, rgba(222,239,255,1) 1%,rgba(152,190,222,1) 77%);
    font-family: arial sans-serif;
     margin: auto;
     font-size: 87.5%;
     min-width: 320px;
     max-width: 1280px;
 }
 .clearfix {
     clear: both;
 }
  a {
    text-decoration: none;
 }
 .mainheader ul {
     list-style-type: none;
     z-index:1;
 }
 .mainheader ul li {
     width: 160px;
     height: 40px;
     text-align: center;
     line-height: 40px;
     float: left;
     position: relative;
     margin: 2px;
     font-size: 1.3em;
   
 }
 .mainheader ul li a {
     text-decoration: none;
     display: block;
     color: white;
     /*background-color: #8b4513;*/
     background-color: rgb(0, 0, 110);
     border-radius: 8px;
     border: 2px dotted white; 
 }
.mainheader ul a:hover, nav a:active, nav .active a:visited {
     /*background-color: #4f4a48;*/
     background-color: rgb(48, 110, 170);
 }
 nav .active a:link {
      background-color: rgba(66,62,55,0.5);
 }

  .mainheader img {
     border-radius: 8px;
 }   
/*The end of navigation bar*/
/*begining of subnavigations*/
 .mainheader ul ul {
     display: none;
     position: absolute;
 }
 .mainheader ul ul a {
     background-color: rgba(66,62,55,0.5);
     border: 1px dotted goldenrod;
     font-size: 0.7em;
 }
 /* this was used for the sub navigation menu ^/ 
 .mainheader ul ul ul {
      margin-left: 140px;
      top: 0;
      position: absolute;
 }*/
  .mainheader ul li:hover > ul {
      display: block;
 }
 .mainheader ul li a:hover {
      background-color: darkslateblue ;
       border: 2px dotted floralwhite;
}
  .darrow {
      position: absolute;
      top: 0;
      left: 135px;
      font-size: 20px;
      color: white;
 }
 .rarrow {
     position: absolute;
     top:0;
     left: 135px;
     color: white;
     font-size: 10px;
}
/*The end of drop and subdrop menus*/  
/*+++++++++++++++++++++++++++++++++++++++++++*/ 
/*Beginning of Home*/     
img.vrata {
    width: 100%; 
    border-radius: 5px;
}
.big-letter {    
    text-align: center;
    font-size: 150%;
    color: #444444;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 3% 0;
}
.charming {
    text-align: center;
    color: #444;
    margin-top: 15px;
}
img {
    max-width: 100%;
    height:auto;
}
.homeSlide {
    position: relative;
}
.placeholder {
    visibility: hidden;
    width: 100%;
}
.homeSlide1, .homeSlide2, .homeSlide3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
    
}
#jssor_1 {
    border-radius: 5px;
}
#pacific, #bestMex {
    margin-top: 20px;
}
#pacific img {
    border-radius: 5px;
}
.usaPics {
    float: left;
    width: 470px;
}
.usaPics img {
    border-radius: 5px;
}
#usaText {
    float: right;
    width: 140px;
}
blockquote  {
    float: right;
    width: 300px;
    border-top: 1px solid #665544;
    border-bottom: 1px solid #665544;
    font-style: italic;
    color: green;
    padding: 7px;
}
.mUnited, #eua {
    margin-top: 20px;
}
.astros {
    margin-top: 20px;
}
#astros1 {
    width: 300px;
    float: left;
}
#astros2 {
    width: 300px;
    float: right;
}
#bestMexPics img {
   border-radius: 5px; 
}
#tableHome {
    margin-left: 85px;
}
.homeSlide1 {
    background-image: url(../Images/rome1.jpg);
}
.homeSlide2 {
    background-image: url(../Images/svetiStefan1.jpg);
    animation: homeslide2Anim 10s infinite;
}
.homeSlide3 {
    background-image: url(../Images/mostar1.jpg);
    animation: homeslide3Anim 10s infinite;
}
.all-travel {
    background-color: lightgrey;
    width: 48%;
    float: left;
    padding: 10px;
     border-radius: 10px;
     line-height: 1.5em;
     box-shadow: inset 0 0 20px #777;
}
.all-houston {
    background-color: lightgrey;
    width: 48%;
    float: right; 
    padding: 10px;
     border-radius: 10px;
     line-height: 1.5em;
     box-shadow: inset 0 0 20px #777;
}
#jadre {
    float:left;
    border-radius: 5px;
    margin-right: 10px;
    margin-top: 26px;
}
#amsterdam {
    float: right;
    border-radius: 5px;
}
#avianca {
    float: left;
    border-radius: 5px;
    margin-right: 10px;
}
#panama {
    float: right;
    border-radius: 5px;
}
.panSlide {
    margin-top: 20px;
}
#hou-skywalk, #milano  {
    border-radius: 5px;
}
.letter {
    color: green;
    padding-bottom: 3%;
}
.move {
    padding: 10px;
}

table {
    width: 50%; 
    float: left;                     
 }
 th, td {
    padding: 7px 10px 10px 10px;
    }
 th  {
      border: 1px solid #111111;
    } 
 tr.shade {
      background-color: #DBEBEA;
    } 
 tr.no-shade {
       background-color: #F1DBB5;
    }
 thead {
     background-color: #C8CFCE;
    }
 td.res {
      background-color: #E4946C;
      text-align: center;
    } 
  tr:hover {
      background-color: #99f3cb ;
    }  
 a {
      text-decoration: none;                    
   }
    a:hover {
     color: deeppink;
   }
   
.info-nasa {
   width: 80%;
}

/*The end of Home page*/
/*Begining of Portugal*/
ol#reason-list {
    padding: 0 0 5px 10px;
    list-style-position: inside; 
    
}
.eight-reasons {
    width: 60%;
    background-color: lightgoldenrodyellow;
    border-radius: 10px;
    line-height: 1.2em;
    box-shadow: inset 0 0 20px #777; 
    float: left;
}
#love-port {
    padding: 10px 10px; 
}
#por-text-center {
    text-align: center;
}
.one-third img:hover, .lis-oldcity img:hover, .bog_llama img:hover {
    border: 2px solid orangered;  
}
img.portugal {
    width: 100%;
    height: auto;
    border-radius:8%;
}
.lis-oldcity img {
    float: right;
    border-radius: 5px;
}
.one-third {
    width: 28%;
    float: left;
    margin: 2% 0 3% 4%;
    text-align: center;
}
.port-frame {
    border: 4px inset goldenrod;
    overflow: auto;
    width: 100%;
    border-radius: 8px;
    margin: 10px 10px 10px 0;
}
.hospitable {
    background-color: lightgoldenrodyellow;
    border-radius: 10px;
    line-height: 1.2em;
    box-shadow: inset 0 0 20px #777;
    padding: 5px;
    text-align: center;
    width: 850px;
    margin-left: 160px;
}
.cobblestone {
    background-image: url(../Images/Portugal/lis_cobblestone1.jpg);
    width: 100%;
    height: 200px;
    margin-top: 20px; 
    border-radius: 10px;   
}
.lis-moreinfo {
    color: lightgoldenrodyellow;
    text-align: center; 
    padding: 20px;
    font-size: 17px;
}
.lis-title {
    margin: 20px 20px;
}
/*End Portugal*/
 .ploce {
    width: 56%;
    float: left;  
}
img {
    max-width: 100%;
    height: auto;
}
.cro-text {
    padding: 3%;
}
.houston {
    padding: 3%;
}
/*Start - About me*/
.myinfo {
    /*background-color: lightgoldenrodyellow;
    padding: 10px;
    border-radius: 10px;*/
    margin: auto;
    text-align: center;
    font-style: italic;
    font-size: 1.4em;
    background-color: whitesmoke;
    padding: 10px;
    -moz-box-shadow: inset 0 0 20px rgb(148, 144, 144);
    -webkit-box-shadow: Inset 0 0 20px rgb(148, 144 , 144);
    box-shadow: inset 0 0 20px rgb(148, 144 , 144);

   
    }
.myPhoto {
    float: left;
    margin-right: 10px;
    border-radius: 10px;

}    
.vivaLavida {
    position: absolute;
    padding:50px 800px;
}
.contact {
   /*background: beige; 
   padding: 5px;
   text-align: center;
   margin-top:5px;
   border-radius: 10px;*/
   margin: auto;
   text-align: center;
   font-style: italic;
   font-size: 1.4em;
   background-color: whitesmoke;
   padding: 10px;
   -moz-box-shadow: inset 0 0 20px rgb(148, 144, 144);
   -webkit-box-shadow: Inset 0 0 20px rgb(148, 144 , 144);
   box-shadow: inset 0 0 20px rgb(148, 144 , 144);

}
/* End - About me*/
/*Start - Comments*/
/*
input.var {
   width: 300px;   
}
div.hammock {
    float: right;
    margin-top: 20px;   
}
fieldset {
    width: 350px;
    background-color: #ced1b4;
    border: 2px solid #dcdcdc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 3% 0 3% 0;
    padding: 10px;
}
div.vespa {
    float: right;
}
textarea {
    width: 300px;
    height: 50px;
    border-radius: 5px;
    border-bottom: 1px solid green;
    border-top: 1px solid green;
}
fieldset legend {
    font-weight: bold;
    background-color: #efefef;
    border: 2px solid #dcdcdc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
input[type="text"].var, input[type="email"].var, input[type="tel"].var   {
    border-radius: 5px;
    border-top: 2px solid green;
}

input#submit {
    color: #444;
    background-color: #b9e4e3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid green;
    padding: 2px;
    box-shadow: 3px 3px 3px 3px #777;
}
input#submit:hover {
    color: red;
}
.survay {
    background-image: url(../Images/Croatia/cover.jpg); 
   
}
/*End - About me*/
/*Start - NASA*/
.shuttle-image {
    width: 28%;
    float: left;
    margin: 2% 0 3% 4%;
    text-align: center;   
}
.shuttle-image img {
     border-radius: 8px;
}
.about-space {
  background-color: beige; 
  border-radius: 8px;
  padding: 10px;
  box-shadow: inset 0 0 20px #777;
}
.cool-shuttle {
    text-align: center;    
}
.section-content {
   width: 21%;
   float: left; 
   margin: 3% 2% 0 0; 
   padding: 1%;  
}
div.content {
    margin: 2% 0 3% 0;     
}
div.content section {
    background-color: #001a33;
    color: white;
}
.welcome {
    margin: 2% 0 3% 4%;  
}
.mor-memories {
    width: 30%;
    float: left;
    margin: 3px;
}
p.middle  {
    color: brown
}
/*Start Morocco*/

.morocco-fotos {
    padding: 10px;
    margin: 5px;
}
.morocco-fotos img {
    border-radius: 8px;
}
.morocco-fotos img:hover {
    border: 1px solid orangered;
}
.col {
    width: 29.5%;
    float: left;
    margin: 3% 3% 2% 0;
    background-color: white;
    padding: 5px;
    border-radius: 8px;
    box-shadow: inset 0 0 20px #777; 
}
.culture {
    padding: 10px;
}
.nat-leg {
   padding-right: 5px;
}
.fotomix {
  width: 24%;
  float: left;
  margin: 5px;
  text-align: center; 
}
.fotomix img {
    border-radius: 8px;
}
.fotomix img:hover {
    border: 1px solid orangered;
} 
/*End Morocco*/

/*Start Croatia*/
.withlove {
    margin: 2% 0 0 2%;
    color: red;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.main-content {
     line-height:25px;
     margin: 3% 0 3% 0;
}
.contentone {
    width: 70%;
    float: left;
    margin-right: 2%
   }
.top-content {
    background-color: #fff ;
    border-radius: 5px;
    padding: 5px;  
     box-shadow: inset 0 0 20px #777;   
}
.bottom-content {
    background-color: #fff ;
    border-radius: 5px;
    padding: 5px; 
    margin: 3% 0 2% 0; 
     box-shadow: inset 0 0 20px #777;  
}
.top-sidebar {
   width: 24%;
   float: right;
   background-color: #fff;
   padding: 3px;
   border-radius: 5px;
    box-shadow: inset 0 0 20px #777;
}
.bottom-sidebar {
    width: 24%;
    float: right;
    background-color: #fff;
    padding: 3px;
    border-radius: 5px;
    margin: 2% 0 0 0;
     box-shadow: inset 0 0 20px #777;
}
.adria-cost {
    width:23%;
    float: left;
    text-align: center;
    margin: 2% 2% 4% 0;
}
.main-motivation {
   line-height:20px;  
   margin: 3% 0 3% 0;
}
.motivated {
    width: 67%;
    float: left;
    margin-right: 2%;
}
#newImage {
    width: 980px;
    margin: auto;
}
.top-motivation {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: inset 0 0 20px #777;
}
.bottom-motivation {
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
    margin: 3% 0 3% 0;
    box-shadow: inset 0 0 20px #777;      
}
.first-sidebar {
    background-color: #fff;
    margin-left: 2%;
    margin-bottom: 2%;
    float: right;
    width: 26%;
    border-radius: 5px;
    padding: 10px;
    box-shadow: inset 0 0 20px #777;
}
.second-sidebar {
    background-color: #fff;
    float: right;
    width: 26%;
    border-radius: 5px; 
    padding: 10px;
    margin-bottom: 2%;
    box-shadow: inset 0 0 20px #777;
}
.top-title {
    margin-top: 2%;
    color: #444;
    text-transform: uppercase;
    word-spacing: .3em;
}
.third-sidebar {
    background-color: #fff;
    float: right;
    width: 26%;
    border-radius: 5px; 
    padding: 10px;
    box-shadow: inset 0 0 20px #777;
} 
p.text-below {
    margin-top: 2%;
} 
.main_introduction {    
    line-height: 1.2em;
    margin-top: 20px;
 }    
.introduction {
    width: 60%;
    float: left;
}
.top_introduction {
   background-color: #fff; 
   border-radius: 5px;
   padding: 15px;
   box-shadow: inset 0 0 20px #777;
 }
.market {
    width: 30%;
    float: right;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px 0 5px 10px;
    box-shadow: inset 0 0 20px #777;
}
.grove {
    width: 30%;
    float: right;
    background-color: #fff; 
    margin:3px 0 3px 0;
    border-radius: 5px;
    padding: 5px 0 5px 10px;
    box-shadow: inset 0 0 20px #777;
}
.pasadena {
    width: 30%;
    float: right;
    background-color: #fff; 
    border-radius: 5px;
    padding: 5px 0 5px 10px; 
    box-shadow: inset 0 0 20px #777;      
}
.la-fotomix {
    width: 31%;
    float: left;
    margin: 5px;
    text-align: center; 
    background-color: whitesmoke;
    padding: 5px;
    box-shadow: inset 0 0 20px #777;
    border-radius: 5px;
}
.la-fotomix p {
    margin-top: 10px;
}
.day-one {
    width: 980px;
    margin: auto;
}
.farmers-content p {
    padding: 10px;
}
.farmers-content h4, .pas-content, .grove-content h4 {
    text-align: center;
}
#passSlider {
    background-color: rgb(194, 233, 179);
    padding: 3px;
    border-radius: 5px;
}
.beverly-sign {
    margin: 10px 0 5px 0; 
    background-color: whitesmoke; 
    border-radius: 5px;
    padding: 8px;
    box-shadow: inset 0 0 20px #777;
}
.beverly-hills img, .farmers-img img, .pas-side img, .imagesSM img {
    border-radius: 8px;
}
#bev-park {
    color: #1F0B9E;
}
.farmers-content, .infoSM {
    background-color: beige;
    border-radius: 5px;
    padding: 5px;
    box-shadow: inset 0 0 20px #777;
}
.grove-content {
    background-color: beige;
    box-shadow: inset 0 0 20px #777;
    border-radius: 5px;
    padding: 10px;
}
.original_farmers {
    margin-top: 20px;
}

.infoSM {
    margin-top: 40px;
}
.farmers-img {
    margin-top: 5px;  
} 
.the-grove, .losangeles-pasadena {
    margin-top: 20px;
}
.pas-content, .gardens {
    background-color: beige;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
    box-shadow: inset 0 0 20px #777;
}
.pas-side {
    width: 49%;
    float: right;
}
#pas1 {
    float: left;
    width: 49%;
}
.garden-text {
    background-color: lightseagreen;
    padding: 1%;
    border-radius: 5px; 
    box-shadow: inset 0 0 10px #777;      
}
.huntP   {
        z-index: 10000; 
        position: absolute;
        text-align: center;
        width: 35%;
        padding: 5px;
        color: darkred;
        font-size: 20px;
        margin-left: 240px;
}
#rose {
    color: red;
}
#japan {
    color: green;
}
#china {
    color: saddlebrown;
}
#garden-slide {
    margin-top: 20px;
}
.imagesSM {
    margin-top: 5px;
}
.infoSM h4 {
    text-align: center;
}
.magic-images {
    width: 24%;
    float: left;
    margin: 5px;
    text-align: center;
}
.magic-images img, .tulips img, .adria-cost img {
    border-radius: 8px;
}
.magic-images img:hover {
    border: 2px solid orangered ;
}
 .tulips p {
      z-index: 10000; 
      position: absolute;
      text-align: center;
      padding: 5px;
      color: floralwhite;
      font-size: 20px;
      
   }
.main_ {    
    line-height: 20px;
    margin-top: 20px;
 }    
.end {
    width: 100%;
    float: left;
}
.top_end {
   background-color: #fff; 
   border-radius: 5px;
   padding: 5px;
 }
.fourSeason_slide {
        overflow: hidden;
 }
.fourSeason_slide figure div {
   width: 20%;
   float: left;
 }
.fourSeason_slide figure img  {
   width: 100%;
   float: left;
}
.fourSeason_slide figure {
    position: relative;
    width: 500%;
    border: 2px solid darkblue ;
    animation: 30s seasonAnim infinite; 
}
.pictures5 p {      
      position: absolute;
      text-align: center;
      width: 10%;
      padding: 5px;
      color: goldenrod;
      font-size: 20px;
      margin-top: 10px;
      margin-left: 300px;
}
  .seasonsText {
       background-color: darkslateblue;
       padding: 1%;
       border-radius: 5px; 
       box-shadow: inset 0 0 10px #777;
}

    @keyframes seasonAnim {
   0% {
       left: 0;
   }
   10% {
       left: 0;
   }
   12% {
       left: -100%
   }
   22% {
       left: -100%;
   }
   24% {
       left: -200%;
   }
   34% {
       left: -200%;
   }
   36% {
       left: -300%;
   }
   46% {
       left: -300%;
   }
   56% {
       left: -400%;
   }
   58% {
       left: -400%;
   }
   68% {
       left: -300%;
   }
   70% {
       left: -300%;
   }
   80% {
       left: -200%;
   }
   82% {
       left: -200%;
   }
   90% {
       left: -100%
   }
   92% {
       left: -100%
   }
   100% {
       left: 0;
   }
 }
 .mex-begin {
     background-color: lightgoldenrodyellow;
     width: 60%;
     padding: 10px;
     border-radius: 10px;
     line-height: 1.5em;
     box-shadow: inset 0 0 20px #777;
     float: left;
  }
 .mex-native {
     float: left;
     padding-right: 10px;
     width: 20%;
 }
 .mex-side {
     background-color: lightgoldenrodyellow;
     padding: 10px;
     border-radius: 10px;
     line-height: 1.2em;
     box-shadow: inset 0 0 20px #777;
     margin-bottom: 5px;
 }
  .mex-right {
     float: right;
     width: 35%;
 }
 .mariachi {
     margin-top: 20px; 
     background-image: url(../Images/Mexico/mex-mariachi1.jpg);
     height: 350px;
     overflow: hidden;
     background-size: contain;
 }
 .marDesol {
     color: darkblue;
     padding-top: 10px;
     background-color: antiquewhite;
     opacity: .7;
     font-weight: bold;
 }
 .mex-moreFacts {
     margin: 10px 0 10px 0;
 }
 .mex-places {
    background-color: lightgoldenrodyellow;
     padding: 10px;
     border-radius: 10px;
     line-height: 1.2em;
     box-shadow: inset 0 0 20px #777;
     margin-bottom: 5px;
     width: 50%; 
     float: right;
 }
 .mex-pics img:hover {
   border: 2px solid orangered ;
}  
 .mex-turist {
     margin: 20px 0 20px 0;
 }
 .mex-plajas {
     float: left;
}
.mex-plajas img:hover {
   border: 2px solid orangered ;
}
.mex-textUnder {
    text-align: center;
}  
.mex-pyramides {
    margin: 60px 0 20px 0;
}
.mexDF {
    width: 1080px;
    margin: auto;

}
.mex-teotitwo, .mex-teotithree {
     background-color: lightgoldenrodyellow;
     padding: 10px;
     border-radius: 10px;
     line-height: 1.2em;
     box-shadow: inset 0 0 20px #777;
     margin-bottom: 5px;
     width: 48%; 
}
.mex-teoti, .mex-teotione {
    background-color: lightgoldenrodyellow;
    padding: 10px;
    border-radius: 10px;
    line-height: 1.2em;
    box-shadow: inset 0 0 20px #777;
    margin-bottom: 5px;
    width: 500px;
}
.mex-teoti {
   float: left; 
}
.mex-teotione, .mex-teotitwo {
    float:right;
}
#mexName {
}
.mex-culture {
    margin: 20px 0 20px 0;
}
.mex_Slider {
    margin-top: 40px;
    margin-bottom: 60px;
}
.sliderOne {
    border: 5px solid yellowgreen;
}
.mex-siesta {
     text-align: center;
     background-color: lightgoldenrodyellow;
     padding: 10px;
     border-radius: 10px;
     line-height: 1.2em;
     box-shadow: inset 0 0 20px #777;
     margin-bottom: 5px;
}
.mex-siestaone {
    width: 24%;
    float: left;
    margin: 5px;
    text-align: center;
}
.mex-siestaone img:hover {
   border: 2px solid orangered ;
}
.mex-bottomText {
    background-color: lightgoldenrodyellow;
    border-radius: 10px;
    line-height: 1.2em;
    box-shadow: inset 0 0 20px #777;
    padding: 5px;
}
.mex-plajas img, .mex-siestaone img, .mex-pics img {
    border-radius: 8px;
} 
footer {
   background-color: grey;
   height: 20px;
   padding-left: 20px;
   padding-top: 10px;
   font-size: .75em;
   margin-top: 2%;
}
#ciudadMex {
    width: 1055px;
    text-align: center;
    font-style: italic;
    margin: auto;
    font-size: 1.1em;
    box-shadow: inset 0 0 20px rgb(5, 94, 42);
    padding: 10px;
    border-radius: 5px;
}
#xmico1 {
    width: 1055px;
    text-align: center;
    font-style: italic;
    margin: auto;
    font-size: 1.1em;
    box-shadow: inset 0 0 20px rgb(5, 94, 42);
    padding: 10px;
    border-radius: 5px;
}
#xmico2 {
    width: 1055px;
    text-align: center;
    font-style: italic;
    margin: auto;
    font-size: 1.1em;
    box-shadow: inset 0 0 20px rgb(5, 94, 42);
    padding: 10px;
    border-radius: 5px;
}

#mexCity {
    width: 1073px;
    margin: auto;
}
#mexCover {
    width: 1073px;
    margin: auto;
}
#mexCity1 {
    width: 1073px;
    margin: auto;
}
#xocAbout {
    margin-top: 40px;
}
/*Start of Bogota*/
.cosalsa {
    position: absolute;
    padding: 50px;
}
.co-photo {
    border-radius: 8px;
}
.about-col  {
    background-color: #a0e5b4;
    width: 60%;
    float: left;
    border-radius: 8px;
    padding: 10px;
    line-height: 1.6em;
    box-shadow: inset 0 0 20px #777;

}
.col-aside1 {
    background-color: yellow;
    width: 35%;
    float: right;
    padding: 10px;
    border-radius: 8px;
    box-shadow: inset 0 0 20px #777;
}
.col-aside2 {
    background-color: blue;
    width: 35%;
    float: right;
    margin-top: 10px;
    padding: 10px;
    border-radius: 8px;
    color: white;
    box-shadow: inset 0 0 20px #777;
}
.col-aside3 {
    background-color: red;
    width: 35%;
    float: right;
    margin-top: 10px;
    padding: 10px;
    border-radius: 8px;
    color: navajowhite;
     box-shadow: inset 0 0 20px #777;
}
.col-aside5 {
    text-align: center;
}
.cat-sal {
    margin-top: 15px;
}
.cat-sal img {
   border-radius: 10px;
   margin-top: 15px;
}
.candel {
    position: absolute;
    padding: 25px;
    text-align: center;
   
    color: ghostwhite;
    width: 50%;
    font-size: bold;
}
.bog-can-text {
    background-color: black;
    border: 1px solid blue;
}
.bog-places {
    border: 1px ridge blue;
}
.bog_llama {
    width:23%;
    float: left;
    text-align: center;
    margin: 2% 2% 4% 0;
}
.bog_llama img {
    border-radius: 8px;
}
.bog-uperText { 
    margin-top: 20px;
    background-color: #a0e5b4; 
    border-radius: 8px; 
    padding: 10px;
    line-height: 1.6em;
     box-shadow: inset 0 0 20px #777;
}
/*End of Bogota*/
/*Start Panama*/
.panama-us  {
    position: absolute;
}
.pan-info {
    position: absolute;
    padding: 8px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    border-radius: 5px;
    opacity: .6;
   }
.panama-city  {
    border-radius: 10px;
} 
.casco {
    margin-top: 10px;
}
.img-viejo {
    float:left;
    border-radius: 8px;
}
.img-viejo-one {
    float: right;
    border-radius: 8px;
}
.viejo-text {
    width: 33%;
    float: right;
    background-color: firebrick;
    line-height: 1.6em;
    color: white;
    border-radius: 8px;
    box-shadow: inset 0 0 20px #777;
    padding: 10px; 
    font-size: 16px;
    margin-right: 17px; 
}
.img-viejo:hover, .img-viejo-one:hover {
    border: 2px solid orangered ;
} 
.about-canal {
    background-color: firebrick;
    width: 70%;
    float: right;
    line-height: 1.4em;
    color: white;
    border-radius: 8px;
    box-shadow: inset 0 0 20px #777;
    padding: 10px; 
    margin-bottom: 10px;
    font-size: 16px;
}
.hat {
    width: 70%;
    float: left;
    background-color: firebrick;
    float: left;
    line-height: 1.4em;
    color: white;
    border-radius: 8px;
    box-shadow: inset 0 0 20px #777;
    padding: 10px; 
    margin-bottom: 10px;
    font-size: 16px;
}
.pan-hat {
    float: right;
    border-radius: 8%;
}
.panfac1 {
    padding-left: 3px;
}
/*End Panama*/
/*Start Argentina*/
.arg-photos {
    width:510px;
    background-color: #669999;
    padding-left: 4px;
    padding-top: 4px;
    float: left;
    border-radius: 8px;
     box-shadow: inset 0 0 20px #777;
}
.arg-text1, .arg-text2, .arg-text3, .arg-text4 {
    width: 700px;
    background-color: #669999;
    float: right;
    margin-bottom: 15px;
    padding: 8px;
    border-radius: 8px;
    color: floralwhite;
     box-shadow: inset 0 0 20px #777;
}
.arg-photos img:hover {
  border: 2px solid orangered; 
}
.arg-tango  {
    margin: 20px 20px;
}
.arg-tango-video {
    float: left;
}
.arg-text5 {
  width: 400px;
  background-color: #669999;
  float: right;
  margin-right: 8px;
  margin-bottom: 7px;
  padding: 8px;
  border-radius: 8px;
  color: floralwhite;
  box-shadow: inset 0 0 20px #777;  
}
.arg-tango-pic img {
    float: right;
    border-radius: 8px;
}
/*End Argentina*/
/*Start Uruguay*/

.ur-boat {
    width: 60%;
    padding: 10px;
    margin-bottom: 7px;
    background-color: white;
    border-radius: 8px;
    box-shadow: inset 0 0 20px #777; 
    font-weight: bold;
    float: left;
    overflow: hidden;
}
.ur-aside-top, .ur-aside-bottom {
    width: 35%;
    padding: 10px;
    background-color: mediumblue ;
    float: right;
    border-radius: 8px;
    box-shadow: inset 0 0 20px #777; 
    margin-bottom: 7px;
    color: floralwhite;
}
.rental {
    background-color: white;
    margin-top: 7px;
    padding: 10px;
    border-radius: 8px;
    box-shadow: inset 0 0 20px #777; 
}
.ur-photos {
    width:510px;
    background-color: cornflowerblue;
    padding-left: 4px;
    padding-top: 4px;
    float: left;
    border-radius: 8px;
    box-shadow: inset 0 0 20px #777;
}
 .ur-photos2 {
   width:510px;
    background-color: cornflowerblue;
    padding-left: 4px;
    padding-top: 4px;
    float: right;
    border-radius: 8px;
    box-shadow: inset 0 0 20px #777;
}  
 .ur-photos img:hover, .ur-photos2 img:hover {
      border: 2px solid orangered;
 }  
 .ur_middle {
     margin-left: 18px;
 } 
/*End Uruguay*/
/*Start Costa Rica*/
.costa-info1 {
    background-color: #003300;
    box-shadow: inset 0 0 20px #777;
    padding: 8px;
    border-radius: 8px;
    font-weight: bold;
    width: 65%;
    float: right;
    color: white;
}
.costa-info2 img {
    float: left;
    border-radius: 8px;
}
.info-space {
    margin-top: 10px;
    margin-right: 8px;
    margin-bottom: 10px;
    background-color: #003300;
    box-shadow: inset 0 0 20px #777;
    padding: 8px;
    border-radius: 8px;
    font-weight: bold;
    width: 33%;
    float: right;
    color: white;
}
.info-space1 {
    background-color: #003300;
    box-shadow: inset 0 0 20px #777;
    padding: 8px;
    border-radius: 8px;
    font-weight: bold;
    width: 66.7%; 
    float: right;
    margin-right: 8px;
    color: white;
}
.costa-info3 img {
   float: right;
   margin-top: 10px; 
   border-radius: 8px;
}
.costa-rainbow {
    margin-top: 10px;
}
.rainbow-text {
    position: absolute;
    padding: 10px;
    color: ghostwhite;
    font-size: 18px;
    margin-left: 30px;
}
.beach-rainbow {
    border-radius: 8px;
}
.costa-beach {
    margin-top: 10px;
} 
.costa-photos {
    border-radius: 10px;
} 
.costa-more-info {
   background-color: #003300;
   box-shadow: inset 0 0 20px #777;
   padding: 8px;
   border-radius: 8px;
   font-weight: bold;
   width: 65%;
   float: left;
   color: white; 
   margin-bottom: 8px; 
}

.side-info {
   background-color: #003300;
   box-shadow: inset 0 0 20px #777;
   padding: 8px;
   border-radius: 8px;
   font-weight: bold;
   width: 27%;
   float: right;
   color: white;  
   margin-bottom: 8px;
}

/*End Costa Rica*/
/*Start Chile*/
.ch-history {
    width: 65%;
    float: right;
    background-color: white;
    padding: 10px;
    border-radius: 8px;
    line-height: 1.25em;
    box-shadow: inset 0 0 20px #777;
}
.ch-flag {
    float: left;
    border-radius: 8px;
}
.ch-history1 {
    width: 65%;
    float: left;
    background-color: white;
    padding: 10px;
    border-radius: 8px;
    line-height: 1.25em;
    box-shadow: inset 0 0 20px #777;
    margin-top: 15px;
}
.ch-flag2 {
    margin-top: 15px;
    float: right;
    border-radius: 8px;
}
.indent {
    text-indent: 20px;
}
.colorful {
    background-color: white;
    padding: 10px;
    border-radius: 8px;
    line-height: 1.25em;
    box-shadow: inset 0 0 20px #777;
    margin-top: 15px;
}
.hipi {
    background-color: white;
    text-align: center;
    border-radius: 10px;
}
.vinadelmar {
    margin-top: 10px;
    border: 1px solid blue;
}
.vina-imgs {
   border-radius: 8px;
}   
.vina-imgs:hover {
     border: 2px solid orangered;
}
.santiago-info {
  background-color: white;
  padding: 10px;
  border-radius: 8px;
  line-height: 1.25em;
  box-shadow: inset 0 0 20px #777;
  margin-top: 15px;
}
.santiago img:hover {
    border: 2px solid orangered;
}
.santiago {
  margin-top: 8px;
   border: 1px solid blue;
}
/*End Chile*/
/*Start Canada-Toronto*/
.canada-info1 {
    width: 64%;
    background-color: mediumaquamarine;
    margin-bottom: 10px;
    float: left;
    padding: 10px;
    box-shadow: inset 0 0 20px #777;
    border-radius: 8px;
}
.canada-sideinfo1 {
    width: 32%;
    background-color: beige;
    float: right;
    margin-bottom: 10px;
    padding: 10px;
    box-shadow: inset 0 0 20px #777;
    border-radius: 8px;
}
.toronto {
    width: 48%;
    background-color: beige;
    height: 620px;
    border-radius: 8px;
    box-shadow: inset 0 0 20px #777;
    float: left;
    padding: 10px;
}
.toronto-info1 {
  float: left;  
  margin-right: 10px;
  border-radius: 8px;
}
.tor-tower {
    float: right;
    border-radius: 8px;
}
.tor-imigrant {
  padding:10px;  
}
.tor-vict {
    box-sizing: border-box;
    border-radius: 50px; 
}
.niagra-falls {
    width: 48%;
    background-color: mediumaquamarine;
    height: 620px;
    border-radius: 8px;
    box-shadow: inset 0 0 20px #777; 
    float: right;
    padding:10px;
   
}    
.toronto-info1:hover, .tor-tower:hover, .tor-vict:hover, .indian-village img:hover {
    border: 1px solid orangered;
}
.great-lakes {
    margin-top: 20px;
    background-color:#e5f0c9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: inset 0 0 20px #777;
}
.lakeTour {
    background-color: #445d3c; 
    color: navajowhite;
    padding: 10px;
    border-radius: 10px;
}
#tour-title {
    padding-top: 15px;
    margin-bottom: 15px;
}
.great-lakes-locks {
    width: 40%;
    float: left;
}
.lock-info {
    width: 54%;
    background-color: #e1f1ef; 
    float: right;
    padding: 20px;
    box-shadow: inset 0 0 20px #777;
    border-radius: 8px;
}
.lock-images {
    border-radius: 10px;
}
.lock-text1, .lock-text2, .lock-text3, .lock-text4, .lock-text5, .lock-text6 {
    text-indent: 10px;
}
.lock-images:hover {
    border: 1px solid orangered;
}
.indian-village {
    margin-top: 15px;
    border: 2px double seagreen;
}
.indian-village img {
    border-radius: 8px;
} 
.midland-slider {
   width: 50%;
   overflow: hidden;
   float: right;
}
.midland-slider figure div {
   width: 20%;
   float: left;
 }
.midland-slider figure img  {
   width: 100%;
   float: left;
}
.midland-slider figure {
    position: relative;
    width: 500%;
    border: 2px solid darkblue ;
    animation: 30s seasonAnim infinite; 
}
.midland-info {
  width: 46%;
  float: left;
  background-color: #e1f1ef; 
  padding: 20px;
  box-shadow: inset 0 0 20px #777;
  border-radius: 8px;
}
.midland-title {
    margin-top: 15px;
}
.midland-info p {
    text-indent: 15px;
}
/*End Canada-Toronto*/
/*Start VanCouver*/
#van-beautiful {
    background-color: darkred;
    padding: 5px;
    color: ghostwhite;
    border-radius: 10px;
}
.van-title {
    margin-top: 15px;
}
.show1 img {
    border-radius: 100px;
    padding: 5px;
}
.show1 img:hover {
    border: 1px solid orangered;
}
.show3 {
    float: right;
}
.show4 {
    margin-top: 10px;
    width: 48%;
    float: right;
    background-color: #DCD7CF;
    padding: 10px;
    border-radius: 30px;
    box-shadow: inset 0 0 20px #777;
}
.show5 {
    margin-top: 5px;
    background-color: #DCD7CF;
    padding: 10px;
    border-radius: 30px;
    box-shadow: inset 0 0 20px #777;
}
.show6 {
    width: 58%;
    margin-top: 5px;
    background-color: #DCD7CF;
    padding: 10px;
    border-radius: 30px;
    box-shadow: inset 0 0 20px #777;
    float: left;
}
.show7 {
   width: 38%; 
   float: right;
   margin-top: 5px;
   background-color: #DCD7CF;
   padding: 10px;
    border-radius: 30px;
    box-shadow: inset 0 0 20px #777;
}
.show8 {
    margin-top: 5px;
    background-color: #DCD7CF;
    padding: 10px;
    border-radius: 30px;
    box-shadow: inset 0 0 20px #777;
}
.show9 {
    border-top-left-radius: 80px 80px;
    border-bottom-left-radius: 80px 80px;
}
.show10 {
    border-top-right-radius: 80px 80px;
     border-bottom-right-radius: 80px 80px;
}
.show11 {
    margin-top: 8px;
}
.show12 {
    border-radius: 80px 80px 80px 80px ;
    border: 1px solid orangered;
}
.show11 img:hover, .show13 img:hover {
    border: 1px solid orangered;
}
/*End VanCouver*/
/*Start of New York*/
.newyork1 {
    background-color: #3d3a3a;
    border-radius: 10px;
    line-height: 1.2em;
    padding: 15px;
    height: 2270px;
    box-shadow: inset 0 0 20px #D3CECE;
}
.newyork1 img {
    border-radius: 8px;
}
.newyork1 img:hover {
    border: 1px solid orangered;
}
.newyork1 p {
    color:  #eff3f1;
    font-weight: bold;
    margin-bottom: 15px;
}
#newFrame {
    border: 1px solid yellow;
    border-radius: 8px;
}
.newyork3 {
 float: left;
 width: 50%;
}
.newyork3 p {
    float: right;
    width:30%;
    padding: 5px;
    background-color: lightslategrey;
    border-radius: 8px;
}
.newyork4  {
  float: right;
  width: 44%;
}
.newyow, .newtime img {
    margin-top: 20px;
}
.oneworld1 {
    border: 1px solid yellow;
    border-radius: 8px;
}
#oneworld {
    position: absolute;
    padding: 50px 350px;
    letter-spacing: 1.2em;
    text-transform: uppercase;
}
#onecolor {
    color: #3d3a3a;
}
#onetrade {
    color: #E93838 ;  
}
.oneInfo {
    background-color:lightslategrey; 
    border-radius: 8px;
    padding: 5px;
}
.onePics1 {
    float: left;
    width: 50%;
}
.onePics2 {
    float:right;
    width: 44%;
}
.newtime p {
    background-color: lightslategray;
    border-radius: 8px;
    padding:5px;
}
.newyTime1 {
    float: left;
}
.newyTime2 {
    width: 66%;
    float: right;
}
#newText {
    text-align: center; 
    margin-top: 15px;
    color: antiquewhite;
}
.parkCentral1 {
    width: 50%;
    float: left;
}
/*End of New York*/
/*Start North America*/
.northamerica {
    margin: 2px;
}
.northamerica1 {
    width: 25%;
    float: left;
    text-align:center;
    position: relative;
}
.northamerica1 img, .northamerica2 img, .northamerica3 img, .northamerica4 img {
    border: 1px solid orangered;
    border-radius: 8px;
}
.northamerica2, .northamerica3, .northamerica4 {
    width: 25%;
    float: right;
   text-align:center;
}

.america-text {
    position: absolute;
    padding: 100px;
    font-size: 20px;
}
.text-display {
    color: darkblue;
    font-weight: bold;
    background-color: #DBEBEA;
    padding: 5px;
    border-radius: 5px;
    border: 1px dotted red;
    opacity: .7;
}
.text-display:hover {
    color: darkred;
}
.newyork-pic img {
    border-radius: 8px;
}
.central-text {
    float: left;
    width: 45%;
    background-color: beige;
    margin-top: 100px;
    margin-left: 20px;  
    padding: 10px;
    border-radius: 8px;
    box-shadow: inset 0 0 20px #777;
}
/*End North America*/
/*Start Italy*/
.about-ity {
    background-color: beige;
    padding: 8px;
     box-shadow: inset 0 0 20px #777;
}
#duomoSteps {
    background-color: beige;
    box-shadow: inset 0 0 20px #777;
    width: 80%;
    padding: 10px;
    margin: auto;
    font-style: italic;
}
#milan {
    box-shadow: 0 0 20px grey;
}
#set1 {
    float: left;
    width: 25%;
}
.set2 {
    float: right;
    width: 25%;
}
.set3 {
    float: right;
    width: 25%;
}
.set4 {
    float: right;
    width: 25%;
}
.set5 p {
   margin-top: 8px;
    width: 48%;
    float: right;
    background-color: #DCD7CF;
    padding: 10px;
    border-radius: 30px;
    box-shadow: inset 0 0 20px #777;
}
#Venice-title {
    letter-spacing: 1em; 
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}
.firstset, .thirdset {
    box-sizing: border-box;
}
.florence-text {
 padding-left: 500px; 
 padding-top: 40px;
 text-transform: uppercase;
 letter-spacing: 1em;
 color: red; 
}
.florence-header {
    background-image: url(../Images/Italy/florencezero.jpg);
    height: 100px;
} 
#florence-frame {
    background-color: beige;
    padding: 5px;
    border-radius: 8px;
    opacity: .7;
}
.rome-header {
    background-image: url(../Images/Italy/rome_top1.jpg);
    height: 100px;
    margin-top: 20px;
} 
.nice-rome {
    width: 48%;
    float: left;
    background-color: #DCD7CF;
    padding: 10px;
    box-shadow: inset 0 0 20px #777;
    line-height: 1.3em;
} 
.rome-album {
    width: 48%;
    float: right;
}
.about-rome p {
    margin-bottom: 5px;
    text-indent: 15px;
}
.aboutVenice {
    margin-top: 80px;
    box-shadow: 0 0 20px green;
}
.aboutFlorence {
    margin-top: 80px;
    box-shadow: 0 0 20px white;
}
.Roma {
    margin-top: 80px;
    box-shadow: 0 0 20px red; 
}
.rome-slider {
   width: 70%;
   overflow: hidden;
   float: right;
}
.rome-slider figure div {
   width: 20%;
   float: left;
 }
.rome-slider figure img  {
   width: 100%;
   float: left;
}
.rome-slider figure {
    position: relative;
    width: 500%;
    border: 2px solid darkblue ;
    animation: 30s seasonAnim infinite; 
}
.pope p {
    text-align: center;
}
.pope {
    width: 28%;
}
/*End Italy*/
/*Start of Prague*/
.prag-info-outer {
box-shadow: 0 0 20px black;    
}
.prag-images {
    margin-top: 10px;
}
.prag-info {
    padding: 10px;
    color: beige;
    background-color: #530404;
}
.bridge1 {
    margin-top: 15px;
}
#bridge-frame {
    background-color: beige;
    padding: 5px;
    border-radius: 8px; 
}
.image-right {
    float: right; 
}
#prag-text1, #prag-text2 {
    width: 348px;
    float: right;
    background-color: #530404;
    padding: 8px;
    border-radius: 20px;
    color: floralwhite;
    margin-bottom: 5px;
}
.prag-text3 {
    float: right;
    margin-top: 5px;
    margin-left: 5px;
    width:75%;
    background-color: #530404;
    color: floralwhite;
    padding: 5px;
    border-radius: 20px; 
}
.image-left {
    float: left;
}
#clock1 {
    float: left;
}
#clock2 {
    float: right;
}
.clock-text1 {
   width: 48%;
   float: right;
   background-color: #530404;
   color: floralwhite;
   border-radius: 8px;
   padding: 7px;
   margin: 10px; 
}
.hall1 {
    float: left;
}
.hall2 {
    float: right;
    margin: 3px;
}
.prag-oldtown {
    margin-top: 10px;
}
.castle p {
    background-color: #530404;
    color: floralwhite;
    border-radius: 8px;
    padding: 8px;
}
/*End of Prague*/
/*Start of Geneva*/
.geneva1 {
   width: 30%;
   float: left;
}
.geneva2, .geneva3 {
   width: 30%;
   float: right;
   margin-left: 62px;
}
.geneva1 img, .geneva2 img, .geneva3 img {
    border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    -moz-border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    -webkit-border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
}
.geneva1 p, .geneva2 p, .geneva3 p {
    background-color: #E3E1E1;
    padding: 15px;
    border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    -moz-border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    -webkit-border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    box-shadow: 0 0 20px black;
}
#mont-text {
    position: absolute;
    letter-spacing: 2em;
    padding: 60px;
    text-transform: uppercase;
}
.monblanc img {
    margin-top: 15px;
    border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    -moz-border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    -webkit-border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    box-shadow: 0 0 20px black;
}/*
.geneve-city {
   background-image: url(../Images/Geneva/genten.jpg); 
  
}*/

#ablumone  {
    float: left;
    width: 48%;
}
#album-text p {
    width: 48%;
    background-color: #E3E1E1;
    padding: 15px;
    border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    -moz-border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    -webkit-border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    box-shadow: 0 0 20px black;
    margin-bottom: 5px;
}
#album-text {
    margin-top: 15px;
}
#albumtwo {
    float: right;
    width: 49%;
}
#albumone img, #albumtwo img {
    border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    -moz-border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    -webkit-border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
}
#albumone img:hover, #albumtwo img:hover, .toblerone img:hover, .geneva1 img:hover, .geneva2 img:hover, .geneva3 img:hover {
    border: 1px solid orangered;
}
#swissChocolate {
    background-color: #1F0202;
    padding: 5px;
    color: gold;
    border-radius: 8px;
}
.chocolate img {
    border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    -moz-border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    -webkit-border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
    margin-top: 30px;
}
.monblanc {
    margin-top: 20px;
}

.swisschoc-text p {
   width: 48%;
   background-color: #1f0202;
   color: gold;
   float: right;
   padding: 8px;
   border-radius: 8px;
   margin-bottom: 5px;
}
.toblerone img {
  float: left;
  border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
  -moz-border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
  -webkit-border-radius: 3em 7em 1em 8em / 3em 2em 3em 2em;
}
/*End of Geneva*/
/*Start of Nevis*/
.nevis-background {
    background-image: url(../Images/Nevis/nevtwo.jpg);
    height: 957px;
    background-size: contain;
}
#nevis-text {
    width: 45%;
    background-color: #0F014F;
    padding: 10px;
    border-radius: 8px;
    color: antiquewhite;
    float: right;
}
.nevis-palms {
    border-radius: 8px;
    margin-top: 10px;
}
#nevis-4Seasons {
    position: absolute;
    text-transform: uppercase;
    padding: 50px;
}
#seasons-text {
    background-color: #1E0B7C; 
    padding: 7px;
    border-radius: 8px; 
    color: floralwhite;
}
.nevis-album1 {
    width: 48.5%;
    float: left;
    margin-top: 10px;
}
.nevis-album2 {
    width: 48.5%;
    float: right;
    margin-top: 10px;
}
.nevis-album1 img:hover, .nevis-album2 img:hover, .nevis-palms img:hover, .nevis-imageone:hover {
    border: 1px solid orangered;
}  
.nevis-album1 img, .nevis-album2 img {
    border-radius: 8px;
} 
/*End of Nevis*/
/*Start of Puerto Rico*/

.puerto-part1 {
    width: 63%;
    background-color: #0F014F;
    padding: 10px;
    border-radius: 8px;
    color: antiquewhite;
    float: right;
}
#puerto-part2 {
    width: 31%;
    background-color: #0F014F;
    padding: 10px;
    border-radius: 8px;
    color: antiquewhite;
}
#oldSanJuan {
    margin-top: 25px;
}
.puerto-album1 {
    width: 48.5%;
    float: left;
    margin-top: 10px;
    background-color: #0F014F;
    padding-left: 16px;
    padding-top: 2px;
}
.puerto-album2 {
    width: 48.5%;
    float: right;
    margin-top: 10px;
    background-color: #0F014F;
    padding-left: 16px;
    padding-top: 2px;
}
/*End of Puerto Rico*/
/*Start of New Orleans*/
#nola1 {
    float: left;
    width: 25%;
}
#nola2 {
    float: right;
    width: 25%;
}
#nola3 {
    float: right;
    width: 48%;
}
#nola3 h3 {
    text-align: center;
}
#nola3 p {
    background-color: rgb(56, 55, 54);
    border-radius: 8px;
    margin: 5px 15px 5px 0 ;
    padding: 8px;
    color: floralwhite;
}
.nola-moreinfo {
    background-color:rgb(102, 94, 94);
    border-radius: 8px;
    padding: 8px;
    color: floralwhite;
}
.nola-carriage {
    width: 48%;
    background-color: rgb(102, 94, 94);
    margin-top: 20px;
    padding: 10px; 
    color: floralwhite;
    float: left;
    border-radius: 8px;
}
.nola-carriage img {
    margin-left: 8px;
    border-radius: 10px;
}
.nola-carriage p {
    text-indent: 20px;
}
.nola-mardi {
    width: 48%;
    background-color: rgb(102, 94, 94);
    margin-top: 20px;
    padding: 10px; 
    color: floralwhite; 
    float: right;
    border-radius: 8px; 
}
.nola-mardi img {
    margin-left: 8px;
    border-radius: 10px;
}
.nola-mardi p {
    text-indent: 20px;
}
#nola-album {
    width: 735px;
    float: left;
    margin-top: 15px;
    padding: 10px; 
    background-color: rgb(102, 94, 94); 
    border-radius: 8px;
}
#nola-album img {
    margin-left: 4px;
}
#nola-text {
    width: 510px;
    float: right;
    margin-top: 15px;
}
#nola-text p {
    background-color: rgb(56, 55, 54);
     border-radius: 10px;
     margin-bottom: 7px;
     padding: 10px;
     color: floralwhite;
}
#nola1:hover, #nola2:hover, .nola-carriage:hover, .nola-mardi:hover, #nola-album img:hover, #lon1 img:hover, #lon3 img:hover, #lon4 img:hover {
    border: 1px solid orangered;
} 
.nol-house img {
    border-radius: 5px;
}
#nol-slider {
    margin-top: 15px;
    background-color: #582A10;
}
.scrollingMSY {
    border: 1px solid blue;
    margin-top: 30px;
}
.jssor_51 img {
    padding: 0 5px;
    background-color: rgb(75, 75, 75);
}
/*End of New Orleans*/
/*Start Europe mix*/
.amstImg1 {
    width: 60%;
    float: left;
}
.amstImg1 img, .ams-bike img, .amstImg2 img, .amstImg3 img, #parisImg img, #lon1 img, #lon2, #lon3 img, #lon4 img  {
    border-radius: 8px;
}
.amstText1 {
    width: 38%;
    float: right;
    background-color: #792973;
    padding: 7px;
    border-radius: 8px;
    color: white; 
}
.ams-bike {
    float:left;
    margin-right: 5px;
}
#paris {
    width: 30%;
    background-color: #080C45;
    padding: 8px;
    color: #FFC300; 
    float: left;
    border-radius: 8px;
}
#parisImg {
    width: 68%;
    float: right;
}
#parisImg img:hover {
    border: 1px solid orangered;
}
#champs {
    background-color: #080C45;
    padding: 8px;
    color: #FFC300;
    border-radius: 8px;
}
#par-slider {
    margin-top: 15px;
    background-color: #080C45;
}
#lon1 {
    width: 24%;
    float: left;
}
#lon2 {
    width: 50%;
    float: left;
    margin-left: 5px;
    padding: 8px;
    background-color: #C1081B; 
    color: white; 
}
#lon3 {
    width: 24%;
    float: right;
}
#lon2 img {
    padding-top: 8px;
}
/*End Europe mix*/
/*Start of New Mexico*/
#nminfo {
    background-color: #E69F73;
    margin-top: 15px;
    border-radius: 8px;
    padding: 10px;
    font-weight: bold;
}
#nminfo p {
    text-indent: 20px;
}
 #galery {
    width: 690px;
    height: 345px;
    float: left;
    background-color:  #E69F73;   
}
#abq {
    width: 150px;
    height: 150px;
    border: 1px solid green;
    padding: 5px;
    float: left;
    margin: 5px;
        
}
#galery img {
    width: 100%;
    height: 100%;
}
.lightbox-nm {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left:0;
}
.lightbox-nm:target {
    visibility: visible;
    opacity: 1;
    transition: opacity 3s;
}
#abqText {
    width: 560px;
    float: right;
}
#abqText p {
    background-color: #E69F73;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 8px;
}
#sfText {
    width: 560px;
    float: left;
}
#sfGalery {
    width: 700px;
    height: 348px;
    background-color: #E2725B;
    float: right;   
}
#sfGalery img {
    width: 100%;
    height: 100%;
}
#sfText p {
    background-color: #E2725B;
    margin-bottom: 5px;
    padding: 7px;
    border-radius: 8px;
    color: antiquewhite;
    font-weight: bold;
}
#puebloGalery {
    width: 700px;
    height: 345px;
    float: left;
    background-color: #AEB05D;   
}
#puebloGalery img {
    width: 100%;
    height: 100%;
}
#puebloText {
    width: 560px;
    float: right;
}
#puebloText p {
    background-color: #AEB05D;
    margin-bottom: 5px;
    padding: 7px;
    border-radius: 8px;
}
#bluesky {
    margin-top: 10px;
    width: 70%;
    float: left;
}
#abqstage {
   margin-top: 10px;
    width: 28%;
   float: right;
   margin-right: 0px;  
}
#kasha {
    margin-top: 10px;
}
.sfextra1 {
    float: left;
}
.sfextra2 {
    width: 460px;
    float: right;
    margin-right: 5px;
}
.sfextra3 {
    float: right;
}
#puebloGalery2 {
    width: 700px;
    height: 348px;
    background-color: #619DF2;
    float: right;   
}
#puebloGalery2 img {
    width: 100%;
    height: 100%;
}
#kashaText p {
    background-color: #619DF2;
    margin-bottom: 5px;
    padding: 7px;
    border-radius: 8px;
    color: black;
    font-weight: bold;
}
#kashaText {
    width: 560px;
    float: left;
}
/*End of New Mexico*/
/*Start of Colorado*/
#colorado {
    background-color: #c1ddc9;
    border: 2px double goldenrod;
    border-radius: 10px;
    box-shadow: inset 0 0 20px #777;
}
.col-image-middle img {
    width: 100%;
    height: 100%;
}
.col-images img {
    width: 200px;
    height: 200px;
    border: 1px solid green;
    padding: 10px;
    margin: 15px;
    border-radius: 10px;
    background-color: darkgoldenrod;
}
.col-image-middle {
    width: 1220px;
    height: 200px;
    border: 1px solid green;
    padding: 13px;
    margin:0 10px 0 10px;
    border-radius: 10px;
    background-color: darkgoldenrod;
}
#pikes {
    margin-top: 20px;
    background-color: #318c4c;
    height: 1050px;
    border-radius: 10px;
    box-shadow: inset 0 0 20px #777;
}
#pikes1 {
    width: 200px;
    height: 200px;
    border: 1px solid green;
    padding: 10px;
    margin: 15px;
    border-radius: 10px;
    background-color: gold;
    float: left;
}
#pikes1 img {
    height: 100%;
}
#pikes-info {
    width: 970px;
    border-radius: 10px;
    float: right;
    margin: 15px;
    padding: 10px;
    background-color: gold;
    box-shadow: inset 0 0 20px #777;
}
#pike-transport {
    text-indent: 30px;
}
#pikes3 img {
    width: 200px;
    height: 200px;
    border: 1px solid green;
    padding: 10px;
    margin: 15px;
    border-radius: 100px;
    background-color: gold;
}
#pikes4 {
   width: 200px;
   height: 200px;
   border: 1px solid green;
   padding: 10px; 
   margin: 15px;
   float: left;
   background-color: gold;
}
#pikes5 {
   width: 200px;
   height: 200px;
   border: 1px solid green;
   padding: 10px; 
   margin: 15px;
   float: right;
   background-color: gold;
}
#pikes4 img, #pikes5 img {
    height: 100%;
}
#driving-info {
   margin-top: 20px;
   width: 770px;
   margin-left: 250px;
   background-color: gold;
   border-radius: 10px;
   box-shadow: inset 0 0 20px #777;
   padding: 6px;
}
#pike-title {
    background-color: #154207;
    color: white;
    padding: 0 10px;
    border-radius: 10px;
    letter-spacing: 1em;
}
/*End of Colorado*/
/*Start of Aukland NZ*/
#akl-panorama {
    height: 330px;
    background-color: seagreen;
    border: 2px double black;
    border-top-left-radius: 180px;
    border-top-right-radius: 180px;
}
#akl-image-left {
    width: 250px;
    height: 310px;
    background-color: white;
    margin: 10px;
    border-top-left-radius: 180px;
    float: left;
}
#akl-image-left img {
     border-top-left-radius: 180px;
}
#akl-image-right {
    width: 250px;
    height: 310px;
    background-color: white;
    margin: 10px;
    border-top-right-radius: 180px; 
    float: right; 
}
#akl-image-right img {
    border-top-right-radius: 180px;   
}
#akl-image-middle-top {
    width: 725px;
    height: 100px;
    background-color: white;
    float: right;
    margin-top: 10px;
    margin-right: 5px;
}
#akl-info-middle {
    width: 725px;
    height: 90px;
    background-color: yellow;
    float: right;
    margin-top: 10px;
    margin-right: 5px;
    border-radius: 10px;
    padding: 3px;
}
#akl-image-middle-bottom {
    width: 725px;
    height: 100px;
    background-color: white;
    float: right;
    margin-top: 10px;
    margin-right: 5px;
}  
#akl-moreinfo {
    background-color: goldenrod;
    padding: 10px;
    border: 1px solid black;
}  
#akl-panorama2 {
    height: 330px;
    background-color: seagreen;
    border: 2px double black;
    border-bottom-left-radius: 180px;
    border-bottom-right-radius: 180px;
}
#akl-lowerimage-left {
    width: 250px;
    height: 310px;
    background-color: white;
    margin: 10px;
    border-bottom-left-radius: 180px;
    float: left;
}
#akl-lowerimage-left img {
     border-bottom-left-radius: 180px;
}
#akl-lowerimage-right {
    width: 250px;
    height: 310px;
    background-color: white;
    margin: 10px;
    border-bottom-right-radius: 180px; 
    float: right; 
}
#akl-lowerimage-right img {
    border-bottom-right-radius: 180px;
}
#devenport {
    margin-top: 10px;
    background-color: green;
    color: white;
    padding: 10px;
    border-radius: 40px;
}
#devenport p {
    background-color: #003311;
    border-radius: 5px;
}
.deveport-photos {
    padding-top: 5px;
}
.nzlandmark {
    position: absolute;
    padding:0 1110px;
}

/*End of Aukland NZ*/

/*Start of Sydney AU*/
#aus-info {
   width: 50%;
   float: left;
   background-color: #0a3272;
   padding: 7px;
   color: goldenrod;
   margin-top: 10px;
}
#aus-info1 {
   width: 45%;
   float: right;
   background-color: #0a3272;
   padding: 7px;
   color: goldenrod;
   margin-top: 10px;
}
#syd {
    font-size: 0.7em;
}
#bridge {
   width: 415px;
   float: left;
   padding: 3px;
   text-align: center;
   background-color: #0a3272;
   color: white;  
}
#opera {
   width: 415px;
   float: right;
   padding: 3px;
   text-align: center;
   background-color: #0a3272;
   color: white;
}
#tower {
   width: 415px;
   float: right;
   margin-right: 5px;
   padding: 3px;
   text-align: center;
   background-color: #0a3272;
   color: white;  
}
#harbour {
    width: 27%;
    margin-top: 10px;
    float: left;
    padding: 5px;
    background-color: #0a3272;
    color: white;
}
 @keyframes layerAnim {
       0% {
           left: 0;
       }
       10% {
           left: 0;
       }
       12% {
           left: -100%;
       }
       22% {
           left: -100%;
       } 
       24% {
           left: -200%;
       }
       34% {
           left: -200%;
       }
       36% {
           left: -300%;
       }
       46% {
           left: -300%;
       }
       48% {
           left: -400%;
       }
       58% {
           left: -400%;
       }
       60% {
           left: -500%;
       }
       65% {
           left: -500%;
      }
      67% {
          left: -600%;
      }
      74% {
          left: -600%;
      }
      76% {
          left: -700%;
      }
      78% {
          left: -700%;
      }
      80% {
          left: -800;
      }
      88% {
          left: -800%;
      }
      90% {
          left: -900%;
      }
      100% {
          left: -900%;  
      }
 }       

.slideShow {
       overflow: hidden;
 }
.slideShow figure {
       position: relative;
       width: 1000%;
       margin: 0;
       left: 0;
       animation: 40s layerAnim infinite;
   }
  .slideShow figure div {
      width: 10%;
      float: left;
  }
   .slideShow figure img {
      width: 100%;
      float: left;
   }
   #syd-slide {
       width: 70%;
       float: right;
       margin-top: 10px;
       margin-bottom: 15px;
   }
   #haba {
       background-color: #0a3272;
       color: white;
   }
   #more-haba {
       height: 200px;
   }
   #more-habamid {
       margin-top: 3px;
   }
   #more-hababot {
      margin-bottom: 25px;
   }
   .hydepark {
       float: right;
   }
   #soLong {
       text-align: center;
   }
   .meKangaroo {
       float: left;
   }
   .bySydney {
       font-size: 1.8em;
       border-radius: 10px;
       padding: 0px 20px; 
       letter-spacing: .5em;
   }
/*End of Sydney AU*/
/*Start of Wisconsin*/
#aboutLakeG, #usMail {
    background-color: #006622;
    color: whitesmoke;
    padding: 5px;
    border-radius: 5px;
}
.gLake2 {
    float: right;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.gLake1 {
    float: left;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.gLake3, .lakeMainImg {
    border-radius: 5px;
}
.madison {
    width: 855px;
    height: 205px;
    padding: 7px;
    background-color: #734d26;
    border-radius: 5px;
}
.madison img {
    transform: skewx(20deg) translatex(40px);
    transform-origin: bottom left;
    float: left;
    border: 1px solid white;
}
.mbottom-img {
    transform: skewx(-38deg) translatex(116px);
    transform-origin: bottom left;
}
#madison-title {
    margin-top: 30px;
}
.madison-info {
    float: right;
    width: 370px;
    height: 205px;
    padding: 7px;
    background-color: #734d26;
    color: white;
    border-radius: 5px;
}
.ms1 {
    width: 22%;
    margin-top: 10px;
    background-color: #734d26;
    float: left;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.ms2 {
    transform: skewx(-20deg) translatex(33px);
    transform-origin: bottom left;
    border: 1px solid white;
}
.ms3 {
    transform: skewx(20deg) translatex(37px);
    transform-origin: bottom left;
    border: 1px solid white;
}
.ms4 {
    transform: skewx(-20deg) translatex(0px);
    transform-origin: bottom left; 
}
.ms5 {
   transform: skewx(20deg) translatex(70px);
    transform-origin: bottom left; 
}
.ms10 {
    width: 55.9%;
    float: right;
    margin-top: 10px;
}
.ms11 {
    width: 22%;
    margin-top: 10px;
    float: right;
    background-color: #734d26;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
/*End of Wisconsin*/

#toggle-menu, .Menu-on {
    display: none;
}
/*Begin of Los Cabos1*/
.cabos-info {
   background-image: url(../Images/losCabos/lcabo2B.jpg);
   height: 800px;
   background-size: contain;
   background-repeat: no-repeat;
}
#cabo-letter {
    text-align: center;
    font-size: 150%;
    color: #444444;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 1% 0;
}
#cabo-part1 {
    background-color: bisque;
    padding: 5px;
    border-radius: 5px;
}
#cabo-about1 {
    background-color: bisque;
    width: 20%;
    padding: 10px;
    margin-left: 20px;
    border-radius: 5px;
    float: left;
    box-shadow: inset 0 0 20px #777;
}
#cabo-about2 {
    background-color: bisque;
    width: 70%;
    padding: 10px;
    margin-right: 20px;
    border-radius: 5px;
    float: right;
    box-shadow: inset 0 0 20px #777;
}
#cabo-about3 {
    background-color: bisque;
    width: 40%;
    padding: 10px;
    margin-left: 20px;
    margin-top: 130px;
    border-radius: 5px;
    float: left;
    box-shadow: inset 0 0 20px #777;
}
#cabo-about4 {
    background-color: #df7d60;
    width: 60%;
    padding: 10px;
    margin-left: 20px;
    margin-top: 50px;
    border-radius: 5px;
    float: left;
    box-shadow: inset 0 0 20px #777;
}
#cabo-about5 {
    background-color: #dcd191;
    width: 90%;
    padding: 10px;
    margin-left: 20px;
    margin-top: 40px;
    border-radius: 5px;
    float: left;
    box-shadow: inset 0 0 20px #777;
}
#sjose {
    height: 370px;
    background-color: #E3675c;
    margin-top: 30px;
}
#sj-saludo {
    text-align: center;
    background-color: #dcd191;
    padding: 5px;
    border-radius: 5px;
}
.sj-fotos {
    height: 300px;
    margin: 5px;
    border-radius: 5px;
}
.mainsquare-img {
    float: right;
}
.restaurant2 {
    float: left;
}
#sanlucas {
    height: 520px;
    background-color: #df7d60;
    margin-top: 30px;
}
.sl-fotos {
    height: 460px;
    margin: 5px;
    border-radius: 5px;
}
.sl-album1 {
    width: 24%;
    float: left;
}
.sl-album2 {
    width: 50%;
    float: left;
    margin-left: 10px;
}
.sl-album3 {
    width: 24%;
    float: right;
}
.sl-album4 img {
    margin-left: 8px; 
    margin-top: 7px;
}
.cabo-slider {
   width: 100%;
   overflow: hidden;
   float: left;
}
.cabo-slider figure div {
   width: 20%;
   float: left;
 }
.cabo-slider figure img  {
   width: 100%;
   float: left;
}
.cabo-slider figure {
    position: relative;
    width: 500%;
    border: 2px solid darkblue ;
    animation: 30s seasonAnim infinite; 
}
.pictures5 p {
   z-index: 10000; 
   position: absolute;
   text-align: left;
   width: 15%;
   padding: 5px;
   color: whitesmoke;
   font-size: 15px;
}
.caboslide-text {
    background-color: blue;
    border-radius: 5px; 
    box-shadow: inset 0 0 10px #777;      
} 
.diamante {
    margin-top: 30px;
    position: relative;
    background-color: #AEB05D;
    height: 500px;
}
#diam-text {
    position: absolute;
    padding: 10px;
}
#diam-lagoon {
    margin-left: 400px;
    background-color: beige;
    padding: 5px;
    border-radius: 5px;
}
.diamante1 {
    width: 60%;
    background-color: #DCD191;
    margin-left: 10px;
    margin-top: 10px;
    padding: 7px;
    float: left;
}
.diamante2 {
   width: 36%;
   float: right;  
   margin-right: 10px;
   margin-top: 10px;
}
/*End of Los Cabos1*/

/*Begin of Los Cabos2*/

.cabo-beach {
    background-image: url(../Images/losCabos/beach-backA.jpg);
    height: 850px;
    background-size: contain;
}
.house1 {
    width: 600px;
    padding-left: 5px;
    padding-top: 20px;
    float: left;
} 
.roof {
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 100px solid #E29F5B;
}
#sand, #sand6 {
    position: absolute;
}
#sand2, #sand3, #sand4, .sand5 {
    margin-top: 10px;
}
.bottom {
    height: 630px;
    background-color: #BC472F;
    padding: 25px;
} 
.sand5 {
    column-count: 3;
    margin-right: 3px;
}
.condo1 {
    padding: 4px 0 0 4px;
}
.condo2 {
    padding-left: 4px;
}
.house2 {
    width: 450px;
    float: right;
    padding-top: 20px;
    margin-right: 5px;
}  
.roof1 {
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 100px solid #AEB05D;
}
.bottom1 {
    height: 680px;
    background-color: #E2b65B;    
}
.continue-part2 {
    text-align: center;
    margin-top: 10px;
}
#move-parttwo {
    background-color: beige;
    padding: 3px;
    border-radius: 5px;
    border: solid 1px blue;
}
#passito {
    column-count: 3;
}
#passito p {
    padding: 5px 0 0 40px;
    text-transform: uppercase;
    font-size: 150%;
    letter-spacing: 0.3em;
    color: #000;
    text-shadow: 2px 2px 0px beige;
}
#passito img {
    border: 1px solid blanchedalmond;
}
#hotel-text {
    width: 45%;
    float: left;
    padding: 20px;
    background-color: #E39871;
}
#hotel-img {
    width: 47.8%;
    float: right;
    background-color: #D3A46E;
}
.cabo-resorts {
    margin-top: 30px;
}
.cabo-resorts h3 {
    text-align: center;
    padding: 10px;
}
.continue-part3 {
    text-align: center;
    margin-top: 10px;
}
/*End of Los Cabos2*/

/*Start of Cancun and Puerto Vallarta*/

.cunSlide {
    position: relative;
}
.placeholder1 {
    visibility: hidden;
}
.cunSlide1, .cunSlide2, .cunSlide3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    background-size: contain;
}
.cunSlide1 {
    background-image: url(../Images/CUNPVR/mita20A.jpg);
}
.cunSlide2 {
    background-image: url(../Images/CUNPVR/cun4A.jpg);
    animation: homeslide2Anim 10s infinite;
}
.cunSlide3 {
    background-image: url(../Images/CUNPVR/cun6A.jpg);
    animation: homeslide3Anim 10s infinite;
}
/*The start of the code for the actual cloud*/
.pvr-cloud1 {
   position: absolute;
   top: 180%;
   left: 20%;
   transform: translate(-50%,-50%);
   
}
.pvr-cloud2 {
    position: relative;
    width: 300px;
    height: 100px;
    border-radius: 50px;
    background-color: white;
}
.pvr-cloud2:before {
    content: "";
    position: absolute;
    top: -50px;
    left: 45px;
    width: 100px;
    height: 100px;
    background-color: white;
    border-radius: 50%;
}
.pvr-cloud2:after {
    content: "";
    position: absolute;
    top: -75px;
    right: 50px;
    width: 150px;
    height: 150px;
    background-color: white;
    border-radius: 50%;
}
.pvr-cloud3 {
   position: absolute;
   top: 180%;
   left: 80%;
   transform: translate(-50%,-50%);
   
}
.pvr-cloud4 {
    position: relative;
    width: 300px;
    height: 100px;
    border-radius: 50px;
    background-color: white;
}
.pvr-cloud3:before {
    content: "";
    position: absolute;
    top: -50px;
    left: 45px;
    width: 100px;
    height: 100px;
    background-color: white;
    border-radius: 50%;
}
.pvr-cloud4:after {
    content: "";
    position: absolute;
    top: -75px;
    right: 50px;
    width: 150px;
    height: 150px;
    background-color: white;
    border-radius: 50%;
}
/*The end of the actual cloud code*/

.pvr-album1 {
    margin-left: 10%;
    margin-top: 3%;
    opacity: .7;
    width: 30%;
    float: left;
    background-color: rgb(237, 215, 242.7);
    border-radius: 40% 35% 20% 15%;
    box-shadow: inset 0 0 10px greenyellow;
}
.pvr-album2 {
    margin-top: 3%;
    opacity: .7;
    width: 30%;
    float: right;
    margin-right: 10%;
    background-color: rgb(175, 217, 237.7);
    border-radius: 40% 35% 20% 15%;
    box-shadow: inset 0 0 10px blue;
}
#pvrimg1 {
    border-radius: 50% 20% 30% 30%;
    border-top: 3px solid white;
}
#pvrimg2 {
    border-radius: 50% 20% 20% 20%;
    border-top: 3px solid white;
}
#pvrimg3 {
    border-radius: 50% 50% 20% 20%;
    border-top: 3px solid white;
}
#pvrimg4 {
    border-radius: 20% 40% 10% 20%;
    border-top: 3px solid white;
}
#pvrimg5 {
    border-radius: 15% 40% 35% 15%;
    border-top: 3px solid white;           
}
#pvrimg6 {
    padding-left: 20px;
    border-radius: 10% 10% 20% 50%;
}
#pvrimg7 {
    border-radius: 10% 10% 50% 20%;
}
.pvr-album3 {
    margin-top: 2%;
    opacity: .7;
    width: 7%;
    float: right;
    margin-right: 90px;
}
#mitaimg1 {
    border-radius: 50% 50%;
    border: 3px solid white;
}
.cloud-main {
    margin-top: 50px;
    float: left;
}
.cloud1 {
    margin-left: 30px;
}
.cloud3 {
    margin-left: 40px;
}
.cloud-top {
    /*position: absolute;*/
    background-color: white;
    width: 100px;
    height: 30px;
    /*margin-top: 72px;*/
    /*left: 13%;*/
    border-top-left-radius: 60px;
    border-top-right-radius: 50%;
    box-shadow: inset 0 0 10px #777;
    opacity: .7;
}
.cloud-top img {
    border-top-left-radius: 70px;
    padding: 1px;
}
.cloud-top1 {
    /*position: absolute;*/
    background-color: white;
    width: 170px;
    height: 85px;
    /*margin-top: 30px;
    left: 19%;*/
    border-top-left-radius: 40%;
    border-top-right-radius: 50%;
    box-shadow: inset 0 0 10px #777;
    opacity: .7;
}
.cloud-top1 img {
    border-top-left-radius: 47%;
    border-top-right-radius: 40%;
    padding: 1px;
}
.cloud-top2 {
    /*position: absolute;*/
    background-color: white;
    width: 300px;
    height: 120px;
    /*margin-top: -10px;
    left: 29%;*/
    border-top-left-radius: 40%;
    border-top-right-radius: 50%;
    box-shadow: inset 0 0 10px #777;
    opacity: .7;
}
.cloud-top2 img {
    border-top-left-radius: 55%;
    border-top-right-radius: 80%;
    padding-left: 5px;
    padding-top: 2px;
}
.cloud-top3 {
    /*position: absolute;*/
    background-color: white;
    width: 150px;
    height: 100px;
    /*margin-top: 20px;
    left: 47%;*/
    border-top-left-radius: 40%;
    border-top-right-radius: 80%;
    box-shadow: inset 0 0 10px #777;
    opacity: .7;
}
.cloud-top3 img {
    border-top-left-radius: 40%;
    border-top-right-radius: 80%; 
    padding-top: 2px;
}
.cloud-center {
    /*position: absolute;*/
    width: 800px;
    height: 100px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.cloud-center img {
    margin-left: 3px;
    padding-top: 2px;
}
#img1 {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
#img4 {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px; 
}
.cloud-bottom {
    /*position: absolute;*/
    background-color: white;
    width: 370px;

    /*left: 12%;*/
    border-bottom-left-radius: 70%;
    border-bottom-right-radius: 30px;
    box-shadow: inset 0 0 10px #777;
}
.cloud-bottom img {
    border-bottom-left-radius: 74%;
    border-bottom-right-radius: 30px;
    padding-top: 2px;

}
.cloud-bottom1 {
    /*position: absolute;*/
    background-color: white;
    width: 340px;
    height: 100px;
    /*margin-top: 100px;*/
    /*left: 35%;*/
    border-bottom-left-radius: 70%;
    border-bottom-right-radius: 130%;
    box-shadow: inset 0 0 10px #777;
}
.cloud-bottom1 img {
    border-bottom-left-radius: 70%;
    border-bottom-right-radius: 130%; 
    padding-top: 2px;
}
.cancun-beachImg {
    /*background-image: url(../Images/CUNPVR/cun7A.jpg);*/
    float: right;
    margin-top: 35px;
    width: 450px;
    height: 300px;
    /*position: absolute;*/
    /*left: 62.3%;*/
    box-shadow: inset 0 0 10px blue;
}
.cancun-slider {
   margin-top: 50px; 
   width: 50%;
   overflow: hidden;
   float: right;
}
.cancun-slider figure div {
   width: 20%;
   float: left;
 }
.cancun-slider figure img  {
   width: 100%;
   float: left;
}
.cancun-slider figure {
    position: relative;
    width: 500%;
    border: 2px solid darkblue ;
    animation: 30s seasonAnim infinite; 
}
.about-cancun {
    margin-top: 50px;
    float: left;
    box-shadow: inset 0 10px 0px blue;
} 
.cancunFacts {
    position: absolute;
    z-index: 1;
}
.cancunImg {
    position: relative;
}
#fact1, #fact3, #fact5, #fact7 {
    width: 580px;
    padding: 5px;
}
#fact2, #fact4, #fact6 {
    width: 580px;
    padding: 5px;
}
#hola-Cancun {
    text-align: center;
    margin-top: 20px;
    letter-spacing: 3px;
    color: #444444;
}
#hola-PVR {
    text-align: center;
    margin-top: 20px;
    letter-spacing: 3px;
    color: #444444;
    top: 200%;
}
.sun {
   position: absolute;
    width: 150px;
    height: 150px;
    margin-top: -380px;
    background: #ffe208;
    border-radius: 50%;
    margin-left: 180px;
    box-shadow: 0 0 15px rgba(255,255,8,0.5);
    z-index: -1;
    animation: animate 30s linear infinite;
}
.sun li {
    list-style: none;
    position: absolute;
    left: 50%;
    top: 50%;
    
    transform: translate (-50%, -50%);
    width: 190px;
    height: 3px;
    background: #ffe208;
    box-shadow: 0 0 15px rgba(255,255,8,0.5);
}
.sun li:nth-child(1) {
    transform: translate(-50%,-50%) rotate(0deg);
}
.sun li:nth-child(2) {
    transform: translate(-50%,-50%) rotate(90deg);
}
.sun li:nth-child(3) {
    transform: translate(-50%,-50%) rotate(45deg);
}
.sun li:nth-child(4) {
    transform: translate(-50%,-50%) rotate(-45deg);
}
.sun li:nth-child(5) {
    transform: translate(-50%,-50%) rotate(22.5deg);
}
.sun li:nth-child(6) {
    transform: translate(-50%,-50%) rotate(-22.5deg);
}
.sun li:nth-child(7) {
    transform: translate(-50%,-50%) rotate(67.5deg);
}
.sun li:nth-child(8) {
    transform: translate(-50%,-50%) rotate(-67.5deg);
}
@keyframes animate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
.PVR-main {
    background-image: url(../Images/CUNPVR/pvr1A.jpg);
    height: 500px;
    margin-top: 7%;
}
.PVRCUN-end {
    margin-top: 5%;
}
/*End of Cancun and Puero Vallarta*/

/*Start of Texas*/
.sliderTx {
    position: relative;
}
.placeholder2 {
    visibility: hidden;
}
.txSlide1, .txSlide2, .txSlide3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    background-size: contain;
}
.txSlide1 {
    background-image: url(../Images/Texas/tx1A.jpg);
}
.txSlide2 {
    background-image: url(../Images/Texas/tx11A.jpg);
    animation: homeslide2Anim 10s infinite;
}
.txSlide3 {
    background-image: url(../Images/Texas/tx6A.jpg);
    animation: homeslide3Anim 10s infinite;
}
.texas {
    background-image: url(../Images/Texas/tx5A.jpg);
    height: 960px;
    background-size: contain;
    margin-top: 20px;
}
#texasText {
    text-align: center;
    color: #444444;
}
#texasText1 {
    background-color: beige;
    margin-top: 10px;
    padding: 7px;
    opacity: .7;
}
.txPage12 {
    width: 80%;
    margin-top: 50px;
    padding: 5px;
    opacity: .8;
}
.Austin {
    width: 49%;
    box-shadow: inset 0 0 10px #777;
    float: left;
}
.txPage1 {
    background-color: white;
    margin-top: 10px;
    opacity: .8;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}

#austinText {
    padding: 5px;
}
#AusAlbum1 {
    float: left;
}
#AusAlbum2 {
    width: 320px;
    float: right;
    margin-right: 3px;
}
#ausAlbum3 {
    float: right;
}
#ausAlbum3 img {
    border-bottom-right-radius: 50px;
    border-top-right-radius: 20px;
}
#album2-text {
    padding: 3px;
}
.txPage12 {
    background-color: beige;
    opacity: .8;
    border-radius: 20px;
}
.txPage13 {
    opacity: .8;
}
.txPage14 {
    opacity: .8;
}
.txPage14 img, .txPage13 img {
    border-radius: 50%;
}
/*Start of San Antonio page*/
.sanAntonio {
    width: 49%;
    float: right;
    margin-top: 10px;
    border-top-left-radius: 20px;
    box-shadow: inset 0 0 10px #777;
}
.satPage2 {
    background-color: beige;
    padding: 5px;
    opacity: .8;
}
.riverWalk {
    margin-top: 20px;
    width: 78%;
    float: right;
    background-color: beige;
    padding: 5px;
    opacity: .8;
}
#satWalk {
    color: red;
}
.villita {
    margin-top: 10px;
    text-align: center;
    background-color: beige;
    padding: 5px;
    opacity: .8;
}
.villita-pics {
    opacity: .8;
}
#moreTexas {
    text-align: center;
    margin-top: 40px;
    opacity: .7;
}
#bottomTx {
    background-color: whitesmoke;
    padding: 4px;
    box-shadow: inset 0 0 10px #777;
}
.texMixImg {
    margin-top: 10px;
}
#beachTx {
    float: left;
    width: 331px;
    margin-left: 20px;
    opacity: .8;
    box-shadow: inset 0 0 10px #777;
}
#skyTx {
    width: 500px;
    float: right;
    margin-right: 37px;
    opacity: .8;
}
#citiesTx {
    float: right;
    width: 331px;
    margin-right: 20px;
    opacity: .8;
    box-shadow: inset 0 0 10px #777;
}
.circleImg {
    border-radius: 50%;
}
/*End of San Antonio page*/
/*End of Texas*/



@media only screen and (min-width: 150px) and (max-width: 600px) 
{
  .body  {
    font-size: 95%;
  }
  .mainheader nav, .croHeader nav {                
    height: 400px;
}
.sun {
    display: none;
}

.homeSlide {
   display: none; 
}
.mainheader nav  {
    position: fixed;
    right: 0;
    top: 0;
    width: 150px;
    display: none;
    z-index: 1002;
 }
 .croHeader nav {
    position: fixed;
    right: 0;
    top: 0;
    width: 200px;
    display: none;
    z-index: 1002;
  
 }
 .Menu-on {
     position: fixed;
     background-color: black;
     color: white;
     padding: 5px;
     right: 0;
     top:0;
     z-index: 1001;
     display: block;
     border-radius: 5px;
 }
 .Menu-off {
     background-color: rgba(255,255,255,0.5);
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 1000;
     display: none;
 }
#toggle-menu:checked ~ nav {
    display: block;
}
#toggle-menu:checked ~ .Menu-off {
    display: block;
}
.contentone {
    width: 100%;
}

 #nevis-text, #aboutLakeG, #usMail {
    width: 100%;
}
.nevis-imageone, .nevis-album1, .nevis-album2 {
    width: 100%;
}
.central-text {
    display: none;
}
.northamerica1, .northamerica2, .northamerica3, .northamerica4 {
    width: 100%;
} 
 /*End dropdown*/

.top-sidebar {
   width: 100%;   
}
.bottom-sidebar {
    width: 100%;
    margin: 2% 0 2% 0;
}
.motivated, .top-motivation, .newyTime2, .parkCentral1, .motTopText, .main-motivation {
    width: 100%;      
}  
#set1, .set2, .set3, .set4, .set5, .set5 p, .nice-rome, .rome-album, .rome-slider, .pope {
    width: 100%;
}
.florence-text {
    padding-left: 0;
}
.florence-header {
    width: 100%;
}
.first-sidebar {
    width: 100%;
    margin-top: 2%;      
}
#nola1, #nola2, #nola3, .nola-carriage, .nola-mardi, #nola-album, #nola-text {
    width: 100%;
}
.second-sidebar {
  width: 100%;
  margin-bottom: 2%;
 }
.third-sidebar {
   width: 100%;
 }
 .section-content {
   width: 100%;
     
}
.shuttle-image, #aus-info, #aus-info1, #bridge, #opera, #tower, #harbour, #syd-slide {
    width: 100%;   
}
.fotomix, .diamante1 {
    width: 100%; 
}
.adria-cost, .la-fotomix, .day-one, .pasa, #pas1, .pas-side, .pas-content, .gardens {
    width:100%;     
}
.one-third {
    width: 100%;   
  }
 .ploce {
    width: 100%;    
 }
 .hou-town, #usa, #usaText, .usaPics {
    width: 100%;
}
.info-nasa {
   width: 100%;     
}      
.myinfo {
    width: 100%;    
}
.contentone, #abqText, #bluesky, #sfextra2, #abqstage, {
    width: 100%;    
  }  
.table {
   overflow: hidden;                      
 }
 #tableHome {
     margin-left: 0px;
 }
 .col {
    width: 100%;    
  }
 fieldset {
    width: 300px;    
}
.introduction {
    width: 100%;
    margin-bottom: 5px;
}
.market {
    width: 100%;
    margin-bottom: 5px;
    padding: 5px;
}
.grove {
    width: 100%;
    margin-bottom: 5px; 
    padding: 5px;
}
.pasadena {
     width: 100%;
    margin-bottom: 5px;
    padding: 5px;
}
.pas-content, .gardens {
    width: 100%
}
.magic-images {
    width: 100%;
}
.mex-begin {
    width: 100%;
}
.mex-right {
    width: 100%;
}
 .mariachi {
     height: 150px;
 }
.mex-places, .mex-siestaone {
    width: 100%;
}  
.mex-teoti, .mex-teotione, .mex-teotitwo, .mex-teotithree {
    width: 100%;
}
.nav-content {
    top: 40px;
} 
.all-travel, .all-houston {
    width: 100%;
    margin-bottom: 5px;
}
.hospitable {
    width: 100%;   
    margin: 0;
} 
.eight-reasons {
    width: 100%;
}
.lis-moreinfo {
    font-size: 12px;
}
.about-col, .col-aside1, .col-aside2, .col-aside3 {
    width: 100%;
}
.cosalsa, .panama-us {
    display: none;
}
.candel {
    width: 80%;
}
.viejo-text {
    width: 100%;
}
.arg-text1, .arg-text2, .arg-text3, .arg-text4 {
    width: 100%;
}
.arg-photos {
    width: 100%;
}
.ur-aside-top, .ur-aside-bottom, .rental  {
    width: 100%;
}
.ur-boat, .show4, .show6, .show7 {
    width: 100%;
}
.ur_middle {
    width: 100%;
} 
.ur-photos, .ur-photos2 {
    width: 100%;
} 
.about-canal, .puerto-part1, #puerto-part2, .puerto-album1, .puerto-album2 {
    width: 100%;
}
.hat, .bog_llama {
    width: 100%;
}
.costa-info1, .info-space, .info-space1, .costa-more-info, .side-info {
    width: 100%;
}
.ch-history, .ch-history1 {
    width: 100%;
}
.canada-info1, .canada-sideinfo1, .toronto, .niagra-falls, .tor-vict {
    width: 100%;
}
.great-lakes-locks, .lock-info, .midland-info, .midland-slider {
    width: 100%;
}
.toronto, .niagra-falls {
    height: 100%;
}
.newyork3, .newyork3 p, .onePics1, .onePics2 {
    width: 100%;
}
#oneworld {
    padding: 0px;
    text-transform: lowercase;
    letter-spacing: 0.1em;
}
#prag-text1, #prag-text2, .prag-text3, .clock-text1, .amstImg1, .amstText1, #paris, #paris img, amstImg3 img {
    width: 100%;
}
.geneva1, .geneva2, .geneva3, #albumone, #album2, #album-text p, .swisschoc-text p, #lon1, #lon2, #lon3, #lon4 img, #pikes-info  {
    width: 100%;
}/*
.survay, .mariachi {
    width: 100%;
    background-repeat: no-repeat;
}*/
#galery, #abq, #abqText, #sfText, #sfGalery, #puebloGalery, #puebloText, #bluesky, #abqstage, .sfextra2, #puebloGalery2, #kashaText, #pikes-info, {
    width: 100%;
    height: 100%;
}
.col-images img, .col-image-middle, #pikes3, #pikes1, #galery, #abq, #sfGalery, #puebloGalery, #puebloGalery2, #kashaText {
    width: 100%;
    height: 100%;
}
#driving-info {
    float: right;
    margin-left: 0;
    width: 100%;
}
#pikes4, #pikes5, #more-haba {
    width: 100%;
    height: 100%;
}
#soLong {
    display: none;
}
#pikes {
    height: auto;
}
#akl-panorama {
    height: auto;
    background-color: none;
}
#akl-panorama2 {
    height: 100%;
    width: 100;
    background-color: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
 
}
#akl-image-left img, #akl-image-right img {
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
}
#akl-lowerimage-left img, #akl-lowerimage-right img {
     border-bottom-left-radius: 0px;
     border-bottom-right-radius: 0px;
}
#akl-image-middle-top, #akl-image-middle-bottom, #akl-info-middle {
    width: 100%;
    height: 100%;
}
.cabos-info {
    height: 900px;
}
#cabo-about1, #cabo-about2, #cabo-about3, #cabo-about4, #cabo-about5 {
    width: 100%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
#sj-fotos, #sjose {
    height: 1800px;
    width: 100%;
}
#sanlucas, .sl-fotos {
    height: 1650px;
    width: 100%;
}
.sl-album2, .sl-album3, .sl-album4, .sl-album1, #hotel-text, #hotel-img {
    width: 100%;
}
.cabo-slider, .house1, .house2 {
    width: 100%;
}
.diamante, .diamante1, .diamante2, #diam-text {
    width: 100%;
    height: 600px;
}
.house1, .house2,.madison-info, .madison {
    width: 100%;
}
.roof, .roof1, .palma-cabo {
    display: none;
}
.bottom {
    height: 1900px;
}
.bottom1 {
    height: 1250px;
}
.sand5 {
    column-count: 1;
}
.madison img {
    transform: none;
    transform-origin: none;
    border: 1px solid white;
}
.mbottom-img, .ms2, .ms3, .ms4, .ms5 {
    transform: none;
    transform-origin: none;
} 
.ms1, .ms10, .ms11 {
    width: 100%;
    margin-top: 10px;
}
 .first-sidebar, #newImage {
     width: 100%;
 }
 .cloud-center, .cloud1, .cloud3 {
     width: 100%;
 }
 .cloud-center {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.cloud-main {
    margin-top: 0px;
}
.cloud1 {
    margin-left: 0px;
}
.cloud3 {
    margin-left: 0px;
}
.cloud-top {
    border-top-left-radius: 0px;
    border-top-right-radius: 0%;
    opacity: 1;
}
.cloud-top img {
    border-top-left-radius: 0px;
}
.cloud-top1 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0%;
    opacity: 1;
}
.cloud-top1 img {
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
    padding: 1px;
}
.cloud-top2 {
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
    opacity: 1;
}
.cloud-top2 img {
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
}
.cloud-top3 {
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
    opacity: 1;
}
.cloud-top3 img {
    border-top-left-radius: 0%;
    border-top-right-radius: 0%; 
}
.cloud-center {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 400px;
}
.cloud-center img {
    margin-left: 0px;
    padding-top: 0px;
}
.cloud-center #img1 {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
#img4 {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; 
}
.cloud-bottom {
    border-bottom-left-radius: 0%;
    border-bottom-right-radius:0px;
}
.cloud-bottom img {
    border-bottom-left-radius: 0%;
    border-bottom-right-radius: 0px;

}
.cloud-bottom1 {
    border-bottom-left-radius: 0%;
    border-bottom-right-radius: 0%;
}
.cloud-bottom1 img {
    border-bottom-left-radius: 0%;
    border-bottom-right-radius: 0%; 
}
.about-cancun, .cancunFacts, .cancun-slider {
    width: 100%;
}
.about-cancun {
    display: none;
}
#fact1, #fact2, #fact3, fact4, #fact5, fact6, #fact7 {
    width: 100%;
}
.cancunImg {
    width: 100%;
}
.sun {
    display: none;
}
.PVR-main {
    background-image: none;
}
.pvr-album1, .pvr-album2, .pvr-album3 {
    width: 100%;
    opacity: 1;
}
#mexCity, #mexCity1, #mexCover, #ciudadMex, #xmico1, .mexDF, #xmico2 {
    width: 100%;
}
}