/* Popup fade-in animation */
.mfp-frontend-editor .mfp-container,
.mfp-frontend-editor.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/* Popup fade-in animation done */
.mfp-frontend-editor.mfp-ready .mfp-container {
	opacity: 1;
}
  
/* padding-bottom and top for image */
.mfp-frontend-editor img.mfp-img {
  padding: 0;
}

.mfp-bg {
	z-index: 1039;
}

/* padding for main container */
.mfp-frontend-editor .mfp-container {
  padding: 0;
}

/* Make sure bottombar will stay at the bottom  */
.mfp-frontend-editor .mfp-content,
.mfp-frontend-editor .mfp-figure,
.mfp-frontend-editor .mfp-figure figure,
.mfp-frontend-editor .mfp-figure figure .mfp-main {
  height: 100%;
}

/* image type label css */
.mfp-frontend-editor .mfp-figure figure .mfp-main-inner[data-type-description]:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 28px;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.45em;
	font-weight: bold;
	width: 277px;
	height: 45px;
	line-height: 45px;
	content: attr(data-type-description);
	text-align: left;
	z-index: 2000;
}

.mfp-frontend-editor .mfp-figure figure .mfp-main-inner[data-type-description]:after {
	display: block;
	position: absolute;
	top: 0;
	left: 277px;
	width: 45px;
	height: 45px;
	border: solid transparent;
	border-width: 45px 45px 45px 0;
	content: " ";
	z-index: 2000;
}

.mfp-frontend-editor .mfp-figure figure .mfp-main-inner[data-type="1"]:before {
	background: #002140;
}

.mfp-frontend-editor .mfp-figure figure .mfp-main-inner[data-type="2"]:before {
	background: #4fad6a;
}

.mfp-frontend-editor .mfp-figure figure .mfp-main-inner[data-type="1"]:after {
	border-top-color: #002140;
}

.mfp-frontend-editor .mfp-figure figure .mfp-main-inner[data-type="2"]:after {
	border-top-color: #4fad6a;
}

/* position for close button */
.mfp-frontend-editor .mfp-image-holder .mfp-close {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNTAgMjUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNTAgMjUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0yNDguNywyNDguN0wyNDguNywyNDguN2MtMS44LDEuOC00LjcsMS44LTYuNSwwTDEuMyw3LjhjLTEuOC0xLjgtMS44LTQuNywwLTYuNWwwLDBjMS44LTEuOCw0LjctMS44LDYuNSwwbDI0MC44LDI0MC44DQoJCUMyNTAuNCwyNDQsMjUwLjQsMjQ2LjksMjQ4LjcsMjQ4Ljd6Ii8+DQoJPHBhdGggZD0iTTI0OC43LDEuM0wyNDguNywxLjNjMS44LDEuOCwxLjgsNC43LDAsNi41TDcuOCwyNDguN2MtMS44LDEuOC00LjcsMS44LTYuNSwwaDBjLTEuOC0xLjgtMS44LTQuNywwLTYuNUwyNDIuMiwxLjMNCgkJQzI0NC0wLjQsMjQ2LjktMC40LDI0OC43LDEuM3oiLz4NCjwvZz4NCjwvc3ZnPg0K') right top no-repeat;
  top: 20px;
	width: 100px;
  right: 25px;
	font-size: 60px;
	color: #3F3F3F;
}

.mfp-frontend-editor.mfp-has-sidepanel .mfp-close {
	right: 410px;
}

/* extra controllers */
.mfp-frontend-editor .mfp-extra-controls {
	position: absolute;
	right: 10px;
	padding-right: 10px;
	top: 50%;
	display: inline-block;
	margin-top: -151px;
}

.mfp-frontend-editor.mfp-has-sidepanel .mfp-extra-controls {
	right: 395px;
}

.mfp-frontend-editor .mfp-extra-controls button {
	position: relative;
	pointer-events: none;
	transition: opacity 500ms ease;
	opacity: 0;
}

.mfp-frontend-editor .mfp-extra-controls button.active {
	pointer-events: all;
	z-index: 2;
}

.mfp-frontend-editor .mfp-extra-controls button > .fa-info-circle {
  font-size: 3.5em;
  color: #555;
}

.tooltip.overlay-info {
	pointer-events: none;
}

.tooltip.overlay-info .tooltip-inner {
	color: #fff;
	font-size: 14px;
	padding: 6px 10px;
	background-color: #ffc742;
}

/* style for overlay surface tooltip */
.tooltip.top.overlay-info .tooltip-arrow {
	border-top-color: #ffc742;
}

