body{
    font-family:Open Sans, Helvetica, sans !important;
}

body{
    background-color:#fff;
}

div.container-fluid{
    overflow: hidden;
}

div.big-image{
    height:84vh;
    overflow:hidden;
}

div.big-image img{
    width:100%;
}

#toddler-image{
    padding-left:0;

}

.mobile-family{
    width: 100%;
    display: block;
    padding:7.5px 15px;
}

#mobile-family-first{
    padding-top:15px;
}

#mobile-family-last{
    padding-bottom:15px;
}

#kids-image{
    top:-90vh;
}

#top{
	background-color:#f06eaa;
	height:41vh;
    -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
}

#top-text{
    height:25%;
    padding-top:3%;
    padding-bottom:8%;
}

#top-text div{
    position:relative;
    color:#fff;
}

#top-text h1{
    font-size:26px;
    font-weight:100;
    line-height:34px;
    margin-bottom:20px;
    margin-top:0;
}

#top-text p{
    font-size:.9em;
    font-weight:100;
    line-height:1.4em;
}

#top-text span{
    font-weight:700;
    font-size:30px;
}

#bottom{
	background-color:#dddddd;
	height:41vh;
}

#bottom-text{
    height:15%;
    padding-top:8%;
    position:relative;
}

#bottom-text p{
    font-size:.8em;
    font-weight:100;
    margin-bottom:8px;
    color:#333;
}

button{
    color:#fff;
    background-color:#0099ff;
    border:1px solid #0099ff;
    border-radius:2px;
    font-family: Open Sans, Helvetica, sans;
    font-size:15px;
    font-weight:600;
    color:#fff !important;
    padding:5px 10px;
    margin:0 auto;

    display:none;
}

#toddler-button{
    display:inline-block;
}

div.small-side-content{
    height:84vh;
    position:absolute;
    right:15px;
    top:100vh;
    margin-top:15px;
    padding:60px 3vw 0 3vw;
}

#icons{
	height:16vh;
}

#slider{
    margin-top:3vh;
}

.slider-icon{
    display:inline-block;
    padding-right:20px;
    padding-left:20px;
    color:#999;
    cursor: pointer;
}

.slider-icon:hover{
    color:#007ec4;
}

.slider-icon-selected{
    color:#007ec4;
}

.slider-icon img{
    height:45px;
    margin-bottom:10px;
}

.slider-icon p{
    font-size:12px;
    font-weight:400;
}

.slider-icon:last-child{
    margin-right:0px;
}

.icon-selected p{
    color:#007ec4;
}

.bottle{
    display:none;

    height:60%;
    position:relative;
    z-index:1;
    margin:0 auto;
}

#toddler-bottle{
    display:block;
}

.big-image{
    display:none;
}

#toddler-image{
    background: url('https://nalgene.com/brand/img/family/big/toddlers.jpg') no-repeat;
    border-right: 16px solid white;
    display: block;
}

#kids-image{
    left:25%;
    padding-right:0;
    background: url('https://nalgene.com/brand/img/family/big/kids-image.jpg') no-repeat;
    border-left: 16px solid white;
}

.athlete-image{
    -webkit-transition: background 500ms ease-out;
    -moz-transition: background 500ms ease-out;
    -o-transition: background 500ms ease-out;
    transition: background 500ms ease-out;
    background: url('https://nalgene.com/brand/img/family/big/athletes.jpg') no-repeat !important;
}

#kids-to-athlete{
    background: url('https://nalgene.com/brand/img/family/big/kids-image.jpg') no-repeat;
}


#worker-image{
    background: url('https://nalgene.com/brand/img/family/big/workers.jpg') no-repeat;
    border-left: 16px solid white;
}


.adventurer-image{
    -webkit-transition: background 500ms ease-out;
    -moz-transition: background 500ms ease-out;
    -o-transition: background 500ms ease-out;
    transition: background 500ms ease-out;
    background: url('https://nalgene.com/brand/img/family/big/adventurers.jpg') no-repeat !important;
}



.coverBg{
    background-size: cover !important; 
    /*min-width: 100% !important;
    min-height: 100% !important; */
    background-position: 50% !important;
}

.top-text{
    display:none;
}

#toddler-top-text{
    display:block;
}

#slide-1{
    position: relative;
    z-index: 1000;
}

.fam-btn a{
 color: #fff !important;
}


#background {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /*background: url(polina.jpg) no-repeat;*/
    background-size: cover;
}

.kev1{
    height: 100vh;
  position: relative;
}



@media only screen and (max-width: 992px) { 
    #kids-bottle{
        height:50%;
        margin-bottom:24%;
    }


}