body {
	background-color: #fff;
	color:#000;
	height:100%;
    font-family:'Open Sans', sans-serif;
    font-size:17px;
}

html{
	height:100%;
}

@font-face {
    font-family: 'spoon-bold';
    src: url('fonts/spoon-bold-webfont.eot');
    src: url('fonts/spoon-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/spoon-bold-webfont.woff2') format('woff2'),
         url('fonts/spoon-bold-webfont.woff') format('woff'),
         url('fonts/spoon-bold-webfont.ttf') format('truetype'),
         url('fonts/spoon-bold-webfont.svg#spoon-bolduploaded_file') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'spoon-bolditalic';
    src: url('fonts/spoon-bolditalic-webfont.eot');
    src: url('fonts/spoon-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/spoon-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/spoon-bolditalic-webfont.woff') format('woff'),
         url('fonts/spoon-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/spoon-bolditalic-webfont.svg#spoon-bolditalicuploaded_file') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'spoon-semibolditalic';
    src: url('fonts/spoon-semibolditalic-webfont.eot');
    src: url('fonts/spoon-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/spoon-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/spoon-semibolditalic-webfont.woff') format('woff'),
         url('fonts/spoon-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/spoon-semibolditalic-webfont.svg#spoon-semibolditauploadedfile') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'spoon-semibold';
    src: url('fonts/spoon-semibold-webfont.eot');
    src: url('fonts/spoon-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/spoon-semibold-webfont.woff2') format('woff2'),
         url('fonts/spoon-semibold-webfont.woff') format('woff'),
         url('fonts/spoon-semibold-webfont.ttf') format('truetype'),
         url('fonts/spoon-semibold-webfont.svg#spoon-semibolduploaded_file') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'spoon-regular';
    src: url('fonts/spoon-regular-webfont.eot');
    src: url('fonts/spoon-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/spoon-regular-webfont.woff2') format('woff2'),
         url('fonts/spoon-regular-webfont.woff') format('woff'),
         url('fonts/spoon-regular-webfont.ttf') format('truetype'),
         url('fonts/spoon-regular-webfont.svg#spoon-regularuploaded_file') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'spoon-regularitalic';
    src: url('fonts/spoon-regularitalic-webfont.eot');
    src: url('fonts/spoon-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/spoon-regularitalic-webfont.woff2') format('woff2'),
         url('fonts/spoon-regularitalic-webfont.woff') format('woff'),
         url('fonts/spoon-regularitalic-webfont.ttf') format('truetype'),
         url('fonts/spoon-regularitalic-webfont.svg#spoon-regularitaluploadedfile') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1{
    color: #d21e67;
    font-size:50px;
    font-family:'spoon-semibold', sans-serif;
}

h2{
    color: #fff;
    font-size:35px;
    font-family:'spoon-semibold', sans-serif;
}

h3{
    color: #000;
    font-size:20px;
    font-family:'spoon-semibold', sans-serif;
}

h3.steps-header{
    text-transform:uppercase;
    color:#d21e67;
}

h4{
    color: #fff;
    font-size:18px;
    font-family:'spoon-semibold', sans-serif;
}

h1.white{
    color:#fff;
}

h2.pink, h3.pink{
    color:#d21e67;
}

h2.black{
    color:#000;
}

h3.white{
    color:#fff;
}

h3.uppercase{
    text-transform:uppercase;
}

h4.black{
    color:#000;
}

h4.uppercase{
    text-transform:uppercase;
}

.upper{
    text-transform:uppercase;
}

.wrapper {
	min-height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 50px; /* .push must be the same height as .footer */
}

.push{
    height:0px;
}

.page-footer{
    background-color:#2f2f2f;
}

.footer-links{
	color:#000;
}

.footer-links a{
	color:#fff;
}

.header.navbar-default{
	background-color: #d31e6a;
	border: 0px;
	border-radius:0px;
}

.footer.navbar {
	background-color:#000;
	border:0px;
	border-radius:0px;
}

/*.header.navbar-default{
	border-bottom:8px solid #730B2A;
}
*/
.navbar{
	margin-bottom:0px;
	margin-top:0px;
}

ul#nanaya-header-nav li a{
	color:#fff;
	font-family:'spoon-regular', sans-serif;
	font-size:20px;
}

.spacer-row{
    height:50px;
}

.spacer-row-half{
    height:25px;
}

.spacer-row-sm{
    height:10px;
}

.brand-image{
    padding: 0px;
}

.dimensions-col{
    padding:30px;
}

.dimensions-col .img-container{
    height:180px;
}

