/*!
 * cropme v1.4.3
 * https://shpontex.github.io/cropme
 *
 * Copyright 2020 shpontex
 * Released under the MIT license
 *
 * Date: 2020-03-02T12:55:13.295Z
 */
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot?penqtf');
  src: url('fonts/iconfont.eot?penqtf#iefix') format('embedded-opentype'),
    url('fonts/iconfont.ttf?penqtf') format('truetype'),
    url('fonts/iconfont.woff?penqtf') format('woff'),
    url('fonts/iconfont.svg?penqtf#iconfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
.small-image {
    font-size: 16px;
}
.large-image {
    font-size: 24px;
}
.cropme-slider *,.cropme-rotation-slider * {
    vertical-align: middle;
    display: inline-block !important;color: #555;width: auto!important
}


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-image:before {
  content: "\e900";
}
.icon-box-add:before {
  content: "\e901";
}
.icon-github:before {
  content: "\e902";
}
.icon-rotate-right:before {
  content: "\f01e";
}
.icon-rotate-left:before {
  content: "\f0e2";
}
.cropme-wrapper {
	width: 100%;
}
.bg-container {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.cropme-container {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.cropme-container img {
	width: initial !important;
	cursor: move;
	opacity: 0;
	touch-action: none;
}
#img {
	border: 5px solid #f00;
}
.viewport {
	box-sizing: content-box !important;
	position: absolute;
	border-style: solid;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
	z-index: 0;
	pointer-events: none;
}
.viewport.circle {
	border-radius: 50%;
}
.cropme-slider, .cropme-rotation-slider {
	text-align: center;
}
.cropme-slider input, .cropme-rotation-slider input {
	-webkit-appearance: none;
	margin: 0 10px;
}
.cropme-slider input:disabled, .cropme-rotation-slider input:disabled {
	opacity: 0.5;
}
.cropme-slider input::-webkit-slider-runnable-track,  .cropme-rotation-slider input::-webkit-slider-runnable-track {
 height: 3px;
 background: rgba(0, 0, 0, 0.5);
 border-radius: 3px;
}
.cropme-slider input::-moz-range-track,  .cropme-rotation-slider input::-moz-range-track {
 height: 3px;
 background: rgba(0, 0, 0, 0.5);
 border-radius: 3px;
}
.cropme-slider input::-ms-track,  .cropme-rotation-slider input::-ms-track {
 height: 3px;
 background: rgba(0, 0, 0, 0.5);
 border-radius: 3px;
}
 .cropme-slider input::-webkit-slider-thumb,  .cropme-rotation-slider input::-webkit-slider-thumb {
 -webkit-appearance: none;
 height: 16px;
 width: 16px;
 border-radius: 50%;
 background: #ddd;
 margin-top: -6px;
}
.cropme-slider input::-moz-range-thumb,  .cropme-rotation-slider input::-moz-range-thumb {
 height: 16px;
 width: 16px;
 border-radius: 50%;
 background: #ddd;
 margin-top: -6px;
}
.cropme-slider input::-ms-thumb,  .cropme-rotation-slider input::-ms-thumb {
 height: 16px;
 width: 16px;
 border-radius: 50%;
 background: #ddd;
 margin-top: -6px;
}
.cropme-slider input:focus, .cropme-rotation-slider input:focus {
	outline: none;
}
.product-page .crystal_gift_box {

	background: url("http://giftpix.com.au/products/background_crystal_gift_box.png") no-repeat;

	background-size: 100% 100%;

	margin: 40px auto;

	position: relative;

}
.product-page .mousepad {

	background: url("http://giftpix.com.au/products/background_mousepad.png") no-repeat;

	background-size: 100% 100%;

	margin: 40px auto;

	position: relative;

}


.product-page .creaming_mug {

	background: url("http://giftpix.com.au/products/background_creaming_mug.png") no-repeat;

    margin: 100px auto;

    position: relative;

    background-size: 100% 100%;

}
.product-page .puzzle {

	background: url("http://giftpix.com.au/products/background_puzzle.png") no-repeat;

	margin: 40px auto;

	position: relative;

	background-size: 100% 100%;

}
.product-page .magic_mug {

	background: url("http://giftpix.com.au/products/background_magic_mug.png") no-repeat;

    margin: 100px auto;

    position: relative;

    background-size: 100% 100%;

}
.product-page .creaming_mug .img-container,.product-page .magic_mug .img-container {

    overflow: hidden;

    position: absolute;

}

.product-page .travel_mug {

	background: url("http://giftpix.com.au/products/background_travel_mug.png") no-repeat;

    margin: 100px auto;

    position: relative;

    background-size: 100% 100%;

}

.product-page .travel_mug .img-container {

    overflow: hidden;

    position: absolute;

}

.product-page .candle {

	background: url("http://giftpix.com.au/products/background_candle.png") no-repeat;

    margin: 100px auto;

    position: relative;

    background-size: 100% 100%;

}

.product-page .candle .img-container {

    overflow: hidden;

    position: absolute;

}

.product-page .linen_tote_bag {

	background: url("http://giftpix.com.au/products/background_linen_tote_bag.png") no-repeat;

	margin: 40px auto;

	position: relative;

	background-size: 100% 100%;

}

.product-page .photo_frame {

	background: url("http://giftpix.com.au/products/background_photo_frame.png") no-repeat;

	margin: 40px auto;

	position: relative;

	background-size: 100% 100%;

}
.product-page .mousepad .cropme-container {

	border-radius: 9px;

}
.product-page .puzzle .cropme-container {
    opacity: 0.8;
   
}

.product-page .puzzle .cropme-container {
    border-radius: 10px;

}
@media (max-width: 420px) {
	.product-page {
   
    padding: 22px 6px !important;
    margin-right: 0 !important;
}
	.product-page .mousepad .cropme-container {
	 border-radius: 4px !important;
	}
}