#map {
        width:60%;
        height: 300px;
      }
#ultimatesidenav{
  margin-top:5%;
  background-color:white;
}
.angular-google-map-container { height: 400px; }
#ultimatesidenav li a{
  color:black;
  border:none;
}
#ultimatesidenav li a:hover{background-color:cornsilk;color:grey;text-decoration: underline;}
#ultimatesidenav > li.active > a{background-color:white;color:grey;text-decoration: underline;}
/* texts paragraph and headings buttons links */
h1{
  margin-top:30px;
  color:#453823;
  font-size:3em;
  text-transform: capitalize;
  font-family: 'Montserrat', sans-serif;
}
h2, h3, h4{
  color:#453823;
  text-transform: capitalize;
  font-family: 'Montserrat', sans-serif;
}
p{
  font-size:1.1em;
font-family: 'Roboto', sans-serif;
  line-height:25px;
  font-size:1.2em;
}
strong{
  font-size:1.1em;
}
ul li{
  text-align: left;
  line-height:30px;
  font-family: 'Quicksand', sans-serif;
}
label{
  font-size:1.2em;
    font-family: 'Josefin Sans', sans-serif;
}
button{
  letter-spacing:1px;
  font-weight: bold;
  font-size:1.3em;
  padding:10px;
  padding-right:70px;
  padding-left: 70px;
  border:2px solid #453823;
  text-decoration: none;
  background-color:#453823;
  color:white;
  font-family: 'Quicksand', sans-serif;
  text-transform: capitalize;
  box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
}
button:hover{
  font-weight: bold;
  color:white;
  background-color:black;
  border:2px solid black;
  text-decoration: none;
}
.footer-links{color: white; text-decoration: none;margin: 20px;}
.footer-links:hover{color:cornsilk; text-decoration: underline;}
.footer-links:focus{color:cornsilk; text-decoration: underline;}

.form-control{
  box-shadow:none;
  border:none;
  border:1px solid grey;
  border-bottom-radius:-200px;
}
.form-control:focus{
  box-shadow:none;
  border:none;
  border:2px solid black;
  border-bottom-radius:-200px;
}
.form-group{
  text-align: left;
}
.nametag{
  color:grey;
  text-transform: uppercase;
  font-family: 'Josefin Sans', sans-serif;
  text-align: center;
}
.button-style-link{
  font-family: 'Roboto', sans-serif;
  letter-spacing:1px;
  font-weight: bold;
  font-size:1.3em;
  line-height:80px;
  padding:15px;
  padding-right:40px;
  padding-left: 40px;
  border:2px solid #453823;
  text-decoration: none;
  background-color:#453823;
  color:white;
  font-family: 'Quicksand', sans-serif;
  text-transform: capitalize;
  box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
}

.button-style-link:hover{
  font-weight: bold;
  color:white;
  background-color:black;
  border:2px solid black;
  text-decoration: none;
}
.button-style-link:focus{
  font-weight: bold;
  color:white;
  background-color:black;
  border:2px solid black;
  text-decoration: none;
}

.styledBox{
 margin-top:20px;
 background-color:white;
 border: none;
}
.styledBox2{
 border: none;
 margin-top:20px;
 background-color:white;
 text-align: center;
}

.photolink{
  margin:20px;
  width:200px;
  height:250px;
  border:1px solid grey;
  box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
  overflow: hidden;
  cursor: pointer;
}
a:focus{
  color:white;
  border: none;
  outline: none;
}
.is-showing{
  opacity: 1;
  transform: translateX(0px);
}
.photolink2{
  margin:10px;
  width:100%;
  height:550px;
  border:1px solid grey;
  box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
}

.photolink3:hover{
  transform:scale(1.6);

}

.photolink3{
  margin:30px;
  width:150px;
  height:150px;
  border:1px solid grey;
  border-radius: 10px;
  box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease-in-out;
}
.photolink33{
  width:220px;
  height:220px;
  border:1px solid grey;
  border-radius: 10px;
  box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
}
.photolink4{
  margin:10px;
  width:330px;
  height:270px;
  border:1px solid grey;
  border-radius: 10px;
  box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
}
#styledpills{ margin-top:40px;margin-left:30%}
#styledpills3{margin-left:1%;}
#styledpills2{ margin-top:40px;margin-left:28%}
#styledpills3 li{
  margin:5px;
  font-size:1.3em;
  letter-spacing:1px;
  font-weight: bold;
  font-family: 'Quicksand', sans-serif;
  border:none;
  background-color:black;
  box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
}
#styledpills2 li{
  margin:5px;
  font-size:1.3em;
  letter-spacing:1px;
  font-weight: bold;
  font-family: 'Quicksand', sans-serif;
  border:none;
  background-color:black;
  box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
}
#styledpills li{
  border:none;
  margin:5px;
  font-size:1.3em;
  letter-spacing:1px;
  font-weight: bold;
  font-family: 'Quicksand', sans-serif;
  background-color:black;
  box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
}
#styledpillsitem:hover{
  background-color:#354268;
}
#styledpills li a{
  color:white;
}
#styledpills2 li a{
  color:white;
}
#styledpills3 li a{
  color:white;
}
/* Angular Routing Animations*/

