body {
	/*background-color: #E9DEE7;*/
    background-color: #2f2f2f;
    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;*/

/*}*/

a{
    color: #d21e67;
    text-decoration:none;
}

a:hover{
        color: #d21e67;
        text-decoration:underline;
}

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;*/
}

h2.steps-header{
    /*text-transform:uppercase;*/
    color:#d21e67;
    /*font-size:30px;*/
}

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

h4.panel-title{
    font-size:25px;
}

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, .uppercase{
    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;
}

.footer-links{
	color:#000;
}

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

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

.navbar-collapse { max-height: none !important; }
.navbar-collapse.in { overflow-y: visible; }
.navbar-nav .open .dropdown-menu { background-color: #d31e6a; }

.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{
    font-size:28px;
    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/stock6.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;
}

#panel4 #friendship1{
    color:#000;
}

#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;
}

.chart{
    width:600px;
    height:400px;
}

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


.padding-left-30{
    padding-left:30px;
}

.padding-right-30{
    padding-left:30px;
}

.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;
}

.header-icon{
    padding:8px;
}

#romance1 .panel a h4, #friendship1 .panel a h4{
    color:#333;
    text-decoration:none;
}

#romance1 .panel a:hover h4, #friendship1 .panel a:hover h4{
    color:#333;
    text-decoration:none !important;
}

.panel-heading{
    background-color:#f9f9f9;
}

a.panel-heading h4{
    color:#333;
}

a.panel-heading:hover h4{
    color:#d21e67;
    text-decoration:none;
}

.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:#aaa;
}

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) {

}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}