.no-padding {
 padding: 0 !important;
}
.menu-main {
 padding: 15px;
 list-style-type: none;
 float: right;

}
.list-styled {
 display: inline !important;
 width: 120px;
 float: left;
}
.menu-text {
 font-weight: bold;
}
li a {
 color: white;
 
}
 li:hover a{
 color:#537fd3;
 border:solid white;
cc
}
.amm {
 position: absolute;
 top: 5%;
 right: 2.5%;
}
.mmf-logo {
 max-width:87px;
 min-width:30px;
 margin-left:10px;
 width:100%;
 height:100%;
}
.mmf-holo {
 margin-left:0px;
}
.rw {
 width:100%;
}
p a {
 text-decoration: none !important;
 color: #74afd1;
}
rm {
 margin-left: 45px !important;
 margin-right: 45px !important;
 border-bottom: 1px solid #cccdcc;
}
.bottom-style {
 background-color: #74afd1;
 padding-top: 1%;
 padding-bottom:1%;
}
.social-style {
 width:100%;
 min-height:20px;
 max-height:30px;
 min-width:20px;
 max-width:30px;
}
.marg-space {
 margin-top:1%;
 margin-bottom:1%;
}
.pad-space {
 padding-top:1%;
 padding-bottom:1%;
}
div {
  font-size: 15px;
  padding: 0px;
  transition: all .5s ease;
}




/*Mobile Navigation Menu*/
.mobNav {
 
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  background-color: #74afd1; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
.mobNav a {
 
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: white;
  display: block;
  transition: 0.3s;
}
.mobNav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.map-hide {
}
.mw-all {
  max-width:750px;
}
.wrp {
}
.mob-img {
  display:none;
}
.mob-aln {
}
}
  .container-fluid {
    padding-right:0px !important;
    padding-left:0px !important;
    margin-right:0px !important;
    margin-left:0px !important;
 }
  .row {
    padding-right:0px !important;
    padding-left:0px !important;
    margin-right:0px !important;
    margin-left:0px !important;
}
  .col {
    padding-right:0px !important;
    padding-left:0px !important;
    margin-right:0px !important;
    margin-left:0px !important;
}
.uAlign {
  padding-left:150px;
  padding-right:100px;
}
.phAlign {
  margin-left:100px;  
}
.mob-hide {
}
.mob-show {
  display:none;
}
.pad-img {

}
.marg-all {
  padding-top:50px;
  padding-bottom:50px;
}
.mobNav-stl {
  padding-left:10px;
  font-size:20px;
}
.mw-mob {
}

/* Back to Top Button */
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color:#c2ccd2; /* Set a background color */
  color: black; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

/* Photo Gallery */
.property {
  width: 900px;
  margin: auto;
}
.slideshow {
  background: #d3e6f0;
  border-radius: 4px;
  margin-bottom: 20px;
  position: relative;
  height: 420px;
}
.slideshow-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.slideshow-item img {
  width: 100%;
  display: block;
  margin: auto;
  margin-top:2%;
}.arrow {
  position: absolute;
  top: 0;
  display: block;
  width: 50px;
  height: 100%;
  background: url("/pics/left-arrow.png") no-repeat center/30px;
}
.arrow-next {
  right: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}.progress {
  position: absolute;
  top: 20px;
  left: 20px;
  color: ;
  font-family: sans-serif;
}
[id^="target"]:target ~ .play {
  -webkit-transition: all 750ms ease;
  transition: all 750ms ease;
  opacity: 1;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
}
 
[id^="target"] {
  display: none;
}
.item-1 {
  z-index: 2;
  opacity: 1;
}
 
*:target ~ .item-1 {
  opacity: 0;
}
 
#target-1:target ~ .item-1 {
  opacity: 1;
}
 
#target-2:target ~ .item-2,
#target-3:target ~ .item-3,
#target-4:target ~ .item-4, 
#target-5:target ~ .item-5, 
#target-6:target ~ .item-6,
#target-7:target ~ .item-7,
#target-8:target ~ .item-8,
#target-9:target ~ .item-9 {
  z-index: 8;
  opacity: 1;
}
@-webkit-keyframes slideshow {
  0%, 30%, 100% {
    opacity: 0;
  }
  5%, 25% {
    opacity: 1;
  }
}
 
