/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */


h1, h2, h3, h4, h5, h6 {
color:#a6bd11;
}

a { color: #ff5510; }

.tabs .tab a {
    color: #a5bf10 !important;
}    
    
   
p {
  line-height: 2rem;
}

nav ul a,
nav .brand-logo {
  color: #fff;
  font-size: 1rem !important;
}




nav {
    color: #fff;
    background-color: #000000;
    width: 100%;
    height: 64px;
    line-height: 64px;
   }

  .dropdown-content-menu {
 
    margin-top: 64px;
        min-width: 600px;
    
    
  }
  
  
  .dropdown-content-menu li {
    clear: both;
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    min-height: 30px;
    line-height: 0.7rem;
    width: 100%;
    text-align: left;
    text-transform: none;
}
  
  

   .dropdown-content-menu li > a, .dropdown-content-menu li > span {
    font-size: 14px;
    color: #ff5510;
    display: block;
    line-height: 20px;
    padding: 10px 6px;
}
   
  
   
   
   .header {margin-top: 7.7rem;}
   .home-header {margin-top: 10.7rem;}
    
   .heart-position {
  
  position:absolute; top:500px; z-index:2;

}




.black_transparent {background:rgba(0,0,0,.4); padding:10px;height:100px;position:absolute;z-index:2;top:0px;width:100%;}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em .5em;
color: #111;
background-color: #fff;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: #CECECE;
}
 	
 	
.btn-small {
font-size: 0.9em;

height: 30px;
    line-height: 30px;
    outline: 0;
    padding: 0 1rem;
border-radius: 3px;  
font-weight:600;



} 



.custom-input {
   background-color: #FFF !important;
   color: #111;
 padding-left: 10px !important;
   }
    
.jumbotron {
    color: inherit;
    background-color: #e6e6e6;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
} 

.div_block {
margin-bottom:10px;height:114px;border: 1px solid #CECECE; padding:10px;border-radius: 5px;
}

.divider_dot {
border-top: 1px dashed #CCC;color:#ff5510;font-size:0.9em;padding-top:5px;margin-top:10px;height:30px;
}
 
.logo_center {
display:block;margin-left:auto;margin-right:auto;



}




 	
 	
::-webkit-input-placeholder {
   color: gray;
}

:-moz-placeholder { /* Firefox 18- */
   color: gray;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: gray;  
}

:-ms-input-placeholder {  
   color: gray;  
} 	





/*
.button-collapse {
  color: #26a69a;
}
*/



.parallax-container {
  min-height: 540px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }
  
  
  
  .parallax-container2 {
  min-height: 190px !important;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container2 .section {
    width: 100%;
  }
  
  
  
  
    .parallax-container3 {
  min-height: 120px !important;
  line-height: 0;
  height: auto;
  overflow: visible !important;

}
  .parallax-container3 .section {
    width: 100%;
  }
  
  
  
  
  
.modal { max-height:100%;}


  
  
  @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px) { 
  

img.responsive-heart {
    max-width: 55%;

}


.heart-position {
  
  position:absolute; top:540px; z-index:2;

}


.photos {position:relative;z-index:3;}

}  
    
  
 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 414px) { 
  
  
.container-header {
   margin: 0 auto;
    width: 95% !important;
}

.container-mobile {
 margin-left:10px !important;
   
}


  #index-banner {
  display:none;
  }
  
  
  img.responsive-heart {
    display:none;

}


.invite-friends {
  
      display:none;
  
}


.autocomplete-content {
  margin-top: -55px !important;
  
}



.mobile-search {
 
    display:block !important;
  
}

.photos {margin-left:10px;}



.invite-modal { width: 98% !important; max-height:100%;}
  
} 




@media only screen 
and (min-device-width : 415px) 
and (max-device-width : 736px) { 
  
  

  #index-banner {
  display:none;
  }
  
  
  img.responsive-heart {
    display:none;

}



.autocomplete-content {
  margin-top: -55px !important;
  
}



.invite-friends {
  
      display:none;
  
}


.mobile-search {
 
    display:block !important;
  
}

  
  .photos {margin-left:15px;}
  
  
  
  
  
.modal { width: 60%; max-height:100%;}

.invite-modal { width: 97% !important; max-height:100%;}
  
  
} 








@media only screen 
and (min-width : 415px) 
and (max-width : 992px) { 
  
  

  
.container-header {
   margin: 0 auto;
    width: 98% !important;
}


.modal { width: 60%; max-height:100%;}

.invite-modal { width: 97% !important; max-height:100%;}

} 
  
  
@media only screen 
and (min-width : 993px) 
and (max-width : 1279px) { 
  
  
.container-header {
   margin: 0 auto;
    width: 99% !important;
}


.photos {position:relative;z-index:3;}




.modal { width: 50%; max-height:100%;}

.invite-modal { width: 75% !important; max-height:100%;}

}  

@media only screen 
and (min-width : 1280px) 
and (max-width : 1299px) { 
  
  
.container-header {
    margin: 0 auto;
    width: 85% !important;
}

.photos {position:relative;z-index:3;}



.modal { width: 45%; max-height:100%;}

.invite-modal { width: 65% !important; max-height:100%;}

} 
  
@media only screen 
and (min-width : 1300px) 
and (max-width : 1399px) { 
  
  
.container-header {
    margin: 0 auto;
    width: 80% !important;
}


.photos {position:relative;z-index:3;}

.modal { width: 40%;  max-height:100%;}

.invite-modal { width: 60% !important; max-height:100%;}

} 


@media only screen 
and (min-width : 1400px) 
and (max-width : 1479px) { 
  
  
.container-header {
    margin: 0 auto;
    width: 75% !important;
}

.photos {position:relative;z-index:3;}

.modal { width: 35%;  max-height:100%;}

.invite-modal { width: 55% !important; max-height:100%;}

}   
  

@media only screen 
and (min-width : 1480px) 
 { 
   
.container-header {
    margin: 0 auto;
    width: 70% !important;
}


.photos {position:relative;z-index:3;}

.modal { width: 25%;  max-height:100%;} 

.invite-modal { width: 50% !important; max-height:100%;}

}   
 
  

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }



}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}