.tooltip.product-info {
	transition: opacity 500ms ease; 
	opacity: 0;
}

/* style for product info tooltip */
.tooltip.product-info.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.tooltip.product-info .tooltip-inner {
	border: none;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	padding: 20px 23px;
	text-align: left;
	font-weight: normal;
	max-width: 435px;
	background-color: rgba(11,35,66,0.9);
	-webkit-border-radius: 0;
  -moz-border-radius: 0;
	border-radius: 0;
}

.tooltip.left.product-info .tooltip-arrow {
	right: -10px;
  margin-top: -15px;
  border-width: 15px 0 15px 15px;
	border-left-color: rgba(0, 33, 64, 0.9);
}

.tooltip.product-info .tooltip-inner h3 {
	font-size: 2em;
	color: #fff;
	margin: 0px 0 8px 0;
}

.tooltip.product-info .tooltip-inner p {
	font-size: 1.2em;
	color: #fff;
	margin: 0;
}

/* close and info button opacity */
.mfp-frontend-editor .mfp-extra-controls button.active,
.mfp-frontend-editor .mfp-close {
  opacity: 0.5;
}

/* initial opacity on arrows (before animation) */
.mfp-frontend-editor .mfp-arrow {
  opacity: 0;
}

/* hover on close */
.mfp-frontend-editor .mfp-close:hover {
  opacity: 0.6;
}

/* hover on arrows */
.mfp-frontend-editor .mfp-extra-controls button:hover,
.mfp-frontend-editor.mfp-ready .mfp-container .mfp-arrow:hover {
  opacity: 0.8;
}

/* remove the shadow */
.mfp-frontend-editor .mfp-figure:after {
  content: none;
}

/* reset cursor on magnific popup window */
.mfp-frontend-editor .mfp-container .mfp-figure {
  cursor: auto;
}

/* content should be full width and have a white background */
.mfp-frontend-editor .mfp-content {
  width: 100%;
	overflow: hidden;
  background-color: #fff;
}

