﻿/* START Edits to main.css using Important */

@media (max-width: 768px) {
.body {
	margin: 0 0 !important;
}
}

/* .wideContentDiv iframe {
    height: 525px!important;
}
*/

.footer-mmtperkslogo {	
}

.two-blocks .item-block p, 
.three-blocks .item-block p {
    margin: 0 0 1.2em !important;
	letter-spacing: -.05em !important;
}

small {
    font-size: 14px!important;
}

.exclusive-label {
    font-size: 16px!important;
	margin: 0 0 10px!important;
}

p.wrapNteB {
	font-size: 16px;
	color: #1c9cd7;
}

#header .top-bar {
   	background: #0d4378;
    text-align: center;
}

.colabborativeStock {
    text-align: center !important;
    margin-left: 0px !important;
}
.product-block .new-label {
    font-size: 18px !important;
}

.shipping-info.special {
	font-size: 20px !important;
}

.shipping-info .ylwclr {
	color: #f6cb41;
}

.shipping-info.blkfri {
	background-color: #222222;
}

.default-accordion .slide-content ul li {
	padding-left: 1px !important;
	margin-left: 25px;
	}

.mmt-reviewheader {
	font-family: "CirceRounded";
	font-size: 24px;
	
}

.mmt-reviewcopy {
	font-family: "CirceRounded";
	font-size: 14px;
	margin: 5px 0px;
	
}

#mce-responses.clear {
	margin: 25px;
	padding: 25px;
	display: block;
	color: #30c3f0;
	font-size: 24px;
	font-family: "CirceRounded", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

 form label.em-list-label {
	font-size: 18px !important;
}

.jcf-select-em-list-formsize {
		 min-width: 100%;
	 }

#mc_embed_signup div.mce_inline_error {
	color: #ef405c !important;
	background-color: #FFFFFF !important;
}

#mc_embed_signup input.mce_inline_error {
	border-color: #ef405c !important;
}

.product-block .availability-block {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 25px 0;
}

.two-blocks .text-block,
.three-blocks .text-block {
    width: 45% !important;
}

.product-section .product-block .product-description .jcf-select.jcf-select-alternative {
    width: 150px !important;
}

.filter-select .jcf-select {
    min-width: 125px !important;
}

@media screen and (min-width: 1024px) {
.intro-section {
    min-height: 925px!important;
}
}

@media screen and (max-width: 320px) {
.navbar .options-bar .info-item {
    margin: 0 10px 0 0 !important;
}
.product-description .btn-red, .product-description .btn-lighten-blue {
    width: 100px !important;
    height: 40px !important;
}
  .filter-item {
        margin: 18px;
        display: inline-block;
        vertical-align: middle;
    }	
	
}

@media screen and (max-width: 479px) {
.product-item .product-text {
    padding: 0 5%;
}
}

@media only screen and (max-width: 568px) {
.about-store p {
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 0 5px !important;
}
}

@media screen and (max-width: 768px) {
	
.intro-section {
    min-height: 600px!important;
}
}

@media screen and (max-width: 767px) {

.items-found {
    font-size: 14px!important;
}	
	
.pagination .page-numbers {
    font-size: 14px!important;
}	
	
.pagination .prev, .pagination .next {
    font-size: 14px!important;
}	
	
.filter-select label {
    font-size: 14px!important;
}	
	
.jcf-select .jcf-select-text {
    font-size: 14px!important;
}	
	
.product-item {
    font-size: 16px!important;
}	
	
.product-item .price {
    font-size: 16px!important;
}
	
.gallery-section .text-box p {
    font-size: 18px!important;
}	
	
.intro-section {
    min-height: 315px!important;
}
	
.breadcrumbs {
    margin: 15px 15px 0 0 !important;
    padding: 10px 0 10px;
    font-size: 10px;
}
	
.navbar, .navbar .account, .navbar .account .icon-profile {
    font-size: 16px;
}	
	
.navbar [class^="icon-"] {
    font-size: 20px;
}
	
#header .search-box .opener .icon-search {
    font-size: 22px;
}	
	
#header .top-bar {
    font-size: 12px;
    text-align: center;
}
	
.filter-content .breadcrumbs {
    padding: 15px 0 0 0;
}
.row.body.main {
    margin: 0 auto !important;
    padding: 0 0 !important;
}
.body {
    margin: 0 auto !important;
}
.product-block {
    margin: 0 !important;
}
.product-block .opener {
    font-size: 14px !important;
}
.product-block .new-label {
    width: 55px;
    height: 55px;
    font-size: 11px !important;
    left: 11px;
    top: 11px;
}
.product-block .like-label {
    width: 55px;
    height: 55px;
    font-size: 11px;
    right: 11px;
    top: 11px;
}
.product-label.new-label {
    width: 65px;
    height: 65px;
    font-size: 12px !important;
}
.product-label.like-label {
    width: 55px;
    height: 55px;
    font-size: 20px !important;
}
.container-wide, .container-medium, .container-sm {
    padding: 5px 25px 10px 25px;
}
.container new {
    margin: 0 25px !important;
}
section.product-section {
    margin-top: 5px;
}
#prodLongDesc {
    line-height: 1.8em !important;
    font-size: 14px !important;
}
.product-description .btn-red, .product-description .btn-lighten-blue {
    border-radius: 5px !important;
    width: 150px !important;
    height: 40px !important;
}
.product-description {
    line-height: 1.8em !important;
    font-size: 14px !important;
}
p#readMoreLnkDiv {
    font-size: 14px !important;
}
.custom-drop ul li, .social-networks li {
    padding-top: 10px !important;
}
h5, .h5 {
    font-size: 16px !important;
}
h2, .h2 {
    font-size: 32px;
}
.product-block .price {
    font-size: 20px !important;
}
.product-block .rating-item {
    font-size: 14px !important;
}
.product-block dl dt {
    font-size: 14px !important;
}
.product-block dl dd {
    font-size: 14px !important;
}
.reviewsDiv .containerReview {
    font-size: 14px !important;
}
.jcf-number {
    height: 34px;
    width: 100% !important;
}

.product-final-block .jcf-number {
    width: 20% !important;
}
	
.addRevDiv {
    text-align: left !important;
}
.product-block .social-networks {
    padding: 5px 0 !important;
    font-size: 22px !important;
    border-bottom: 1px solid rgba(132, 132, 132, .3);
    padding-bottom: 20px !important;
}
.reviewsDiv .container-medium {
    padding: 5px 0;
}
.video-intro {
    padding: 10px 0 !important;
}
#header .logo {
    max-width: 74px !important;
    margin: 20px 0 0 25px !important;
}
.gray-section:first-child {
    padding: 0 25px 0 25px;
}
.brand-info .text-holder {
    padding: 0 !important;
}
.brand-info .text-holder p {
    font-size: 14px !important;
}
.product-text .product-title {
    line-height: 1.2em !important;
    margin: 0 5px !important;
}
.gallery-section.red-section.new-price {
    color: #fff;
}
.gallery-section .product-text .product-title {
    min-height: 60px !important;
}
.filter-row .navigation {
    padding: 15px 0 !important;
}
.giftFinderDropdown #slider label, .giftFinderDropdown #slider2 label {
    margin-top: 18px !important;
    margin-left: -10px !important;
    font-size: 9px !important;
}
.gift-form .form-box {
    text-align: center !important;
    margin: 0 -10px !important;
    border-radius: 15px !important;
}
.finder-popup .content p {
    margin: 5px 0 10px !important;
    font-size: 16px !important;
}
.gift-form .form-box .row.inline .title {
    padding-bottom: 5px !important;
}
.wish-friend-popup .close, .finder-popup .close {
    right: 25px !important;
}
.product-options {
    padding: 0 !important;
    font-size: 14px !important;
}
.leftPCA.dinosaur img, .midPCA.playmobil img, .rightPCA.doll img {
    top: -15px !important;
    left: 40px !important;
    min-width: 450px !important;
}
.gallery.full-width {
    margin-left: -25px !important;
    margin-right: -25px !important;
}
.gallery.three-slides .gallery-holder {
    padding: 11px 55px !important;
}
.about-store h2 {
    margin: 25px 0 12px !important;
}
.two-blocks .item-block p, 
.three-blocks .item-block p {
    margin: 0 0 1.2em !important;
}
	
#header .search-box .slide {
    padding: 25px 35px 25px 35px !important;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .1) !important;
}
.search-form input[type="search"] {
    min-height: 35px !important;
}
.shop-popup .menu .title {
    font-size: 24px !important;
    font-weight: 400 !important;
}
.shop-popup .shop-open-close .opener {
    font-size: 12px !important;
    padding: 5px 5px 0px 44px !important;
}
.shop-popup .shop-menu {
    padding: 10px 55px !important;
}
.shop-popup .close {
    right: 25px !important;
}
.category-list {
    font-size: 12px !important;
    line-height: 1.8em !important;
    padding-left: 19px !important;
}
#age-slide {
    font-size: 12px !important;
    line-height: 1.8em !important;
    padding-left: 44px !important;
}
#series-slide, #author-slide, #age-slide {
    font-size: 12px !important;
    line-height: 1.8em !important;
    padding-left: 44px !important;
}
.brands-gallery .brands {
    -webkit-justify-content: center !important;
    justify-content: center !important;
}
b, strong.ng-binding {
    font-weight: bold;
    font-size: 14px;
    padding-left: 5px;
}
.store-search-holder {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 300;
}
.location-section {
    padding: 5px 0 41px;
}
.account-popup .main-block {
    padding: 35px 45px 25px;
}
.step-block.step-passed .final-info-block, .step-block.step-passed .payment-method {
    font-size: 14px;
}
.category-intro {
    margin: 5px 0 25px 0;
    font-size: 14px;
}
.brands-block {
    padding: 15px 15px 15px 15px;
}
.col-md-8.bannernew {
    font-size: 14px;
    padding: 0px 15px 0px;
}
.agesLandingPage .agePageButtonDiv {
    padding-top: 15px;
    text-align: left;
}
.agesLandingPage .agesInfo {
    margin: 15px auto 25px auto;
}
.agesLandingPage .agesInfo p {
    margin-bottom: 5px;
}