@keyframes slideshow {
  0%, 30%, 100% {
    opacity: 0;
  }
  5%, 25% {
    opacity: 1;
  }
}.item-1 {
  -webkit-animation: slideshow 36s ease 0s infinite;
          animation: slideshow 36s ease 0s infinite;
}
.item-2 {
  -webkit-animation: slideshow 36s ease 4s infinite;
          animation: slideshow 36s ease 4s infinite;
}
.item-3 {
  -webkit-animation: slideshow 36s ease 8s infinite;
          animation: slideshow 36s ease 8s infinite;
}
.item-4 {
  -webkit-animation: slideshow 36s ease 12s infinite;
          animation: slideshow 36s ease 12s infinite;
}
.item-5 {
  -webkit-animation: slideshow 36s ease 16s infinite;
          animation: slideshow 36s ease 16s infinite;
}
.item-6 {
  -webkit-animation: slideshow 36s ease 20s infinite;
          animation: slideshow 36s ease 20s infinite;
}
.item-7 {
  -webkit-animation: slideshow 36s ease 24s infinite;
          animation: slideshow 36s ease 24s infinite;
}
.item-8 {
  -webkit-animation: slideshow 36s ease 28s infinite;
          animation: slideshow 36s ease 28s infinite;
}
.item-9 {
  -webkit-animation: slideshow 36s ease 32s infinite;
          animation: slideshow 36s ease 32s infinite;
}
#target-1:target ~ .item-1 {
  opacity: 1 !important;
  -webkit-animation: none;
          animation: none;
}
#target-1:target ~ .item-2, #target-1:target ~ .item-3, #target-1:target ~ .item-4, #target-1:target ~ .item-5, #target-1:target ~ .item-6, #target-1:target ~ .item-7, #target-1:target ~ .item-8, #target-1:target ~ .item-9 {
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}
 
#target-2:target ~ .item-2 {
  opacity: 1 !important;
  -webkit-animation: none;
          animation: none;
}
#target-2:target ~ .item-1, #target-2:target ~ .item-3, #target-2:target ~ .item-4, #target-2:target ~ .item-5, #target-2:target ~ .item-6, #target-2:target ~ .item-7, #target-2:target ~ .item-8, #target-2:target ~ .item-9 {
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}
 
#target-3:target ~ .item-3 {
  opacity: 1 !important;
  -webkit-animation: none;
          animation: none;
}
#target-3:target ~ .item-1, #target-3:target ~ .item-2, #target-3:target ~ .item-4, #target-3:target ~ .item-5, #target-3:target ~ .item-6, #target-3:target ~ .item-7, #target-3:target ~ .item-8, #target-3:target ~ .item-9 {
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}
 
#target-4:target ~ .item-4 {
  opacity: 1 !important;
  -webkit-animation: none;
          animation: none;
}
#target-4:target ~ .item-1, #target-4:target ~ .item-2, #target-4:target ~ .item-3, #target-4:target ~ .item-5, #target-4:target ~ .item-6, #target-4:target ~ .item-7, #target-4:target ~ .item-8, #target-4:target ~ .item-9 {
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}
#target-5:target ~ .item-5 {
  opacity: 1 !important;
  -webkit-animation: none;
          animation: none;
}
#target-5:target ~ .item-1, #target-5:target ~ .item-2, #target-5:target ~ .item-3, #target-5:target ~ .item-4, #target-5:target ~ .item-6, #target-5:target ~ .item-7, #target-5:target ~ .item-8, #target-5:target ~ .item-9 {
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}
#target-6:target ~ .item-6 {
  opacity: 1 !important;
  -webkit-animation: none;
          animation: none;
}
#target-6:target ~ .item-1, #target-6:target ~ .item-2, #target-6:target ~ .item-3, #target-6:target ~ .item-4, #target-6:target ~ .item-5, #target-6:target ~ .item-7, #target-6:target ~ .item-8, #target-6:target ~ .item-9 {
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}
#target-7:target ~ .item-7 {
  opacity: 1 !important;
  -webkit-animation: none;
          animation: none;
}
#target-7:target ~ .item-1, #target-7:target ~ .item-2, #target-7:target ~ .item-3, #target-7:target ~ .item-4, #target-7:target ~ .item-5, #target-7:target ~ .item-6, #target-7:target ~ .item-8, #target-7:target ~ .item-9 {
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}
#target-8:target ~ .item-8 {
  opacity: 1 !important;
  -webkit-animation: none;
          animation: none;
}
#target-8:target ~ .item-1, #target-8:target ~ .item-2, #target-8:target ~ .item-3, #target-8:target ~ .item-4, #target-8:target ~ .item-5, #target-8:target ~ .item-6, #target-8:target ~ .item-7, #target-8:target ~ .item-9 {
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}
#target-9:target ~ .item-9 {
  opacity: 1 !important;
  -webkit-animation: none;
          animation: none;
}
#target-9:target ~ .item-1, #target-9:target ~ .item-2, #target-9:target ~ .item-3, #target-9:target ~ .item-4, #target-9:target ~ .item-5, #target-9:target ~ .item-6, #target-9:target ~ .item-7, #target-9:target ~ .item-8 {
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}

.img-sizing {
  width:100%;
  max-width:542px;
  max-height:420px;
  margin-top:5%;
}
.img-sizing2 {
  width:100%;
  max-width:542px;
  max-height:380px !important;
  margin-top:5%;
  
}
.img-sizing3 {
  width:100%;
  max-width:420px;
  max-height:392px;
}
/*Javascript IDs*/