/* apply transition on controllers (arrows, close) */
.mfp-frontend-editor .mfp-close,
.mfp-frontend-editor .mfp-extra-controls button {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.mfp-frontend-editor .mfp-arrow.mfp-arrow-left,
.mfp-frontend-editor .mfp-arrow.mfp-arrow-right {
   -webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.3s ease-out, right 0.3s ease-out, left 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out, right 0.3s ease-out, left 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out, right 0.3s ease-out, left 0.3s ease-out;
	transition: opacity 0.3s ease-out, right 0.3s ease-out, left 0.3s ease-out;
}

/* offset for arrows to compensate for bottom bar */
.mfp-frontend-editor .mfp-arrow.mfp-arrow-left,
.mfp-frontend-editor .mfp-arrow.mfp-arrow-right {
  margin-top: -93px;
}

/* arrow left startpos for initial animation */
.mfp-frontend-editor .mfp-arrow.mfp-arrow-left {
  left: -30px;
}

/* arrow right startpos for initial animation */
.mfp-frontend-editor .mfp-arrow.mfp-arrow-right {
  right: -30px;
}

/* arrow left endpos for initial animation */
.mfp-frontend-editor.mfp-ready .mfp-arrow.mfp-arrow-left {
  left: 0;
  opacity: 0.5;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA5NS45IDE4NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTUuOSAxODUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzBFMTExNCIgZD0iTTk0LjksMWMtMS4zLTEuMy0zLjUtMS4zLTQuOCwwTDEsOTAuMWMtMS4zLDEuMy0xLjMsMy41LDAsNC44TDkwLjEsMTg0YzAuNywwLjcsMS41LDEsMi40LDENCgljMC45LDAsMS44LTAuMywyLjQtMWMxLjMtMS4zLDEuMy0zLjUsMC00LjhMOC4zLDkyLjVMOTQuOSw1LjhDOTYuMyw0LjUsOTYuMywyLjMsOTQuOSwxeiIvPg0KPC9zdmc+DQo=') 20px 30px no-repeat;
	background-size: auto 60px;
}

/* arrow right endpos for initial animation */
.mfp-frontend-editor.mfp-ready .mfp-arrow.mfp-arrow-right {
  right: 0;
  opacity: 0.5;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA5NS45IDE4NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTUuOSAxODUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzBFMTExNCIgZD0iTTk0LjksOTAuMUw1LjgsMUM0LjUtMC4zLDIuMy0wLjMsMSwxYy0xLjMsMS4zLTEuMywzLjUsMCw0LjhsODYuNyw4Ni43TDEsMTc5LjJjLTEuMywxLjMtMS4zLDMuNSwwLDQuOA0KCWMwLjcsMC43LDEuNSwxLDIuNCwxYzAuOSwwLDEuOC0wLjMsMi40LTFsODkuMS04OS4xQzk2LjMsOTMuNiw5Ni4zLDkxLjQsOTQuOSw5MC4xeiIvPg0KPC9zdmc+DQo=') 40px 30px no-repeat;
	background-size: auto 60px;
}

/* offset position for right arrow  */
.mfp-frontend-editor .mfp-arrow.mfp-arrow-right {
  margin-right: 0;
}

.mfp-frontend-editor.mfp-has-sidepanel .mfp-arrow.mfp-arrow-right {
  margin-right: 385px;
}

/* remove default arrow */
.mfp-frontend-editor .mfp-arrow.mfp-arrow-right:after,
.mfp-frontend-editor .mfp-arrow.mfp-arrow-left:after {
  content: none;
}

/* arrows */
.mfp-frontend-editor .mfp-arrow.mfp-arrow-right:before,
.mfp-frontend-editor .mfp-arrow.mfp-arrow-left:before {
  top: -0.15em;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 6em;
  border: 0;
  transform: translate(0,0);
}

/* content */
.mfp-frontend-editor .mfp-main {
  position: static;
  background-color: #fff;
  text-align: center;
}

.mfp-frontend-editor.mfp-has-sidepanel .mfp-main  {
	margin-right: 385px;
}

/* hide image because we are working with canvas */
.mfp-frontend-editor .mfp-main .mfp-img {
  width: 0;
  height: 0;
  line-height: 0;
	display: none;
}

/* overlay wrapper for canvas */
.mfp-frontend-editor .mfp-main .overlay-wrapper {
  overflow: hidden;
  display: inline-block;
  position: relative;
  margin: 0;
	width: 100%;
	height: 100%;
	line-height: 0;
}

/* loader for canvas */

.mfp-preloader {
	color: transparent;
	font-size: 0;
	-webkit-text-size-adjust: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: #fff;
	margin-top: 0;
  z-index: 9999;
} 

.mfp-preloader:before {
	content: "";
	display: inline-block;
	color: #000;
  position: absolute;
	top: 50%;
  left: 50%;
	margin-left: -130px;
	margin-top: -130px;
	border: 20px solid transparent;
  border-top: 20px solid #ffc742;
	border-left: 20px solid #ffc742;
	border-bottom: 20px solid #ffc742;
  border-radius: 50%;
  width: 260px;
  height: 260px;
	-webkit-animation: spin-loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  animation: spin-loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	z-index: 1;
}

.mfp-frontend-editor .mfp-main .overlay-wrapper div {
	pointer-events: none;
}

.mfp-frontend-editor .mfp-main .overlay-wrapper.canvas-loaded div {
	pointer-events: auto;
}

.mfp-frontend-editor .mfp-main .overlay-wrapper.canvas-loaded:before {
	display: none;
}

/* canvas area */
.mfp-frontend-editor .mfp-main .mfp-canvas {
  background-color: #fff;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	 -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
	backface-visibility: hidden;
}

.mfp-frontend-editor .mfp-main .ui-transformable.ui-state-hover {
	border: 2px solid #faca58;
}

/* grid pattern for surface with focus */
.mfp-frontend-editor .mfp-main .ui-transformable.ui-state-active {
	border: 2px solid #ffb300;
  background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.25) 0, rgba(0,0,0,0.20) 1px, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 100%), -webkit-linear-gradient(0deg, rgba(0,0,0,0.25) 0, rgba(0,0,0,0.20) 1px, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 100%), rgba(0,0,0,0);
  background: -moz-linear-gradient(0deg, rgba(0,0,0,0.25) 0, rgba(0,0,0,0.20) 1px, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 100%), -moz-linear-gradient(90deg, rgba(0,0,0,0.25) 0, rgba(0,0,0,0.20) 1px, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 100%), rgba(0,0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.25) 0, rgba(0,0,0,0.20) 1px, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 100%), linear-gradient(90deg, rgba(0,0,0,0.25) 0, rgba(0,0,0,0.20) 1px, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 100%), rgba(0,0,0,0);
  background-position: -1px -1px;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  z-index: 5 !important;
}

.mfp-frontend-editor .mfp-main .ui-transformable.ui-state-active .ui-overlay-control-content.ui-draggable.ui-draggable-handle {
	cursor: move;
}

.mfp-frontend-editor .mfp-main .ui-transformable {
	cursor: pointer;
	outline: 0;
}

