<style>
	table.variations { display: none; }
	.single_variation_wrap { display: none; }

	.variations {
	  display: -ms-grid;
	  display: grid;
	  /* ORIGINAL */
	  /*
	  -ms-grid-rows: (1fr)[2];
	  grid-template-rows: repeat(2, 1fr);
	  -ms-grid-columns: (1fr)[4];
	  grid-template-columns: repeat(4, 1fr);
	  margin: 0 auto;
	  padding: 0 40px 10px 25px;
	  width: initial !important;
	  */
	  -ms-grid-rows: (0fr)[2];
	  grid-template-rows: repeat(2, 0fr);
	  -ms-grid-columns: (1fr)[4];
	  grid-template-columns: repeat(4, 1fr);
	  margin: 0 auto;
	  padding: 0 10px 10px 25px;
	  width: initial !important;	  
	}

	@media screen and (max-width: 60em) {
	  .container {
		-ms-grid-rows: (1fr)[4];
		grid-template-rows: repeat(4, 1fr);
	  }
	}

	.grid-1 .varcontainer {
			background-color: #016101 !important;
	}

	.grid-2 .varcontainer {
			background-color: #3636ad !important;
	}

	.grid-3 .varcontainer {
			background-color: #000000 !important;
	}

	.grid-4 .varcontainer {
			background-color: #9e0404 !important;
	}
	
	.grid-1 {
	  -ms-grid-column: 1;
	  grid-column-start: 1;
	  grid-column-end: 3;
	  -ms-grid-row: 1;
	  grid-row: 1;
	  width: 95%;
	  margin: 0 4px 0 4px;
	  padding: 0px 15px 0 15px;
	}

	@media screen and (max-width: 60em) {
	  .grid-1 {
		-ms-grid-column: 1;
		grid-column-start: 1;
		grid-column-end: 5;
		-ms-grid-row: 1;
		grid-row: 1;
		margin: 0 auto;
		width: 100%;
	  }
	}

	.grid-2 {
	  -ms-grid-column: 3;
	  grid-column-start: 3;
	  grid-column-end: 5;
	  -ms-grid-row: 1;
	  grid-row: 1;
	  width: 95%;
	  margin: 0 4px 0 4px;
	  padding: 0px 15px 0 15px;
	}

	@media screen and (max-width: 60em) {
	  .grid-2 {
		-ms-grid-column: 1;
		grid-column-start: 1;
		grid-column-end: 5;
		-ms-grid-row: 2;
		grid-row: 2;
		margin: 0 auto;
		width: 100%;
	  }
	}

	.grid-3 {
	  -ms-grid-column: 1;
	  grid-column-start: 1;
	  grid-column-end: 3;
	  -ms-grid-row: 2;
	  grid-row: 2;
	  width: 95%;
	  margin: 0 4px 0 4px;
	  padding: 0px 15px 0 15px;
	}

	@media screen and (max-width: 60em) {
	  .grid-3 {
		-ms-grid-column: 1;
		grid-column-start: 1;
		grid-column-end: 5;
		-ms-grid-row: 3;
		grid-row: 3;
		margin: 0 auto;
		width: 100%;
	  }
	}

	.grid-4 {
	  -ms-grid-column: 3;
	  grid-column-start: 3;
	  grid-column-end: 5;
	  -ms-grid-row: 2;
	  grid-row: 2;
	  width: 95%;
	  margin: 0 4px 0 4px;
	  padding: 0px 15px 0 15px;
	}

	@media screen and (max-width: 60em) {
	  .grid-4 {
		-ms-grid-column: 1;
		grid-column-start: 1;
		grid-column-end: 5;
		-ms-grid-row: 4;
		grid-row: 4;
		margin: 0 auto;
		width: 100%;
	  }
	}

	.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
		display: table;
	}
	
	.discount {
		color: #D42222;
		font-size: 18px;
		margin-top: 5px;
	}
	
	.base_price {
		background-image: url(/wp-content/plugins/iet-woo-dropdown-to-checkbox/assets/strike-through-red-3.png);
		background-size: 110px 44px;
		background-repeat: no-repeat;
		color: #000000!important;
		padding: 8px 20px 0 0;
		display: inline-block;
		height: 40px;
	}
	
	.normal_price {
		color: #009900;
		text-decoration: underline;
		font-size: larger;
		font-weight: bold;
	}
	
	.disc_price {
		color: #009900;
		text-decoration: underline;
		font-size: larger;
		font-weight: bold;
	}
	
	.price .amount{
		font-size: 24px!important;
		color: #000000 !important;
		font-family: Arial;
	}
	
	.varcontainer {
		box-shadow: rgb(131, 131, 131) 2px 2px 2px 0px !important;
		height: 90px;
		min-width: 160px;
		text-align: left;
		display: block;
		cursor: pointer;
		font-size: 22px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		}
	.varcontainer input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
	
	.varcontainer p {
		line-height: 0 !important;
		font-size: 20px !important;
		font-family: Arial !important;
		margin-left: 15px;
		position: absolute !important;
		top: 25px;
	}	
	
	.checkmark {
		position: absolute;
		top: 10px;
		left: 10px;
		height: 20px;
		width: 20px;
		background-color: #ffffff;
		border: 2px solid #444;
		box-shadow: inset -1px -1px 1px #bbb;
	}
	
	.varcontainer:hover input ~ .checkmark {
		background-color: #cccccc;
	}

	.varcontainer input:checked ~ .checkmark {
		background-color: #ffffff;
		box-shadow: inset 1px 1px 2px #ffffff;
	}
	
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	
	.varcontainer input:checked ~ .checkmark:after {
		display: block;
	}
	
	.varcontainer .checkmark:after {
		left: 7px;
		top: 2px;
		width: 5px;
		height: 10px;
		border: solid #000;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.variations label {
		padding: 0;
		margin: 10px auto;
		z-index: 9;
		cursor: pointer;
		top: 22px;
		position: relative;
	}
	
	.varcontainer .titletext {
		margin: 22px 0 0 10px !important;
		color: #ffffff !important;
		font-size: 18px !important;
		text-shadow: rgba(0, 0, 0, 0.4) 2px 2px 2px !important;
	}
	
	.varcontainer .subtext {
		margin: 5px 0 0 10px;
		color: #ffffff;
		font-size: 12px;
		text-shadow: rgba(0, 0, 0, 0.4) 2px 2px 2px !important;
		font-weight: normal;
		letter-spacing: 1px !important;
	}

	.varcontainer .moreinfo {
		font-family: serif;
		color: #ffffff;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 1px !important;
		float: right;
		background-color: #0000FF;
		width: 21px;
		height: 21px;
		border-radius: 20px;
		margin-top: 7px;
		margin-right: 7px;
		text-align: center;
		line-height: 18px;
		border: 2px solid #fff;
	}

	.varcontainer .moreinfo:hover {
		background-color: #1da1f2;
	}
	
	.varcontainer .subprice1 {
		font-size: 25px;
		font-family: Raleway;
		text-shadow: rgba(0, 0, 0, 0.4) 2px 2px 2px !important;
		color: #ffffff;
		text-align: center;
	}

	.varcontainer .subprice1 span {
		text-decoration: line-through;
		color: #f00;
	}

	.varcontainer .subprice2 {
		font-size: 40px;
		font-family: Raleway;
		text-shadow: rgba(0, 0, 0, 0.4) 2px 2px 2px !important;
		color: #ffffff;
		text-align: center;
	}
	
	.single_variastion_wrap.pr {
    	margin-top: 0px;
	}
	
	.amountDIV {
 	   	text-align: center;
		display: block;
		margin: 40px 0 0 0;
	}
	
	.amountDIV .pp {
		line-height: 20px;
	}
	
	.make-a-choice {
	    /*
		background-image: url(/wp-content/plugins/iet-woo-dropdown-to-checkbox/assets/make-a-choice-5.png);
    	width: 209px;
	    height: 71px;
    	margin-left: 44px;
		*/
	}
</style>