#about {}

#uPick {}

#location {}

#gallery {}

#menu-icon {

	display: none;
	width: 40px;
	height: 40px;
	background: url(/pics/menu-iconwhite.png) no-repeat center;

}





















@media (max-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ 	
  div {
    font-size:10px ; 
  }
  h3 {
    font-size:15px !important
}
  .amm {
    display:none !important;
}
  #menu-icon {
    text-align:right;
    display:contents;
    position:absolute;
    right:0
	}
  .map-hide {
    display:none;
}
  .wrp {
  display:none;
}
  .mob-img {
    display:inline-block;
}
  .mob-aln { 
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}
  .phAlign {
    margin:0px;
}
  .uAlign {
    padding:0px;
}      
  .mob-hide {
    display:none;
}
  .mob-show {
    display:contents;
}
  p {
    padding-left:10px;
    padding-right:10px;
}
  h6 {
    padding-left:10px;
    padding-right:10px;
}
  .pad-img {
    padding-left:10px;
    padding-right:10px;
} 
  .mw-mob {
    display:none;
}
  .slideshow {
    height:200px !important;
}
   

}

@media (max-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
  div {
    font-size:10px ; 
  }
  h3 {
    font-size:15px !important
}
  .amm {
    display:none !important;
}
  #menu-icon {
    text-align:right;
    display:inline-block;
    position:absolute;
    right:0
	}
  .map-hide {
    display:none;
}
  .wrp {
  display:none;
}
  .mob-img {
    display:inline-block;
}
  .mob-aln { 
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}
  .phAlign {
    margin:0px;
}
  .uAlign {
    padding:0px;
}      
  .mob-hide {
    display:none;
}
  .mob-show {
    display:contents;
}
  p {
    padding-left:10px;
    padding-right:10px;
}
  h6 {
    padding-left:10px;
    padding-right:10px;
}
  .pad-img {
    padding-left:10px;
    padding-right:10px;
} 
  .mw-mob {
    display:none;
}
  .slideshow {
    height:250px !important;
    width:100%;
}
  .img-sizing{
    width:310px !important;
    margin-top:5% !important;
}
  .img-sizing2 {
    max-width:310px !important;
    margin-top:5%;
}
  .img-sizing3 {
    margin-top:5% !important;
    max-width:250px !important;
    max-height:220px !important;
}
}


@media (max-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
  div {
    font-size:10px ; 
  }
  h3 {
    font-size:15px !important
}
  .amm {
    display:none !important;
}
  #menu-icon {
    text-align:right;
    display:inline-block;
    position:absolute;
    right:0
	}
  .map-hide {
    display:none;
}
  .wrp {
  display:none;
}
  .mob-img {
    display:inline-block;
}
  .mob-aln { 
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}
  .phAlign {
    margin:0px;
}
  .uAlign {
    padding:0px;
}      
  .mob-hide {
    display:none;
}
  .mob-show {
    display:contents;
}
  p {
    padding-left:10px;
    padding-right:10px;
}
  h6 {
    padding-left:10px;
    padding-right:10px;
}
  .pad-img {
    padding-left:10px;
    padding-right:10px;
} 
}


@media (max-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
  div {
    font-size: 15px; 
  }
  div {
    font-size:10px ; 
  }
  h3 {
    font-size:15px !important
}
  .amm {
    display:none !important;
}
  #menu-icon {
    text-align:right;
    display:inline-block;
    position:absolute;
    right:0
	}
  .map-hide {
    display:none;
}
  .wrp {
  display:none;
}
  .mob-img {
    display:inline-block;
}
  .mob-aln { 
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}
  .phAlign {
    margin:0px;
}
  .uAlign {
    padding:0px;
}      
  .mob-hide {
    display:none;
}
  .mob-show {
    display:contents;
}
  p {
    padding-left:10px;
    padding-right:10px;
}
  h6 {
    padding-left:10px;
    padding-right:10px;
}
  .pad-img {
    padding-left:10px;
    padding-right:10px;
} 





@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
  div {
    font-size: 15px !important; 
}

  h3 {
    font-size:15px !important
}
  .wrp {
  display:none;
}
  .mob-img {
    display:inline-block;
}
  .mob-aln { 
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}
  .phAlign {
    margin:0px;
}
  .uAlign {
    padding:0px;
}      
  .mob-hide {
    display:none;
}
  .mob-show {
    display:contents;
}
  p {
    padding-left:10px;
    padding-right:10px;
    font-size:15px !important;
}
  h6 {
    padding-left:10px;
    padding-right:10px;
}
  .pad-img {
    padding-left:10px;
    padding-right:10px;
}
  iframe {
    margin-left:15px;
} 
}




@media (max-width:1281px) { /* hi-res laptops and desktops */ 
  div {
    font-size: 20px; 
  }

}