/* zoom control buttons */
.mfp-frontend-editor .mfp-main-inner .mfp-zoom-controls {
  font-size: 14px;
  position: absolute;
  top: 5px;
  left: 0;
	width: 250px;
	padding-bottom: 5px;
	z-index: 2000;
}

.mfp-frontend-editor .mfp-main-inner.has-type .mfp-zoom-controls {
	top: 50px;
}

.mfp-frontend-editor .mfp-main .slider-container {
	width: 140px;
	padding-right: 3px;
	display: inline-block;
}

/* zoom control buttons */
.mfp-frontend-editor .mfp-main .mfp-zoom-controls button {
  font-size: 11px;
  line-height: 18px;
  padding: 3px 9px;
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #eee;
  opacity: .9;
  outline: 0;
  margin-left: 6px;
}

.mfp-frontend-editor .mfp-main .mfp-zoom-controls span {
	margin-left: 6px;
}

/* control buttons when disabled */
.mfp-frontend-editor .ui-state-disabled,
.mfp-frontend-editor label.disabled,
.mfp-frontend-editor a.disabled,
.mfp-frontend-editor button[disabled] {
  opacity: .4 !important;
  pointer-events: none;
}

.mfp-frontend-editor a.disabled,
.mfp-frontend-editor button.disabled {
	color: #fff;
}

/* zoom control buttons hover */
.mfp-frontend-editor .mfp-main .mfp-zoom-controls button:hover {
  opacity: 1;
  border: 1px solid #999;
  background: #ccc;
}

.mfp-frontend-editor .mfp-main .ui-overlay-controls-wrapper {
  pointer-events: none;
}

.mfp-frontend-editor .mfp-main .ui-overlay-controls-wrapper > * {
  pointer-events: all;
}

.mfp-frontend-editor aside {
	display: none;
}

.mfp-frontend-editor.mfp-has-sidepanel aside {
	display: block;
}

/* controls column */
.mfp-frontend-editor .mfp-controls {
  position: absolute;
	overflow: hidden;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 20px;
  width: 385px;
  background-color: #efefef;
  border-left: 1px solid #d2d2d2;
  z-index: 1;	
}

/* top margin */
.mfp-frontend-editor .mfp-controls form {
	margin-top: 20px;
}

/* logotypes */
.mfp-frontend-editor .mfp-controls .mfp-logotypes {
	padding-top: 0;
	padding-bottom: 10px;
	float: left;
}

/* logotypes thumbnail container */
.mfp-frontend-editor .mfp-controls .mfp-logotypes > ul {
	position: relative;
  list-style: none;
	margin: 0;
  padding: 0;
	margin-left: -20px;
	padding-left: 10px;
	clear: both;
}

/* logotypes thumbnail margin */
.mfp-frontend-editor .mfp-controls .mfp-logotypes > ul > li {
	margin-left: 10px;
	margin-bottom: 10px;
  float: left;
}

.mfp-frontend-editor .mfp-controls .mfp-logotypes > ul > li .thumbnail {
	padding: 0;
	position: relative;
  background: linear-gradient(160deg, #ffffff 0%,#e5ebee 50%,#d0d9e0 51%,#ffffff 100%);
}

.mfp-frontend-editor .mfp-controls .mfp-logotypes.disabled {
	pointer-events: none;
}

.mfp-frontend-editor .mfp-controls .mfp-logotypes.disabled > ul > li .thumbnail.active {
	background: linear-gradient(160deg, #ffffff 0%,#e5ebee 50%,#d0d9e0 51%,#ffffff 100%);
}

.mfp-frontend-editor .mfp-controls .mfp-logotypes.disabled > ul > li .thumbnail img {
	filter: gray;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: 0.5;
}

.mfp-frontend-editor .mfp-controls .mfp-logotypes > ul > li .thumbnail[data-content] img {
	padding: 10px 15px 19px 15px;
}

.mfp-frontend-editor .mfp-controls .mfp-logotypes > ul > li .thumbnail[data-content]:after {
	content: attr(data-content);
	position: absolute;
	left: 0;
	bottom: 4px;
	right: 0;
	font-size: 10.5px;
	font-weight: 900;
	color: #333;
	text-align: center;
}

/* logotypes thumbnail */
.mfp-frontend-editor .mfp-controls .mfp-logotypes > ul > li img {
	padding: 11px 11px;
	max-width: 80px;
}

/* active logotype */
.mfp-frontend-editor .mfp-controls .mfp-logotypes > ul > li a.active,
.mfp-frontend-editor .mfp-controls .mfp-logotypes > ul > li a:hover,
.mfp-frontend-editor .mfp-controls .mfp-logotypes > ul > li a:active {
	border: 1px solid #ddd;
}

.mfp-frontend-editor .mfp-controls .mfp-logotypes > ul > li a {
	margin-bottom: 0;
}

/* set modal background */
#modal-logopanel-delete,
.mfp-frontend-editor #modal-logo-upload {
	background-color: rgba(0,0,0,0.5);
}

/* delete logotype button */
.mfp-frontend-editor .mfp-controls .mfp-logotypes > ul > li a .fa {
	position: absolute;
	font-size: 17px;
	top: -8px;
	right: -8px;
	color: #cc0000;
	z-index: 1;
	visibility: hidden;
}

.mfp-frontend-editor .mfp-controls .mfp-logotypes > ul > li a:hover .fa {
	visibility: visible;
}

.mfp-frontend-editor .mfp-controls .mfp-logotypes > ul > li a .fa:after {
	content: "";
	background-color: #fff;
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	color: #fff;
	z-index: -1;
}

@media (min-width: 1152px){
	#modal-logopanel-help .modal-dialog {
		width: 800px;
	}
}

