/*

'##::::'##::'#######::'##::: ##:'########::'########:'##:::::::'########:'########:
 ###::'###:'##.... ##: ###:: ##: ##.... ##: ##.....:: ##::::::: ##.....::..... ##::
 ####'####: ##:::: ##: ####: ##: ##:::: ##: ##::::::: ##::::::: ##::::::::::: ##:::
 ## ### ##: ##:::: ##: ## ## ##: ##:::: ##: ######::: ##::::::: ######:::::: ##::::
 ##. #: ##: ##:::: ##: ##. ####: ##:::: ##: ##...:::: ##::::::: ##...:::::: ##:::::
 ##:.:: ##: ##:::: ##: ##:. ###: ##:::: ##: ##::::::: ##::::::: ##:::::::: ##::::::
 ##:::: ##:. #######:: ##::. ##: ########:: ########: ########: ########: ########:
..:::::..:::.......:::..::::..::........:::........::........::........::........::

Copyright 2021 Mondelēz International, Inc.
This website was built by Blue World Inc.

*/

/* ----- Base ----- */
html,body{margin:0;padding:0;width:100%;height:100%;}
html{
	font-size:10px;
	-webkit-tap-highlight-color:#000000;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body{
	font-family:'BwSurcoRegular';
	font-size:18px;
	line-height:1.4;
	margin:0;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:subpixel-antialiased;
	-moz-osx-font-smoothing:auto;
}
b,strong{font-family:'BwSurcoBlack';}
small{font-size:75% !important;}
::selection{background: #4f2070;color:#ffffff;}

/* ----- Typography - Foundations ----- */
h1,h2,h3,h4,h5,h6,p{
	font-family:'BwSurcoRegular';
	font-weight: normal;
	margin-top: 0;
}
a{
	font-family:'BwSurcoBold';
	font-size:inherit;
	text-decoration:none;
	cursor:pointer;
	color:inherit;
}
a:hover,a:focus{}

/* ----- Typography - Foundations ----- */
h1,h2,h3,h4,h5,h6{font-family:'BwSurcoBold';margin-top:0;margin-bottom:2.5rem;line-height:1.125;font-weight:inherit;}
p{margin-top:0;letter-spacing:-0.125pt;font-size:16px;}
@media(min-width:300px){
	h1{font-size:48px;letter-spacing:0;}
	h2{font-size:42px;letter-spacing:0;}
	h3{font-size:36px;letter-spacing:0;}
	h4{font-size:32px;letter-spacing:0;}
	h5{font-size:28px;letter-spacing:0;}
	h6{font-size:24px;letter-spacing:0;}
	.alt-img-box{width:100%;min-height: 190px;}
	.header-vend{margin-top: 0px !important;margin-bottom: -50px !important;}
	.header-vend-xs{background-image: url(../../../images/homepage/header-vend.jpg); background-size:calc(100% - 200px); background-position-x: 100%; background-repeat: no-repeat; background-position-y: 0; }
}
@media(min-width:550px){
	h1{font-size:48px;letter-spacing:0;}
	h2{font-size:42px;letter-spacing:0;}
	h3{font-size:36px;letter-spacing:0;}
	h4{font-size:32px;letter-spacing:0;}
	h5{font-size:28px;letter-spacing:0;}
	h6{font-size:24px;letter-spacing:0;}
	.alt-img-box{width:100%;min-height:350px;}
	.header-vend{margin-top:0 !important;margin-bottom:0 !important;}
	.header-vend-xs{background-image: url(../../../images/homepage/header-vend.jpg));background-size:calc(100% - 200px);background-position-x: 100%;background-repeat: no-repeat;background-position-y: 0;}
}
@media(min-width:750px){
	h1{font-size:48px;letter-spacing:0;}
	h2{font-size:42px;letter-spacing:0;}
	h3{font-size:36px;letter-spacing:0;}
	h4{font-size:32px;letter-spacing:0;}
	h5{font-size:28px;letter-spacing:0;}
	h6{font-size:24px;letter-spacing:0;}
	.alt-img-box{width:100%;min-height: 200px;}
	.header-vend{margin-top: 7.5% !important;margin-bottom:0 !important;}
	.header-vend{background-image: url(../../../images/homepage/header-vend.jpg);background-size: calc(175% - 200px);background-position-x: -100%;background-repeat: no-repeat;background-position-y: 0%;}
	.header-vend-xs{background-image: url(../../../images/homepage/header-vend.jpg); background-size:calc(100% - 200px); background-position-x: 100%; background-repeat: no-repeat; background-position-y: 0; }
}
@media(min-width:1000px){
	h1{font-size:48px;letter-spacing:0;}
	h2{font-size:42px;letter-spacing:0;}
	h3{font-size:36px;letter-spacing:0;}
	h4{font-size:32px;letter-spacing:0;}
	h5{font-size:28px;letter-spacing:0;}
	h6{font-size:24px;letter-spacing:0;}
	.alt-img-box{width:100%;min-height: 275px;}
	.header-vend{margin-top:0 !important;margin-bottom:0 !important;}
	.header-vend{background-image: url(../../../images/homepage/header-vend.jpg);background-size: calc(100% - 0px);background-position-x: calc(150% - -200px);background-repeat: no-repeat;background-position-y: 50%;}
	.header-vend-xs{display:none}
}
@media(min-width:1280px){
	h1{font-size:48px;letter-spacing:0;}
	h2{font-size:42px;letter-spacing:0;}
	h3{font-size:36px;letter-spacing:0;}
	h4{font-size:32px;letter-spacing:0;}
	h5{font-size:28px;letter-spacing:0;}
	h6{font-size:24px;letter-spacing:0;}
	.alt-img-box{width:100%;min-height:350px;}
	.header-vend{margin-top:0 !important;margin-bottom:0 !important;}
	.header-vend{background-image: url(../../../images/homepage/header-vend.jpg);background-size: calc(70% - 0px);background-position-x: 100%;background-repeat: no-repeat;background-position-y: 0%;}
	.header-vend-xs{display:none}
}
@media(min-width:1620px){
	h1{font-size:48px;letter-spacing:0;}
	h2{font-size:42px;letter-spacing:0;}
	h3{font-size:36px;letter-spacing:0;}
	h4{font-size:32px;letter-spacing:0;}
	h5{font-size:28px;letter-spacing:0;}
	h6{font-size:24px;letter-spacing:0;}
	.alt-img-box{width:100%;min-height:350px;}
	.header-vend{margin-top:0 !important;margin-bottom:0 !important;}
	.header-vend{background-image: url(../../../images/homepage/header-vend.jpg);background-size: calc(60% - 0px);background-position-x: 100%;background-repeat: no-repeat;background-position-y: 20%;}
	.header-vend-xs{display:none}
}