.item p {
    margin: 0 !important;
}
#pt-link-add-review {
    margin-left: 0 !important;
}
button, input[type="button"], input[type="reset"], input[type="file"], input[type="submit"], #pt-link-add-review {
    font-size: 12px !important;
}
.jcf-btn-inc, .jcf-btn-dec {
    left: 25px !important;
}
.jcf-number .jcf-btn-inc:before {
    top: 95% !important;
}
.map-container .map-block {
    margin: 0 -25px !important;
}
.map-container .location-overview {
    margin: 0 -25px !important;
}
.location-section {
    padding: 5px 0 5px !important;
}
.gallery.stores-gallery .comming {
    top: 7px !important;
}
.product-section .product-block .product-description .categoryColor canvas {
    left: -10px !important;
	top: -2px !important; 
}	
	
.shipping-info.special {
	font-size: 14px !important;
	padding: 0px 0px 0px 10px;
}
	
#minicartpopup .priceMiniCart {
    padding: 0 20px 30px 20px !important;
}
	
#minicartpopup .cost {
    margin-bottom: 25px !important;
}
	
.shipping-item .summary-box {
    padding: 20px 20px;
    margin-bottom: 15px;
}
	
#minicartpopup .gallery .gallery-holder {
    padding: 10px 50px 5px;
}
	
.addedItemBox {
    padding-bottom: 25px;
}
	
.category-intro	h3 {
	font-size: 24px;
}
	
.tracking-info {
    width: 0;
}
	
.half-container.new {
	padding: 25px 25px 0 25px;	
}
	
.default-accordion h2 {
	font-size: 22px !important;	
	}
	
.default-accordion h3 {
	font-size: 22px !important;	
	}	

.default-accordion .slide-content ul li {
	padding-left: 1px !important;
	margin-left: 25px;
	}
	
	.subTotal .product-final-block .total-price {
		font-size: 18px !important; 
	}	
	
	.cart-container .checkout-holder .cart-sidebar {
		margin-left: -0px;
    	margin-right: -0px;
	}
	
	.cart-container .checkout-holder {
    padding: 0;
}
	
	.sidebar-open-close .slide {
		padding: 0 25px 12px;
	}
	
	.cart-sidebar .summary-box {
    padding: 12px 25px!important;
	font-size: 18px !important;
}
	.cart-sidebar .summary-box.promo-code {
    padding: 25px 10px 25px!important;
	border-bottom:  none;	
}
	.cart-sidebar .additional-promo.cart {
    padding-bottom: 0;
}
	
	.cart-container.checkout-holder.cart-sidebar {
	box-shadow: inset 0 0 2px rgba(0, 0, 0, .25);
    border-radius: 15px;
}

	
	.justified-dl > dd {
		font-size: 18px !important;
	}
	
	.cart-sidebar .summary-container {
		padding: 20px 0 0 0 !important;
	}
	
	.summary-box.promo-code label, .sidebar-open-close .justified-dl dt, .subTotal, .flex-price .price-item {
		font-size: 18px !important;
	}
	
	.sidebar-open-close .opener {
		font-size: 16px !important;
    	padding: 15px 25px 15px 25px;
}
	
	.cart-form .row:last-child {
		margin-bottom: 25px;
	}
	
	.checkout-holder {
    margin: 0 25px;
}
	
	.welcome h3 {
    padding-left: 10px;
}
	
	.step-block .edit-btn {
    font-size: 14px;
}
	
	.step-block.step-passed {
    padding: 27px 25px;
}
	
	.shipping-address {
    margin: 15px 0 15px 0;
    font-size: 14px;
    padding: 25px 25px;
}
	
	.checkout-sidebar {
	    box-shadow: inset 0 0 2px rgba(0, 0, 0, .25) !important;	
    background-color: #FFFFFF;
}
	.checkout-sidebar .heading {
    box-shadow: none!important;
    padding: 25px 15px 5px 15px;
}
	
	.checkout-sidebar .heading h3 {
    font-size: 26px;
	margin-left: -20px;	
}
	
		.step-block .custom-heading h3 {
    font-size: 26px;
}
	
	.checkout-form label {
    font-size: 14px;
}
	
	.step-block h3 {
    font-size: 26px;
}
	.step-block {
    border-radius: 8px;
	padding: 18px 25px 18px;
}

	.checkout-sidebar .summary-box {
    font-size: 18px;
    padding: 49px 25px 10px 25px;
	margin: 0;
}
	
	.vertical-gallery .product-item {
    padding: 5px 0 15px 0;
	font-size: 14px;
    color: #444;
	
}
	b, strong.ng-binding {
    font-size: 14px;
    padding-left: 0;
	color: #444;
}
	
	.checkout-container .arrow-right {
    font-size: 14px;
}
	.checkout-container .heading {
    margin: 0 25px 25px 25px;
}
	.checkoutShipping .shippingRateOption {
    padding: 10px;
}
	.product-final-block .jcf-number {
    height: 45px;
}
	.btn-blue.btn-lighten-blue.btn-icon.editBtnCart {
    font-size: 14px !important;
}
	
	.info-popup {
    font-size: 14px;
}
	.info-popup .info-list .note {
		font-size: 12px;
	}
	
	.input-date, input[type="text"], input[type="tel"], input[type="email"], input[type="search"], input[type="password"], input[type="url"], input[type="date"], textarea {
		height: 35px;
	}
	
	#storeInvResults {
    font-size: 14px !important;
}
	#storeInvResults .titldiv {
    font-size: 16px !important;
}

.step-block .edit-btn {
    right: -10px;
    top: 1%;
}
	
.cart-sidebar .final-submit .btn {
    width: 100%;
	height: 50px;
}
	
.final-submit .btn {
    font-size: 16px;
}
	
.checkbox-block .saved, .shipPromoTxt {
    color: #d73a47;
}
	
#shippingMethodAnchor #csc-link-continue {
    height: 50px;
}
	
.logged-shipping-info button {
    height: 50px;
}
	
.two-blocks .text-block,
.three-blocks .text-block {
    width: 35% !important;
}	
	
}

@media only screen 
and (min-device-width : 768px) 
	and (max-device-width : 1024px) {

	.leftPCA.dinosaur img, .midPCA.playmobil img, .rightPCA.doll img {
		top: 15px !important;
		left: 40px !important;
		min-width: 565px !important;
	}
		
	.two-blocks .text-block, .three-blocks .text-block {
    	width: 55% !important;
	}	
}

/* END Edits to main.css using Important */

/* ===================================== */

/* START Overall Boutique Padding Tweak */

.product-tour-section-mmt {
    padding: 15px 0;
}

.product-tour-section-mmt.nopad {
	padding: 0px;
}

.product-tour-section-mmt.extrapad {
	padding: 100px 0;
}

.product-tour-section-mmt.extrapadsm {
	padding: 50px 0;
}

.product-tour-section-mmt h1 {
    margin: 0;
    padding: 0;
    font-size: 46px;
    margin-bottom: 15px;
}


.product-tour-section-mmt h2 {
	font-size: 34px;
	font-weight: 300;
}


.product-tour-section-mmt h3 {
	font-size: 26px;
	font-weight: 300;
}

.product-tour-section-mmt p {
	font-family: 'CirceRounded', Arial, sans-serif;
	font-size: 20px;
	font-weight: 300;
}


@media (max-width: 767px) {
.product-tour-section-mmt.extrapad, .product-tour-section-mmt.extrapadsm {
	padding: 3% 0;
}
.product-tour-section-mmt h1 {
font-size: 38px;
}
.product-tour-section-mmt h2 {
font-size: 26px;
}
.product-tour-section-mmt h3 {
font-size: 22px;
}
.product-tour-section-mmt p {
font-size: 16px;
}

/*.product-tour-section-mmt img.mmt-btq-fw {
	max-width: 250%;
	position: relative;
	left: -75%;
}	
*/
	
}


/* END Overall Boutique Padding Tweak */

/* =================================== */

/* START Product Box Display Code  */

.mmtgg-prodbox {
    font-family: 'CirceRounded', Arial, sans-serif;
    position: relative;
    float: left;
    margin: 20px 1%;
    min-width: 230px;
    max-width: 605px;
    width: 100%;
    background: #ffffff;
    text-align: center;
    /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); */
    font-size: 16px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 25px;/*box-shadow: 0 0 15px rgba(0, 0, 0, .15); */
}

.mmtgg-prodbox {
    font-family: 'CirceRounded', Arial, sans-serif;
    position: relative;
    float: left;
    margin: 20px 1%;
    min-width: 230px;
    max-width: 605px;
    width: 100%;
    background: #ffffff;
    text-align: center;
    /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); */
    font-size: 16px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 25px;/*box-shadow: 0 0 15px rgba(0, 0, 0, .15); */
}