#modal-logopanel-delete .btn {
	min-width: 74px;
}

.mfp-frontend-editor .mfp-controls .mfp-logotypes > ul > li a.active {
	background: linear-gradient(160deg, #ffffff 0%,#ffe3aa 50%,#ffcc66 51%,#ffffff 100%);
}

.mfp-frontend-editor .mfp-controls .mfp-logotypes > ul > li a.active img {
	border: 1px solid #faca58;
}

/* space between controls */
.mfp-frontend-editor .mfp-controls .mfp-action-buttons .form-group {
	margin-bottom: 25px;
}

/* remove outline */
.mfp-frontend-editor .mfp-controls .form-group button {
	outline: 0;
	margin-top: 0;
}

/* controls divider */
.mfp-frontend-editor .mfp-controls hr {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	margin-top: 0;
	margin-bottom: 35px;
}

/* disabled buttons should be unclickable */
.mfp-frontend-editor .mfp-controls .form-group button[disabled="disabled"] {
	opacity: .5;
	pointer-events: none;
}

/* icon color */
.mfp-frontend-editor .mfp-controls  .fa {
	color: #002140;
}

/* icon color when hover */
.mfp-frontend-editor .mfp-controls button:hover .fa {
	color: #faca58;
}

/* controls headline */
.mfp-frontend-editor .mfp-controls h2 {
	position: relative;
	background-color: #002140;
  color: #fff;
  font-size: 1.6em;
  font-weight: 700;
  text-align: center;
	margin-left: -20px;
  margin-right: -20px;
  margin-top: -20px;
	margin-bottom: -10px;
	padding: 15px;
}

.mfp-frontend-editor .mfp-controls h2:nth-child(2) {
	margin-top: -15px;
	margin-bottom: 15px;
}

.mfp-frontend-editor .mfp-controls h2 > span {
	display: inline-block;
	vertical-align: middle;
}

/* logotype switch */
.mfp-frontend-editor .mfp-controls .switch-container {
	position: relative;
	top: 3px;
	display: inline-block;
	width: 100px;
	margin-left: 20px;
	height: 28px;
	overflow-x: hidden;
	text-transform: initial;
	vertical-align: middle;
	z-index: 1;
}

.mfp-frontend-editor .mfp-controls .switch-container input {
	display: none;
}

.mfp-frontend-editor .mfp-controls .switch-container .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	border-radius: 20px;
  background-color: #aaa;
  -webkit-transition: .4s;
  transition: .4s;
	overflow: hidden;
	user-select: none;
	box-shadow: inset 1px 1px 9px rgba(0,0,0,0.6);
	-webkit-transition: .4s;
	transition: .4s;
}

.mfp-frontend-editor .mfp-controls .switch-container input:checked + .slider {
	background-color: #4fad6a;
}

.mfp-frontend-editor .mfp-controls .switch-container input:checked + .slider:before {
  -webkit-transform: translateX(48px);
  -ms-transform: translateX(48px);
  transform: translateX(48px);
}

.mfp-frontend-editor .mfp-controls .switch-container .slider > span {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	color: #fff;
	line-height: 28px;
	height: 28px;
	width: 47px;
}

.mfp-frontend-editor .mfp-controls .switch-container .slider > span.left {
	padding-left: 7px;
}

.mfp-frontend-editor .mfp-controls .switch-container .slider > span.right {
	padding-right: 7px;
}