.dimensions-col:hover h4{
    padding-top:5px;
    filter:alpha(opacity=100);/*position where      
    enlarged image should offset horizontally */
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.subtitle{
	color: /*#d21e67*/#fff;
	font-size:20px;
	font-family:'spoon-semibold', sans-serif;
}

.logo-row{
	margin-top:50px;
	margin-bottom:0px;
}

.subtitle-row{
	text-align:center;
}

.promo-box{
	background-color: rgba(10, 10, 10, 0.8);
	color:#fff;
	padding:16px 20px;
}

.promo-subscribe-box{
	width:70%;
	padding-bottom:10px;
}

.align-center{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.btn-subscribe, .btn-primary{
	background-color: #d21e67;
	border: 1px solid #A60546;
    border-radius:0px;
}

.btn-subscribe:hover, .btn-primary:hover{
	background-color:#A60546;
    border:1px solid #6B0730;
}

.btn-start{
    font-size:20px;
    padding:10px 20px;
    font-family:'spoon-semibold', sans-serif;
    text-transform:uppercase;
}

a.start-link{
    text-decoration:none;
}

.page-header{
	border-bottom:0px;
}

#intro { 
    background: url('../img/stock2.jpg') 50% 0 fixed no-repeat; 
    height: auto;  
    margin: 0 auto; 
    width: 100%; 
    position: relative; 
    padding: 10px 0;
}
#panel1 { 
    background-color: #fff; 
    height: auto;  
    margin: 0 auto; 
    width: 100%; 
    position: relative; 
    padding: 60px 0;
}
#panel2 { 
    background-color: #d31e6a; 
    height: auto;  
    margin: 0 auto; 
    width: 100%; 
    position: relative; 
    padding: 60px 0;
}
#panel3 { 
    background-color: #fff; 
    height: auto;  
    margin: 0 auto; 
    width: 100%; 
    position: relative; 
    padding: 60px 0;
}
#panel4 { 
    background: url('../img/about.png') 50% 0 fixed; 
    height: auto;
    margin: 0 auto; 
    width: 100%; 
    position: relative; 
    padding: 60px 0;
    color: #fff;
}
#panel5 { 
    background-color: #d31e6a; 
    height: auto;  
    margin: 0 auto; 
    width: 100%; 
    position: relative; 
    padding: 10px 0;
}
#panel6 { 
    background-color: #2f2f2f; 
    height: auto;  
    margin: 0 auto; 
    width: 100%; 
    /*position: relative;*/ 
    padding: 0px 0;
}

#panel6a{
    background-color:#70042c;
}

#panel6b{
    background-color:#2f2f2f;
}


#panel7 { 
    background-color: #fff; 
    height: auto;  
    margin: 0 auto; 
    width: 100%; 
    position: relative; 
    padding: 100px 0;
}
#panel8 { 
    color:#fff;
    background: url('../img/about.png') 50% 0 fixed; 
    height: auto;  
    margin: 0 auto; 
    width: 100%; 
    position: relative; 
    padding: 50px 0;
}
#panel9 { 
    /*display:none;*/
    background-color: #fff; 
    height: auto;  
    margin: 0 auto; 
    width: 100%; 
    position: relative; 
    padding: 50px 0;
    text-align:center;
}

ul.fullpage li{
    font-size:18px;
}


.half-color{
   color:#fff;
    background-color:#2f2f2f;
}

.half-alt-color{
    color:#fff;
    background-color: #70042C;
}

.social-buttons{
	text-align:center;
	padding-top:20px;
}

.social-button {
	color:#ccc;
	width:38px;
	height:38px;
	margin:auto 5px;
	border-radius:150px;
	background-color:#2f2f2f;
	border:1px solid #ccc;
}

.social-button a .fa{
    color:#ccc;
}

.social-button a:hover .fa{
        color:#fff;
}

.social-button:hover{
	background-color:#2f2f2f;
	color:#fff;
	border:1px solid #fff;
}

.steps-image{
    border:1px solid #d21e67;
}

.video-overlay{
    background: url('../img/vidcap.png') 50% 0 no-repeat; 
}

.header-icon{
    padding:8px;
}

.tabs-buttons {
    padding:0px;
}

.tabs-content{
    height:450px;
    padding:20px;
    border:1px solid #aaa;
    border-top:none;
    text-align:center;
}

ul.tabs-left li a{
    border-radius:0px;
    border:1px solid #aaa;
    border-right:0px;
}

ul.tabs-left li.active a, ul.tabs-left li.active a:active, ul.tabs-left li.active a:hover, ul.tabs-left li.active a:focus{
    background-color: #d21e67 !important;
    border-radius:0px;
    color:#fff;
    border:1px solid #ccc;
    border-right:0px;
}

ul.tabs-two li.active a, ul.tabs-two li.active a:active, ul.tabs-two li.active a:hover, ul.tabs-two li.active a:focus{
background-color:#333;
border-right:0px;
}

