/* Chops Snacks LLC Website Animations CSS File */
/* By Abhi Nayar with other authors credited */

/* ANIMATIONS */
/*Hamburger Anim, credit to: http://codepen.io/mrnathan8/pen/mgFqJ */
.spinner-master2 * {transition:all 0.3s;-webkit-transition:all 0.3s;box-sizing:border-box;}

.spinner-master2 {position:relative;margin:0 auto;height:28px;width:28px;margin-top: -6px;}

.spinner-master2 input[type=checkbox] {display:none;}
.spinner-master2 label {cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:10px;left:0;}

.spinner-master2 .spinner2 {position:absolute;height:2px;width:100%;background-color:#fff;}

.spinner-master2 .diagonal.part-1 {position:relative;float:left;}
.spinner-master2 .horizontal {position:relative;float:left;margin-top:7px;}
.spinner-master2 .diagonal.part-2 {position:relative;float:left;margin-top:6px;}

.spinner-master2 input[type=checkbox]:checked ~ .spinner-spin2 > .horizontal {opacity: 0;}
.spinner-master2 input[type=checkbox]:checked ~ .spinner-spin2 > .diagonal.part-1 {transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:10px;}
.spinner-master2 input[type=checkbox]:checked ~ .spinner-spin2 > .diagonal.part-2 {transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-top:-11px;}

/* Hovr Modifiers */
.hvr-underline-from-left:before {
	height: 2px;
	background: #fff;
	bottom: -5px;
    -webkit-transition-duration:.2s;
    transition-duration:.2s
}