.mfp-frontend-editor .mfp-controls .switch-container .slider::before {
	position: absolute;
	content: '\f0c9';
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: rgba(0,0,0,0.2);
	line-height: 28px;
	height: 28px;
	width: 52px;
	left: 0;
	bottom: 0;
	border-radius: 20px;
	background-color: #f8f8f8;
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	-webkit-transition: .4s;
	transition: .4s;
}

/* tabs */
.mfp-frontend-editor .mfp-controls .mfp-tabs > ul.nav.nav-tabs {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.mfp-frontend-editor .mfp-controls .mfp-tabs > ul.nav.nav-tabs > li {
	float: none;
	display: table-cell;
	width: 100%;
}

.mfp-frontend-editor .mfp-controls .mfp-tabs > ul.nav.nav-tabs > li > a {
  text-align: center;
	font-weight: 600;
	font-size: 13px;
	border: 1px solid #ddd;
	border-bottom: 0;
	padding-left: 2px;
	padding-right: 2px;
	white-space: nowrap;
  overflow: hidden;
}

.mfp-frontend-editor .mfp-controls .mfp-tabs > ul.nav.nav-tabs > li:not(.active) > a {
	background-color: #ddd;
	color: #777;
}

.mfp-frontend-editor .mfp-controls .mfp-tabs > ul.nav.nav-tabs > li.active > a {
	background-color: #faca58;
	border: 1px solid #faca58;
	padding-top: 11px;
	margin-top: -1px;
	bottom: -1px;
	color: #fff;
	pointer-events: none;
}

.mfp-frontend-editor .mfp-controls .mfp-tabs > .tab-content > .tab-pane {
	padding-left: 15px;
	padding-right: 15px;
}

/* controller area for color selections */
.mfp-frontend-editor .mfp-controls .mfp-color-controls {
	position: relative;
	padding-left: 14px;
	padding-right: 10px;
	left: -5px;
	margin-bottom: 30px;
	line-height: 1;
}

.mfp-frontend-editor .mfp-controls .mfp-color-controls  .form-group.color-select {
	margin-bottom: 10px;
}

.mfp-frontend-editor .mfp-controls .mfp-color-controls  .form-group[data-surface-id] {
	margin-bottom: 5px;
}

.mfp-frontend-editor .mfp-controls .mfp-color-controls label {
	padding-bottom: 5px;
}

.mfp-frontend-editor .mfp-controls .mfp-color-controls label:before {
	content: "";
}

/* help text */
.mfp-frontend-editor .mfp-controls .mfp-help-text {
	margin-bottom: 10px !important;
}

.mfp-frontend-editor .mfp-controls .mfp-help-text p {
	color: #656c73;
	line-height: 1.4;
	font-size: 13px;
}

/* control labels */
.mfp-frontend-editor .mfp-controls .mfp-label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #656c73;
	font-weight: 300;
	display: block;
	margin-bottom: 15px;
}

/* real dimensions label */
.mfp-frontend-editor .mfp-controls .mfp-label #transform-real-dimensions {
	float: right;
}

/* button sizes */
.mfp-frontend-editor .mfp-controls .fa.fa-3x {
	font-size: 3em;
}

/* resize slider */
.mfp-frontend-editor .mfp-zoom-controls .slider-ui-zoom,
.mfp-frontend-editor .mfp-controls .slider-ui-resize {
	position: relative;
	min-width: 40px;
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 15px;
	background-color: #002140;
	height: 10px; 
}

/* resize slider handle */
.mfp-frontend-editor .mfp-zoom-controls .slider-ui-zoom .ui-slider-handle,
.mfp-frontend-editor .mfp-controls .slider-ui-resize .ui-slider-handle {
	top: -8.5px;
	margin-left: -1em;
	width: 25px;
	height: 25px;
	background-color: #002140;
	border-color: transparent;
	border-radius: 50%;
	outline: 0;
}

/* dot inside resize slider handle */
.mfp-frontend-editor .mfp-zoom-controls .slider-ui-zoom .ui-slider-handle:after,
.mfp-frontend-editor .mfp-controls .slider-ui-resize .ui-slider-handle:after {
	content: " ";
  position: absolute;
  top: 3px;
  left: 3px;
  height: 19px;
  width: 19px;
	border-radius: 50%;
	background-color: #efefef; 
}

/* dot inside resize slider handle when active */
.mfp-frontend-editor .mfp-zoom-controls .slider-ui-zoom .ui-slider-handle.ui-state-active:after,
.mfp-frontend-editor .mfp-controls .slider-ui-resize .ui-slider-handle.ui-state-active:after {
	background-color: #faca58;
}