.mmtgg-prodbox .linebreak {
    border-bottom: 2px solid #E3E3E3;
    display: block;
    height: 2px;
    margin-bottom: 20px;
}
.mmtgg-prodbox .exclusive {
    font-weight: 600;
}
.mmtgg-prodbox .btq-value {
    color: #8AC75B;
}
.mmtgg-prodbox * {
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.mmtgg-prodbox img {
    max-width: 100%;
    vertical-align: top;
    position: relative;
}
.mmtgg-prodbox .imgpad {
    padding-top: 75px;
}
.mmtgg-prodbox figcaption {
    padding: 20px 15px;
}
.mmtgg-prodbox h3, .mmtgg-prodbox p {
    margin: 0;
}
.mmtgg-prodbox h3 {
    font-size: 1.3em;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.mmtgg-prodbox .textlead {
    padding: 75px 75px 0px 75px;
}
.mmtgg-prodbox p {
    font-size: 1em;
    letter-spacing: 1px;
    font-weight: 300;
}
.mmtgg-prodbox .price {
    font-weight: 500;
    font-size: 1em;
    line-height: 48px;
    letter-spacing: 1px;
}
.mmtgg-prodbox .age {
    font-weight: 700;
    font-size: 1.2em;
}
.mmtgg-prodbox .price s {
    margin-right: 5px;
    opacity: 0.5;
    font-size: 0.9em;
}
/* .mmtgg-prodbox i {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  width: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 50%;
  background-color: #009FDA;
  color: #ffffff;
  font-size: 1.6em;
  border: 4px solid #ffffff;
} */

.mmtgg-prodbox a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.mmtgg-prodbox:hover,  .mmtgg-prodbox.hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

/* .mmtgg-prodbox:hover i, .mmtgg-prodbox.hover i {
  background-color: #666666;
} */

@media (max-width: 767px) {
.mmtgg-prodbox .textlead {
    padding: 25px 25px 25px 25px;
}
}

.mmt-EnclosureBox {
    font-family: 'CirceRounded', Arial, sans-serif;
    position: relative;
    float: left;
    margin: 20px 1%;
    min-width: 230px;
    max-width: 605px;
    width: 100%;
    background: #ffffff;
	color: #484848;
    text-align: center;
    /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); */
    font-size: 16px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 25px;/*box-shadow: 0 0 15px rgba(0, 0, 0, .15); */
}

.mmt-EnclosureBox * {
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.mmt-EnclosureBox img {
    max-width: 100%;
    vertical-align: top;
    position: relative;
}
.mmt-EnclosureBox .imgpad {
    padding-top: 75px;
}

.mmt-EnclosureBox .textlead {
    padding: 75px 75px 0px 75px;
}

.mmt-EnclosureBox figcaption {
    padding: 20px 15px;
}
.mmt-EnclosureBox h3, .mmt-EnclosureBox p {
    margin: 0;
}
.mmt-EnclosureBox h3 {
    font-size: 1.3em;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.mmt-EnclosureBox p {
    font-size: 1em;
    letter-spacing: 1px;
    font-weight: 300;
}

.mmt-EnclosureBox a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.mmt-EnclosureBox:hover,  .mmt-EnclosureBox.hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

@media (max-width: 767px) {
.mmt-EnclosureBox .textlead {
    padding: 25px 25px 25px 25px;	
}
}


/* END Product Box Display Code */

/* ============================================== */

/* START Full Width Module - Custom Styles */

.container-medium .FullPanelText {
    padding: 25px 15px;
    display: block;
    text-align: center !important;
}
.container-medium .FullPanelText p {
    font-weight: 400;
}

.container-full {
	width: 100%;
	
}

.grid-four {
    margin: 0 -20px 0!important;
}

.grid-four .grid-item-mmt {
    width: 50%;
    padding: 10px 25px;
}

.grid-four .grid-column-mmt {
	justify-content: center;
	align-content: center;
}

.grid-four .grid-item-mmt.center, .grid-four.center {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.grid-four .item-box-mmt {
    border-radius: 14px;
    overflow: hidden;
    position: relative;
}

.grid-four .item-box-mmt:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;/*border-radius: 15px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .15);
	z-index: 2;*/
}
.text-box-mmt p.catcopy {
    font-family: 'CirceRounded', Arial, sans-serif;
    font-size: 1.6em;
    text-align: left;
    font-weight: 600;
}

.grid-four .item-box-mmt img {
    display: block;
    max-width: none;
    width: 100%;
}
.grid-four .text-box-mmt:before {
    display: none;
}
.grid-four .text-box-mmt {
    padding: 10px 5px;
    border-radius: 0;
    text-align: center;
}

.text-box-mmt .vertalign {
	top: 65%;
}


.grid-four .grid-20per-mmt.center {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.wideContentDiv.BTQ-FWVid {
	max-width: none;
}

#vid-box-mmt {
    position: fixed;
  top: 50%; left: 50%;
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}

@media (max-width: 768px) {
.grid-four .grid-20per-mmt {
    width: 50%;
	float: left;
}
.grid-20per-mmt h2 {
	font-size: 20px !important;
	}	
.grid-four .boxpad {
    /* margin-top: 1%; */
}
.grid-four .grid-item-mmt {
    width: 100%;
}
.grid-four .text-box-mmt {
    font-weight: 400;
    padding: 0 5px;
}
.grid-four .item-box-mmt {
    border-radius: 7px;
}
.grid-four .item-box-mmt:before {
    border-radius: 7px;
}	
}

@media (min-width: 1280px) {
.grid-four .grid-item-mmt {
    width: 50%;
}
.grid-four .boxpad {
    margin-top: 30%;
}

.grid-four .boxpad10 {
    margin-top: 10%;
}
	
.grid-four .boxpad15 {
    margin-top: 15%;
}
	
.grid-four .boxpad20 {
    margin-top: 20%;
}	
	
.grid-four .grid-20per-mmt {
    width: 16%;
	float: left;
}		
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

	.grid-four .boxpad {
		margin-top: 10% !important;
	} 

} 
	
/* END Full Width Module - Custom Styles */

/* ===================================== */

/* START Boutique Navigation styles */

#product-categories {
    z-index: 99;
}
#product-categories {
    font-family: 'CirceRounded', Arial, sans-serif;
    position: relative;
    height: 40px;
    text-align: left;
}
#product-categories-hub {
    font-family: 'CirceRounded', Arial, sans-serif;
    text-align: center;
}

#product-categories-hub img.subimg {
    max-width: 275px;
	padding: 10px;
	border-radius: 25px;
	-moz-transition: all 0.3s;
  	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
}

#product-categories-hub img.subimg:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


@media (max-width: 767px) {
#product-categories-hub img.subimg {
    max-width: 150px;
	padding: 5px;
	border-radius: 15px;
}
}

#category-btn {
    color: #FFFFFF;
    font-size: 1.4em;
    font-weight: 700;
    padding: 5px 5px 5px 35px;
    background: transparent url(https://odmmtstorage.blob.core.windows.net/promo/mmt-boutique-navicon.png) no-repeat top left;
    margin-left: 15px;
}
#category-btn:hover {
    cursor: pointer;
    border-bottom: 5px solid #FFFFFF;
}
#category-menu {
    position: absolute;
    background: #FFFFFF;
    opacity: 0;
    top: 34px;
    overflow: hidden;
    z-index: 9999;
    transition-duration: 500ms;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
#menu-items {
    padding: 25px;
    margin-bottom: 0;
}
#menu-items li {
    width: 160px;
    height: 35px;
    padding: 3px;
    margin: 1px 0;
    border: 2px solid #009FDA;
    text-align: center;
    display: inline-block;
    border-radius: 9999px;
    position: relative;
}
#menu-items li:hover {
    background: #009FDA;
}
.category-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #009FDA;
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.category-link:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.category-link span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 3px;
    text-align: center;
}
/* END Boutique Navigation styles */

/* ===================== */

/* START Fullscreen video styles */

#BGvideo {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background: url('https://odmmtstorage.blob.core.windows.net/promo/GG17_VidPosterB.png') no-repeat;
    background-size: cover;
    transition: 1s opacity;
}
.stopfade {
    opacity: .5;
}
/* END Fullscreen video code */

/* ========================= */
	
/* START zendesk ticket# 131846*/


.BTNHide {
    visibility: hidden;
}
.footer-giftcard-button {
    visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*width: 185px;
    min-height: 60px;*/
    border-radius: 15px 15px 0 0;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    background: #1c9cd7;
    padding: 8px 16px 8px 5px;
    -webkit-transition: background .3s;
    transition: background .3s;
}
.footer-giftcard-button .icon-bubbles {
    font-size: 32px;
    font-weight: 400;
    margin: -1px 17px 0 0;
}
.footer-giftcard-button:hover, .footer-giftcard-button:focus {
    text-decoration: none;
    color: #FFFFFF;
    background: #136E99;
}
#footer .footer-giftcard-button {
    /*position: absolute;
        bottom: 100%;*/
    right: 200px;
    z-index: 500;
    position: fixed;
    bottom: 0;
    cursor: pointer;
}
.icon-book:before {
    content: "\e928";
}

@media screen and (max-width: 1023px) {
.footer-giftcard-button {
    min-height: 40px;
    padding: 8px 15px 8px 5px;
    border-radius: 10px 10px 0 0;
}
}

@media screen and (min-width: 768px) {
.footer-giftcard-button .icon-book {
    margin-right: 10px;
    font-size: 30px;
}
}

@media screen and (max-width: 767px) {
.footer-giftcard-button .icon-book {
    margin-right: 6px;
    font-size: initial;
}
.footer-giftcard-button {
    font-size: 9px;
    width: 147px;
    min-height: 30px;
    padding: 8px 13px 5px 8px;
    background: #1c9cd7;
    border-radius: 8px 8px 0 0;
}
.footer-giftcard-button .icon-bubbles {
    font-size: 18px;
    margin: 0 5px 0 0;
}
#footer .footer-giftcard-button {
    right: 110px;
}
}

@media screen and (max-width: 767px) {
.footer-giftcard-button {
    background: #1c9cd7 !important;
}
}
/* END zendesk ticket# 131846*/

/* ========================== */

/* START 2017 Gift Guide Specfiic Styles */

.mmtgg-prodbox .gg17blue {
    color: #009FDA;
}
.mmtgg-prodbox .gg17red {
    color: #E8234B;
}
.mmtgg-prodbox .gg17green1 {
    color: #63AF5E;
}
.mmtgg-prodbox .gg17green2 {
    color: #8AC75B;
}

.text-box-mmt p.catcopy.redstroke {
    text-shadow: 2px 2px 12px #b31938;
}
.text-box-mmt p.catcopy.bluestroke {
    text-shadow: 2px 2px 12px #0b7ea9;
}
.text-box-mmt p.catcopy.greenstroke {
    text-shadow: 2px 2px 12px #4c8d47;
}

.gg17-huba {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/giftguide2017/gg17_Hub_bgA.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-huba {
    background-size: 100%;
    background-position: 0% 40%;
}
}

@media (min-width: 1024px) {
.gg17-huba {
    background-size: 85%;
    background-position: 0% 30%;
    background-position: center;
}
}
.gg17-bigbegin {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigBegin.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-bigbegin {
    background-size: 100%;
    background-position: 0% 70%;
}
}

@media (min-width: 1024px) {
.gg17-bigbegin {
    background-size: 100%;
    background-position: 0% 30%;
}
}
.gg17-bighits {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigHits.png') no-repeat top left;
}


@media (max-width: 767px) {
.gg17-bighits {
    background-size: 100%;
    background-position: 0% 70%;
}
}

@media (min-width: 1024px) {
.gg17-bighits {
    background-size: 100%;
    background-position: 0% 30%;
}
}
.gg17-bigjourneys {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigJourneys.png') no-repeat top left;
}


@media (max-width: 767px) {
.gg17-bigjourneys {
    background-size: 75%;
    background-position: 0% 90%;
}
}

@media (min-width: 1024px) {
.gg17-bigjourneys {
    background-size: 75%;
    background-position: 0% 30%;
}
}
.gg17-bigworlds {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigWorlds.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-bigworlds {
    background-size: 100%;
    background-position: 0% 70%;
}
}

@media (min-width: 1024px) {
.gg17-bigworlds {
    background-size: 100%;
    background-position: 0% 30%;
}
}
.gg17-bigfriendships {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigFriendships.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-bigfriendships {
    background-size: 100%;
    background-position: 0% 25%;
}
}

@media (min-width: 1024px) {
.gg17-bigfriendships {
    background-size: 100%;
    background-position: 0% 25%;
}
}
.gg17-bigcreations {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigCreations.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-bigcreations {
    background-size: 80%;
    background-position: 35% 60%;
}
}