.anime.ng-enter{
    animation:scaleUp 0.3s both ease-in;
    animation-delay:1s;

}

.anime.ng-leave{
    transform-origin: 0% 0%; animation: rotateFall 1s both ease-in;
}


@keyframes rotateFall {
    0%      { transform: rotateZ(0deg); }
    20%     { transform: rotateZ(10deg); animation-timing-function: ease-out; }
    40%     { transform: rotateZ(17deg); }
    60%     { transform: rotateZ(16deg); }
    100%    { transform: translateY(100%) rotateZ(17deg); }
}

/* slide in from the bottom */
@keyframes slideOutLeft {
    to      { transform: translateX(-100%); }
}

/* rotate out newspaper */
@keyframes rotateOutNewspaper {
    to      { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}

/* entering animations --------------------------------------- */
/* scale up */
@keyframes scaleUp {
    from    { opacity: 0.1; -webkit-transform: scale(0.8); }
}

/* slide in from the right */
@keyframes slideInRight {
    from    { transform:translateX(100%); }
    to      { transform: translateX(0); }
}

/* slide in from the bottom */
@keyframes slideInUp {
    from    { transform:translateY(100%); }
    to      { transform: translateY(0); }
}

/* miscellaneous styles from top */

.styled-logo{
  width:220px;
  height:78px;
  padding:10px;


}

.NavItemStyle{
  font-family: 'Josefin Sans', sans-serif;
  margin-top: 1%;
  float: right;
}
.questions li a{
  color:#453823;
  font-family: 'Raleway', sans-serif;
  font-size:1.1em;
  font-weight:600;
}
.questions li a:hover{

}
#styledNav{font-family: 'Raleway', sans-serif;font-size:1.2em;font-weight:600;color:#453823;border:none;border-radius:-10px;}
#styledNav:hover{color:black;border-bottom:3px solid black;}
.activelement{color:black;border-bottom:3px solid black;}
/* Miscellaneous style ends here*/
/* style for paralax effects views */
.bird-box{
  height:500px;
  position: relative;
  background-image: url("assets/bg2.jpg");
  background-size:cover;
  background-position: bottom center;
  background-attachment:fixed;
  background-repeat: no-repeat;
  overflow: hidden;
  border-bottom:8px solid black;
  z-index:;
}
.bird-box2{
  height:500px;
  position: relative;
  background-image: url("assets/bg3.jpg");
  background-size:cover;
  background-position: bottom center;
  background-attachment:fixed;
  background-repeat: no-repeat;
  overflow: hidden;
  border-bottom:8px solid black;
    z-index:3;
}
.bird-box3{
  height:500px;
  position: relative;
  background-image: url("assets/bg1.jpg");
  background-size: cover;
  background-position: bottom center;
  background-attachment:fixed;
  background-repeat: no-repeat;
  overflow: hidden;
  border-bottom:8px solid black;
    z-index:3;
}
.bird-box4{
  height:500px;
  position: relative;
  background-image: url("assets/bg4.jpg");
  background-size: cover;
  background-position: bottom center;
  background-attachment:fixed;
  background-repeat: no-repeat;
  overflow: hidden;
  border-bottom:8px solid black;
    z-index:3;
}
#modalcon{
  width:70%;
}
.overlay{width:100%;height:500px;
background: rgba(0,0,0,.1);
text-align: center;
}
.logo-box{
  height: 100px;
  width: 100%;
  position: absolute;
  top: 57%;
  color:white;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  line-height:30px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  text-decoration: none;
}

#modal1{
  width:100%;
}
#modalbutton{
  padding:1px;
  padding-left:2px;
  padding-right:2px;
  border: none;
  color:black;
  background-color: white;
  box-shadow: none;
}
#modalbutton:hover{
  padding:1px;
  padding-left:2px;
  padding-right:2px;
  border: none;
  color:white;
  background-color:red;
  box-shadow: none;
}
.headingTop{
  height: 100px;
  width: 100%;
  position: absolute;
  top: 35%;
  color:white;
  font-family: 'Roboto Slab', serif;
  font-size: 5em;
  text-transform: uppercase;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
  text-decoration: underline;

}
.TourLink{
  line-height:80px;
  padding:10px;
  padding-right:30px;
  padding-left: 30px;
  border:2px solid #354268;
  text-decoration: none;
  background-color:#354268;
  color:white;
  font-family:monospace;
  text-transform: capitalize;
  box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);

}
.TourLink:hover{color:white;background-color:black;border:2px solid black;text-decoration: none;}