/* ----- MDLZ ----- */
.bg-lilac{background-color:#e4deea}
.bg-lavender{background-color:#957aa9}
.bg-purple{background-color:#724d8d}
.bg-violet{background-color:#402985}
.bg-plum{background-color:#4f2070}
.bg-orange{background-color:#f14727}
.bg-red{background-color:#ce1f30}
.bg-gray{background-color:#898989}
.bg-white{background-color:#fff}

.txt-lilac{color:#e4deea}
.txt-lavender{color:#957aa9}
.txt-purple{color:#724d8d}
.txt-violet{color:#402985}
.txt-plum{color:#4f2070}
.txt-orange{color:#f14727}
.txt-red{color:#ce1f30}
.txt-gray{color:#898989}
.txt-white{color:#fff}

/* ----- Fake Broswer Window ----- */
.alt-img_whatsnew{background: url(../../../images/homepage/01.png)no-repeat center center;background-size: 100%;}
.alt-img_powersnack{background: url(../../../images/homepage/02.png)no-repeat top center;background-size: 100%;}
.alt-img_future{background: url(../../../images/homepage/03.png)no-repeat top right;background-size:99%;background-position-y:-10%;border: 1px solid #4f2070;background-color:#fdfcfb;}
.alt-img_theater{background:url(../../../images/homepage/04.png)no-repeat center center;background-size:100%;}
.alt-img_haveyouheard{background: url(../../../images/homepage/05.png)no-repeat center center;background-size:100%;background-position-y:20%;}
.alt-img_guides{background: url(../../../images/homepage/guide-01.png)no-repeat top center;background-size:100%;}

/* ----- Containers ----- */
.display-50{padding:2.5rem 20px;margin:auto;display:block;}
.display-100{padding:5rem 20px;margin:auto;display:block;}
.display-200{padding:7.5rem 20px;margin:auto;display:block;}
.display-300{padding:9rem 20px;margin:auto;display:block;}

/* ----- Navigation ----- */
.navigation{position:relative;display:block;width:100%;z-index:3000;padding:20px 10px;margin:0 0 !important;}
.navigation .btn-nav{
	padding: 10px 20px;
	font-size: 18px;
	display: inline-block;
}
.main-logo{display:block;max-height: 100px;float: left !important;vertical-align: top;}
.main-logo-title{font-size:1.75rem;line-height: 1;display: block;margin-top: 8rem;}
.nav-menu-icon{font-family:'BwSurcoRegular';font-size:40px;}
.mobile-menu{position:fixed;z-index:3000;padding:10px 20px;text-align:right;right:0;}

/* ----- Navigation - SLIDE-OVER MENU ----- */
.overlay{height:0%;width:100%;position:fixed;z-index:3100;top:0;right:0;overflow-x:hidden;transition:0.5s;}
.overlay-content{position:relative;width:100%;text-align:left;padding:50% 20px;}
.overlay a{padding:0 0;font-size:28px;font-family:'BwSurcoRegular';display:block;}
.overlay a:hover,
.overlay a:focus{}
.overlay a.active{text-decoration:underline !important;}
.overlay .closebtn {position:absolute;top: -10px;right:20px;font-size: 60px;z-index:3000;}
@media screen and (max-height:450px){
	.overlay {overflow-y: auto;}
	.overlay a{font-size:18px}
	.overlay .closebtn{font-size:32px;top:15px;right:35px;}
}
.section-list{color:#0000ff;margin-top:15px;margin-left:-20px;margin-right:20px;}
.section-list ul{color:#0000ff;margin:0px 0px 0px 0px;}
.section-list ul,li{list-style:circle;margin-bottom: 3px;}
.section-list ul,li.active{text-decoration:underline;line-height: 1.25;}
.section-list ul,li>a{font-size:18px !important}
ul.dashed{font-family:'BwSurcoRegular';font-size:inherit;margin-left:-40px;margin-right:0px;}
ul.dashed>li{list-style:none;margin-bottom:0px;}
ul.dashed>li:before{content:"\2013\A0";}

/* ----- Forms Classes ----- */
.form-control-custom{
	font-family: 'BwSurcoRegular';
	display:block;
	width:100%;
	height: 40px;
	padding: 5px 10px !important;
	font-size: inherit;
	line-height:1.25 !important;
	letter-spacing:-0.5pt;
	color: #000 !important;
	background-color: transparent;
	background-clip:padding-box;
	border: 2px solid #898989 !important;
	border-radius:0px !important;
	transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control-custom::-ms-expand{background-color:transparent;border:0;}
.form-control-custom:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057;}
.form-control-custom:focus{
	color:#000;
	background-color:#fff;
	border-color:#000;
	outline:0;
	box-shadow:0px 0px 3px 3px #fff !important;
}
.form-control-custom::-webkit-input-placeholder{color:#000 !important;opacity:0.5 !important;}
.form-control-custom::-moz-placeholder{color:#000 !important;opacity:0.5 !important;}
.form-control-custom:-ms-input-placeholder{color:#000 !important;opacity:0.5 !important;}
.form-control-custom::-ms-input-placeholder{color:#000 !important;opacity:0.5 !important;}
.form-control-custom::placeholder{color:#000 !important;opacity:0.5 !important;}
.form-control-custom:disabled,.form-control-custom[readonly]{background-color:#ffffff;opacity:1;}

/*----- Buttons -----*/
.btn-custom{font-family:'BwSurcoBold' !important;color:#402985;background-color:#fff !important;border: 2px solid #898989 !important;border-radius:0px !important;font-size:inherit;padding:5px 10px !important}
.btn-custom:hover{color:#fff;background-color:#402985 !important;border: 2px solid #fff !important;}
.btn-custom.focus,.btn-custom:focus{color:#fff;background-color:#402985 !important;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5);}
.btn-custom.disabled,.btn-custom:disabled{color:#fff;background-color:#007bff;border-color:#007bff;}
.btn-custom:not(:disabled):not(.disabled).active,.btn-custom:not(:disabled):not(.disabled):active,.show>.btn-custom.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf;}
.btn-custom:not(:disabled):not(.disabled).active:focus,.btn-custom:not(:disabled):not(.disabled):active:focus,.show>.btn-custom.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5);}

.btn-social{font-family:'BwSurcoBold' !important;color:#fff;background-color:#4f2070 !important;border: 2px solid #4f2070 !important;border-radius: 100% !important;font-size: 21px;height: 44px;width: 44px;line-height: 2.0;padding: 9px 0;}
.btn-social:hover{color:#4f2070;background-color:#fff !important;border: 2px solid #4f2070 !important;}
.btn-social.focus,.btn-social:focus{color:#fff;background-color:#4f2070 !important;border-color:#4f2070;box-shadow:0 0 0 .2rem rgba(38,143,255,.5);}
.btn-social.disabled,.btn-social:disabled{color:#fff;background-color:#007bff;border-color:#007bff;}
.btn-social:not(:disabled):not(.disabled).active,.btn-social:not(:disabled):not(.disabled):active,.show>.btn-social.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf;}
.btn-social:not(:disabled):not(.disabled).active:focus,.btn-social:not(:disabled):not(.disabled):active:focus,.show>.btn-social.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5);}

/* ----- Responsive Variables ----- */
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-justify{text-align:justify;}
.text-nowrap{white-space:nowrap;}
.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}
.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,
.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,
.visible-md-block,.visible-md-inline,.visible-md-inline-block,
.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none!important}
@media (max-width:767px){.visible-xs{display:block!important}
table.visible-xs{display:table}
tr.visible-xs{display:table-row!important}
th.visible-xs,td.visible-xs{display:table-cell!important}}
@media (max-width:767px){.visible-xs-block{display:block!important}}
@media (max-width:767px){.visible-xs-inline{display:inline!important}}
@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}
table.visible-sm{display:table}tr.visible-sm{display:table-row!important}
th.visible-sm,td.visible-sm{display:table-cell!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}
table.visible-md{display:table}tr.visible-md{display:table-row!important}
th.visible-md,td.visible-md{display:table-cell!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}
@media (min-width:1200px){.visible-lg{display:block!important}
table.visible-lg{display:table}
tr.visible-lg{display:table-row!important}
th.visible-lg,td.visible-lg{display:table-cell!important}}
@media (min-width:1200px){.visible-lg-block{display:block!important}}
@media (min-width:1200px){.visible-lg-inline{display:inline!important}}
@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}
@media (max-width:767px){.hidden-xs{display:none!important}}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}
@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}
@media print{.visible-print{display:block!important}
table.visible-print{display:table}
tr.visible-print{display:table-row!important}
th.visible-print,td.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}
@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}
@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}
@media print{.visible-print-inline-block{display:inline-block!important}}
@media print{.hidden-print{display:none!important}}