@media (min-width: 1024px) {
.gg17-bigcreations {
    background-size: 80%;
    background-position: 15% 40%;
}
}
.gg17-bigimaginings {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigImaginings.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-bigimaginings {
    background-size: 100%;
    background-position: 0% 45%;
}
}

@media (min-width: 1024px) {
.gg17-bigimaginings {
    background-size: 100%;
    background-position: 0% 70%;
}
}
.gg17-bigstories {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigStories.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-bigstories {
    background-size: 90%;
    background-position: 50% 70%;
}
}

@media (min-width: 1024px) {
.gg17-bigstories {
    background-size: 90%;
    background-position: 50% 30%;
}
}
.gg17-bigbuilds {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigBuilds.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-bigbuilds {
    background-size: 100%;
    background-position: 0% 45%;
}
}

@media (min-width: 1024px) {
.gg17-bigbuilds {
    background-size: 100%;
    background-position: 0% 10%;
}
}
.gg17-lego {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_Lego.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-lego {
    background-size: 100%;
    background-position: 0% 55%;
}
}

@media (min-width: 1024px) {
.gg17-lego {
    background-size: 100%;
    background-position: 0% 45%;
}
}
.gg17-bigthinkers {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigThinkers.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-bigthinkers {
    background-size: 100%;
    background-position: 0% 70%;
}
}

@media (min-width: 1024px) {
.gg17-bigthinkers {
    background-size: 100%;
    background-position: 0% 30%;
}
}
.gg17-bigthinkers {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigThinkers.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-bigthinkers {
    background-size: 100%;
    background-position: 0% 55%;
}
}

@media (min-width: 1024px) {
.gg17-bigthinkers {
    background-size: 100%;
    background-position: 0% 55%;
}
}
.gg17-bigdiscoveries {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigDiscoveries.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-bigdiscoveries {
    background-size: 100%;
    background-position: 0% 45%;
}
}

@media (min-width: 1024px) {
.gg17-bigdiscoveries {
    background-size: 100%;
    background-position: 0% 45%;
}
}
.gg17-bigfun {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigFun.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-bigfun {
    background-size: 100%;
    background-position: 0% 75%;
}
}

@media (min-width: 1024px) {
.gg17-bigfun {
    background-size: 100%;
    background-position: 0% 75%;
}
}
.gg17-bigmoves {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigHits.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-bigmoves {
    background-size: 100%;
    background-position: 0% 70%;
}
}

@media (min-width: 1024px) {
.gg17-bigmoves {
    background-size: 100%;
    background-position: 0% 30%;
}
}
.gg17-bigaction {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigHits.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-bigaction {
    background-size: 100%;
    background-position: 0% 50%;
}
}

@media (min-width: 1024px) {
.gg17-bigaction {
    background-size: 100%;
    background-position: 0% 30%;
}
}
.gg17-bigholiday {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigCheer.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-bigholiday {
    background-size: 100%;
    background-position: 0% 55%;
}
}

@media (min-width: 1024px) {
.gg17-bigholiday {
    background-size: 100%;
    background-position: 0% 30%;
}
}
.gg17-bigsurprises {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_BTQBG_BigHits.png') no-repeat top left;
}

@media (max-width: 767px) {
.gg17-bigsurprises {
    background-size: 100%;
    background-position: 0% 55%;
}
}

@media (min-width: 1024px) {
.gg17-bigsurprises {
    background-size: 100%;
    background-position: 0% 30%;
}
}
/* END 2017 Gift Guide Specfiic Styles */

/* ============================================ */

/* START Custom Button Styles */

.btn-green {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    padding: .9em 1.2em;
    text-align: center;
    text-decoration: none;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .15), inset 0 0 0 2px #63AF5E;
    border: none;
    border-radius: 10px;
    -webkit-transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    line-height: 1;
    background: #63AF5E;
    font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 700;
}
.btn-green:hover, .btn-green:focus {
    background: #fff;
    color: #63AF5E;
    border-radius: 45px;
    text-decoration: none;
}
.btn-green .icon-check-big.rounded {
    min-width: 1.2em;
    height: 1.2em;
}
.btn-green .icon-check-big.rounded:before {
    font-size: .6em;
}
.btn-green:hover, .btn-green:focus {
    background: #fff;
    color: #63AF5E;
    border-radius: 45px;
}
.btn-green:hover .remove:after, .btn-green:focus .remove:after {
    background: #63AF5E;
}
.btn-dark-green {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    padding: .9em 1.2em;
    text-align: center;
    text-decoration: none;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .15), inset 0 0 0 2px #006f58;
    border: none;
    border-radius: 10px;
    -webkit-transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    line-height: 1;
    background: #006f58;
    font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 700;
}
.btn-dark-green:hover, .btn-dark-green:focus {
    background: #fff;
    color: #006f58;
    border-radius: 45px;
    text-decoration: none;
}
.btn-dark-green .icon-check-big.rounded {
    min-width: 1.2em;
    height: 1.2em;
}
.btn-green .icon-check-big.rounded:before {
    font-size: .6em;
}
.btn-dark-green:hover, .btn-dark-green:focus {
    background: #fff;
    color: #006f58;
    border-radius: 45px;
}
.btn-dark-green:hover .remove:after, .btn-dark-green:focus .remove:after {
    background: #006f58;
}

.btn-orange {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    padding: .9em 1.2em;
    text-align: center;
    text-decoration: none;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .15), inset 0 0 0 2px #df6900;
    border: none;
    border-radius: 10px;
    -webkit-transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    line-height: 1;
    background: #df6900;
    font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 700;
}
.btn-orange:hover, .btn-orange2:focus {
    background: #fff;
    color: #df6900;
    border-radius: 45px;
    text-decoration: none;
}
.btn-orange .icon-check-big.rounded {
    min-width: 1.2em;
    height: 1.2em;
}
.btn-orange .icon-check-big.rounded:before {
    font-size: .6em;
}
.btn-orange:hover, .btn-orange:focus {
    background: #fff;
    color: #df6900;
    border-radius: 45px;
}
.btn-orange:hover .remove:after, .btn-orange:focus .remove:after {
    background: #df6900;
}

.btn-dark-redb {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    padding: .9em 1.2em;
    text-align: center;
    text-decoration: none;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .15), inset 0 0 0 2px #9f0116;
    border: none;
    border-radius: 10px;
    -webkit-transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    line-height: 1;
    background: #9f0116;
    font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 700;
}
.btn-dark-redb:hover, .btn-dark-redb:focus {
    background: #fff;
    color: #9f0116;
    border-radius: 45px;
    text-decoration: none;
}
.btn-dark-redb .icon-check-big.rounded {
    min-width: 1.2em;
    height: 1.2em;
}
.btn-dark-redb .icon-check-big.rounded:before {
    font-size: .6em;
}
.btn-dark-redb:hover, .btn-dark-redb:focus {
    background: #fff;
    color: #9f0116;
    border-radius: 45px;
}
.btn-dark-redb:hover .remove:after, .btn-dark-red:focus .remove:after {
    background: #9f0116;
}

.btn-base.comingsoon {
	 box-shadow: inset 0 0 5px rgba(0, 0, 0, .15), inset 0 0 0 2px #999999 !important;
     background: #999999 !important;	
}

.btn-base.comingsoon:hover, .btn-base.comingsoon:focus {
    background: #fff !important;
    color: #999999 !important;
}

.btn-gray{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    padding: .9em 1.2em;
    text-align: center;
    text-decoration: none;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .15), inset 0 0 0 2px #999999;
    border: none;
    border-radius: 10px;
    -webkit-transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    line-height: 1;
    background: #999999;
    font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 700;
}
.btn-gray:hover, .btn-gray:focus {
    background: #fff;
    color: #999999;
    border-radius: 45px;
    text-decoration: none;
}
.btn-gray .icon-check-big.rounded {
    min-width: 1.2em;
    height: 1.2em;
}
.btn-gray .icon-check-big.rounded:before {
    font-size: .6em;
}
.btn-gray:hover, .btn-gray:focus {
    background: #fff !important;
    color: #999999 !important;
    border-radius: 45px;
}
.btn-gray:hover .remove:after, .btn-gray:focus .remove:after {
    background: #999999 !important;
}

.btn-ltYellow {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #434343;
    text-transform: uppercase;
    padding: .9em 1.2em;
    text-align: center;
    text-decoration: none;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .15), inset 0 0 0 2px #ffd947;
    border: none;
    border-radius: 10px;
    -webkit-transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    line-height: 1;
    background: #ffd947;
    font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 700;
}
.btn-ltYellow:hover, .btn-ltYellow:focus {
    background: #fff;
    color: #ffd947;
    border-radius: 45px;
    text-decoration: none;
}
.btn-ltYellow .icon-check-big.rounded {
    min-width: 1.2em;
    height: 1.2em;
}
.btn-ltYellow .icon-check-big.rounded:before {
    font-size: .6em;
}
.btn-ltYellow:hover, .btn-ltYellow:focus {
    background: #fff;
    color: #ffd947;
    border-radius: 45px;
}
.btn-ltYellow:hover .remove:after, .btn-ltYellow:focus .remove:after {
    background: #ffd947;
}

.btn-Black {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: .9em 1.2em;
    text-align: center;
    text-decoration: none;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .15), inset 0 0 0 2px rgba(34,34,34,1.00);
    border: none;
    border-radius: 10px;
    -webkit-transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    line-height: 1;
    background: rgba(34,34,34,1.00);
    font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 700;
}
.btn-Black:hover, .btn-Black:focus {
    background: #fff;
    color: rgba(34,34,34,1.00);
    border-radius: 45px;
    text-decoration: none;
}
.btn-Black .icon-check-big.rounded {
    min-width: 1.2em;
    height: 1.2em;
}
.btn-Black .icon-check-big.rounded:before {
    font-size: .6em;
}
.btn-Black:hover, .btn-Black:focus {
    background: #fff;
    color: rgba(34,34,34,1.00);
    border-radius: 45px;
}
.btn-Black:hover .remove:after, .btn-Black:focus .remove:after {
    background: rgba(34,34,34,1.00);
}

