/**
 * m-flags style	
 */
.product-image-container {
	position: relative;
}

span.m-flag {
	position: absolute;
	display: block;
	top: 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: transparent;
	color: white;
}

span.m-flag.m-top-left {
	border-width: 100px 100px 0px 0px;
	left: 0;
}

span.m-flag.m-top-right {
	border-width: 0 100px 100px 0;
	right: 0;
}

span.m-flag.m-top-left.m-flag-red {
	border-color: #d02a2c transparent transparent transparent;
}

span.m-flag.m-top-left.m-flag-blue {
	border-color: #0083BE transparent transparent transparent;
}

span.m-flag.m-top-left.m-flag-green {
	border-color: ForestGreen transparent transparent transparent;
}

span.m-flag.m-top-left.m-flag-orange {
	border-color: orange transparent transparent transparent;
}

span.m-flag.m-top-left.m-flag-yellow {
	/*border-color: #FFD700 transparent transparent transparent;
	border-color: #9fe02f transparent transparent transparent;*/
	border-color: #303030 transparent transparent transparent;
}

span.m-flag.m-top-left.m-flag-violet {
	border-color: purple transparent transparent transparent;
}

span.m-flag.m-top-right.m-flag-red {
	border-color: transparent #d02a2c transparent transparent;
}

span.m-flag.m-top-right.m-flag-blue {
	border-color: transparent #0083BE transparent transparent;
}

span.m-flag.m-top-right.m-flag-green {
	border-color: transparent ForestGreen transparent transparent;
}

span.m-flag.m-top-right.m-flag-orange {
	border-color: transparent orange transparent transparent;
}

span.m-flag.m-top-right.m-flag-yellow {
	/*border-color: transparent #FFD700 transparent transparent;
	border-color: transparent #9fe02f transparent transparent;*/
	border-color: transparent #303030 transparent transparent;
}

span.m-flag.m-top-right.m-flag-violet {
	border-color: transparent purple transparent transparent;
}

span.m-flag > span {
	position: absolute;
	display:block;
  	top: 0px;
  	width: 100px;
  	text-align: center;
  	font-size: 16px;
  	font-family: 'Raleway', arial;
  	letter-spacing: -1px;
}

span.m-flag.m-top-left > span {
	transform: rotate(-45deg);
	top: -67px;
	left: -10px;
}

span.m-flag.m-top-right > span {
	transform: rotate(45deg);
	left: 10px;
	top: 35px;
}

/**
 * div borders	
 */
div.m-flag-red-border {
	border: 2px solid #d02a2c!important;
}

div.m-flag-blue-border {
	border: 2px solid  #0083BE!important;
}

div.m-flag-green-border {
	border: 2px solid ForestGreen!important;
}

div.m-flag-orange-border {
	border: 2px solid orange!important;
}

div.m-flag-yellow-border {
	/*border: 2px solid #FFD700!important;
	border: 2px solid #9fe02f!important;*/
	border: 2px solid #303030!important;
}

div.m-flag-violet-border {
	border: 2px solid purple!important;
}

/**
 * mobile settings	
 */
@media screen and (width < 768px) {
	span.m-flag.m-top-left {
		border-width: 70px 70px 0px 0px;
		left: 0;
	}
	
	span.m-flag.m-top-right {
		border-width: 0 70px 70px 0;
		right: 0;
	}
	
	span.m-flag > span {
		width: 72px;
		font-size: 13px;
	}
	
	span.m-flag.m-top-left > span {
		top: -50px;
		left: -9px;
	}
	
	span.m-flag.m-top-right > span {
		left: 8px;
		top: 21px;
	}
}