/* button and slider when active */
.mfp-frontend-editor .mfp-controls .mfp-action-buttons .btn-link:active,
.mfp-frontend-editor .mfp-zoom-controls .slider-ui-zoom .ui-slider-handle.ui-state-active,
.mfp-frontend-editor .mfp-controls .mfp-action-buttons .slider-ui-resize .ui-slider-handle.ui-state-active {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	z-index: 1099;
}

/* add to all areas that should not be selectable */
.mfp-frontend-editor  .noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* footer */
.mfp-frontend-editor .mfp-container .mfp-footer {
  position: static;
  height: 86px;
  margin-top: -86px;
}

.mfp-frontend-editor.mfp-has-sidepanel .mfp-container .mfp-footer {
	margin-right: 385px;
}

/* thumbnails */
.mfp-frontend-editor .mfp-container .mfp-footer .mfp-thumbnails {
  position: relative;
  z-index: 0;
}

.mfp-frontend-editor .mfp-thumbnails {
	text-align: center;
}

/* thumbnails images */
.mfp-frontend-editor .mfp-thumbnails-inner {
	display: inline-block;
}

.mfp-frontend-editor .mfp-thumbnails-inner > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mfp-frontend-editor .mfp-thumbnails-inner > ul > li {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.mfp-frontend-editor .mfp-thumbnails-inner > ul > li > a {
	position: relative;
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 4px;
	overflow: hidden;
	padding-bottom: 5px;
	margin: 7px 0 10px 15px;
}

.mfp-frontend-editor .mfp-thumbnails-inner > ul > li[data-type="2"] a:after,
.mfp-frontend-editor .mfp-thumbnails-inner > ul > li[data-type="1"] a:after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 4px;
	content: " ";
}

.mfp-frontend-editor .mfp-thumbnails-inner > ul > li[data-type="1"] + li[data-type="0"],
.mfp-frontend-editor .mfp-thumbnails-inner > ul > li[data-type="2"] + li[data-type="1"] {
	margin-left: 41px;
}

.mfp-frontend-editor .mfp-thumbnails-inner > ul > li[data-type="1"] + li[data-type="0"]:before,
.mfp-frontend-editor .mfp-thumbnails-inner > ul > li[data-type="2"] + li[data-type="1"]:before {
	display: block;
	position: absolute;
	background: #ddd;
	top: 25px;
	bottom: 25px;
	left: -17px;
	width: 1px;
	content: " ";
}

.mfp-frontend-editor .mfp-thumbnails-inner > ul > li[data-type="1"] a:after {
	background: #002140;
}

.mfp-frontend-editor .mfp-thumbnails-inner > ul > li[data-type="2"] a:after {
	background: #4fad6a;
}

.mfp-frontend-editor .mfp-thumbnails-inner > ul > li:first-child > a > .img-responsive {
	margin-left: 0;
}

.mfp-frontend-editor .mfp-thumbnails-inner > ul > li > a > .img-responsive {
  opacity: .5;
	padding: 0;
  max-height: 66px;
	border: 0;
}

/* thumbnails images when active */
.mfp-frontend-editor .mfp-thumbnails-inner > ul > li  > a.active > .img-responsive {
  opacity: 1;
  border: 2px solid #002040;
}

/* arrow size */
.thumbnails .mfp-arrow {
	width: 50px;
}

/* remove default arrow */
.thumbnails .mfp-arrow.mfp-arrow-right:after,
.thumbnails .mfp-arrow.mfp-arrow-left:after {
  content: none;
}

.thumbnails .mfp-arrow.mfp-arrow-right {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA5NS45IDE4NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTUuOSAxODUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzBFMTExNCIgZD0iTTk0LjksOTAuMUw1LjgsMUM0LjUtMC4zLDIuMy0wLjMsMSwxYy0xLjMsMS4zLTEuMywzLjUsMCw0LjhsODYuNyw4Ni43TDEsMTc5LjJjLTEuMywxLjMtMS4zLDMuNSwwLDQuOA0KCWMwLjcsMC43LDEuNSwxLDIuNCwxYzAuOSwwLDEuOC0wLjMsMi40LTFsODkuMS04OS4xQzk2LjMsOTMuNiw5Ni4zLDkxLjQsOTQuOSw5MC4xeiIvPg0KPC9zdmc+DQo=') 10px 30px no-repeat;
	background-size: auto 50px;
	opacity: 0.5;
}