ul.tabs-two li{
    background-color:#333;
}

ul.tabs-two li.active{
    background-color:#d21e67;
    border:0px;
}

ul.tabs-two li a{
    color:#000;
    border:0px;
}

ul.tabs-two li a:hover{
    background-color:#333;
    color:#ccc;
    border:0px;
}

.mobile-hide{
    display:block;
}

.mobile-show{
    display:none;
}

/* XXXXS */
@media only screen   
and (max-width : 359px) {
    .mobile-hide{
        display:none;
    }
    .mobile-show{
        display:block;
    }
    .tabs-buttons ul.nav-tabs li, .tabs-buttons ul.nav-tabs li, ul.tabs-left li a{
        border:none;
        background-color:#dedede;
    }
    .tabs-content{
        height:350px;
        border:none;
    }
    h2{
        font-size:24px;
    }
    img.header-icon::after{
        content:"<br/>";
    }
ul.tabs-left li.active a, ul.tabs-left li.active a:active, ul.tabs-left li.active a:hover, ul.tabs-left li.active a:focus{
        border: 0px;
    }

    ul.tabs-two li.active a, ul.tabs-two li.active a:active, ul.tabs-two li.active a:hover, ul.tabs-two li.active a:focus{
    border:0px;
    }
}


/* XXXS */
@media only screen  
and (min-width : 360px) 
and (max-width : 399px) {
    .mobile-hide{
        display:none;
    }
    .mobile-show{
        display:block;
    }
    .tabs-buttons ul.nav-tabs li, .tabs-buttons ul.nav-tabs li, ul.tabs-left li a{
        border:none;
        background-color:#dedede;
    }
    .tabs-content{
        height:350px;
        border:none;
    }
    h2{
        font-size:24px;
    }
    img.header-icon::after{
        content:"<br/>";
    }
ul.tabs-left li.active a, ul.tabs-left li.active a:active, ul.tabs-left li.active a:hover, ul.tabs-left li.active a:focus{
        border: 0px;
    }

    ul.tabs-two li.active a, ul.tabs-two li.active a:active, ul.tabs-two li.active a:hover, ul.tabs-two li.active a:focus{
    border: 0px;
    }
}

/* XXS */
@media only screen  
and (min-width : 400px) 
and (max-width : 518px) {
    .mobile-hide{
        display:none;
    }
    .mobile-show{
        display:block;
    }
    .tabs-buttons ul.nav-tabs li, .tabs-buttons ul.nav-tabs li, ul.tabs-left li a{
        border:none;
        background-color:#dedede;
    }
    .tabs-content{
        height:350px;
        border:none;
    }
    h2{
        font-size:24px;
    }
    img.header-icon::after{
        content:"<br/>";
    }
    ul.tabs-left li.active a, ul.tabs-left li.active a:active, ul.tabs-left li.active a:hover, ul.tabs-left li.active a:focus{
        border: 0px;
    }

    ul.tabs-two li.active a, ul.tabs-two li.active a:active, ul.tabs-two li.active a:hover, ul.tabs-two li.active a:focus{
    border: 0px;
    }
}

/* XS */
@media only screen  
and (min-width : 519px) 
and (max-width : 767px) {
    .mobile-hide{
        display:none;
    }
    .mobile-show{
        display:block;
    }
    .tabs-buttons ul.nav-tabs li, .tabs-buttons ul.nav-tabs li, ul.tabs-left li a{
        border:none;
        background-color:#dedede;
    }
    .tabs-content{
        height:350px;
        border:none;
    }
    h2{
        font-size:24px;
    }
    img.header-icon::after{
        content:"<br/>";
    }
    ul.tabs-left li.active a, ul.tabs-left li.active a:active, ul.tabs-left li.active a:hover, ul.tabs-left li.active a:focus{
        border: 0px;
    }

    ul.tabs-two li.active a, ul.tabs-two li.active a:active, ul.tabs-two li.active a:hover, ul.tabs-two li.active a:focus{
    border: 0px;
    }
}

/* SM */
@media only screen 
and (min-width : 768px) 
and (max-width : 991px) {
    .mobile-hide{
        display:none;
    }
    .mobile-show{
        display:block;
    }
    .tabs-buttons ul.nav-tabs li, .tabs-buttons ul.nav-tabs li, ul.tabs-left li a{
        border:none;
        background-color:#dedede;
    }
    .tabs-content{
        border:none;
    }
    img.header-icon::after{
        content:"<br/>";
    }
}

/* MD */
@media only screen 
and (min-width : 992px)
and (max-width : 1199px) {
}

/* LG */
@media only screen 
and (min-width : 1200px) {
}