@charset "utf-8";
/* CSS Document */
*{padding:0px; margin:0px;}
html{font-size:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:normal;}
label{display:inline-block; font-weight:bold; margin-bottom:5px; max-width:100%;}
ol, ul{list-style:none;}
:focus{outline:0;}
a, a:link{text-decoration:none; outline:none;}
a:hover{outline:none;}
a:focus{outline:0;}
figure{text-align:center;}
img{max-width:100%; height:auto;}
p{padding:2px 0;}
.clear{clear:both;}
body{margin:0 !important; padding:0; font-family:"Simpsonfont"; color:#000; background:#fff;}

.header{position:absolute; top:0; width:100%; left:0; padding:28px 0;}
.toggle{position:absolute; z-index:3; width:2em; height:2em; top:10px; right:35px; margin:15px 0 0 15px; cursor:pointer;}
.toggle span{display:block; position:absolute; width:100%; height:4px; margin:1.25em 0 0 0; background:#fff; -webkit-transition:350ms ease all; -moz-transition:350ms ease all; transition:350ms ease all;}
.toggle span:before, .toggle span:after{content:" "; position:absolute; width:100%; height:4px; background:#fff; -webkit-transition:350ms ease all;   -moz-transition:350ms ease all; transition:350ms ease all;}
.toggle span:before{margin:-10px 0 0 0;}
.toggle span:after{margin:10px 0 0 0;}
.toggle.open span{background-color:transparent;}
.toggle.open span:before, .toggle.open span:after{margin:0; background:#fff;}
.toggle.open span:before{-webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg);}
.toggle.open span:after{-webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg);}
.navigation{visibility:hidden; opacity:0; position:fixed; padding-top:28px; z-index:2; width:100%; height:100%; top:0; left:0; text-align:center;  background:rgba(0,0,0,0.9); -webkit-transform:scale(1.5); -moz-transform:scale(1.5); transform:scale(1.5); -webkit-transition:350ms ease all; -moz-transition:350ms ease all; transition:350ms ease all;}
.navigation.opened{visibility:visible; opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transition:350ms ease all; -moz-transition:350ms ease all; transition:350ms ease all;}
.header ul{text-align:center;}
.header ul li{display:inline-block; margin:0 5px;}
.header ul li a{font-size:18px; color:#fff; display:block; background:#7a3b14; border-radius:30px; transition:all 0.3s linear; -webkit-transition:all 0.5s linear;}
.header ul li a:hover{color:#fff;}

.section-part1{background:url(../images/bg1.jpg) no-repeat top center; background-size:cover; height:1614px; overflow:hidden;}
.section-part2{background:url(../images/bg2.jpg) no-repeat top center; background-size:cover; height:852px; overflow:hidden;}
.section-logo{margin:460px 0 0;}
.button1{margin:40px 0 0 0px;}
.text-content{width:648px; max-width:100%; margin:40px 0 0}
.text-content p{font-size:20px; color:#42200b; line-height:30px; margin:30px 0 0;}
.secrion-part3{background:url(../images/bg3.jpg) no-repeat top center; background-size:cover; height:1127px; overflow:hidden;}
.story-content{float:right; width:550px; max-width:100%; margin:50px 0 0;}
.story-content p{font-size:20px; color:#42200b; margin:40px 0 0;}
.buttons{margin:50px 0 0; text-align:right;}
.buttons a{display:inline-block; margin-right:25px;}
.tales-content{width:1100px; max-width:100%; margin:0 auto; margin-top:190px;}
.tales-content ul{margin:0; justify-content:space-between;}
.tales-content ul li a{font-family:"Simpsonfont"; font-size:24px; color:#701727; width:350px; line-height:105px; text-align:center; display:block; margin:0; color:#fff; background-size:100%; margin-top:30px;}
.tales-content ul li a{color:#fff;}
.section-part4{background:url(../images/bg4.jpg) no-repeat top center; background-size:cover; height:1291px; overflow:hidden; padding-top:140px;}
.choco-tales{margin:15px 0 0; text-align:left;}
.section-part5{background:url(../images/bg5.jpg) no-repeat top center; background-size:cover; height:1668px; overflow:hidden;}
.content-recipes{width:1040px; max-width:100%; margin:0 auto; text-align:center; margin-top:35px; position:relative;}
.section-part5 .buttons a{margin:0 10px;}
.content-recipes .buttons{text-align:center;}

.section-part6{background:url(../images/bg6.jpg) no-repeat top center; background-size:cover; height:873px; overflow:hidden;}
.section-part6 h2{text-align:center; margin:30px 0 0 15px;}
.menu-gallery{text-align:center; margin-top:40px;}
.menu-gallery li{display:inline-block; margin:25px 40px 0;}
.section-part6 p{font-size:20px; color:#42200b; margin:0 auto; width:900px; margin-top:25px; text-align:center; line-height:32px; margin-bottom:40px;}
.gallery li{margin-bottom:24px;}
.video-frame{}
.video-frame iframe,video-frame video{width:100%;}

.section-part7{background:url(../images/bg7.jpg) no-repeat top center; background-size:cover; height:1149px; overflow:hidden;}

.footer{background:url(../images/bg8.jpg) no-repeat top center; background-size:cover; height:1248px; overflow:hidden; padding-top:30px;}
.mv-heading{text-align:center; margin-top:120px; margin-right:100px;}
.mv-heading a{display:inline-block; margin:0 20px;}
.mv-heading h3{margin-top:60px;}
.mv-heading p{font-size:20px; color:#42200b; margin:0 auto; margin-top:60px; text-align:center; line-height:32px; margin-bottom:40px;}
.vison-heading{margin:500px 0 0 60px; width:590px; max-width:100%; text-align:center;}
.vison-heading a{display:inline-block; margin:0 20px;}
.vison-heading p{margin:60px 0 0;}
.section-part7 p{margin-top:55px;}

.heading{text-align:center; margin-top:120px;}
.contact-form{margin:0 auto; margin-top:10px; width:740px; text-align:center;}
.contact-form a{display:inline-block; margin:0 30px;}
.contact-form h3{font-size:100px; text-align:center; color:#fff;}
.social-column{justify-content:center; margin-top:30px; margin-right:68px;}
.social-column li{margin:10px 20px 0;}

.input-control{font-family:'proxima_nova_rgregular'; color:#fff; height:56px; background:#ff0000; border-radius:50px; border:none; width:100%; padding-left:25px; box-shadow:-2px 6px 0 #e10000; margin-bottom:40px;}
textarea.input-control{font-family:'proxima_nova_rgregular'; color:#fff; height:215px; background:#ff0000; border-radius:150px; border:none; width:100%; padding-left:25px; box-shadow:0px 10px 0 #e10000; margin-top:0; padding:20px 0 0 80px;}
.contact-form input[type=submit]{font-family:'proxima_nova_rgregular'; font-size:20px; color:#fff; text-transform:uppercase; background:#007a00; width:202px; height:62px; text-align:center; border:none; border-radius:50px; display:block; margin:0 auto; margin-top:10px; text-transform:uppercase; box-shadow:-0px 5px 0 #002900;}
.contact-form form{margin-top:60px;}
.footer ul{text-align:center; margin-top:300px;}
.footer ul li{font-family:'proxima_nova_rgregular'; font-size:16px; color:#701727; background:#ffd520; display:inline-block; padding:15px 20px; border-radius:30px; margin:0 10px; margin-top:12px;}
.footer ul li a{color:#701727;}

.buttons a,.button1 a,.contact-form a,.mv-heading img, .vison-heading img,.social-column li{display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:transform; transition-property:transform;}
.contact-form input[type="submit"]{vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0);   -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:transform; transition-property:transform;}
.buttons a:hover, .buttons a:focus, .buttons a:active,.button1 a:hover,.contact-form input[type="submit"]:hover,.contact-form a:hover,.vison-heading img:hover,.social-column li:hover{-webkit-transform:scale(0.9); transform:scale(0.9);}
.menu-gallery li{display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:transform;  transition-property:transform;}
.menu-gallery li:hover, .menu-gallery li:focus, .menu-gallery li:active{-webkit-transform:scale(1.1); transform:scale(1.1);}

.totop{position:fixed; bottom:50px; right:15px; cursor:pointer; display:none; background:#000; color:#fff; border-radius:50%; height:40px; 	width:40px; text-align:center; line-height:40px; font-size:25px;}

.discover-part{overflow-x:hidden; position:relative;}
.map-container{position:absolute; left:0; max-width:1140px; padding:0 15px; right:0; margin:0 auto; top:0; height:100%;}
.discover-part ul{justify-content:space-between; height:100%;}
.discover-part ul li{display:block; width:515px; height:100%; background:#fff;}
.discover-part ul li a{ display:block; height:100%;}
.discover-part img{width:100%; height:100%;}
.modal-dialog{max-width:800px; margin:30px auto;}
.modal-body{position:relative; padding:0px;}
.close{position:absolute; right:-30px; top:0; z-index:999; font-size:2rem; font-weight:normal; color:#fff; opacity:1;}
.overflow-class{overflow-x:hidden;}

.gallery-head{background:url(../images/gallery-head.jpg) no-repeat top center; height:473px; background-size:cover;}
.gallery-body{ background:url(../images/gallery-body.jpg) no-repeat top center; height:986px; background-size:cover;}
.gallery-container{ width:1550px; max-width:100%; margin:0 auto;}
.gallery-body ul{ padding-top:6px;}
.gallery-body ul li{padding:0 8px; margin-top:15px;}
.main-modal .modal-dialog{ max-width:1200px;}
.main-modal .modal-content{ background:none !important; border:0 !important; border-radius:0 !important; }
.mv-head{ background:url(../images/mv-header.jpg) no-repeat; height:450px; background-size:cover;}
.mv-body{background:url(../images/mv-body.jpg) no-repeat; height:1010px; background-size:cover;}
.mv-container{ width:1450px; margin:0 auto; max-width:100%;}
.mv-column{padding:90px 0 0; justify-content:space-between; margin:0;}
.mv-column li{ width:450px; margin-top:45px;}
.mv-column li .audio{background:#000; border-radius:10px; width:100%; padding:15px; padding-top:135px;} 
.mv-column li .audio p{font-family:'proxima_nova_rgregular'; text-transform:uppercase; font-weight:700; font-size:15px; color:#fff; background:url(../images/audio.jpg) no-repeat left center; padding:15px 0 15px 68px; margin-bottom:15px;}
.mv-column li audio{width:100%;background:#000;}
.page-content{}
.page-content img{width:100%;}

.event-body{background:url(../images/event2.jpg) top center no-repeat; background-size:cover; height:700px;}
.event1-div{padding:20px 100px 0 110px;}
.event1-div img{width:100%; height:auto;}
.event2-div{padding:20px 100px 0 110px;}
.event2-div img{width:100%; height:auto;}
.event3-div{padding:160px 100px 0 110px;}
.event3-div img{width:100%; height:auto;}
.event4-div{padding:160px 100px 0 110px;}
.event4-div img{width:100%; height:auto;}

<!--Fonts-->
@font-face{
	font-family:"Simpsonfont";
	src:url("../fonts/Simpsonfont_DEMO.eot?") format("eot"), url("../fonts/Simpsonfont_DEMO.woff") format("woff"), url("../fonts/Simpsonfont_DEMO.ttf") format("truetype"), url("../fonts/Simpsonfont_DEMO.svg#Simpsonfont") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face{
    font-family:'proxima_nova_rgregular';
    src:url('../fonts/proximanova-regular.eot');
    src:url('../fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular.woff') format('woff'),
         url('../fonts/proximanova-regular.ttf') format('truetype'),
         url('../fonts/proximanova-regular.svg#proxima_nova_rgregular') format('svg');
    font-weight:normal;
    font-style:normal;
}