.thumbnails .mfp-arrow.mfp-arrow-left {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA5NS45IDE4NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTUuOSAxODUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzBFMTExNCIgZD0iTTk0LjksMWMtMS4zLTEuMy0zLjUtMS4zLTQuOCwwTDEsOTAuMWMtMS4zLDEuMy0xLjMsMy41LDAsNC44TDkwLjEsMTg0YzAuNywwLjcsMS41LDEsMi40LDENCgljMC45LDAsMS44LTAuMywyLjQtMWMxLjMtMS4zLDEuMy0zLjUsMC00LjhMOC4zLDkyLjVMOTQuOSw1LjhDOTYuMyw0LjUsOTYuMywyLjMsOTQuOSwxeiIvPg0KPC9zdmc+DQo=') 10px 30px no-repeat;
	background-size: auto 50px;
	opacity: 0.5;
}

/* arrows */
.thumbnails .mfp-arrow.mfp-arrow-right:before,
.thumbnails .mfp-arrow.mfp-arrow-left:before {
  top: -0.15em;
  border: 0;
  transform: translate(0,0);
}

/* right arrow */
.thumbnails .mfp-arrow.mfp-arrow-right:before {
  margin-left: 5px;
}

/* Scale controls when partially hidden */
.mfp-frontend-editor .mfp-controls.responsive,
.mfp-frontend-editor .mfp-controls.responsive .mfp-controls-container {
	transform: scale(1);
	backface-visibility: hidden;
	transform: translateZ(0);
	transform-origin: 100% 0;
	-webkit-filter: blur(0);
	will-change: transform;
}

/* style for dimension popup */
#dimension-popup {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate(-100%,-20%);
	transform: translate(-100%,-20%);
	z-index: 3;
}

#logopanel-popup {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 500px;
	transform: translate(55px,-120px);
}

#dimension-popup .inner,
#logopanel-popup .inner {
	position: relative;
	font-weight: 500;
	background-color: #4fad6a;
	padding: 20px 20px;
	border-radius: 5px;
	color: #fff;
	opacity: 0;
	box-shadow: 0 0 35px 0 rgba(0,0,0,0.6);
	transform: translate(-45px,0);
	animation: dimension-popup .4s;
  animation-delay: 1s;
  animation-fill-mode: both;
}

#logopanel-popup .inner {
	transform: translate(0,-45px);
	animation: logopanel-popup .4s;
	animation-delay: 1s;
	animation-fill-mode: both;
}

#dimension-popup .inner:before {
	content: "";
	display: block;
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #4fad6a;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: -15px;
}

#logopanel-popup .inner:after{
	content: "";
	display: block;
	width: 0; 
	height: 0; 
	border-top: 15px solid #4fad6a;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	position: absolute;
	bottom: 0;
	margin-bottom: -30px;
	margin-left: -15px;
	right: 50%;
}

#dimension-popup h3,
#logopanel-popup h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 2.5em;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	margin: 0;
	margin-bottom: 10px;
	line-height: 1;
}

#dimension-popup p,
#logopanel-popup p {
	white-space: nowrap;
	line-height: 1.4;
	margin: 0;
}

#dimension-popup button,
#logopanel-popup button {
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	background: transparent;
	padding: 10px;
}

#dimension-popup button .fa,
#logopanel-popup button .fa {
	font-size: 1.6em;
}

#dimension-popup button:active,
#logopanel-popup button:active {
	top: 1px;
	right: -1px;
}

@keyframes dimension-popup {
	from {
		transform: translate(-45px,0);
		opacity: 0;
	}
	to {
		transform: translate(-25px,0);
		opacity: 1;
	}
}
@keyframes dimension-popup-lowres {
	from {
		transform: translate(0,-160px);
		opacity: 0;
	}
	to {
		transform: translate(0,-140px);
		opacity: 1;
	}
}
@keyframes logopanel-popup {
	from {
		transform: translate(0,-45px);
		opacity: 0;
	}
	to {
		transform: translate(0,0);
		opacity: 1;
	}
}
@media screen and (max-width: 768px) {
	#dimension-popup {
		left: 0;
		right: -25px;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}

	#dimension-popup .inner {
		opacity: 1;
		animation: dimension-popup-lowres .4s;
		transform: translate(0,-140px);
	}

	#dimension-popup .inner:before {
		border-top: 15px solid #4fad6a;
		border-bottom: 15px solid transparent;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
		top: auto;
		bottom: -30px;
		left: 50%;
		right: auto;
		margin-left: -15px;
	}
	
	#dimension-popup p {
		white-space: normal;
		font-size: 0.9em;
	}
	
	#dimension-popup p br {
    content: ' ';
	}

	#dimension-popup p br:after {
		content: ' ';
	}

}