.btn-base {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    padding: .9em 1.2em;
    text-align: center;
    text-decoration: none;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .15), inset 0 0 0 2px #20b8ff;
    border: none;
    border-radius: 10px;
    -webkit-transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    transition: border-color .3s, background .3s, color .3s, border-radius .3s;
    line-height: 1;
    background: #20b8ff;
    font-family: "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 700;
}
.btn-base:hover, .btn-base:focus {
    background: #fff;
    color: #20b8ff;
    border-radius: 45px;
    text-decoration: none;
}
.btn-base .icon-check-big.rounded {
    min-width: 1.2em;
    height: 1.2em;
}
.btn-base .icon-check-big.rounded:before {
    font-size: .6em;
}
.btn-base:hover, .btn-base:focus {
    background: #fff;
    color: #20b8ff;
    border-radius: 45px;
}
.btn-base:hover .remove:after, .btn-base:focus .remove:after {
    background: #20b8ff;
}

/* END Custom Button Styles */

/* ============================================ */

/* Start Animation CSS */

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.animated.hinge {
    animation-duration: 2s;
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
    animation-duration: .75s;
}
 @keyframes bounce {
 from, 20%, 53%, 80%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 transform: translate3d(0, -30px, 0);
}
 70% {
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 transform: translate3d(0, -15px, 0);
}
 90% {
 transform: translate3d(0, -4px, 0);
}
}
.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}
 @keyframes flash {
 from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
.flash {
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
 from {
 transform: scale3d(1, 1, 1);
}
 50% {
 transform: scale3d(1.05, 1.05, 1.05);
}
 to {
 transform: scale3d(1, 1, 1);
}
}
.pulse {
    animation-name: pulse;
}
 @keyframes rubberBand {
 from {
 transform: scale3d(1, 1, 1);
}
 30% {
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 transform: scale3d(.95, 1.05, 1);
}
 75% {
 transform: scale3d(1.05, .95, 1);
}
 to {
 transform: scale3d(1, 1, 1);
}
}
.rubberBand {
    animation-name: rubberBand;
}
 @keyframes shake {
 from, to {
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 transform: translate3d(10px, 0, 0);
}
}
.shake {
    animation-name: shake;
}
 @keyframes headShake {
 0% {
 transform: translateX(0);
}
 6.5% {
 transform: translateX(-6px) rotateY(-9deg);
}
 18.5% {
 transform: translateX(5px) rotateY(7deg);
}
 31.5% {
 transform: translateX(-3px) rotateY(-5deg);
}
 43.5% {
 transform: translateX(2px) rotateY(3deg);
}
 50% {
 transform: translateX(0);
}
}
.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake;
}
 @keyframes swing {
 20% {
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 transform: rotate3d(0, 0, 1, -5deg);
}
 to {
 transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
    transform-origin: top center;
    animation-name: swing;
}
 @keyframes tada {
 from {
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 to {
 transform: scale3d(1, 1, 1);
}
}
.tada {
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
 from {
 transform: none;
}
 15% {
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
 to {
 transform: none;
}
}
.wobble {
    animation-name: wobble;
}
 @keyframes jello {
 from, 11.1%, to {
 transform: none;
}
 22.2% {
 transform: skewX(-12.5deg) skewY(-12.5deg);
}
 33.3% {
 transform: skewX(6.25deg) skewY(6.25deg);
}
 44.4% {
 transform: skewX(-3.125deg) skewY(-3.125deg);
}
 55.5% {
 transform: skewX(1.5625deg) skewY(1.5625deg);
}
 66.6% {
 transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
 77.7% {
 transform: skewX(0.390625deg) skewY(0.390625deg);
}
 88.8% {
 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
    animation-name: jello;
    transform-origin: center;
}
 @keyframes bounceIn {
 from, 20%, 40%, 60%, 80%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 transform: scale3d(.3, .3, .3);
}
 20% {
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 transform: scale3d(.9, .9, .9);
}
 60% {
 opacity: 1;
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 transform: scale3d(.97, .97, .97);
}
 to {
 opacity: 1;
 transform: scale3d(1, 1, 1);
}
}
.bounceIn {
    animation-name: bounceIn;
}
 @keyframes bounceInDown {
 from, 60%, 75%, 90%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 transform: translate3d(0, 25px, 0);
}
 75% {
 transform: translate3d(0, -10px, 0);
}
 90% {
 transform: translate3d(0, 5px, 0);
}
 to {
 transform: none;
}
}
.bounceInDown {
    animation-name: bounceInDown;
}
 @keyframes bounceInLeft {
 from, 60%, 75%, 90%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 transform: translate3d(25px, 0, 0);
}
 75% {
 transform: translate3d(-10px, 0, 0);
}
 90% {
 transform: translate3d(5px, 0, 0);
}
 to {
 transform: none;
}
}
.bounceInLeft {
    animation-name: bounceInLeft;
}
 @keyframes bounceInRight {
 from, 60%, 75%, 90%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 from {
 opacity: 0;
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 transform: translate3d(-25px, 0, 0);
}
 75% {
 transform: translate3d(10px, 0, 0);
}
 90% {
 transform: translate3d(-5px, 0, 0);
}
 to {
 transform: none;
}
}
.bounceInRight {
    animation-name: bounceInRight;
}
 @keyframes bounceInUp {
 from, 60%, 75%, 90%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 from {
 opacity: 0;
 transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 transform: translate3d(0, -20px, 0);
}
 75% {
 transform: translate3d(0, 10px, 0);
}
 90% {
 transform: translate3d(0, -5px, 0);
}
 to {
 transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
    animation-name: bounceInUp;
}
 @keyframes bounceOut {
 20% {
 transform: scale3d(.9, .9, .9);
}
 50%, 55% {
 opacity: 1;
 transform: scale3d(1.1, 1.1, 1.1);
}
 to {
 opacity: 0;
 transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
    animation-name: bounceOut;
}
 @keyframes bounceOutDown {
 20% {
 transform: translate3d(0, 10px, 0);
}
 40%, 45% {
 opacity: 1;
 transform: translate3d(0, -20px, 0);
}
 to {
 opacity: 0;
 transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
    animation-name: bounceOutDown;
}
 @keyframes bounceOutLeft {
 20% {
 opacity: 1;
 transform: translate3d(20px, 0, 0);
}
 to {
 opacity: 0;
 transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
    animation-name: bounceOutLeft;
}
 @keyframes bounceOutRight {
 20% {
 opacity: 1;
 transform: translate3d(-20px, 0, 0);
}
 to {
 opacity: 0;
 transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
    animation-name: bounceOutRight;
}
 @keyframes bounceOutUp {
 20% {
 transform: translate3d(0, -10px, 0);
}
 40%, 45% {
 opacity: 1;
 transform: translate3d(0, 20px, 0);
}
 to {
 opacity: 0;
 transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
    animation-name: bounceOutUp;
}
 @keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
.fadeIn {
    animation-name: fadeIn;
}
 @keyframes fadeInDown {
 from {
 opacity: 0;
 transform: translate3d(0, -100%, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInDown {
    animation-name: fadeInDown;
}
 @keyframes fadeInDownBig {
 from {
 opacity: 0;
 transform: translate3d(0, -2000px, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInDownBig {
    animation-name: fadeInDownBig;
}
 @keyframes fadeInLeft {
 from {
 opacity: 0;
 transform: translate3d(-100%, 0, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
 @keyframes fadeInLeftBig {
 from {
 opacity: 0;
 transform: translate3d(-2000px, 0, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}
 @keyframes fadeInRight {
 from {
 opacity: 0;
 transform: translate3d(100%, 0, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInRight {
    animation-name: fadeInRight;
}
 @keyframes fadeInRightBig {
 from {
 opacity: 0;
 transform: translate3d(2000px, 0, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInRightBig {
    animation-name: fadeInRightBig;
}
 @keyframes fadeInUp {
 from {
 opacity: 0;
 transform: translate3d(0, 100%, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInUp {
    animation-name: fadeInUp;
}
 @keyframes fadeInUpBig {
 from {
 opacity: 0;
 transform: translate3d(0, 2000px, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInUpBig {
    animation-name: fadeInUpBig;
}
 @keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
.fadeOut {
    animation-name: fadeOut;
}
 @keyframes fadeOutDown {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
    animation-name: fadeOutDown;
}
 @keyframes fadeOutDownBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}
 @keyframes fadeOutLeft {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
    animation-name: fadeOutLeft;
}
 @keyframes fadeOutLeftBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}
 @keyframes fadeOutRight {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
    animation-name: fadeOutRight;
}
 @keyframes fadeOutRightBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}
 @keyframes fadeOutUp {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
    animation-name: fadeOutUp;
}
 @keyframes fadeOutUpBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}
 @keyframes flip {
 from {
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 animation-timing-function: ease-out;
}
 40% {
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 animation-timing-function: ease-out;
}
 50% {
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 animation-timing-function: ease-in;
}
 80% {
 transform: perspective(400px) scale3d(.95, .95, .95);
 animation-timing-function: ease-in;
}
 to {
 transform: perspective(400px);
 animation-timing-function: ease-in;
}
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
}
 @keyframes flipInX {
 from {
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 animation-timing-function: ease-in;
}
 60% {
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 to {
 transform: perspective(400px);
}
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
}
 @keyframes flipInY {
 from {
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 animation-timing-function: ease-in;
}
 60% {
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
 to {
 transform: perspective(400px);
}
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY;
}
 @keyframes flipOutX {
 from {
 transform: perspective(400px);
}
 30% {
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
 to {
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 opacity: 0;
}
}
.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
 @keyframes flipOutY {
 from {
 transform: perspective(400px);
}
 30% {
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
 to {
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 opacity: 0;
}
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}
 @keyframes lightSpeedIn {
 from {
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 transform: skewX(-5deg);
 opacity: 1;
}
 to {
 transform: none;
 opacity: 1;
}
}
.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}
 @keyframes lightSpeedOut {
 from {
 opacity: 1;
}
 to {
 transform: translate3d(100%, 0, 0) skewX(30deg);
 opacity: 0;
}
}
.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}
 @keyframes rotateIn {
 from {
 transform-origin: center;
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 to {
 transform-origin: center;
 transform: none;
 opacity: 1;
}
}
.rotateIn {
    animation-name: rotateIn;
}
 @keyframes rotateInDownLeft {
 from {
 transform-origin: left bottom;
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
 to {
 transform-origin: left bottom;
 transform: none;
 opacity: 1;
}
}
.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}
 @keyframes rotateInDownRight {
 from {
 transform-origin: right bottom;
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 to {
 transform-origin: right bottom;
 transform: none;
 opacity: 1;
}
}
.rotateInDownRight {
    animation-name: rotateInDownRight;
}
 @keyframes rotateInUpLeft {
 from {
 transform-origin: left bottom;
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 to {
 transform-origin: left bottom;
 transform: none;
 opacity: 1;
}
}
.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}
 @keyframes rotateInUpRight {
 from {
 transform-origin: right bottom;
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
 to {
 transform-origin: right bottom;
 transform: none;
 opacity: 1;
}
}
.rotateInUpRight {
    animation-name: rotateInUpRight;
}
 @keyframes rotateOut {
 from {
 transform-origin: center;
 opacity: 1;
}
 to {
 transform-origin: center;
 transform: rotate3d(0, 0, 1, 200deg);
 opacity: 0;
}
}
.rotateOut {
    animation-name: rotateOut;
}
 @keyframes rotateOutDownLeft {
 from {
 transform-origin: left bottom;
 opacity: 1;
}
 to {
 transform-origin: left bottom;
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
}
.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}
 @keyframes rotateOutDownRight {
 from {
 transform-origin: right bottom;
 opacity: 1;
}
 to {
 transform-origin: right bottom;
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}
 @keyframes rotateOutUpLeft {
 from {
 transform-origin: left bottom;
 opacity: 1;
}
 to {
 transform-origin: left bottom;
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}
 @keyframes rotateOutUpRight {
 from {
 transform-origin: right bottom;
 opacity: 1;
}
 to {
 transform-origin: right bottom;
 transform: rotate3d(0, 0, 1, 90deg);
 opacity: 0;
}
}
.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}
 @keyframes hinge {
 0% {
 transform-origin: top left;
 animation-timing-function: ease-in-out;
}
 20%, 60% {
 transform: rotate3d(0, 0, 1, 80deg);
 transform-origin: top left;
 animation-timing-function: ease-in-out;
}
 40%, 80% {
 transform: rotate3d(0, 0, 1, 60deg);
 transform-origin: top left;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
 to {
 transform: translate3d(0, 700px, 0);
 opacity: 0;
}
}
.hinge {
    animation-name: hinge;
}
 @keyframes jackInTheBox {
 from {
 opacity: 0;
 transform: scale(0.1) rotate(30deg);
 transform-origin: center bottom;
}
 50% {
 transform: rotate(-10deg);
}
 70% {
 transform: rotate(3deg);
}
 to {
 opacity: 1;
 transform: scale(1);
}
}
.jackInTheBox {
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
 from {
 opacity: 0;
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 to {
 opacity: 1;
 transform: none;
}
}
.rollIn {
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
    animation-name: rollOut;
}
 @keyframes zoomIn {
 from {
 opacity: 0;
 transform: scale3d(.3, .3, .3);
}
 50% {
 opacity: 1;
}
}
.zoomIn {
    animation-name: zoomIn;
}
 @keyframes zoomInDown {
 from {
 opacity: 0;
 transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
    animation-name: zoomInDown;
}
 @keyframes zoomInLeft {
 from {
 opacity: 0;
 transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
    animation-name: zoomInLeft;
}
 @keyframes zoomInRight {
 from {
 opacity: 0;
 transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
    animation-name: zoomInRight;
}
 @keyframes zoomInUp {
 from {
 opacity: 0;
 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
    animation-name: zoomInUp;
}
 @keyframes zoomOut {
 from {
 opacity: 1;
}
 50% {
 opacity: 0;
 transform: scale3d(.3, .3, .3);
}
 to {
 opacity: 0;
}
}
.zoomOut {
    animation-name: zoomOut;
}
 @keyframes zoomOutDown {
 40% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 to {
 opacity: 0;
 transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 transform-origin: center bottom;
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
    animation-name: zoomOutDown;
}
 @keyframes zoomOutLeft {
 40% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
 to {
 opacity: 0;
 transform: scale(.1) translate3d(-2000px, 0, 0);
 transform-origin: left center;
}
}
.zoomOutLeft {
    animation-name: zoomOutLeft;
}
 @keyframes zoomOutRight {
 40% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
 to {
 opacity: 0;
 transform: scale(.1) translate3d(2000px, 0, 0);
 transform-origin: right center;
}
}
.zoomOutRight {
    animation-name: zoomOutRight;
}
 @keyframes zoomOutUp {
 40% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 to {
 opacity: 0;
 transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 transform-origin: center bottom;
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
    animation-name: zoomOutUp;
}
 @keyframes slideInDown {
 from {
 transform: translate3d(0, -100%, 0);
 visibility: visible;
}
 to {
 transform: translate3d(0, 0, 0);
}
}
.slideInDown {
    animation-name: slideInDown;
}
 @keyframes slideInLeft {
 from {
 transform: translate3d(-100%, 0, 0);
 visibility: visible;
}
 to {
 transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
    animation-name: slideInLeft;
}
 @keyframes slideInRight {
 from {
 transform: translate3d(100%, 0, 0);
 visibility: visible;
}
 to {
 transform: translate3d(0, 0, 0);
}
}
.slideInRight {
    animation-name: slideInRight;
}
 @keyframes slideInUp {
 from {
 transform: translate3d(0, 100%, 0);
 visibility: visible;
}
 to {
 transform: translate3d(0, 0, 0);
}
}
.slideInUp {
    animation-name: slideInUp;
}
 @keyframes slideOutDown {
 from {
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
    animation-name: slideOutDown;
}
 @keyframes slideOutLeft {
 from {
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
    animation-name: slideOutLeft;
}
 @keyframes slideOutRight {
 from {
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
    animation-name: slideOutRight;
}
 @keyframes slideOutUp {
 from {
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
    animation-name: slideOutUp;
}

/* END Animation Styles */


/* Start 2018 Gift Guide Styles */

.btq-cus-color-gg18a {
    /* background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/SummerReading18_BTQ_BG.jpg') top left repeat-y; */
	background-color: #219f7b;
    color: #FFF;
}

.btq-cus-color-gg18b {
    /* background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/SummerReading18_BTQ_BG.jpg') top left repeat-y; */
	background-color: #e10f2d;
    color: #FFF;
}

 .btq-cus-color-gg18b H2, .btq-cus-color-gg18a H2 {
	font-size: 46px;
}

.mmtgg-prodbox .gg18blue {
    color: #009FDA;
}
.mmtgg-prodbox .gg18red {
    color: #E8234B;
}
.mmtgg-prodbox .gg18green {
    color: #63AF5E;
}

.mmtgg-prodbox .gg18green2 {
    color: #63AF5E;
}

#gg18-content {
  height: 100%;	
}

.gg18-layer {
  background-position: bottom center;
  background-size: auto;
  background-repeat: no-repeat;
  width: 100%;
  height: 800px;
  position: fixed;
  z-index: -1;
}

/* #gg18-hero-mobile {
  display: none;
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/272781/full_illustration.png") no-repeat center bottom/cover;
  height: 320px;
} */

.gg18-first-section {
  padding: 50px 0 20px 0;
}

.gg18-text-header {
  font-size: 50px;
  text-align: center;
}

#gg18-hero,
.gg18-layer {
  min-height: 800px;
}

/* Big Hits */

#gg18BigHits-content {
  background-color: #ffd7d9;
  height: 100%;	
}

#gg18BigHits-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigHits.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #ffd7d9;
  background-position: center center;		
}

.gg18BigHits-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigHits.jpg");
}

.gg18BigHits-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigHits.png");
}

.gg18BigHits-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigHits.png");
}

.gg18BigHits-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigHits.png");
  background-position: right bottom;
}

.gg18BigHits-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudRed-base.png");
}

/* Big Beginnings */

#gg18BigBeginnings-content {
  background-color: #def6ff;
  height: 100%;	
}

#gg18BigBeginnings-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigBeginnings.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #def6ff;
  background-position: center center;	
}

.gg18BigBeginnings-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigBeginnings.jpg");
}

.gg18BigBeginnings-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigBeginnings.png");
}

.gg18BigBeginnings-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigBeginnings.png");
}

.gg18BigBeginnings-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigBeginnings.png");
  background-position: right bottom;
}

.gg18BigBeginnings-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudBlue-base.png");
}

/* Big wheels */

#gg18BigWheels-content {
  background-color: #e7ffdf;
  height: 100%;	
}

#gg18BigWheels-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigWheels.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #e7ffdf;
  background-position: center center;
}

.gg18BigWheels-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigWheels.jpg");
}

.gg18BigWheels-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigWheels.png");
}

.gg18BigWheels-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigWheels.png");
}

.gg18BigWheels-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigWheels.png");
  background-position: right bottom;
}

.gg18BigWheels-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudGreen-base.png");
}

/* Big Worlds */

#gg18BigWorlds-content {
  background-color: #ffd7d9;
  height: 100%;	
}

#gg18BigWorlds-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigWorlds.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #ffd7d9;
  background-position: center center;
}

.gg18BigWorlds-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigWorlds.jpg");
}

.gg18BigWorlds-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigWorlds.png");
}

.gg18BigWorlds-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigWorlds.png");
}

.gg18BigWorlds-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigWorlds.png");
  background-position: right bottom;
}

.gg18BigWorlds-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudRed-base.png");
}

/* Big Friendships */

#gg18BigFriendships-content {
  background-color: #def6ff;
  height: 100%;	
}

#gg18BigFriendships-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigFriendships.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #def6ff;
	background-position: center center;
}
.gg18BigFriendships-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigFriendships.jpg");
}

.gg18BigFriendships-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigFriendships.png");
}

.gg18BigFriendships-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigFriendships.png");
}

.gg18BigFriendships-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigFriendships.png");
  background-position: right bottom;
}

.gg18BigFriendships-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudBlue-base.png");
}

/* Big Fun */

#gg18BigFun-content {
  background-color: #e7ffdf;
  height: 100%;	
}

#gg18BigFun-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigFun.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #e7ffdf;
  background-position: center center;	
}

.gg18BigFun-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigFun.jpg");
}

.gg18BigFun-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigFun.png");
}

.gg18BigFun-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigFun.png");
}

.gg18BigFun-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigFun.png");
  background-position: right bottom;
}

.gg18BigFun-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudGreen-base.png");
}

/* Big Creations */

#gg18BigCreations-content {
  background-color: #def6ff;
  height: 100%;	
}

#gg18BigCreations-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigCreations.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #def6ff;
  background-position: center center;
}

.gg18BigCreations-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigCreations.jpg");
}

