@charset "utf-8";
/* CSS Document */



body { background:#fff; color: #525252; font-family: 'Josefin Slab', serif;}
p { font-size: 20px;}

/* BS OVERIDE */
/*
@media (min-width: 1200px){
	.container {max-width: 1510px;}
}
*/


.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}




/*============================================================================================*/
/* SITE STRUCTURE */
/*============================================================================================*/


/* HEADER AREA */ 
header {}
header .HeaderWrap { background:  url(../images/bg_texture.jpg) repeat-x top center; height:130px; width: 100%; display: block; margin-bottom: 120px; }
header .HeaderWrap .Logo { display: table; margin: 0 auto; margin-top: 30px; padding: 0px 60px;}
header .HeaderWrap .Logo a { display: block;}





/* FOOTER AREA */
footer .FooterWrap { background:  url(../images/bg_texture.jpg) repeat top center; height: auto; width: 100%; display: block; padding: 20px 0px;}
footer .FooterWrap .SocialBox { display: block; }
footer .FooterWrap .SocialBox a { color: #7A2415; display: inline-block; font-size: 30px; padding: 2px 5px;}
footer .FooterWrap .SocialBox a:hover { color: #525252;}
footer .FooterWrap .FooterAction h3 { color:#7A2415; }
footer .FooterWrap .FooterAction ul { margin: 0; padding: 0px; list-style: none; text-align: center;}
footer .FooterWrap .FooterAction ul li { display: inline-block;}
footer .FooterWrap .FooterAction ul li a {  color: #525252;}




/*============================================================================================*/
/* COMPONENTS */
/*============================================================================================*/

.TitleSec { font-size: 80px; font-weight: 800; color: #2E2C2B;}

.btn { font-weight: 600;}
.btn-pad { padding-left: 50px; padding-right: 50px;}
.btn-success { color: #fff; background-color: #8BC34A;  border-color: #8BC34A;}
.btn-success:hover {color: #fff; background-color: #28a745; border-color: #28a745;}


.H2_Title { margin-bottom: 3%; font-size: 67px; font-weight: 500; color:#7A2415; font-family: 'Amatic SC', cursive;}




/*============================================================================================*/
/* HOME */
/*============================================================================================*/


.MainWrap { display: block;}
.MainWrap .IntroSec { display: block; margin-bottom: 5%;}
.MainWrap .IntroSec h1 { display: block; font-size: 39px; font-weight: 500; color: #7A2415;}
.MainWrap .IntroSec h1:after { display: block; content: ""; width: 63px; height: 4px; background:#F3EDE4; margin: 3% auto;}
.MainWrap .IntroSec p { font-size:20px; font-weight: 500;}


.MainWrap .GoldenCornflakeSec { display: block; background: #F3EDE4; padding:5% 0px;overflow: hidden;}
.MainWrap .FlossSec { display: block; background: #fff; padding:5% 0px;overflow: hidden;}
.MainWrap .BiscottiSec { display: block; background: #F3EDE4; padding:5% 0px;overflow: hidden;}
.MainWrap .FB_OrderSec { display: block; background: #fff; padding:3% 0px 0% 0px;overflow: hidden;}

.MainWrap .FB_OrderSec .ImgBox { bottom: -130px; position: relative; }

.MainWrap .FlossSec .ImgBox { padding: 6%;position: relative; }
.MainWrap .FlossSec .ImgBox img.Floss_01 { position: absolute; left: 0px; top: 0px; z-index: 1;}
.MainWrap .FlossSec .ImgBox img.Floss_02 { position: absolute; left: 0px; top: 0px; z-index: 0;}


.MainWrap .BiscottiSec .ImgBox { padding: 6%; }
.MainWrap .BiscottiSec .ImgBox img {transform: scale(0.8); }

.AnimRotate { transform: rotate(10deg);}
.AnimMoveRotate { transform:rotate(10deg) translateY(-100px) translateX(-10px);}
.AnimScale { transform: scale(1.2);}
.AnimMoveTop { transform:rotate(10deg) translateY(-100px);}