.product-pagination li a{font-weight:bold;padding:4px 0 0 9px}
a.link:hover { color:#E8A1D0 !important}
.more{cursor:pointer}
.less{cursor:pointer}
.cartBox .deleteItem{cursor:pointer}
.validation-summary-errors,.field-validation-error {color: #f00 !important;}
.checkoutPage .btn[disabled]{ background:#700}
.validation-summary-errors ul { list-style: none; padding:10px;}
.credit-card .input-validation-error , .cvc-code-detail .input-validation-error {background-color:#f99;}
.order-detail-main{font-family: 'Open Sans', sans-serif;font-size: 12px;line-height: 1.42857143;color: #333;}
.order-detail td{padding:5px;}
.color-link a:hover,.color-link a:focus {color:#E8A1D0 !important;}
.product-main-image img{max-width:400px;}
#review .shopItem .itemDetail span.qty .less, .itemDetail span.qty .more{ float:none}
#review .shopItem .item{padding:0 0 10px 0}
#review .itemDetail span.itemHead{padding: 0 0 3px 0;}
#review .itemDetail{width:263px;}
#review .itemDetail span.itemHead{width:91%;float:left;}
#review #promoMessage {padding: 10px 0; display:none}
#review .success {color:green}
#review .error {color: #f00; width:100%; display:inline-block; }
#review .item .deleteItem{cursor:pointer}
#review  .deleteItem{top:-6px;}
.side-block ul.short-list.my-account li a{color:#6c4333;font-weight:bold}
.side-block ul.short-list.my-account li a:hover {color:#E8A1D0 !important}
.paypal {display:none !important}
.cardType {width: 35px;height: 22px;}
.ui-menu .ui-menu-item a:hover { color:#E8A1D0}
/* link hover */
a.common-link{color:#337ab7}
.navigation .nav.navbar-nav li a:hover,
#footer .footerList a:hover,
#footer ul.list-unstyled a:hover,
#footer ul.termsPolicy a:hover,
.content-details a:hover,a:focus,
.topHeader li a:hover span,a.common-link:hover,a.common-link:active{color:#E8A1D0}
#store-selector-popup { border: 3px solid #380005; background: #FFf; border-radius:5px; font-family: Arial; padding:10px 20px; }
#store-selector-popup h2 {text-align: center; margin: 20px 0; font-size: 26px; font-weight: normal; color:#390100; font-weight:600;}
#store-selector-popup .zip-form {margin-top: 10px; margin-bottom: 20px; width:100%; display:inline-block}
#store-selector-popup .zip-form form { width:100%; display:inline-block; padding:3px 0px; }
#store-selector-popup .zip-form form .codeBox { width:auto; float:left; }
#store-selector-popup .zip-form form .codeBox input[type="text"] { width:262px; height:40px; float:left; padding: 10px; border: 1px solid #793818; color: #793818 }
#store-selector-popup .zip-form form .codeBox input[type="button"] { border-top-right-radius:5px; border-bottom-right-radius:5px; background:url(../images/icon-search1.png) no-repeat center center #3b0302; overflow: hidden; padding: 3px 0; text-indent: 99px; width: 61px; }
#store-selector-popup .zip-form form .loginBtn { float:left; width:auto; }
#store-selector-popup .zip-form form .loginBtn span { padding:0 16px; }
#store-selector-popup .zip-form form .loginBtn input[type="button"] { margin:0 0 0 33px; background:#3b0302; border-radius:10px; text-transform:capitalize;   padding: 3px 12px; }
#store-selector-popup .zip-form label{font-size: 20px; color: #390100; width:100%; display:inline-block;}
#store-selector-popup .grey-font { color: #555}
#store-selector-popup .red-font  {color:#f00;}
#store-selector-popup .store-table-container {margin: 10px 0; height: 200px; overflow-y: auto; border:1px solid #989898;}
#store-selector-popup .storePopUpList{ font-family:'Open Sans', sans serif; font-size:14px; max-width:700px; width:100%; margin:0 auto; }
#store-selector-popup .storeListTable{ display:table; width:100%; list-style:none;margin:0px; padding:0px; }
#store-selector-popup .storeListRow{ display:table-row; width:100%; }
#store-selector-popup .storeListRow:hover { cursor: pointer;background: #EFBA9A;}
#store-selector-popup .storeListRow.active {background: #EFBA9A; }
#store-selector-popup .storeListRow .col0, .storeListRow .col1, .storeListRow .col2, .storeListRow .col3{ border-bottom:solid 1px #cccccc; padding:10px 0px 10px 0px; }
#store-selector-popup .storeListRow .noresult{ border-bottom:solid 1px #cccccc; padding:10px; }
#store-selector-popup .storeListRow .col0{ display:table-cell; width:5%; text-align:center; }
#store-selector-popup .storeListRow .col1{ display:table-cell; width:30%;}
#store-selector-popup .storeListRow .col1 b{ display:block;}
#store-selector-popup .storeListRow .col2{ display:table-cell; width:30%;}
#store-selector-popup .storeListRow .col3{ display:table-cell; width:13%; margin-right:1%; font-weight:bold; color:red; text-align:right; }
#store-selector-popup .storeListRow .hourLabel{ display:inline-block; text-align:right; margin-right:1%; width:40%;font-size:12px; }
#store-selector-popup .storeListRow .hours{ display:inline-block; text-align:left; width:50%; font-size:12px; }
#store-selector-popup .btn-bottom{margin: 10px 0;}
#store-selector-popup .btn-bottom #store-association-store-notnow { margin-left:20px;}
.sub-cat-link a:hover{color:#5c2101 !important;}
.redstar {color: Red; font-size: 13px; padding-right: 3px; }
#CouponCode,.no-transform { text-transform: none; }

/*.hoursDirection span.open{font-size:18px !important;}*/
.featuredStore .thumbnail{min-height:230px;}
.featuredStore .thumbnail .image-thumb img{text-align:center;vertical-align:middle;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}
.alignleft{text-align:left !important;}
.leftage{border-left:2px solid #7a3919;}
.width90per{width:90%;}
.width100per{width:100%;}
.width30px{width:30px !important;}
.width50px{width:50px !important;}
.width70px{width:70px !important;}
.width120px{width:120px !important;}
.width300px{width:300px !important;}
.width35px{width:35px !important;}
.font13{font-size:13px;}
.padtop30{padding-top:35px;}
.padtop5{padding-top:5px;}
.pad-bottom20{padding-bottom:20px;}
.check-hack{margin-top:2px !important;}
.check-hack1{margin-top:0px !important;}
.padleft0{margin-left:0px !important;}
.padleft10{margin-left:10px !important;}
.padright0 {padding-right:0px !important;}
.inline{display:inline !important}
#storeDDL {float:none;margin:5px 20px 0 0;display:inline-block}
#user-info-dropdown {float:none;display:inline-block}

/*15-06-11*/
.wrapper{padding:188px 0 0 0;}
.navbar-brand > img{width:203px;}
header{position:absolute;top:0;left:0;}
header.fixed{min-height:100px;}
.wrapper.topSpaceAdded{padding:125px 0 0;}
#banner.fixedContent{padding:0;margin:-5px 0 0;}
.fixedContent{padding:0;}
.wrapper.topSpaceAdded #banner.bannerBackground{margin:-5px 0 0;}
#main-content .sign-up .input-slide input[type="email"]:focus::-webkit-input-placeholder{color: transparent !important;}
#main-content .sign-up .input-slide input[type="email"]:-moz-placeholder:focus { /* Firefox 18- */color: transparent !important;}
#main-content .sign-up .input-slide input[type="email"]:focus::-moz-placeholder {  /* Firefox 19+ */color: transparent !important;}
#main-content .sign-up .input-slide input[type="email"]:focus:-ms-input-placeholder {color: transparent !important;}
.choco-circles-holder.socialIconHolder{margin:0;}
.choco-circles-holder.socialIconHolder .choco-circles{margin:0 10px;width:80px;height:80px;}
.choco-circles-holder.socialIconHolder .front{padding:0;}
.choco-circles-holder.socialIconHolder .back{padding:20px 5px;}
.choco-circles-holder.socialIconHolder .choco-circles span{font-size:14px;}
.choco-circles-holder.socialIconHolder .fbIcon{background:#32589f;}
.choco-circles-holder.socialIconHolder .instagramIcon{background:#502005;}
.choco-circles-holder.socialIconHolder .twitterIcon{background:#38acf5;}
.selectAlert{color:#f00;}
.selectAlert .modal-header{padding:8px 15px;font-weight:bold;}
.selectAlert .modal-content {width: 50%;margin:0 25%;top:100px;}
#banner.bannerBackground.searchBanner{min-height:280px;}
#banner.bannerBackground.searchBanner .carousel-caption{top:75px;right:30%;left:30%;}
#banner.bannerBackground.searchBanner .carousel-caption span{font-size:40px;}
#store-selector-popup .store-table-container table.storelist tr:hover{cursor: pointer;}
#store-selector-popup .store-table-container table.storelist tr input:hover{cursor: pointer;}
.product-main-image .border-grey{padding:3px;}
@media (max-width: 1300px){
#review .itemDetail{width:212px;}
}
@media (max-width: 1199px){
#banner.bannerBackground.searchBanner .carousel-caption span{font-size:35px;}
}
@media (max-width: 1055px) {
#review .itemDetail{width:191px;}
}
@media (max-width: 1024px){
#review .itemDetail{width:122px;}
#review .itemDetail span.qty .less,
#review .itemDetail span.qty .more{padding:0 4px;}
#banner.bannerBackground.searchBanner .carousel-caption span{font-size:32px;}
}
@media (max-width: 991px){
#store-association-store-notnow.btn.btn-default { padding:6px 0px; margin:0 12px; }
#store-selector-popup .zip-form form .loginBtn span { padding:0 7px; }
#store-selector-popup .zip-form form .loginBtn input[type="button"] { margin:0px; }
#banner.bannerBackground.searchBanner{min-height:250px;}
#banner.bannerBackground.searchBanner .carousel-caption{left:25%;right:25%;}
#banner.bannerBackground.searchBanner .carousel-caption span{font-size:30px;}
}
@media (max-width: 767px){
#review .itemDetail{width:75%;}
.zip-form input { margin: 0 0 10px; }
.modal-dialog { width:auto !important; }
.topSpaceAdded .banner{padding:0;margin:-5px 0 0;}
.AboutTheStore,
.hoursDirection{text-align:center;}
.hoursDirection span.close span{font-size:30px;}
.hoursDirection address{width:100%;text-align:center;}
.hoursDirection address img, .hoursDirection address span{float:none;}
.storePage{text-align:center;}
.footerList li{width:auto;margin:0 5px 10px;display:inline-block;}
.footerList li.linkHead{width:100%;}
.footerMiddle ul li, .footerMiddle ul.termsPolicy li{width:auto;margin:0 5px 10px;display:inline-block;float:none;}
#banner.bannerBackground.searchBanner .carousel-caption{left:15%;right:15%;width:70%;}
#banner.bannerBackground.searchBanner .carousel-caption span{font-size:25px;}
}
@media (max-width: 639px){
#store-selector-popup .zip-form form .codeBox { width:100%; }
#store-association-store-notnow.btn.btn-default { margin:0 12px 0px 0; }
}
@media (max-width: 479px){
#store-selector-popup .btn-bottom #store-association-store-notnow { margin-left:10px; }
#store-selector-popup .zip-form form .codeBox input[type="text"] { width:190px; }
.selectAlert .modal-content { width: 80%; margin: 0 10%; }
#banner.bannerBackground.searchBanner .carousel-caption{left:10%;right:10%;width:80%;}
}

.choco-table{border:1px solid #7a3919;}
.choco-table td{border-top:1px solid #7a3919;border-right:1px solid #7a3919;border-bottom:1px solid #7a3919;}
.main-price{text-align: center;  color: #c01423;  font-size: 23px;  line-height: 22px;  font-family: 'bebas_neueregular';}
.top-right-head{  margin-right: 20px;margin-top: 11px;}
.underconstruction {  font-size: 32px;margin-top: 98px;text-align: center;}

.pull-right .search {cursor:pointer;}
.storeNews .page-header a:hover {color:#793818;}
.latestPost a:hover{color:#793818;}
.padtop10 {padding-top:10px;}
.bannerBackground .bannerText{top:110px !important;}
.newslist a:hover{color:#e69ed1;}
#lipsum{text-align:justify;}
.prod-edit table{border-bottom:1px solid #783918 !important;border-right:1px solid #783918 !important;}
.prod-edit td{border-top:1px solid #783918 !important;border-left:1px solid #783918 !important;}
.btn-attr{  background: #F7C882;padding-top:5px;color: #783918;font-weight: 500;font-size: xx-large;}
.btn-attr-rem{  font-size: large !important;}
.btn-attr-reg{  font-size: inherit !important;}
.marleft2{margin-left:2px;}
.pageModal{cursor:pointer;}
.pageModal:hover{cursor: pointer;border: solid 2px #09C;background-color: #09C;color: #ffffff !important;}
.pageModal:hover img{-webkit-animation: pulse 800ms ease-out;-moz-animation: pulse 800ms ease-out;-o-animation: pulse 800ms ease-out;animation: pulse 800ms ease-out;}
.file-name-bunch{background:#EBDAC0;border:1px solid #521D0F;padding:5px;margin-left:10px;}
.icon-red{color:#ff0000;}
.padright10{padding-right:10px;}

.glyphicon-refresh-animate {-animation: spin .7s infinite linear;-webkit-animation: spin2 .7s infinite linear;}
#placeorderbutton .glyphicon.glyphicon-refresh.glyphicon-refresh-animate {  width: auto;  margin-left: 10px;}
#placeorderbutton[disabled] {background:#d76062}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
.grid-mvc .grid-row.grid-row-selected td {   background: #F4D0E8 !important;color: black;}
.grid-mvc .grid-row:hover td {   background: #F4D0E8 !important;color: black;}
#template {display:none;}
.marleft0{padding-left:0px !important;}
.padleft5{padding-left:5px;}
.info-text{padding-left:10px;font-size:12px;}
.martop10{margin-top:10px;}
header.fixed .navbar-inverse {box-shadow: 3px 2px 7px #000000;}
.storeNews .row img {mamx-width:100%;}
.nixonPartyFavorHeader {text-align: left;Margin: 7px 0 0px 20px !important;font-size: 41.68px !important;}
.nixonPartyFavorspan {text-align: left;Margin: 1px 0 0px 25px !important;font-size: 26.05px !important;}
.nixonViewFavors {bottom: 11px !important;left: auto !important;position: absolute !important;right: 10px;}
#starImg1, starImg2, #starImg3, #starImg4, #starImg5, #starImg7 {width:auto;}
.nixonRedBorder 
{
    border: 1px solid red !important;
}
.twicebounce
{
    -webkit-animation-iteration-count:2 !important;
    -moz-animation-iteration-count:2 !important;
    -ms-animation-iteration-count:2 !important;
    -o-animation-iteration-count:2 !important;
    animation-iteration-count:2 !important;
}
.nixonNoRedBorder {border: 1px solid transparent !important;}

#MyAccount-addressPage .address-row .form-group{  border: 1px solid #ccc;padding: 10px 10px;}
#MyAccount-addressPage .billingText,#MyAccount-addressPage .shippingText{ display:none}
#MyAccount-addressPage .setbillingText,#MyAccount-addressPage .setshippingText  { display:none; }
#MyAccount-addressPage .NotDefaultShippingAddress:hover .setshippingText,#MyAccount-addressPage .NotDefaultBillingAddress:hover .setbillingText { display:inline-block; float:right;padding:0 10px;}
#MyAccount-addressPage .DefaultBillingAddress .billingText,#MyAccount-addressPage .DefaultShippingAddress .shippingText  { float:right; display:block;padding:0 10px;}


/*---------- Nixon Animations ----------*/

/* For Home page blocks (works on Live Site) */
#nixonDeal { animation-duration: 1.2s; -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s;}
#NixonFeaturedBanner1,.nixonShoppingItems,#nixonHomeSweetestOppertunityText{ animation-duration: 1.2s; -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s;}
#NixonFeaturedBanner2,#nixonHomeSweetestOppertunityImageBoxes > img{animation-duration: 1.2s;-webkit-animation-duration: 1.2s;-moz-animation-duration: 1.2s;animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s;}
#NixonFeaturedBanner3{animation-duration: 1.2s;-webkit-animation-duration: 1.2s;-moz-animation-duration: 1.2s;animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s;}
.nixonHomePlanAPartyIcon {animation: pulse 2s 300ms infinite;-webkit-animation: pulse 2s 300ms infinite;-moz-animation: pulse 2s 300ms infinite;}



/* For Microsite Home Page */
#MicroSiteShopNow, #MicrositeDirection, #MicrositePlanParty {animation-duration: 2.2s;-webkit-animation-duration: 2.2s;-moz-animation-duration: 2.2s;}
.NixonStoreTimings {-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s;}
#StoreOpen, #StoreClose {animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-duration: 2.2s;-webkit-animation-duration: 2.2s;-moz-animation-duration: 2.2s;}
.nixonOpenClose {animation-duration: 3s;-webkit-animation-duration: 3s;-moz-animation-duration: 3s;}
.nixonMonday, .nixonTuesday {animation-duration: 3.3s;-webkit-animation-duration: 3.3s;-moz-animation-duration: 3.3s;}
.nixonWednesday, .nixonThursday {animation-duration: 3.4s;-webkit-animation-duration: 3.4s;-moz-animation-duration: 3.4s;}
.nixonFriday, nixonSaturday, .nixonSunday {animation-duration: 3.5s;-webkit-animation-duration: 3.5s;-moz-animation-duration: 3.5s;}
.NixonFeaturedItemHeader {animation-duration: 1.3s;-webkit-animation-duration: 1.3s;-moz-animation-duration: 1.3s;}
.NixonFeaturedStore {animation-duration: 1s;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;}

/* For Parties & Events page */
.nixonPartiesAndEventsBannerStars #starImg1{animation: pulse 1s 100ms infinite;-webkit-animation:pulse 1s 100ms infinite;-moz-animation: pulse 1s 100ms infinite;}
.nixonPartiesAndEventsBannerStars #starImg2{animation: pulse 1s 400ms infinite;-webkit-animation: pulse 1s 400ms infinite;-moz-animation: pulse 1s 400ms infinite;}
.nixonPartiesAndEventsBannerStars #starImg3{animation: pulse 1.5s 200ms infinite;-webkit-animation: pulse 1.5s 200ms infinite;-moz-animation: pulse 1.5s 200ms infinite;}
.nixonPartiesAndEventsBannerStars #starImg4{animation: pulse 1.5s 500ms infinite;-webkit-animation: pulse 1.5s 500ms infinite;-moz-animation: pulse 1.5s 500ms infinite;}
.nixonPartiesAndEventsBannerStars #starImg5{animation: pulse 2s 300ms infinite;-webkit-animation: pulse 2s 300ms infinite;-moz-animation: pulse 2s 300ms infinite;}
.nixonPartiesAndEventsBannerStars #starImg6{animation: pulse 2s 250ms infinite;-webkit-animation: pulse 2s 250ms infinite;-moz-animation: pulse 2s 250ms infinite;}
.nixonPartiesAndEventsBannerStars #starImg7{animation: pulse 2s 150ms infinite;-webkit-animation: pulse 2s 150ms infinite;-moz-animation: pulse 2s 150ms infinite;}

.required-label:before {
  content:"* ";
  color:red;
}
.padding20 {padding:20px;}
#loadmoreajaxloader{background: none repeat scroll 0 0 #000;border-radius: 10px;bottom: 50%;color: #fff;left: 45%;opacity: 0.8;padding: 10px;position: fixed;text-align: center;width: 200px;z-index: 100000;}
.padtop15{padding-top:15px;}

/* from networkby design live.css */
.eastergreen{ color:#3bb883 !important; }
.topcentered{ position:absolute; z-index:1; left:50%; top:250px; margin-left:-160px; }
.margincenter{ margin: 75px auto; margin-bottom:0px; text-align:center;}
.whitetxt{ color:#ffffff; }
.font36{ font-size:36pt; }
.margintop10{ margin-top:10px; }

.panel {
		cursor:pointer;

		float: left;

		width: 200px !important;

		height: 200px !important;

		margin: 20px;

		position: relative;

		font-size: .8em;



		-webkit-perspective: 600px;

		-moz-perspective: 600px;

						perspective: 600px;
						vertical-align:middle;

	}
.panel img{ width:100%; height:100%; padding:0; margin:0px; position:relative; top:-20; }

	/* -- make sure to declare a default for every property that you want animated -- */

	/* -- general styles, including Y axis rotation -- */

	.panel .front {

		float: none;

		padding:0px !important;
		position: absolute;

		top: 0;

		left: 0;

		z-index: 900;

		width: inherit;

		height: inherit;

		background: #793818;

		text-align: center;
		
		color:#ffffff;

		box-shadow: 0 1px 5px rgba(0,0,0,0.9);



		-webkit-transform: rotateX(0deg) rotateY(0deg);

			 -moz-transform: rotateX(0deg) rotateY(0deg);

						transform: rotateX(0deg) rotateY(0deg);



		-webkit-transform-style: preserve-3d;

			 -moz-transform-style: preserve-3d;

						transform-style: preserve-3d;



		-webkit-backface-visibility: hidden;

			 -moz-backface-visibility: hidden;

						backface-visibility: hidden;



		/* -- transition is the magic sauce for animation -- */

		-webkit-transition: all .4s ease-in-out;

						transition: all .4s ease-in-out;

	}

	.panel.flip .front {

		z-index: 900;

		border-color: #eee;

		background: #333;

		box-shadow: 0 15px 50px rgba(0,0,0,0.2);



		-webkit-transform: rotateY(180deg);

			 -moz-transform: rotateY(180deg);

						transform: rotateY(180deg);

	}



	.panel .back {

		float: none;

		position: absolute;
padding:0px !important;
		
		top: 0;

		left: 0;

		z-index: 800;

		width: inherit;

		height: inherit;

		

		background: #333;

		text-shadow: 1px 1px 1px rgba(0,0,0,0.6);



		-webkit-transform: rotateY(-180deg);

			 -moz-transform: rotateY(-179deg); /* setting to 180 causes an unnatural-looking half-flip */

						transform: rotateY(-179deg);



		-webkit-transform-style: preserve-3d;

			 -moz-transform-style: preserve-3d;

						transform-style: preserve-3d;



		-webkit-backface-visibility: hidden;

			 -moz-backface-visibility: hidden;

						backface-visibility: hidden;



		/* -- transition is the magic sauce for animation -- */

		-webkit-transition: all .4s ease-in-out;

						transition: all .4s ease-in-out;

	}



	.panel.flip .back {

		z-index: 1000;

		background: #80868d;



		-webkit-transform: rotateX(0deg) rotateY(0deg);

			 -moz-transform: rotateX(0deg) rotateY(0deg);

						transform: rotateX(0deg) rotateY(0deg);



		box-shadow: 0 15px 50px rgba(0,0,0,0.2);

	}



	/* -- X axis rotation for click panel -- */

	.click .front {

		cursor: pointer;

		-webkit-transform: rotateX(0deg);

			 -moz-transform: rotateX(0deg);

						transform: rotateX(0deg);

	}

	.click.flip .front {

		-webkit-transform: rotateX(180deg);

			 -moz-transform: rotateX(180deg);

						transform: rotateX(180deg);

	}

	.click .back {

		cursor: pointer;

		-webkit-transform: rotateX(-180deg);

			 -moz-transform: rotateX(-180deg);

						transform: rotateX(-180deg);

	}

	.click.flip .back {

		-webkit-transform: rotateX(0deg);

			 -moz-transform: rotateX(0deg);

						transform: rotateX(0deg);

	}



  /* -- contact panel -- */

  .contact {

    width: 290px;

    height: 240px;

  }



	/* -- diagonal axis rotation -- */

	.diagonal .front {

		-webkit-transform: rotate3d(45,45,0,0deg);

			 -moz-transform: rotate3d(45,45,0,0deg);

						transform: rotate3d(45,45,0,0deg);

	}

	.diagonal .front:hover {

		/* for the patient :) */

		-webkit-transition-duration: 10s;

			 -moz-transition-duration: 10s;

						transition-duration: 10s;



		-webkit-transform: rotate3d(45,45,0,-36deg);

			 -moz-transform: rotate3d(45,45,0,-36deg);

						transform: rotate3d(45,45,0,-36deg);

	}



	.diagonal.flip .front,

	.diagonal.flip .front:hover {

		-webkit-transform: rotate3d(-45,-45,0,150deg);

			 -moz-transform: rotate3d(-45,-45,0,150deg);

						transform: rotate3d(-45,-45,0,150deg);



		-webkit-transition: all .4s ease-in-out;

						transition: all .4s ease-in-out;

	}



	.diagonal .front .message {

	  opacity: 0;

		font-size: 1.4em;

	}

	.diagonal .front:hover .message {

		opacity: .4;

		-webkit-transition-duration: 12s;

			 -moz-transition-duration: 12s;

						transition-duration: 12s;



		-webkit-transition-delay: 4s;

			 -moz-transition-delay: 4s;

						transition-delay: 4s;



		-webkit-transform: translateX(-30px) translateZ(40px) scale(1.4);

			 -moz-transform: translateX(-30px) translateZ(40px) scale(1.4);

						transform: translateX(-30px) translateZ(40px) scale(1.4);

	}

	.diagonal.flip .front .message {

		-webkit-transition-duration: 1s;

						transition-duration: 1s;

	  -webkit-transform: translateZ(0px) scale(.5);

					  transform: translateZ(0px) scale(.5);

	}



	.diagonal .back {

		-webkit-transform: rotate3d(45,45,0,-180deg);

			 -moz-transform: rotate3d(45,45,0,-180deg);

						transform: rotate3d(45,45,0,-180deg);

	}

	.diagonal.flip .back {

		-webkit-transform: rotate3d(45,45,0,-30deg);

			 -moz-transform: rotate3d(45,45,0,-30deg);

						transform: rotate3d(45,45,0,-30deg);

	}



  /* -- swing like a gate -- */

  .swing .front,

  .swing .back {

    width: 140px;

    -webkit-backface-visibility: visible;

			 -moz-backface-visibility: visible;

						backface-visibility: visible;



    -webkit-transition-duration: 1s;

			 -moz-transition-duration: 1s;

						transition-duration: 1s;



    -webkit-transform-origin: 170px 0;

			 -moz-transform-origin: 170px 0;

						transform-origin: 170px 0;

  }

  .swing .front {

    -webkit-transform: rotateY(0deg);

			 -moz-transform: rotateY(0deg);

						transform: rotateY(0deg);

  }

  .swing .back {

    background-color: #555; /* hiding this side, so get darker */

    -webkit-transform: rotateY(-180deg) translateX(198px) translateZ(2px);

			 -moz-transform: rotateY(-180deg) translateX(198px) translateZ(2px);

  }



  .swing.flip .front {

    background-color: #222; /* hiding this side, so get darker */

    -webkit-transform: rotateY(180deg);

			 -moz-transform: rotateY(180deg);

  }

  .swing.flip .back {

    background-color: #80888f;

    -webkit-transform: rotateY(0deg) translateX(198px) translateZ(2px);

			 -moz-transform: rotateY(0deg) translateX(198px) translateZ(2px);

  }





	/* -- cosmetics -- */

	.panel .pad {padding: 0 15px; }

	.panel.flip .action {display: none; }

	.block ol li {text-align: left; margin: 0 0 0 28px; }

	.block .action {display: block; padding: 3px; background: #333; text-align: right; font-size: .8em; opacity: 0; position: absolute; cursor: pointer; -webkit-transition: opacity .2s linear; }

	.block:hover .action {opacity: .7; }

	.circle div {border-radius: 100px; }

	.circle div h2 {padding-top: 3em; text-align: center; }
.kosher-container {
	max-height: 200px;
	overflow: hidden;
	border: 1px solid #793818;
	display: inline-block;
	width: auto;
}