.gg18BigCreations-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigCreations.png");
}

.gg18BigCreations-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigCreations.png");
}

.gg18BigCreations-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigCreations.png");
  background-position: right bottom;
}

.gg18BigCreations-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudBlue-base.png");
}

/* Big Puzzles */

#gg18BigPuzzles-content {
  background-color: #ffd7d9;
  height: 100%;	
}

#gg18BigPuzzles-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigPuzzles.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #ffd7d9;
  background-position: center center;
}

.gg18BigPuzzles-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigPuzzles.jpg");
}

.gg18BigPuzzles-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigPuzzles.png");
}

.gg18BigPuzzles-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigPuzzles.png");
}

.gg18BigPuzzles-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigPuzzles.png");
  background-position: right bottom;
}

.gg18BigPuzzles-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudRed-base.png");
}

/* Big Games */

#gg18BigGames-content {
  background-color: #e7ffdf;
  height: 100%;	
}

#gg18BigGames-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigGames.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #e7ffdf;
  background-position: center center;
}

.gg18BigGames-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigGames.jpg");
}

.gg18BigGames-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigGames.png");
}

.gg18BigGames-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigGames.png");
}

.gg18BigGames-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigGames.png");
  background-position: right bottom;
}

.gg18BigGames-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudGreen-base.png");
}