/* style for paralax effects sub-view */
.sub-view-container{
  margin-bottom:10px;
  text-align:center;
  position: relative;
  z-index: 2;
  background-color: white;
}
.sub-view2{
  text-align:center;
  position: relative;
  z-index: 2;
  background-color: white;
}
footer{
  background: white;
  color: black;
  padding: 30px 0;
  padding-top:50px;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
  .footer-stuff{
    text-align: center;
}
span{
  font-size:2em;
  text-transform: uppercase;
  font-family: 'Josefin Sans', sans-serif;
  text-decoration: underline;
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
 {
   #modalcon{
     width:90%;
   }
   .styled-logo{
     margin-left:1%;
   }
   .NavItemStyle{
     margin-left:0%;
   }
   .bird-box, .bird-box2, .bird-box3, .bird-box4{
     background-size:contain;
     background-position:top center;
     background-repeat: repeat-y;
     height:200px;
   }
.photolink4{
 width: 250px;
 height:200px;
}

   .footer-stuff div {
     margin:20px;
   }
   .logo-box{
     font-size:1.4em;
     margin-left:-2%;
   }
   #logoresize{
     width:80%;
   }
   #myModal67{
     margin-top:10%;
   }
   #styledpills{margin-left:19%}
   #styledpills2{ margin-top:40px;margin-left:23%}
   .headingTop{
     font-size:3em;
   }


}


/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
   {
     #modalcon{
       width:90%;
     }
     .styled-logo{
       margin-left:1%;
     }
     .NavItemStyle{
       margin-left:0%;
     }
     .bird-box, .bird-box2, .bird-box3, .bird-box4{
       background-size:contain;
       background-position:top center;
       background-repeat: repeat-y;
       height:200px;
     }
 .photolink4{
   width: 250px;
   height:200px;
 }

     .footer-stuff div {
       margin:20px;
     }
     .logo-box{
       font-size:1.4em;
       margin-left:-2%;
     }
     #logoresize{
       width:80%;
     }
     #myModal67{
       margin-top:10%;
     }
     #styledpills{margin-left:19%}
     #styledpills2{ margin-top:40px;margin-left:23%}
     .headingTop{
       font-size:3em;
     }


}
@media only screen
  and (max-device-width: 833px)
   {
     .NavItemStyle{
       float:none;
     }
}
/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
   {
      #modalcon{
       width:90%;
     }
    .styled-logo{
      margin-left:1%;
    }
    .NavItemStyle{
      margin-left:0%;
    }
    .bird-box, .bird-box2, .bird-box3, .bird-box4{
      background-size:contain;
      background-position:top center;
      background-repeat: repeat-y;
      height:200px;
    }
.photolink4{
  width: 250px;
  height:200px;
}

    .footer-stuff div {
      margin:20px;
    }
    .logo-box{
      font-size:1.4em;
      margin-left:-2%;
    }
    #logoresize{
      width:80%;
    }
    #myModal67{
      margin-top:10%;
    }
    #styledpills{margin-left:19%}
    #styledpills2{ margin-top:40px;margin-left:23%}
    .headingTop{
      font-size:3em;
    }

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  {
     #modalcon{
      width:90%;
    }
    .styled-logo{
      margin-left:1%;
    }
    .NavItemStyle{
      margin-left:0%;
    }
    .bird-box, .bird-box2, .bird-box3, .bird-box4{
      background-size:contain;
      background-position:top center;
      background-repeat: repeat-y;
      height:200px;
    }

    .footer-stuff div {
      margin:20px;
    }
    .logo-box{
      font-size:1.4em;
      margin-left:-2%;
    }
    #logoresize{
      width:80%;
    }
    #myModal67{
      margin-top:10%;
    }
    #styledpills{margin-left:19%}
    #styledpills2{ margin-top:40px;margin-left:23%}
    .headingTop{
      font-size:3em;
    }
}
.full{
  width:100%;
}


/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
   {

     .styled-logo{
       margin-left:1%;
     }
     .NavItemStyle{
       margin-left:1%;
     }
     .bird-box{
       background-size:cover;
       background-position: bottom;
       height:600px;
     }
     .sub-view-container{
       margin-bottom:500px;
     }
     .footer-stuff div {
       margin:30px;
     }
      #modalcon{
       width:90%;
     }
     #myModal67{
       margin-top:10%;
     }
     #styledpills{margin-left:19%}
     #styledpills2{ margin-top:40px;margin-left:23%}
}