/* Big Stories */

#gg18BigStories-content {
  background-color: #def6ff;
  height: 100%;	
}

#gg18BigStories-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigStories.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #def6ff;
  background-position: center center;
}

.gg18BigStories-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigStories.jpg");
}

.gg18BigStories-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigStories.png");
}

.gg18BigStories-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigStories.png");
}

.gg18BigStories-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigStories.png");
  background-position: right bottom;
}

.gg18BigStories-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudBlue-base.png");
}

/* Big Builds */

#gg18BigBuilds-content {
  background-color: #ffd7d9;
  height: 100%;	
}

#gg18BigBuildsV2-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigBuilds.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #ffd7d9;
  background-position: center center;
}

.gg18BigBuilds-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigBuilds.jpg");
}

.gg18BigBuilds-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigBuilds.png");
}

.gg18BigBuilds-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigBuilds.png");
}

.gg18BigBuilds-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigBuilds.png");
  background-position: right bottom;
}

.gg18BigBuilds-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudRed-base.png");
}

/* LEGO */

#gg18BigLEGO-content {
  background-color: #ffd7d9;
  height: 100%;	
}

#gg18LEGO-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigLEGO.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #ffd7d9;
  background-position: center center;
}

.gg18BigLEGO-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigLEGO.jpg");
}

.gg18BigLEGO-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigLEGO.png");
}

.gg18BigLEGO-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigLEGO.png");
}

.gg18BigLEGO-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigLEGO.png");
  background-position: right bottom;
}

.gg18BigLEGO-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudRed-base.png");
} 

/* Big Tech */

#gg18BigTech-content {
  background-color: #e7ffdf;
  height: 100%;	
}

#gg18BigTech-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigTech.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #e7ffdf;
  background-position: center center;
}

.gg18BigTech-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigTech.jpg");
}

.gg18BigTech-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigTech.png");
}

.gg18BigTech-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigTech.png");
}

.gg18BigTech-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigTech.png");
  background-position: right bottom;
}

.gg18BigTech-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudGreen-base.png");
}

/* Big Discoveries */

#gg18BigDiscoveries-content {
  background-color: #def6ff;
  height: 100%;	
}

#gg18BigDiscoveries-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigDiscoveries.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #def6ff;
  background-position: center center;
}

.gg18BigDiscoveries-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigDiscoveries.jpg");
}

.gg18BigDiscoveries-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigDiscoveries.png");
}

.gg18BigDiscoveries-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigDiscoveries.png");
}

.gg18BigDiscoveries-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigDiscoveries.png");
  background-position: right bottom;
}

.gg18BigDiscoveries-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudBlue-base.png");
}

/* Big Thinkers */

#gg18BigThinkers-content {
  background-color: #ffd7d9;
  height: 100%;	
}

#gg18BigThinkers-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigThinkers.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #ffd7d9;
  background-position: center center;
}

.gg18BigThinkers-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigThinkers.jpg");
}

.gg18BigThinkers-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigThinkers.png");
}

.gg18BigThinkers-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigThinkers.png");
}

.gg18BigThinkers-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigThinkers.png");
  background-position: right bottom;
}

.gg18BigThinkers-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudRed-base.png");
}

/* Big Cheers */

#gg18BigCheer-content {
  background-color: #e7ffdf;
  height: 100%;	
}

#gg18BigCheer-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-BigCheer.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #e7ffdf;
  background-position: center center;
}

.gg18BigCheer-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-BigCheer.jpg");
}

.gg18BigCheer-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-BigCheer.png");
}

.gg18BigCheer-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-BigCheer.png");
}

.gg18BigCheer-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-BigCheer.png");
  background-position: right bottom;
}

.gg18BigCheer-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudGreen-base.png");
}

/* Little Treasures */

#gg18LittleTreasures-content {
  background-color: #def6ff;
  height: 100%;	
}

#gg18LittleTreasures-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-LittleTreasures.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #def6ff;
  background-position: center center;
}

.gg18LittleTreasures-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-LittleTreasures.jpg");
}

.gg18LittleTreasures-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-LittleTreasures.png");
}

.gg18LittleTreasures-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-LittleTreasures.png");
}

.gg18LittleTreasures-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-LittleTreasures.png");
  background-position: right bottom;
}

.gg18LittleTreasures-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudBlue-base.png");
}

/* 2018 Hub */

#gg18Hub-content {
  background-color: #FFFFFF;
  height: 100%;	
}

#gg18Hub-hero-mobile {
  display: none;
  background: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Mobile-Hub.png") no-repeat center bottom/cover;
  height: 420px;
  background-color: #ffffff;
  background-position: center center;
}

.gg18Hub-layer-bg {
	background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-BG-Hub.jpg");
}

.gg18Hub-layer-1 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer1-Hub.png");
}

.gg18Hub-layer-2 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer2-Hub.png");
}

.gg18Hub-layer-3 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/gg18-Layer3-Hub.png");
  background-position: right bottom;
}

.gg18Hub-layer-4 {
  background-image: url("https://odmmtstorage.blob.core.windows.net/giftguide2018/cloudWhite-base.png");
}

/* .gg18-layer-overlay {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/272781/ilu_overlay.png\a");
} */

@media only screen and (max-width: 768px) {
  #gg18-hero {
    display: none;
  }

  #gg18-hero-mobile {
    display: block;
  }

  #gg18BigHits-hero-mobile {
    display: block;
  }
	
  #gg18BigBeginnings-hero-mobile {
    display: block;
  }		
	
  #gg18BigWheels-hero-mobile {
    display: block;
  }
	
  #gg18BigWorlds-hero-mobile {
    display: block;
  }	
	
  #gg18BigFriendships-hero-mobile {
    display: block;
  }	
	
  #gg18BigFun-hero-mobile {
    display: block;
  }		
	
  #gg18BigCreations-hero-mobile {
    display: block;
  }	
	
  #gg18BigPuzzles-hero-mobile {
    display: block;
  }		
	
  #gg18BigGames-hero-mobile {
    display: block;
  }	
	
  #gg18BigStories-hero-mobile {
    display: block;
  }		
	
  #gg18BigHBuilds-hero-mobile {
    display: block;
  }		
	
  #gg18BigTech-hero-mobile {
    display: block;
  }		
	
  #gg18LEGO-hero-mobile {
    display: block;
  }	
	
  #gg18BigDiscoveries-hero-mobile {
    display: block;
  }	
	
  #gg18BigThinkers-hero-mobile {
    display: block;
  }	
	
  #gg18BigCheer-hero-mobile {
    display: block;
  }	
	
  #gg18LittleTreasures-hero-mobile {
    display: block;
  }	
	
  #gg18Hub-hero-mobile {
    display: block;
  }		
	
}

/* End 2018 Gift Guide Styles */

/* START Gift Guide 2018 Navigation styles */

#mmt18-product-categories {
    z-index: 99;
}
#mmt18-product-categories {
    font-family: 'CirceRounded', Arial, sans-serif;
    position: relative;
    height: 70px;
    text-align: center;
	padding-top: 15px;
}

#mmt18-product-categories.greenBG {
	background-color: #006f58;
}

#mmt18-product-categories.blueBG {
	background-color: #1472c3;
}

#mmt18-product-categories.redBG {
	background-color: #9a1517;
}

#mmt18-product-categories-hub {
    font-family: 'CirceRounded', Arial, sans-serif;
    text-align: center;
}

#mmt18-product-categories-hub img.subimg {
    max-width: 275px;
	padding: 10px;
	border-radius: 25px;
	-moz-transition: all 0.3s;
  	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
}

#mmt18-product-categories-hub img.subimg:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


@media (max-width: 767px) {
#mmt18-product-categories-hub img.subimg {
    max-width: 150px;
	padding: 5px;
	border-radius: 15px;
}		
}

#mmt18-category-btn {
    color: #FFFFFF;
    font-size: 1.4em;
    font-weight: 700;
    padding: 5px 5px 5px 35px;
    background: transparent url(https://odmmtstorage.blob.core.windows.net/promo/mmt-boutique-navicon.png) no-repeat top left;
    /* margin-left: 15px; */
}
#mmt18-category-btn:hover {
    cursor: pointer;
    border-bottom: 5px solid #FFFFFF;
}
#mmt18-category-menu {
    position: absolute;
    background: #FFFFFF;
    opacity: 0;
    top: 49px;
    overflow: hidden;
    z-index: 9999;
    transition-duration: 500ms;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
#mmt18-menu-items {
    padding: 25px;
    margin-bottom: 0;
}
#mmt18-menu-items li {
    width: 160px;
    height: 35px;
    padding: 3px;
    margin: 1px 0;
    border: 2px solid #009FDA;
    text-align: center;
    display: inline-block;
    border-radius: 9999px;
    position: relative;
}
#mmt18-menu-items li:hover {
    background: #009FDA;
}
.mmt18-category-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #009FDA;
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

#mmt18-menu-items li.green  {
    border: 2px solid #006f58;
}
#mmt18-menu-items li:hover.green {
    background: #006f58;
}
.mmt18-category-link.green  {
    color: #006f58;
}

#mmt18-menu-items li.red  {
    border: 2px solid #9a1517;
}
#mmt18-menu-items li:hover.red {
    background: #9a1517;
}
.mmt18-category-link.red  {
    color: #9a1517;
}

#mmt18-menu-items li.blue  {
    border: 2px solid #1472c3;
}
#mmt18-menu-items li:hover.blue {
    background: #1472c3;
}
.mmt18-category-link.blue  {
    color: #1472c3;
}

.mmt18-category-link:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.mmt18-category-link span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 3px;
    text-align: center;
}
/* END Boutique Navigation styles */

/* START Custom boutique styles - place all custom tweaks to CSS for campaign/product specific boutiques */

.mmt-blue {
    background-color: #20b9ff;
    color: #FFFFFF;
}

.mmt-brandblue {
    background-color: #1eb4e7;
    color: #FFFFFF;
}

.mmt-red {
    background-color: #d73a47;
    color: #FFFFFF;
}

.mmt-yellow {
    background-color: #f6cb41;
    color: #FFFFFF;
}

.yellow {
	color: #FFCC00;
}

.vdaypink {
	color: #ee105a;
}

.vdayblue {
	color: #81d6e8;
}

.vdaypurple {
	color: #8f88c7;
}

.vdayyellow {
	color: #fdefc1;
}

.PanelStyle_1 {
    background-color: #009FDA;
    color: #FFFFFF;
}
.PanelStyle_2 {
    background-color: #E8234B;
    color: #FFFFFF;
}

.PanelStyle_3 {
    background-color: #63AF5E;
    color: #FFFFFF;
}
.PanelStyle_4 {
    background-color: #8AC75B;
    color: #FFFFFF;
}

.PanelStyle_Black {
    background-color: #1B1B1B;
    color: #FFFFFF;
}

.PanelStyle_Yellow {
	background-color: #FFCC00;
	color: #333333;
}

.grid-four .item-box-mmt.blkfri, .grid-four.blkfri, .grid-item-mmt .text-box-mmt.blkfri {
    background: #333333;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1) inset;
    padding: 5px 5px 5px 5px;
	border-radius: 25px;
}

.LEGOBGYellow {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/Brickstrav_BTQ_BG_Yellow.png') top left repeat-y;
	background-color: #FFCC00;
    color: #333333;
}

.LEGOBGYellowNOBG {
	background-color: #FFCC00;
    color: #333333;
}

.LEGOBGRed {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/Brickstrav_BTQ_BG_Red.png') top left repeat-y;
	background-color: #FF3333;
    color: #FFFFFF;
}

.LEGOBGGray {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/Brickstrav_BTQ_BG_Gray.png') top left repeat-y;
	background-color: #414141;
    color: #FFFFFF;
}

.vday-yellow {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/Valentines18_BTQ_BGYellow.jpg') top left repeat-y;
    color: #8f88c7;
}

.vday-pink {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/Valentines18_BTQ_BGPink.jpg') top left repeat-y;
    color: #FFFFFF;
}

.vday-purple {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/Valentines18_BTQ_BGPurple.jpg') top left repeat-y;
    color: #FFFFFF;
}

.vday-blue {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/Valentines18_BTQ_BGBlue.jpg') top left repeat-y;
    color: #36707c;
}

.scooter-blue {
    background-color: #63e1fc;
    color: #FFFFFF;
}

.scooter-dporange {
    background-color: #ff6633;
    color: #FFFFFF;
}

.scooter-orange {
    background-color: #ffb740;
    color: #FFFFFF;
}

.scooter-green {
    background-color: #87d45e;
    color: #FFFFFF;
}

.scooter-brown {
    background-color: #544235;
    color: #FFFFFF;
}

.scooter-brown {
    background-color: #544235;
    color: #FFFFFF;
}


.btq-cus-color {
	background-color: #63e1fc; 
}

.btq-cus-color-potterA {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/080218-Potter-BTQ-BGDkBlue.jpg') top left repeat-y;
	color: #FFFFFF;
}

.btq-cus-color-potterB {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/080218-Potter-BTQ-BGLtBlue.jpg') top left repeat-y;
}


.marchbreak-BG {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/MarchBreak18_BTQ_BG.jpg') top left repeat-y;
    color: #595959;
	background-size: cover;
}

.easter-BG {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/Easter18_BTQ_BG.jpg') top left repeat-y;
    color: #8f88c7;
}

.easter-BG-Blue {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/Easter18_BTQ_BG_Blue.jpg') top left repeat-y;
    color: #FFF;
}

.easter-BG-Purple {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/Easter18_BTQ_BG_Purple.jpg') top left repeat-y;
    color: #FFF;
}

.easter-BG-Pink {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/Easter18_BTQ_BG_Pink.jpg') top left repeat-y;
    color: #FFF;
}

.easter-BG-Yellow {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/Easter18_BTQ_BG_Yellow.jpg') top left repeat-y;
    color: #FFF;
}

.collectibles-BG-Yellow {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/Collectibles_BTQ_BG_Yellow.jpg') top left repeat-y;
    color: #FFF;
}

.collectibles-BG-Red {
	background-color: #f78ec5;
    color: #FFF;
}

.collectibles-BG-Green {
    background-color: #4de2c1;
	color: #FFF;
}

.collectibles-BG-Blue {
	background-color: #7516aa;
    color: #FFF;
}

.collectibles-BG-Beige {
    color: #FFF;
	background-color: #4de2c1;
}

.SummerReading-BG-Blue {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/SummerReading18_BTQ_BG2.jpg') top left repeat-y;
    color: #FFF;
}

.SummerReading-BG-Green {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/SummerReading18_BTQ_BG.jpg') top left repeat-y;
    color: #FFF;
}

.PanelStyle_BG_A {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_MAINBG.jpg') no-repeat center;
    color: #FFFFFF;
    background-size: cover;
    height: 550px;
}

.PanelStyle_BG_A {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/gg17_MAINBG.jpg') no-repeat center;
    color: #FFFFFF;
    background-size: cover;
    height: 550px;
}	
	
@media (max-width: 414px) {
.PanelStyle_BG_A {
    height: 150px;
}
}
.PanelStyle_BG_B {
    color: #FFFFFF;
	height: 150px;
}

@media (min-width: 767px) {
.PanelStyle_BG_B {
    height: 150px;
}
}
.moonlite-bg {
    background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/moonlite_btq_bg.png') no-repeat top left;
}

@media (max-width: 767px) {
.moonlite-bg {
    background-size: 100%;
    background-position: 0% 70%;
}
}

@media (min-width: 1024px) {
.moonlite-bg {
    background-size: 100%;
    background-position: 0% 30%;
}
}

.btq-BG-BF18 {
    background-color: rgba(34,34,34,1.00);
	color: #FFFFFF;
}

.btq-BG-BF18-B {
    background-color: #f6cb41;
	color: rgba(34,34,34,1.00);   
}

.btq-BG-BF18-C {
	background-color: rgba(232,110,169,1.00);
	color: rgba(120,23,70,1.00);	
}

.btq-BG-BF18-D {
	background-color: rgba(96,197,245,1.00);
	color: rgba(21,72,97,1.00);	
}

.btq-BG-BF18-E {
	background-color: rgba(161,204,85,1.00);
	color: rgba(47,62,21,1.00);	
}


h2.btq-BG-BF18-Save {
font-size: 136px;
font-weight: 600;
letter-spacing: -6px;
}

h2.btq-BG-BF18-Title {
font-size: 96px;
font-weight: 600;
letter-spacing: -3px;
}

h2.btq-BG-BF18-Count {
font-size: 176px;
	font-weight: 600;
	color: #ffd947;
}

@media screen and (max-width: 767px) {

h2.btq-BG-BF18-Save {
font-size: 76px !important;
}
	
h2.btq-BG-BF18-Title {
font-size: 46px;
font-weight: 600;
}	
	
h2.btq-BG-BF18-Count {
font-size: 66px !important;
}	

}

.btq-BG-CMD-A {
background-color: #FFFFFF;
color: #666666;
}

h2.btq-CMD-Save {
font-size: 136px;
font-weight: 600;
letter-spacing: -6px;
}

h2.CMD-Green {
	color: #1eab82;
	margin-bottom: 5px!important;
}

.btn-CMD-Green {
    color: #fff;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .15), inset 0 0 0 2px #1eab82;
    background: #1eab82;
}

.btn-CMD-Green:hover, .btn-CMD-Green:focus {
    background: #fff;
    color: #1eab82;
}
.btn-CMD-Green:hover .remove:after, .btn-CMD-Green:focus .remove:after {
    background: #1eab82;
}

@media screen and (max-width: 767px) {

h2.btq-CMD-Save {
font-size: 76px !important;
}	
}

.btq-BG-1Col {
	width: 100%;
	float: left;
	padding: 35px;
}

.btq-BG-2Col {
	max-width: 50%;
	float: left;
	padding: 35px;
}

.btq-BG-3Col {
	max-width: 33%;
	float: left;
	padding: 35px;
}

.btq-BG-4Col {
	max-width: 25%;
	float: left;
	padding: 35px;
}

.btq-BG-6Col {
	min-width: 16.66%;
	float: left;
	padding: 35px;
}

.Books30offBoxA {
background: transparent url('https://odmmtstorage.blob.core.windows.net/promo/120418-BTQ-30books-BG.jpg') no-repeat top left;	
	color: #17624a;
}

.Books30offBoxB {
	background-image: radial-gradient(#ea3d47, #cb0023);	
	color: #FFFFFF;
}

.Books30offBoxSwitch {
	background-image: radial-gradient(#00b694, #17624a);	
	color: #FFFFFF;
}

.Books30offBoxC {
	background-color: #00b694;
	color: #FFFFFF;
}

.Books30offBoxD {
	background-color: #ea3d47;
	color: #FFFFFF;
}

.Books30offBoxE {
	background-color: #FFFFFF;	
	color: #00b694;
}

.Books30offBoxF {
	background-color: #FFFFFF;	
	color: #17624a;
}

.Books30offBoxA, .Books30offBoxB h2 {
	text-shadow: 1px 1px 8px rgba(0,0,0,.4);
	font-size: 48px;
}

@media screen and (max-width: 767px) and (min-width: 320px) {

.Books30offBoxA, .Books30offBoxB {
	min-width: 100%;
}
	
.Books30offBoxC, .Books30offBoxD, .Books30offBoxE {
	min-width: 50%;
	min-height: 275px;
}
	
.Books30offBoxA {
    background-size: 350%;
    background-position: 0% 15%;
}	
	
}

@media screen and (max-width: 568px) {
	
.Books30offBoxC, .Books30offBoxD, .Books30offBoxE {
	max-width: 50%;
}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	
.Books30offBoxC, .Books30offBoxD, .Books30offBoxE {
	min-width: 33%;
}
}	

/* END Revolving Styles for specific boutiques */

/* ========================================== */


