@font-face {
		font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff2') format('woff2'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
		font-style: normal;
		font-display: swap;
}


@font-face {
		font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
		font-style: normal;
		font-display: swap;
}

body {
	background-image: url("../img/Outdoor_day.jpg");
	background-color: #87a953;
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-family: 'open_sansregular';
	font-weight: normal;
	/* box-sizing: border-box; */
	height: 100vh;
	background-size: contain;
}

body p{
	font-family: 'open_sanslight';
	font-size: 14px;
}

a, a:hover, a:visited, a:focus, a:active {
	outline: none;
}

#container {
	width: 60%;
	height: 80vh; /* 1vh = 1% */
	margin-top: 19vh;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	overflow: visible;
}

#versa-court{
	cursor: move;
	width: 100%;
	height: 100%;
	display: block;
	overflow: visible !important;
}

.outsideColor{fill:#fe8036; stroke:#242424; stroke-width:0.1; stroke-miterlimit:1;}
.insideColor, .insideColorOption, .insideColorOption2{fill:#3083c2; stroke:none; stroke-width:0;}
.fieldLineColor, .fieldLineColorOpt, .fieldLineColorOpt2{fill:none; stroke:#fafafa; stroke-width:0.09; stroke-miterlimit:1;}
.leftKey, .leftKeyOpt, .leftKeyOpt2{fill:#fe8036; stroke:none;}
.rightKey, .rightKeyOpt, .rightKeyOpt2{fill:#fe8036; stroke:none;}
.leftKeyLine, .leftKeyLineOpt, .leftKeyLineOpt2{fill:#fafafa;}
.rightKeyLine, .rightKeyLineOpt, .rightKeyLineOpt2{fill:#fafafa;}
.circleMid, .circleMidOpt, .circleMidOpt2{fill:none; stroke:#fafafa; stroke-width:0.1;}
.middleLine, .middleLineOpt, .middleLineOpt2{fill:none; stroke:#fafafa; stroke-width:0.1;}
.linesPath, .linesPathOpt, .linesPathOpt2{fill:#fafafa; stroke: none;}
.middleKey, .middleKeyOpt, .middleKeyOpt2{fill:#74885e; stroke:black; stroke-width:0.1;}

/* REFERENCE POINTS */

.referencePointLeftTop, .referencePointTopRight, .referencePointLeft, .referencePointRight, .referencePointBottomLeft, .referencePointBottomRight{fill:none;}

/* LEFT PANEL */

#leftPanel {
	position: absolute;
	min-width: 250px;
	height: 100%;
	background: rgba(255, 255, 255, 0.95);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	top: 0;
	z-index: 99;
	padding: 40px 40px;
	-webkit-box-shadow: -1px 0px 11px rgb(219, 220, 221);
	-moz-box-shadow: -1px 0px 11px rgb(219, 220, 221);
	box-shadow: -1px 0px 11px rgb(219, 220, 221);
}

p.like-labels {
  margin-bottom: 5px;
}

.leftSideButtons{
	position: absolute;
	left: 314px;
	/* left: 100%; */
}

.arrowButton{
	top: 0px;
}

.saveButton{
	top: 220px;
}

.requestButton{
	top: 70px;
}

.resetButton{
	top: 380px;
}

#toggleLeftPanel:hover{
	opacity: 0.9;
}

.slideInLeftPanelArrow {
	animation: slideInLeftPanelArrow 0.5s forwards;
	-webkit-animation: slideInLeftPanelArrow 0.5s forwards;
	/* top: -25px; */
}

.slideOutToLeftArrow {
	animation: slideOutToLeftArrow 0.5s forwards;
	-webkit-animation: slideOutToLeftArrow 0.5s forwards;
	/* top: -25px; */
}

@keyframes slideOutToLeftArrow {
	0% { transform: translateX(0px); }
	100% { transform: translateX(-330px); }
}

@-webkit-keyframes slideOutToLeftArrow {
	0% { -webkit-transform: translateX(0px); }
	100% { -webkit-transform: translateX(-330px); }
}

@keyframes slideInLeftPanelArrow {
	0% { transform: translateX(-314px); }
  100% { transform: translateX(0px); }
}

@-webkit-keyframes slideInLeftPanelArrow {
	0% { -webkit-transform: translateX(-314px); }
  100% { -webkit-transform: translateX(0px); }
}

.slideInLeftPanel {
	animation: slideInLeftPanel 0.5s forwards;
	-webkit-animation: slideInLeftPanel 0.5s forwards;
}

.slideOutToLeft {
	animation: slideOutToLeft 0.5s forwards;
	-webkit-animation: slideOutToLeft 0.5s forwards;
}

@keyframes slideInLeftPanel {
  100% { transform: translateX(0%); }
}

@-webkit-keyframes slideInLeftPanel {
  100% { -webkit-transform: translateX(0%); }
}

@keyframes slideOutToLeft {
	0% { transform: translateX(0%); }
	100% { transform: translateX(-100%); }
}

@-webkit-keyframes slideOutToLeft {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(-100%); }
}

#logo{
	min-width: 160px;
	/* margin-bottom: 60px; */
}

#logo svg{
	width: 200px;
	display: block;
	margin: 0 auto;
}

#leftPanel h3 {
	text-transform: uppercase;
	font-family: 'open_sansregular';
	font-weight: 300;
	margin-top: 25px;
	margin-bottom: 20px;
	font-size: 1em;
}

/* Check boxes for lights and fence*/

.sideEquipment[type=checkbox] {
	display:none;
}

.sideEquipment[type=checkbox] + label{
	height: 16px;
	width: 16px;
	display:inline-block;
	padding: 11px 10px;
	cursor: pointer;
}

/* TILE */

.tile-img {
	position: absolute;
	right: 0px;
	width: 30%;
	margin-top: -129px;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/*=== FADE IN  ===*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

/* RIGHT PANEL */

#rightPanel {
	position: absolute;
	min-width: 200px;
	height: 100%;
	background: rgba(255, 255, 255, 0.95);
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	top: 0;
	right: 0;
	z-index: 99;
	width: 390px;
	-webkit-box-shadow: 0px 0px 6px rgb(219, 220, 221);
	-moz-box-shadow: 0px 0px 6px rgb(219, 220, 221);
	box-shadow: 0px 0px 6px rgb(219, 220, 221);
}

#toggleRightPanel{
	cursor: pointer;
	position: absolute;
	right: 100%;
	top: 0px;
}

#toggleRightPanel:hover{
	opacity: 0.9;
}

.slideInRightPanel {
	animation: slideInLReftPanel 0.5s forwards;
	-webkit-animation: slideInRightPanel 0.5s forwards;
}

.slideOutToRight {
	animation: slideOutToRight 0.5s backwards;
	-webkit-animation: slideOutToRight 0.5s backwards;
}

@keyframes slideInRightPanel {
  100% { transform: translateX(0%); }
}

@-webkit-keyframes slideInRightPanel {
  100% { -webkit-transform: translateX(0%); }
}

@keyframes slideOutToRight {
	0% { transform: translateX(0%); }
	100% { transform: translateX(100%); }
}

@-webkit-keyframes slideOutToRight {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(100%); }
}

.slideInRightPanelArrow {
	animation: slideInRightPanelArrow 0.5s forwards;
	-webkit-animation: slideInRightPanelArrow 0.5s forwards;
}

.slideOutToRightArrow {
	animation: slideOutToRightArrow 0.5s forwards;
	-webkit-animation: slideOutToRightArrow 0.5s forwards;
}

@keyframes slideInRightPanelArrow {
	0% { transform: translateX(390px); }
  100% { transform: translateX(0%); }
}

@-webkit-keyframes slideInRightPanelArrow {
	0% { -webkit-transform: translateX(390px); }
  100% { -webkit-transform: translateX(0px); }
}

@keyframes slideOutToRightArrow {
	0% { transform: translateX(0%); }
	100% { transform: translateX(390px); }
}

@-webkit-keyframes slideOutToRightArrow {
	0% { -webkit-transform: translateX(0px); }
	100% { -webkit-transform: translateX(390px); }
}

/* TABS IN RIGHT PANEL */
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
}

.ui-widget-header {
  background: #e9e9e9;
}

.ui-tabs-active{
	background: rgba(255,255,255,0.1) !important;
	border-top: 2px solid #31ac1b !important;
}
.ui-state-hover > a div{
	border: 4px solid #939da7;
}

.ui-state-default.ui-state-hover a{
	color: #939da7;
}

.ui-tabs .ui-tabs-nav li {
	width: 33.3%;
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
	background: #dbdbdb;
	border-top: 2px solid transparent;
}

.ui-tabs li:nth-child(3) {
	border-bottom-left-radius: 25px;
}



.ui-tabs-nav div {
	border: 4px solid #aabbcc;
	border-radius: 50%;
	display: block;
	margin: 8px auto;
}

.ui-state-default a{
	color: #79797a;
	text-align: center;
	font-size: 12px;
	outline: 0;
}

.ui-state-active div{
	border: 4px solid #31ac1b !important;
	border-radius: 50%;
	/* background: #31ac1b; */
	font-weight: normal;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: none;
	padding: .5em 1em;
	text-decoration: none;
	display: inherit;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #0b3676;
	text-decoration: none;
}

#tabs-1, #tabs-2, #tabs-3, #tabs-4{
	padding: 26px;
}

#tabs p, .imageHolder p{margin: 5px auto 8px;}

#tabs a p {
	font-size: 12px;
	line-height: 14px;
	color: #000000;
}

.imgUploadWrapper{
	vertical-align: top;
	display: inline-block;
	position: relative;
	margin-bottom: 11px;
	margin-top: 10px;
}

/* COLOR PICKER */

.colorPicker{
	width: 50px;
	display: inline-block;
	cursor: pointer;
	margin-right: 10px;
	margin-top: 10px;
	text-align: center;
}
.colorPicker:hover{
	transform: scale(1.1);
}

.colorPicker > span {
	color: #727272;
	display: inline-block;
	padding: 5px 10px;
	font-size: 12px;
	font-family: 'open_sanslight';
}

.tooltip_templates {
	display: none;
	border: 1px solid #e1e1e1;
	padding: 10px;
	width: 290px;
	border-radius: 6px;
	position: absolute;
	background: #f2f2f2;
	z-index: 999;
	margin-top: 7px;
}

.tooltipArrow{
	content: url(../img/tooltip-arrow.svg);
	position: absolute;
	bottom: 94%;
	left: 11px;
	width: 28px;
	height: 26px;
	transform: rotate(180deg);
}

.tooltip_content p {
	margin-top: 0px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

.colorName{
	font-family: 'open_sansregular';
	letter-spacing: 1px;
}

.black{background: #242424;}
.graphite{background: #57534e;}
.titanium{background: #b5c2c9;}
.emerald-green{background: #007a53;}
.slate-green{background: #516556;}
.olive-green{background: #74885e;}
.pistachio{background: #b7c27d;}
.navy-blue{background: #6083b5;}
.royal-blue{background: #3083c2;}
.light-blue{background: #96bcea;}
.ice-blue{background: #c8d1d3;}
.bright-red{background: #f33b48;}
.burgundy{background: #893d3e;}
.rust-red{background: #c27f63;}
.sand{background: #d8b69d;}
.purple{background: #855e95;}
.orange{background: #fe8036;}
.yellow{background: #fdbb3c;}
.white{background: #fafafa;}
.pro-maple{background: #dbbf6b;}

.selectColor {
	display: inline-block;
	width: 18px;
	height: 18px;
	position: relative;
	border: 6px solid white;
	border-radius: 50%;
	margin: 3px;
	cursor: pointer;
}

.selectColor:hover {
	transform: scale(1.2);
	width: 24px;
	height: 24px;
	border: 2px solid white;
	margin: 4px;
}

.fieldColorSVGLayer{fill:#3083c2;}
.fieldColorSVGLayer2{fill:#E2E7E0;}

.lineColorSVGLayer{fill:#E2E7E0;}
.lineColorSVGLayer2{fill:#fafafa;}
.lineColorSVGLayer3{fill:#FFFFFA;}

.keyColorSVGLayer{fill:#E2E7E0;}
.keyColorSVGLayer2{fill:#FFFFFA;}
.keyColorSVGLayer3{fill:#fe8036;}

.edgeColorSVGLayer{fill:#E2E7E0;}
.edgeColorSVGLayer3{fill:#FFFFFA;}
.edgeColorSVGLayer4{fill:#242424;}

.aroundcolorSVGLayer{fill:#F4F3F0;}
.aroundcolorSVGLayer2{fill:#FFFFFA;}
.aroundcolorSVGLayer3{fill:#fe8036;}

.fieldColorSVGLayerOption{fill:#12BAC3;}
.fieldColorSVGLayer2Option{fill:#E2E7E0;}

.lineColorSVGLayerOption{fill:#E2E7E0;}
.lineColorSVGLayer2Option{fill:#12BAC3;}
.lineColorSVGLayer3Option{fill:#FFFFFA;}

.keyColorSVGLayerOption{fill:#E2E7E0;}
.keyColorSVGLayer2Option{fill:#FFFFFA;}
.keyColorSVGLayer3Option{fill:#12BAC3;}

.edgeColorSVGLayerOption{fill:#E2E7E0;}
.edgeColorSVGLayer3Option{fill:#FFFFFA;}
.edgeColorSVGLayer4Option{fill:#12BAC3;}

.aroundcolorSVGLayerOption{fill:#F4F3F0;}
.aroundcolorSVGLayer2Option{fill:#FFFFFA;}
.aroundcolorSVGLayer3Option{fill:#12BAC3;}

.fieldColorSVGLayerOption2{fill:#12BAC3;}
.fieldColorSVGLayer2Option2{fill:#E2E7E0;}

.lineColorSVGLayerOption2{fill:#E2E7E0;}
.lineColorSVGLayer2Option2{fill:#12BAC3;}
.lineColorSVGLayer3Option2{fill:#FFFFFA;}

.keyColorSVGLayerOption2{fill:#E2E7E0;}
.keyColorSVGLayer2Option2{fill:#FFFFFA;}
.keyColorSVGLayer3Option2{fill:#12BAC3;}

.edgeColorSVGLayerOption2{fill:#E2E7E0;}
.edgeColorSVGLayer3Option2{fill:#FFFFFA;}
.edgeColorSVGLayer4Option2{fill:#12BAC3;}

.aroundcolorSVGLayerOption2{fill:#F4F3F0;}
.aroundcolorSVGLayer2Option2{fill:#FFFFFA;}
.aroundcolorSVGLayer3Option2{fill:#12BAC3;}

/* SELECT MENU */

/* Reset Select */
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0 !important;
	background: #ffffff;
	background-image: none;
}

/* Custom Select */
.selectField {
	position: relative;
	display: block;
	width: 10em;
	height: 2em;
	line-height: 2;
	background: #ffffff;
	overflow: hidden;
	-moz-border-radius: 18.25em;
	-webkit-border-radius: 18.25em;
	border-radius: 18.25em;
	margin-top: 4px;
	box-shadow: 0px 8px 4px -5px rgb(226, 226, 226);
	-webkit-box-shadow: 0px 8px 4px -5px rgb(226, 226, 226);
	-moz-box-shadow: 0px 8px 4px -5px rgb(226, 226, 226);
	border: 1px solid rgba(230, 230, 230, 0.3);
	padding: 5px 10px;
}

.selectField:hover, .selectField:hover select, .selectField:hover:after,
button#saveSVGasPNG:hover, button#priceRequest:hover, button#resetButton:hover,
button#saveSVGasPNG:active, button#priceRequest:active, button#resetButton:active,
button#saveSVGasPNG:focus, button#priceRequest:focus , button#resetButton:focus{
	background: #eee;
}

select {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 0 0 .5em;
	color: #000000;
	cursor: pointer;
	font-size: 15px;
	font-family: 'open_sansregular';
}
select::-ms-expand {
	display: none;
}

/* hides dotted border on mozilla */
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

.selectField.sportfield-select{
	width: 13em;
	margin-bottom: 15px;
	display: inline-block;
	margin-right: 5px;
	margin-top: 20px;
}

.selectField.sportfield-select select{
	font-size: 15px;
}

/* Arrow */
.selectField::after {
	content: '\25BE';
	position: absolute;
	top: -6px;
	right: 10px;
	bottom: 0;
	padding: 0 0.3em;
	background: #ffffff;
	pointer-events: none;
	color: #31ac1b;
	font-size: 25px;
}

/* Transition */
.selectField:hover::after {
	color: #31ac1b;
}

/*.selectField::after {
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}*/

.can-toggle.for-rotation{
	display: inline-block;
	vertical-align: top;
}


/* Toggle switches */

.can-toggle {
	position: relative;
	padding-top: 25px;
}
.can-toggle__label-text {
  color: #333;
}
.can-toggle *, .can-toggle *:before, .can-toggle *:after {
	box-sizing: border-box;
}
.can-toggle input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.can-toggle input[type="checkbox"][disabled] ~ label {
	pointer-events: none;
}
.can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch {
	opacity: 0.4;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before {
	content: attr(data-unchecked);
	left: -6px;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
	content: attr(data-checked);
}
.can-toggle label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	display: flex;
	align-items: center;
}

.can-toggle label .can-toggle__switch {
	position: relative;
}
.can-toggle label .can-toggle__switch:before {
	content: attr(data-checked);
	position: absolute;
	top: 0;
	text-transform: uppercase;
	text-align: center;
}
.can-toggle label .can-toggle__switch:after {
	content: attr(data-unchecked);
	position: absolute;
	z-index: 5;
	text-transform: uppercase;
	text-align: center;
	background: white;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.can-toggle input[type="checkbox"][disabled] ~ label {
	color: rgba(119, 119, 119, 0.5);
}

.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
	color: #5e5e5e;
}

.can-toggle label .can-toggle__switch {
	transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
	background: #cfcfcf;
}
.can-toggle label .can-toggle__switch:before {
	color: rgba(255, 255, 255, 0.9);
}
.can-toggle label .can-toggle__switch:after {
	transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
	transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
	transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
	color: #777;
}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
	-webkit-transform: translate3d(40px, 0, 0);
	-ms-transform: translate3d(40px, 0, 0);
	transform: translate3d(40px, 0, 0);
}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle label {
	font-size: 14px;
}
.can-toggle label .can-toggle__switch {
	height: 36px;
	flex: 0 0 76px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	margin: 0 15px;
	cursor: pointer;
}

.feetCorrection{margin-right: 20px;}

/* Swittch For 2d or 3d */
.can-toggle.for-2d-3d{
	padding-bottom: 30px;
}
.can-toggle.for-2d-3d label .can-toggle__switch{
  margin: 0 15px 0 12px;
}

.can-toggle label .can-toggle__switch:before {
	left: 25px;
	font-size: 12px;
	line-height: 36px;
	width: 60px;
	padding: 0 12px;
}

.can-toggle label .can-toggle__switch:after {
	top: -2px;
	left: 0px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 41px;
	line-height: 40px;
	font-size: 12px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.can-toggle label .can-toggle__switch:hover:after {
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-small input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-small input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
	-webkit-transform: translate3d(44px, 0, 0);
	-ms-transform: translate3d(44px, 0, 0);
	transform: translate3d(44px, 0, 0);
}
.can-toggle.can-toggle--size-small input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-small label {
	font-size: 13px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch {
	height: 32px;
	flex: 0 0 90px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch:before {
	left: 45px;
	font-size: 10px;
	line-height: 28px;
	width: 45px;
	padding: 0 12px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch:after {
	top: 1px;
	left: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	width: 44px;
	line-height: 26px;
	font-size: 10px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch:hover:after {
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-large input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-large input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
	-webkit-transform: translate3d(78px, 0, 0);
	-ms-transform: translate3d(78px, 0, 0);
	transform: translate3d(78px, 0, 0);
}
.can-toggle.can-toggle--size-large input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-large label {
	font-size: 14px;
}
.can-toggle.can-toggle--size-large label .can-toggle__switch {
	height: 50px;
	flex: 0 0 160px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
}
.can-toggle.can-toggle--size-large label .can-toggle__switch:before {
	left: 80px;
	font-size: 14px;
	line-height: 50px;
	width: 80px;
	padding: 0 12px;
}
.can-toggle.can-toggle--size-large label .can-toggle__switch:after {
	top: 2px;
	left: 2px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	border-radius: 2px;
	width: 78px;
	line-height: 46px;
	font-size: 14px;
}
.can-toggle.can-toggle--size-large label .can-toggle__switch:hover:after {
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}

.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 24px;
	vertical-align: middle;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.switch-options{
	display: inline-block;
	margin: 5px auto 1px;
}


.switch-half-div {
	width: 90%;
	position: relative;
	display: flex;
	text-align-last: center;
}

.switch-half-div > p{
	margin:auto;
}

.switch-options-half{
	margin-top: 0px;
}

.lightSwitchesRow {
	margin: 0;
}

p.switch-options > span {
    width: 80px;
    position: relative;
    display: inline-block;
    vertical-align: super;
    font-family: 'open_sansregular';
}

.slideInLeftPanel > span {
    width: 100px;
    display: inline-block;
}

hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(209, 209, 209, 0.8), rgba(0, 0, 0, 0));
}

.slider {
	width: 44px;
	height: 16px;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #dbdbdb;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	bottom: -3px;
	background-color: #073578;
	-webkit-transition: .4s;
	transition: .4s;
	background-image: linear-gradient(#31ac1b, #31ac1b);
	border: 4px solid white;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}

input:checked + .slider {
	background-color: #31ac1b;
}

input:focus + .slider {
	-webkit-box-shadow: 0 0 1px #31ac1b;
	-moz-box-shadow: 0 0 1px #31ac1b;
	box-shadow: 0 0 1px #31ac1b;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	-moz-border-radius: 34px;
    -webkit-border-radius: 34px;
	border-radius: 34px;
}

.slider.round:before {
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	border-radius: 50%;
}

.noClick {
	pointer-events: none;
}

/* SPRITES */
#versaLogoIconImg, #mainSelectIcon, #optionSelectIcon,
#optionSelectIcon2, .optionSelectIconImg{
	width: 85px;
	height: 85px;
}

.equipment_Ico {
	width: 39px;
	height: 32px;
	display: inline-block;
	margin: 0px 20px 0px 40px;
	vertical-align: text-bottom;
	cursor: pointer;
}

.bg-Ico_fence_off {
	width: 39px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.bg-Ico_light_off {
	width: 39px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

#leftPanel p:empty {
    display: none;
}

/* Range slider style */

.e-range {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  height: 26px;
  overflow: hidden;
  cursor: pointer;
  background: transparent;
}

@-moz-document url-prefix() {
    .e-range{overflow: inherit;}
}

.full{
	width: 76%;
}

.half{
	width: 50%;
}
.fullWidht {
	width: 100%;
}
.e-range:focus {
  outline: none;
}

.e-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 30px;
  background: linear-gradient(to bottom, #31ac1b, #31ac1b) 100% 50%/100% 3px no-repeat transparent;
}

.e-range::-webkit-slider-thumb {
  position: relative;
  -webkit-appearance: none;
          appearance: none;
  height: 13px;
  width: 13px;
  background: #31ac1b;
  border-radius: 100%;
  border: 0;
  top: 50%;
  margin-top: -6.5px;
  box-shadow: 1px 0 0 -5px #cfcfcf, 2px 0 0 -5px #cfcfcf, 3px 0 0 -5px #cfcfcf, 4px 0 0 -5px #cfcfcf, 5px 0 0 -5px #cfcfcf, 6px 0 0 -5px #cfcfcf, 7px 0 0 -5px #cfcfcf, 8px 0 0 -5px #cfcfcf, 9px 0 0 -5px #cfcfcf, 10px 0 0 -5px #cfcfcf, 11px 0 0 -5px #cfcfcf, 12px 0 0 -5px #cfcfcf, 13px 0 0 -5px #cfcfcf, 14px 0 0 -5px #cfcfcf, 15px 0 0 -5px #cfcfcf, 16px 0 0 -5px #cfcfcf, 17px 0 0 -5px #cfcfcf, 18px 0 0 -5px #cfcfcf, 19px 0 0 -5px #cfcfcf, 20px 0 0 -5px #cfcfcf, 21px 0 0 -5px #cfcfcf, 22px 0 0 -5px #cfcfcf, 23px 0 0 -5px #cfcfcf, 24px 0 0 -5px #cfcfcf, 25px 0 0 -5px #cfcfcf, 26px 0 0 -5px #cfcfcf, 27px 0 0 -5px #cfcfcf, 28px 0 0 -5px #cfcfcf, 29px 0 0 -5px #cfcfcf, 30px 0 0 -5px #cfcfcf, 31px 0 0 -5px #cfcfcf, 32px 0 0 -5px #cfcfcf, 33px 0 0 -5px #cfcfcf, 34px 0 0 -5px #cfcfcf, 35px 0 0 -5px #cfcfcf, 36px 0 0 -5px #cfcfcf, 37px 0 0 -5px #cfcfcf, 38px 0 0 -5px #cfcfcf, 39px 0 0 -5px #cfcfcf, 40px 0 0 -5px #cfcfcf, 41px 0 0 -5px #cfcfcf, 42px 0 0 -5px #cfcfcf, 43px 0 0 -5px #cfcfcf, 44px 0 0 -5px #cfcfcf, 45px 0 0 -5px #cfcfcf, 46px 0 0 -5px #cfcfcf, 47px 0 0 -5px #cfcfcf, 48px 0 0 -5px #cfcfcf, 49px 0 0 -5px #cfcfcf, 50px 0 0 -5px #cfcfcf, 51px 0 0 -5px #cfcfcf, 52px 0 0 -5px #cfcfcf, 53px 0 0 -5px #cfcfcf, 54px 0 0 -5px #cfcfcf, 55px 0 0 -5px #cfcfcf, 56px 0 0 -5px #cfcfcf, 57px 0 0 -5px #cfcfcf, 58px 0 0 -5px #cfcfcf, 59px 0 0 -5px #cfcfcf, 60px 0 0 -5px #cfcfcf, 61px 0 0 -5px #cfcfcf, 62px 0 0 -5px #cfcfcf, 63px 0 0 -5px #cfcfcf, 64px 0 0 -5px #cfcfcf, 65px 0 0 -5px #cfcfcf, 66px 0 0 -5px #cfcfcf, 67px 0 0 -5px #cfcfcf, 68px 0 0 -5px #cfcfcf, 69px 0 0 -5px #cfcfcf, 70px 0 0 -5px #cfcfcf, 71px 0 0 -5px #cfcfcf, 72px 0 0 -5px #cfcfcf, 73px 0 0 -5px #cfcfcf, 74px 0 0 -5px #cfcfcf, 75px 0 0 -5px #cfcfcf, 76px 0 0 -5px #cfcfcf, 77px 0 0 -5px #cfcfcf, 78px 0 0 -5px #cfcfcf, 79px 0 0 -5px #cfcfcf, 80px 0 0 -5px #cfcfcf, 81px 0 0 -5px #cfcfcf, 82px 0 0 -5px #cfcfcf, 83px 0 0 -5px #cfcfcf, 84px 0 0 -5px #cfcfcf, 85px 0 0 -5px #cfcfcf, 86px 0 0 -5px #cfcfcf, 87px 0 0 -5px #cfcfcf, 88px 0 0 -5px #cfcfcf, 89px 0 0 -5px #cfcfcf, 90px 0 0 -5px #cfcfcf, 91px 0 0 -5px #cfcfcf, 92px 0 0 -5px #cfcfcf, 93px 0 0 -5px #cfcfcf, 94px 0 0 -5px #cfcfcf, 95px 0 0 -5px #cfcfcf, 96px 0 0 -5px #cfcfcf, 97px 0 0 -5px #cfcfcf, 98px 0 0 -5px #cfcfcf, 99px 0 0 -5px #cfcfcf, 100px 0 0 -5px #cfcfcf, 101px 0 0 -5px #cfcfcf, 102px 0 0 -5px #cfcfcf, 103px 0 0 -5px #cfcfcf, 104px 0 0 -5px #cfcfcf, 105px 0 0 -5px #cfcfcf, 106px 0 0 -5px #cfcfcf, 107px 0 0 -5px #cfcfcf, 108px 0 0 -5px #cfcfcf, 109px 0 0 -5px #cfcfcf, 110px 0 0 -5px #cfcfcf, 111px 0 0 -5px #cfcfcf, 112px 0 0 -5px #cfcfcf, 113px 0 0 -5px #cfcfcf, 114px 0 0 -5px #cfcfcf, 115px 0 0 -5px #cfcfcf, 116px 0 0 -5px #cfcfcf, 117px 0 0 -5px #cfcfcf, 118px 0 0 -5px #cfcfcf, 119px 0 0 -5px #cfcfcf, 120px 0 0 -5px #cfcfcf, 121px 0 0 -5px #cfcfcf, 122px 0 0 -5px #cfcfcf, 123px 0 0 -5px #cfcfcf, 124px 0 0 -5px #cfcfcf, 125px 0 0 -5px #cfcfcf, 126px 0 0 -5px #cfcfcf, 127px 0 0 -5px #cfcfcf, 128px 0 0 -5px #cfcfcf, 129px 0 0 -5px #cfcfcf, 130px 0 0 -5px #cfcfcf, 131px 0 0 -5px #cfcfcf, 132px 0 0 -5px #cfcfcf, 133px 0 0 -5px #cfcfcf, 134px 0 0 -5px #cfcfcf, 135px 0 0 -5px #cfcfcf, 136px 0 0 -5px #cfcfcf, 137px 0 0 -5px #cfcfcf, 138px 0 0 -5px #cfcfcf, 139px 0 0 -5px #cfcfcf, 140px 0 0 -5px #cfcfcf, 141px 0 0 -5px #cfcfcf, 142px 0 0 -5px #cfcfcf, 143px 0 0 -5px #cfcfcf, 144px 0 0 -5px #cfcfcf, 145px 0 0 -5px #cfcfcf, 146px 0 0 -5px #cfcfcf, 147px 0 0 -5px #cfcfcf, 148px 0 0 -5px #cfcfcf, 149px 0 0 -5px #cfcfcf, 150px 0 0 -5px #cfcfcf, 151px 0 0 -5px #cfcfcf, 152px 0 0 -5px #cfcfcf, 153px 0 0 -5px #cfcfcf, 154px 0 0 -5px #cfcfcf, 155px 0 0 -5px #cfcfcf, 156px 0 0 -5px #cfcfcf, 157px 0 0 -5px #cfcfcf, 158px 0 0 -5px #cfcfcf, 159px 0 0 -5px #cfcfcf, 160px 0 0 -5px #cfcfcf, 161px 0 0 -5px #cfcfcf, 162px 0 0 -5px #cfcfcf, 163px 0 0 -5px #cfcfcf, 164px 0 0 -5px #cfcfcf, 165px 0 0 -5px #cfcfcf, 166px 0 0 -5px #cfcfcf, 167px 0 0 -5px #cfcfcf, 168px 0 0 -5px #cfcfcf, 169px 0 0 -5px #cfcfcf, 170px 0 0 -5px #cfcfcf, 171px 0 0 -5px #cfcfcf, 172px 0 0 -5px #cfcfcf, 173px 0 0 -5px #cfcfcf, 174px 0 0 -5px #cfcfcf, 175px 0 0 -5px #cfcfcf, 176px 0 0 -5px #cfcfcf, 177px 0 0 -5px #cfcfcf, 178px 0 0 -5px #cfcfcf, 179px 0 0 -5px #cfcfcf, 180px 0 0 -5px #cfcfcf, 181px 0 0 -5px #cfcfcf, 182px 0 0 -5px #cfcfcf, 183px 0 0 -5px #cfcfcf, 184px 0 0 -5px #cfcfcf, 185px 0 0 -5px #cfcfcf, 186px 0 0 -5px #cfcfcf, 187px 0 0 -5px #cfcfcf, 188px 0 0 -5px #cfcfcf, 189px 0 0 -5px #cfcfcf, 190px 0 0 -5px #cfcfcf, 191px 0 0 -5px #cfcfcf, 192px 0 0 -5px #cfcfcf, 193px 0 0 -5px #cfcfcf, 194px 0 0 -5px #cfcfcf, 195px 0 0 -5px #cfcfcf, 196px 0 0 -5px #cfcfcf, 197px 0 0 -5px #cfcfcf, 198px 0 0 -5px #cfcfcf, 199px 0 0 -5px #cfcfcf, 200px 0 0 -5px #cfcfcf, 201px 0 0 -5px #cfcfcf, 202px 0 0 -5px #cfcfcf, 203px 0 0 -5px #cfcfcf, 204px 0 0 -5px #cfcfcf, 205px 0 0 -5px #cfcfcf, 206px 0 0 -5px #cfcfcf, 207px 0 0 -5px #cfcfcf, 208px 0 0 -5px #cfcfcf, 209px 0 0 -5px #cfcfcf, 210px 0 0 -5px #cfcfcf, 211px 0 0 -5px #cfcfcf, 212px 0 0 -5px #cfcfcf, 213px 0 0 -5px #cfcfcf, 214px 0 0 -5px #cfcfcf, 215px 0 0 -5px #cfcfcf, 216px 0 0 -5px #cfcfcf, 217px 0 0 -5px #cfcfcf, 218px 0 0 -5px #cfcfcf, 219px 0 0 -5px #cfcfcf, 220px 0 0 -5px #cfcfcf, 221px 0 0 -5px #cfcfcf, 222px 0 0 -5px #cfcfcf, 223px 0 0 -5px #cfcfcf, 224px 0 0 -5px #cfcfcf, 225px 0 0 -5px #cfcfcf, 226px 0 0 -5px #cfcfcf, 227px 0 0 -5px #cfcfcf, 228px 0 0 -5px #cfcfcf, 229px 0 0 -5px #cfcfcf, 230px 0 0 -5px #cfcfcf, 231px 0 0 -5px #cfcfcf, 232px 0 0 -5px #cfcfcf, 233px 0 0 -5px #cfcfcf, 234px 0 0 -5px #cfcfcf, 235px 0 0 -5px #cfcfcf, 236px 0 0 -5px #cfcfcf, 237px 0 0 -5px #cfcfcf, 238px 0 0 -5px #cfcfcf, 239px 0 0 -5px #cfcfcf, 240px 0 0 -5px #cfcfcf, 241px 0 0 -5px #cfcfcf, 242px 0 0 -5px #cfcfcf, 243px 0 0 -5px #cfcfcf, 244px 0 0 -5px #cfcfcf, 245px 0 0 -5px #cfcfcf, 246px 0 0 -5px #cfcfcf, 247px 0 0 -5px #cfcfcf, 248px 0 0 -5px #cfcfcf, 249px 0 0 -5px #cfcfcf, 250px 0 0 -5px #cfcfcf, 251px 0 0 -5px #cfcfcf, 252px 0 0 -5px #cfcfcf, 253px 0 0 -5px #cfcfcf, 254px 0 0 -5px #cfcfcf, 255px 0 0 -5px #cfcfcf, 256px 0 0 -5px #cfcfcf, 257px 0 0 -5px #cfcfcf, 258px 0 0 -5px #cfcfcf, 259px 0 0 -5px #cfcfcf, 260px 0 0 -5px #cfcfcf, 261px 0 0 -5px #cfcfcf, 262px 0 0 -5px #cfcfcf, 263px 0 0 -5px #cfcfcf, 264px 0 0 -5px #cfcfcf, 265px 0 0 -5px #cfcfcf, 266px 0 0 -5px #cfcfcf, 267px 0 0 -5px #cfcfcf, 268px 0 0 -5px #cfcfcf, 269px 0 0 -5px #cfcfcf, 270px 0 0 -5px #cfcfcf, 271px 0 0 -5px #cfcfcf, 272px 0 0 -5px #cfcfcf, 273px 0 0 -5px #cfcfcf, 274px 0 0 -5px #cfcfcf, 275px 0 0 -5px #cfcfcf, 276px 0 0 -5px #cfcfcf, 277px 0 0 -5px #cfcfcf, 278px 0 0 -5px #cfcfcf, 279px 0 0 -5px #cfcfcf, 280px 0 0 -5px #cfcfcf, 281px 0 0 -5px #cfcfcf, 282px 0 0 -5px #cfcfcf, 283px 0 0 -5px #cfcfcf, 284px 0 0 -5px #cfcfcf, 285px 0 0 -5px #cfcfcf, 286px 0 0 -5px #cfcfcf, 287px 0 0 -5px #cfcfcf, 288px 0 0 -5px #cfcfcf, 289px 0 0 -5px #cfcfcf, 290px 0 0 -5px #cfcfcf, 291px 0 0 -5px #cfcfcf, 292px 0 0 -5px #cfcfcf, 293px 0 0 -5px #cfcfcf, 294px 0 0 -5px #cfcfcf, 295px 0 0 -5px #cfcfcf, 296px 0 0 -5px #cfcfcf, 297px 0 0 -5px #cfcfcf, 298px 0 0 -5px #cfcfcf, 299px 0 0 -5px #cfcfcf, 300px 0 0 -5px #cfcfcf, 301px 0 0 -5px #cfcfcf, 302px 0 0 -5px #cfcfcf, 303px 0 0 -5px #cfcfcf, 304px 0 0 -5px #cfcfcf, 305px 0 0 -5px #cfcfcf, 306px 0 0 -5px #cfcfcf, 307px 0 0 -5px #cfcfcf, 308px 0 0 -5px #cfcfcf, 309px 0 0 -5px #cfcfcf, 310px 0 0 -5px #cfcfcf, 311px 0 0 -5px #cfcfcf, 312px 0 0 -5px #cfcfcf, 313px 0 0 -5px #cfcfcf, 314px 0 0 -5px #cfcfcf, 315px 0 0 -5px #cfcfcf, 316px 0 0 -5px #cfcfcf, 317px 0 0 -5px #cfcfcf, 318px 0 0 -5px #cfcfcf, 319px 0 0 -5px #cfcfcf, 320px 0 0 -5px #cfcfcf, 321px 0 0 -5px #cfcfcf, 322px 0 0 -5px #cfcfcf, 323px 0 0 -5px #cfcfcf, 324px 0 0 -5px #cfcfcf, 325px 0 0 -5px #cfcfcf, 326px 0 0 -5px #cfcfcf, 327px 0 0 -5px #cfcfcf, 328px 0 0 -5px #cfcfcf, 329px 0 0 -5px #cfcfcf, 330px 0 0 -5px #cfcfcf, 331px 0 0 -5px #cfcfcf, 332px 0 0 -5px #cfcfcf, 333px 0 0 -5px #cfcfcf, 334px 0 0 -5px #cfcfcf, 335px 0 0 -5px #cfcfcf, 336px 0 0 -5px #cfcfcf, 337px 0 0 -5px #cfcfcf, 338px 0 0 -5px #cfcfcf, 339px 0 0 -5px #cfcfcf, 340px 0 0 -5px #cfcfcf, 341px 0 0 -5px #cfcfcf, 342px 0 0 -5px #cfcfcf, 343px 0 0 -5px #cfcfcf, 344px 0 0 -5px #cfcfcf, 345px 0 0 -5px #cfcfcf, 346px 0 0 -5px #cfcfcf, 347px 0 0 -5px #cfcfcf, 348px 0 0 -5px #cfcfcf, 349px 0 0 -5px #cfcfcf, 350px 0 0 -5px #cfcfcf, 351px 0 0 -5px #cfcfcf, 352px 0 0 -5px #cfcfcf, 353px 0 0 -5px #cfcfcf, 354px 0 0 -5px #cfcfcf, 355px 0 0 -5px #cfcfcf, 356px 0 0 -5px #cfcfcf, 357px 0 0 -5px #cfcfcf, 358px 0 0 -5px #cfcfcf, 359px 0 0 -5px #cfcfcf, 360px 0 0 -5px #cfcfcf, 361px 0 0 -5px #cfcfcf, 362px 0 0 -5px #cfcfcf, 363px 0 0 -5px #cfcfcf, 364px 0 0 -5px #cfcfcf, 365px 0 0 -5px #cfcfcf, 366px 0 0 -5px #cfcfcf, 367px 0 0 -5px #cfcfcf, 368px 0 0 -5px #cfcfcf, 369px 0 0 -5px #cfcfcf, 370px 0 0 -5px #cfcfcf, 371px 0 0 -5px #cfcfcf, 372px 0 0 -5px #cfcfcf, 373px 0 0 -5px #cfcfcf, 374px 0 0 -5px #cfcfcf, 375px 0 0 -5px #cfcfcf, 376px 0 0 -5px #cfcfcf, 377px 0 0 -5px #cfcfcf, 378px 0 0 -5px #cfcfcf, 379px 0 0 -5px #cfcfcf, 380px 0 0 -5px #cfcfcf, 381px 0 0 -5px #cfcfcf, 382px 0 0 -5px #cfcfcf, 383px 0 0 -5px #cfcfcf, 384px 0 0 -5px #cfcfcf, 385px 0 0 -5px #cfcfcf, 386px 0 0 -5px #cfcfcf, 387px 0 0 -5px #cfcfcf, 388px 0 0 -5px #cfcfcf, 389px 0 0 -5px #cfcfcf, 390px 0 0 -5px #cfcfcf, 391px 0 0 -5px #cfcfcf, 392px 0 0 -5px #cfcfcf, 393px 0 0 -5px #cfcfcf, 394px 0 0 -5px #cfcfcf, 395px 0 0 -5px #cfcfcf, 396px 0 0 -5px #cfcfcf, 397px 0 0 -5px #cfcfcf, 398px 0 0 -5px #cfcfcf, 399px 0 0 -5px #cfcfcf, 400px 0 0 -5px #cfcfcf, 401px 0 0 -5px #cfcfcf, 402px 0 0 -5px #cfcfcf, 403px 0 0 -5px #cfcfcf, 404px 0 0 -5px #cfcfcf, 405px 0 0 -5px #cfcfcf, 406px 0 0 -5px #cfcfcf, 407px 0 0 -5px #cfcfcf, 408px 0 0 -5px #cfcfcf, 409px 0 0 -5px #cfcfcf, 410px 0 0 -5px #cfcfcf, 411px 0 0 -5px #cfcfcf, 412px 0 0 -5px #cfcfcf, 413px 0 0 -5px #cfcfcf, 414px 0 0 -5px #cfcfcf, 415px 0 0 -5px #cfcfcf, 416px 0 0 -5px #cfcfcf, 417px 0 0 -5px #cfcfcf, 418px 0 0 -5px #cfcfcf, 419px 0 0 -5px #cfcfcf, 420px 0 0 -5px #cfcfcf, 421px 0 0 -5px #cfcfcf, 422px 0 0 -5px #cfcfcf, 423px 0 0 -5px #cfcfcf, 424px 0 0 -5px #cfcfcf, 425px 0 0 -5px #cfcfcf, 426px 0 0 -5px #cfcfcf, 427px 0 0 -5px #cfcfcf, 428px 0 0 -5px #cfcfcf, 429px 0 0 -5px #cfcfcf, 430px 0 0 -5px #cfcfcf, 431px 0 0 -5px #cfcfcf, 432px 0 0 -5px #cfcfcf, 433px 0 0 -5px #cfcfcf, 434px 0 0 -5px #cfcfcf, 435px 0 0 -5px #cfcfcf, 436px 0 0 -5px #cfcfcf, 437px 0 0 -5px #cfcfcf, 438px 0 0 -5px #cfcfcf, 439px 0 0 -5px #cfcfcf, 440px 0 0 -5px #cfcfcf, 441px 0 0 -5px #cfcfcf, 442px 0 0 -5px #cfcfcf, 443px 0 0 -5px #cfcfcf, 444px 0 0 -5px #cfcfcf, 445px 0 0 -5px #cfcfcf, 446px 0 0 -5px #cfcfcf, 447px 0 0 -5px #cfcfcf, 448px 0 0 -5px #cfcfcf, 449px 0 0 -5px #cfcfcf, 450px 0 0 -5px #cfcfcf, 451px 0 0 -5px #cfcfcf, 452px 0 0 -5px #cfcfcf, 453px 0 0 -5px #cfcfcf, 454px 0 0 -5px #cfcfcf, 455px 0 0 -5px #cfcfcf, 456px 0 0 -5px #cfcfcf, 457px 0 0 -5px #cfcfcf, 458px 0 0 -5px #cfcfcf, 459px 0 0 -5px #cfcfcf, 460px 0 0 -5px #cfcfcf, 461px 0 0 -5px #cfcfcf, 462px 0 0 -5px #cfcfcf, 463px 0 0 -5px #cfcfcf, 464px 0 0 -5px #cfcfcf, 465px 0 0 -5px #cfcfcf, 466px 0 0 -5px #cfcfcf, 467px 0 0 -5px #cfcfcf, 468px 0 0 -5px #cfcfcf, 469px 0 0 -5px #cfcfcf, 470px 0 0 -5px #cfcfcf, 471px 0 0 -5px #cfcfcf, 472px 0 0 -5px #cfcfcf, 473px 0 0 -5px #cfcfcf, 474px 0 0 -5px #cfcfcf, 475px 0 0 -5px #cfcfcf, 476px 0 0 -5px #cfcfcf, 477px 0 0 -5px #cfcfcf, 478px 0 0 -5px #cfcfcf, 479px 0 0 -5px #cfcfcf, 480px 0 0 -5px #cfcfcf, 481px 0 0 -5px #cfcfcf, 482px 0 0 -5px #cfcfcf, 483px 0 0 -5px #cfcfcf, 484px 0 0 -5px #cfcfcf, 485px 0 0 -5px #cfcfcf, 486px 0 0 -5px #cfcfcf, 487px 0 0 -5px #cfcfcf, 488px 0 0 -5px #cfcfcf, 489px 0 0 -5px #cfcfcf, 490px 0 0 -5px #cfcfcf, 491px 0 0 -5px #cfcfcf, 492px 0 0 -5px #cfcfcf, 493px 0 0 -5px #cfcfcf, 494px 0 0 -5px #cfcfcf, 495px 0 0 -5px #cfcfcf, 496px 0 0 -5px #cfcfcf, 497px 0 0 -5px #cfcfcf, 498px 0 0 -5px #cfcfcf, 499px 0 0 -5px #cfcfcf, 500px 0 0 -5px #cfcfcf, 501px 0 0 -5px #cfcfcf, 502px 0 0 -5px #cfcfcf, 503px 0 0 -5px #cfcfcf, 504px 0 0 -5px #cfcfcf, 505px 0 0 -5px #cfcfcf, 506px 0 0 -5px #cfcfcf, 507px 0 0 -5px #cfcfcf, 508px 0 0 -5px #cfcfcf, 509px 0 0 -5px #cfcfcf, 510px 0 0 -5px #cfcfcf, 511px 0 0 -5px #cfcfcf, 512px 0 0 -5px #cfcfcf, 513px 0 0 -5px #cfcfcf, 514px 0 0 -5px #cfcfcf, 515px 0 0 -5px #cfcfcf, 516px 0 0 -5px #cfcfcf, 517px 0 0 -5px #cfcfcf, 518px 0 0 -5px #cfcfcf, 519px 0 0 -5px #cfcfcf, 520px 0 0 -5px #cfcfcf, 521px 0 0 -5px #cfcfcf, 522px 0 0 -5px #cfcfcf, 523px 0 0 -5px #cfcfcf, 524px 0 0 -5px #cfcfcf, 525px 0 0 -5px #cfcfcf, 526px 0 0 -5px #cfcfcf, 527px 0 0 -5px #cfcfcf, 528px 0 0 -5px #cfcfcf, 529px 0 0 -5px #cfcfcf, 530px 0 0 -5px #cfcfcf, 531px 0 0 -5px #cfcfcf, 532px 0 0 -5px #cfcfcf, 533px 0 0 -5px #cfcfcf, 534px 0 0 -5px #cfcfcf, 535px 0 0 -5px #cfcfcf, 536px 0 0 -5px #cfcfcf, 537px 0 0 -5px #cfcfcf, 538px 0 0 -5px #cfcfcf, 539px 0 0 -5px #cfcfcf, 540px 0 0 -5px #cfcfcf, 541px 0 0 -5px #cfcfcf, 542px 0 0 -5px #cfcfcf, 543px 0 0 -5px #cfcfcf, 544px 0 0 -5px #cfcfcf, 545px 0 0 -5px #cfcfcf, 546px 0 0 -5px #cfcfcf, 547px 0 0 -5px #cfcfcf, 548px 0 0 -5px #cfcfcf, 549px 0 0 -5px #cfcfcf, 550px 0 0 -5px #cfcfcf, 551px 0 0 -5px #cfcfcf, 552px 0 0 -5px #cfcfcf, 553px 0 0 -5px #cfcfcf, 554px 0 0 -5px #cfcfcf, 555px 0 0 -5px #cfcfcf, 556px 0 0 -5px #cfcfcf, 557px 0 0 -5px #cfcfcf, 558px 0 0 -5px #cfcfcf, 559px 0 0 -5px #cfcfcf, 560px 0 0 -5px #cfcfcf, 561px 0 0 -5px #cfcfcf, 562px 0 0 -5px #cfcfcf, 563px 0 0 -5px #cfcfcf, 564px 0 0 -5px #cfcfcf, 565px 0 0 -5px #cfcfcf, 566px 0 0 -5px #cfcfcf, 567px 0 0 -5px #cfcfcf, 568px 0 0 -5px #cfcfcf, 569px 0 0 -5px #cfcfcf, 570px 0 0 -5px #cfcfcf, 571px 0 0 -5px #cfcfcf, 572px 0 0 -5px #cfcfcf, 573px 0 0 -5px #cfcfcf, 574px 0 0 -5px #cfcfcf, 575px 0 0 -5px #cfcfcf, 576px 0 0 -5px #cfcfcf, 577px 0 0 -5px #cfcfcf, 578px 0 0 -5px #cfcfcf, 579px 0 0 -5px #cfcfcf, 580px 0 0 -5px #cfcfcf, 581px 0 0 -5px #cfcfcf, 582px 0 0 -5px #cfcfcf, 583px 0 0 -5px #cfcfcf, 584px 0 0 -5px #cfcfcf, 585px 0 0 -5px #cfcfcf, 586px 0 0 -5px #cfcfcf, 587px 0 0 -5px #cfcfcf, 588px 0 0 -5px #cfcfcf, 589px 0 0 -5px #cfcfcf, 590px 0 0 -5px #cfcfcf, 591px 0 0 -5px #cfcfcf, 592px 0 0 -5px #cfcfcf, 593px 0 0 -5px #cfcfcf, 594px 0 0 -5px #cfcfcf, 595px 0 0 -5px #cfcfcf, 596px 0 0 -5px #cfcfcf, 597px 0 0 -5px #cfcfcf, 598px 0 0 -5px #cfcfcf, 599px 0 0 -5px #cfcfcf, 600px 0 0 -5px #cfcfcf, 601px 0 0 -5px #cfcfcf, 602px 0 0 -5px #cfcfcf, 603px 0 0 -5px #cfcfcf, 604px 0 0 -5px #cfcfcf, 605px 0 0 -5px #cfcfcf, 606px 0 0 -5px #cfcfcf, 607px 0 0 -5px #cfcfcf, 608px 0 0 -5px #cfcfcf, 609px 0 0 -5px #cfcfcf, 610px 0 0 -5px #cfcfcf, 611px 0 0 -5px #cfcfcf, 612px 0 0 -5px #cfcfcf, 613px 0 0 -5px #cfcfcf, 614px 0 0 -5px #cfcfcf, 615px 0 0 -5px #cfcfcf, 616px 0 0 -5px #cfcfcf, 617px 0 0 -5px #cfcfcf, 618px 0 0 -5px #cfcfcf, 619px 0 0 -5px #cfcfcf, 620px 0 0 -5px #cfcfcf, 621px 0 0 -5px #cfcfcf, 622px 0 0 -5px #cfcfcf, 623px 0 0 -5px #cfcfcf, 624px 0 0 -5px #cfcfcf, 625px 0 0 -5px #cfcfcf, 626px 0 0 -5px #cfcfcf, 627px 0 0 -5px #cfcfcf, 628px 0 0 -5px #cfcfcf, 629px 0 0 -5px #cfcfcf, 630px 0 0 -5px #cfcfcf, 631px 0 0 -5px #cfcfcf, 632px 0 0 -5px #cfcfcf, 633px 0 0 -5px #cfcfcf, 634px 0 0 -5px #cfcfcf, 635px 0 0 -5px #cfcfcf, 636px 0 0 -5px #cfcfcf, 637px 0 0 -5px #cfcfcf, 638px 0 0 -5px #cfcfcf, 639px 0 0 -5px #cfcfcf, 640px 0 0 -5px #cfcfcf, 641px 0 0 -5px #cfcfcf, 642px 0 0 -5px #cfcfcf, 643px 0 0 -5px #cfcfcf, 644px 0 0 -5px #cfcfcf, 645px 0 0 -5px #cfcfcf, 646px 0 0 -5px #cfcfcf, 647px 0 0 -5px #cfcfcf, 648px 0 0 -5px #cfcfcf, 649px 0 0 -5px #cfcfcf, 650px 0 0 -5px #cfcfcf, 651px 0 0 -5px #cfcfcf, 652px 0 0 -5px #cfcfcf, 653px 0 0 -5px #cfcfcf, 654px 0 0 -5px #cfcfcf, 655px 0 0 -5px #cfcfcf, 656px 0 0 -5px #cfcfcf, 657px 0 0 -5px #cfcfcf, 658px 0 0 -5px #cfcfcf, 659px 0 0 -5px #cfcfcf, 660px 0 0 -5px #cfcfcf, 661px 0 0 -5px #cfcfcf, 662px 0 0 -5px #cfcfcf, 663px 0 0 -5px #cfcfcf, 664px 0 0 -5px #cfcfcf, 665px 0 0 -5px #cfcfcf, 666px 0 0 -5px #cfcfcf, 667px 0 0 -5px #cfcfcf, 668px 0 0 -5px #cfcfcf, 669px 0 0 -5px #cfcfcf, 670px 0 0 -5px #cfcfcf, 671px 0 0 -5px #cfcfcf, 672px 0 0 -5px #cfcfcf, 673px 0 0 -5px #cfcfcf, 674px 0 0 -5px #cfcfcf, 675px 0 0 -5px #cfcfcf, 676px 0 0 -5px #cfcfcf, 677px 0 0 -5px #cfcfcf, 678px 0 0 -5px #cfcfcf, 679px 0 0 -5px #cfcfcf, 680px 0 0 -5px #cfcfcf, 681px 0 0 -5px #cfcfcf, 682px 0 0 -5px #cfcfcf, 683px 0 0 -5px #cfcfcf, 684px 0 0 -5px #cfcfcf, 685px 0 0 -5px #cfcfcf, 686px 0 0 -5px #cfcfcf, 687px 0 0 -5px #cfcfcf, 688px 0 0 -5px #cfcfcf, 689px 0 0 -5px #cfcfcf, 690px 0 0 -5px #cfcfcf, 691px 0 0 -5px #cfcfcf, 692px 0 0 -5px #cfcfcf, 693px 0 0 -5px #cfcfcf, 694px 0 0 -5px #cfcfcf, 695px 0 0 -5px #cfcfcf, 696px 0 0 -5px #cfcfcf, 697px 0 0 -5px #cfcfcf, 698px 0 0 -5px #cfcfcf, 699px 0 0 -5px #cfcfcf, 700px 0 0 -5px #cfcfcf, 701px 0 0 -5px #cfcfcf, 702px 0 0 -5px #cfcfcf, 703px 0 0 -5px #cfcfcf, 704px 0 0 -5px #cfcfcf, 705px 0 0 -5px #cfcfcf, 706px 0 0 -5px #cfcfcf, 707px 0 0 -5px #cfcfcf, 708px 0 0 -5px #cfcfcf, 709px 0 0 -5px #cfcfcf, 710px 0 0 -5px #cfcfcf, 711px 0 0 -5px #cfcfcf, 712px 0 0 -5px #cfcfcf, 713px 0 0 -5px #cfcfcf, 714px 0 0 -5px #cfcfcf, 715px 0 0 -5px #cfcfcf, 716px 0 0 -5px #cfcfcf, 717px 0 0 -5px #cfcfcf, 718px 0 0 -5px #cfcfcf, 719px 0 0 -5px #cfcfcf, 720px 0 0 -5px #cfcfcf, 721px 0 0 -5px #cfcfcf, 722px 0 0 -5px #cfcfcf, 723px 0 0 -5px #cfcfcf, 724px 0 0 -5px #cfcfcf, 725px 0 0 -5px #cfcfcf, 726px 0 0 -5px #cfcfcf, 727px 0 0 -5px #cfcfcf, 728px 0 0 -5px #cfcfcf, 729px 0 0 -5px #cfcfcf, 730px 0 0 -5px #cfcfcf, 731px 0 0 -5px #cfcfcf, 732px 0 0 -5px #cfcfcf, 733px 0 0 -5px #cfcfcf, 734px 0 0 -5px #cfcfcf, 735px 0 0 -5px #cfcfcf, 736px 0 0 -5px #cfcfcf, 737px 0 0 -5px #cfcfcf, 738px 0 0 -5px #cfcfcf, 739px 0 0 -5px #cfcfcf, 740px 0 0 -5px #cfcfcf, 741px 0 0 -5px #cfcfcf, 742px 0 0 -5px #cfcfcf, 743px 0 0 -5px #cfcfcf, 744px 0 0 -5px #cfcfcf, 745px 0 0 -5px #cfcfcf, 746px 0 0 -5px #cfcfcf, 747px 0 0 -5px #cfcfcf, 748px 0 0 -5px #cfcfcf, 749px 0 0 -5px #cfcfcf, 750px 0 0 -5px #cfcfcf, 751px 0 0 -5px #cfcfcf, 752px 0 0 -5px #cfcfcf, 753px 0 0 -5px #cfcfcf, 754px 0 0 -5px #cfcfcf, 755px 0 0 -5px #cfcfcf, 756px 0 0 -5px #cfcfcf, 757px 0 0 -5px #cfcfcf, 758px 0 0 -5px #cfcfcf, 759px 0 0 -5px #cfcfcf, 760px 0 0 -5px #cfcfcf, 761px 0 0 -5px #cfcfcf, 762px 0 0 -5px #cfcfcf, 763px 0 0 -5px #cfcfcf, 764px 0 0 -5px #cfcfcf, 765px 0 0 -5px #cfcfcf, 766px 0 0 -5px #cfcfcf, 767px 0 0 -5px #cfcfcf, 768px 0 0 -5px #cfcfcf, 769px 0 0 -5px #cfcfcf, 770px 0 0 -5px #cfcfcf, 771px 0 0 -5px #cfcfcf, 772px 0 0 -5px #cfcfcf, 773px 0 0 -5px #cfcfcf, 774px 0 0 -5px #cfcfcf, 775px 0 0 -5px #cfcfcf, 776px 0 0 -5px #cfcfcf, 777px 0 0 -5px #cfcfcf, 778px 0 0 -5px #cfcfcf, 779px 0 0 -5px #cfcfcf, 780px 0 0 -5px #cfcfcf, 781px 0 0 -5px #cfcfcf, 782px 0 0 -5px #cfcfcf, 783px 0 0 -5px #cfcfcf, 784px 0 0 -5px #cfcfcf, 785px 0 0 -5px #cfcfcf, 786px 0 0 -5px #cfcfcf, 787px 0 0 -5px #cfcfcf, 788px 0 0 -5px #cfcfcf, 789px 0 0 -5px #cfcfcf, 790px 0 0 -5px #cfcfcf, 791px 0 0 -5px #cfcfcf, 792px 0 0 -5px #cfcfcf, 793px 0 0 -5px #cfcfcf, 794px 0 0 -5px #cfcfcf, 795px 0 0 -5px #cfcfcf, 796px 0 0 -5px #cfcfcf, 797px 0 0 -5px #cfcfcf, 798px 0 0 -5px #cfcfcf, 799px 0 0 -5px #cfcfcf, 800px 0 0 -5px #cfcfcf, 801px 0 0 -5px #cfcfcf, 802px 0 0 -5px #cfcfcf, 803px 0 0 -5px #cfcfcf, 804px 0 0 -5px #cfcfcf, 805px 0 0 -5px #cfcfcf, 806px 0 0 -5px #cfcfcf, 807px 0 0 -5px #cfcfcf, 808px 0 0 -5px #cfcfcf, 809px 0 0 -5px #cfcfcf, 810px 0 0 -5px #cfcfcf, 811px 0 0 -5px #cfcfcf, 812px 0 0 -5px #cfcfcf, 813px 0 0 -5px #cfcfcf, 814px 0 0 -5px #cfcfcf, 815px 0 0 -5px #cfcfcf, 816px 0 0 -5px #cfcfcf, 817px 0 0 -5px #cfcfcf, 818px 0 0 -5px #cfcfcf, 819px 0 0 -5px #cfcfcf, 820px 0 0 -5px #cfcfcf, 821px 0 0 -5px #cfcfcf, 822px 0 0 -5px #cfcfcf, 823px 0 0 -5px #cfcfcf, 824px 0 0 -5px #cfcfcf, 825px 0 0 -5px #cfcfcf, 826px 0 0 -5px #cfcfcf, 827px 0 0 -5px #cfcfcf, 828px 0 0 -5px #cfcfcf, 829px 0 0 -5px #cfcfcf, 830px 0 0 -5px #cfcfcf, 831px 0 0 -5px #cfcfcf, 832px 0 0 -5px #cfcfcf, 833px 0 0 -5px #cfcfcf, 834px 0 0 -5px #cfcfcf, 835px 0 0 -5px #cfcfcf, 836px 0 0 -5px #cfcfcf, 837px 0 0 -5px #cfcfcf, 838px 0 0 -5px #cfcfcf, 839px 0 0 -5px #cfcfcf, 840px 0 0 -5px #cfcfcf, 841px 0 0 -5px #cfcfcf, 842px 0 0 -5px #cfcfcf, 843px 0 0 -5px #cfcfcf, 844px 0 0 -5px #cfcfcf, 845px 0 0 -5px #cfcfcf, 846px 0 0 -5px #cfcfcf, 847px 0 0 -5px #cfcfcf, 848px 0 0 -5px #cfcfcf, 849px 0 0 -5px #cfcfcf, 850px 0 0 -5px #cfcfcf, 851px 0 0 -5px #cfcfcf, 852px 0 0 -5px #cfcfcf, 853px 0 0 -5px #cfcfcf, 854px 0 0 -5px #cfcfcf, 855px 0 0 -5px #cfcfcf, 856px 0 0 -5px #cfcfcf, 857px 0 0 -5px #cfcfcf, 858px 0 0 -5px #cfcfcf, 859px 0 0 -5px #cfcfcf, 860px 0 0 -5px #cfcfcf, 861px 0 0 -5px #cfcfcf, 862px 0 0 -5px #cfcfcf, 863px 0 0 -5px #cfcfcf, 864px 0 0 -5px #cfcfcf, 865px 0 0 -5px #cfcfcf, 866px 0 0 -5px #cfcfcf, 867px 0 0 -5px #cfcfcf, 868px 0 0 -5px #cfcfcf, 869px 0 0 -5px #cfcfcf, 870px 0 0 -5px #cfcfcf, 871px 0 0 -5px #cfcfcf, 872px 0 0 -5px #cfcfcf, 873px 0 0 -5px #cfcfcf, 874px 0 0 -5px #cfcfcf, 875px 0 0 -5px #cfcfcf, 876px 0 0 -5px #cfcfcf, 877px 0 0 -5px #cfcfcf, 878px 0 0 -5px #cfcfcf, 879px 0 0 -5px #cfcfcf, 880px 0 0 -5px #cfcfcf, 881px 0 0 -5px #cfcfcf, 882px 0 0 -5px #cfcfcf, 883px 0 0 -5px #cfcfcf, 884px 0 0 -5px #cfcfcf, 885px 0 0 -5px #cfcfcf, 886px 0 0 -5px #cfcfcf, 887px 0 0 -5px #cfcfcf, 888px 0 0 -5px #cfcfcf, 889px 0 0 -5px #cfcfcf, 890px 0 0 -5px #cfcfcf, 891px 0 0 -5px #cfcfcf, 892px 0 0 -5px #cfcfcf, 893px 0 0 -5px #cfcfcf, 894px 0 0 -5px #cfcfcf, 895px 0 0 -5px #cfcfcf, 896px 0 0 -5px #cfcfcf, 897px 0 0 -5px #cfcfcf, 898px 0 0 -5px #cfcfcf, 899px 0 0 -5px #cfcfcf, 900px 0 0 -5px #cfcfcf, 901px 0 0 -5px #cfcfcf, 902px 0 0 -5px #cfcfcf, 903px 0 0 -5px #cfcfcf, 904px 0 0 -5px #cfcfcf, 905px 0 0 -5px #cfcfcf, 906px 0 0 -5px #cfcfcf, 907px 0 0 -5px #cfcfcf, 908px 0 0 -5px #cfcfcf, 909px 0 0 -5px #cfcfcf, 910px 0 0 -5px #cfcfcf, 911px 0 0 -5px #cfcfcf, 912px 0 0 -5px #cfcfcf, 913px 0 0 -5px #cfcfcf, 914px 0 0 -5px #cfcfcf, 915px 0 0 -5px #cfcfcf, 916px 0 0 -5px #cfcfcf, 917px 0 0 -5px #cfcfcf, 918px 0 0 -5px #cfcfcf, 919px 0 0 -5px #cfcfcf, 920px 0 0 -5px #cfcfcf, 921px 0 0 -5px #cfcfcf, 922px 0 0 -5px #cfcfcf, 923px 0 0 -5px #cfcfcf, 924px 0 0 -5px #cfcfcf, 925px 0 0 -5px #cfcfcf, 926px 0 0 -5px #cfcfcf, 927px 0 0 -5px #cfcfcf, 928px 0 0 -5px #cfcfcf, 929px 0 0 -5px #cfcfcf, 930px 0 0 -5px #cfcfcf, 931px 0 0 -5px #cfcfcf, 932px 0 0 -5px #cfcfcf, 933px 0 0 -5px #cfcfcf, 934px 0 0 -5px #cfcfcf, 935px 0 0 -5px #cfcfcf, 936px 0 0 -5px #cfcfcf, 937px 0 0 -5px #cfcfcf, 938px 0 0 -5px #cfcfcf, 939px 0 0 -5px #cfcfcf, 940px 0 0 -5px #cfcfcf, 941px 0 0 -5px #cfcfcf, 942px 0 0 -5px #cfcfcf, 943px 0 0 -5px #cfcfcf, 944px 0 0 -5px #cfcfcf, 945px 0 0 -5px #cfcfcf, 946px 0 0 -5px #cfcfcf, 947px 0 0 -5px #cfcfcf, 948px 0 0 -5px #cfcfcf, 949px 0 0 -5px #cfcfcf, 950px 0 0 -5px #cfcfcf, 951px 0 0 -5px #cfcfcf, 952px 0 0 -5px #cfcfcf, 953px 0 0 -5px #cfcfcf, 954px 0 0 -5px #cfcfcf, 955px 0 0 -5px #cfcfcf, 956px 0 0 -5px #cfcfcf, 957px 0 0 -5px #cfcfcf, 958px 0 0 -5px #cfcfcf, 959px 0 0 -5px #cfcfcf, 960px 0 0 -5px #cfcfcf, 961px 0 0 -5px #cfcfcf, 962px 0 0 -5px #cfcfcf, 963px 0 0 -5px #cfcfcf, 964px 0 0 -5px #cfcfcf, 965px 0 0 -5px #cfcfcf, 966px 0 0 -5px #cfcfcf, 967px 0 0 -5px #cfcfcf, 968px 0 0 -5px #cfcfcf, 969px 0 0 -5px #cfcfcf, 970px 0 0 -5px #cfcfcf, 971px 0 0 -5px #cfcfcf, 972px 0 0 -5px #cfcfcf, 973px 0 0 -5px #cfcfcf, 974px 0 0 -5px #cfcfcf, 975px 0 0 -5px #cfcfcf, 976px 0 0 -5px #cfcfcf, 977px 0 0 -5px #cfcfcf, 978px 0 0 -5px #cfcfcf, 979px 0 0 -5px #cfcfcf, 980px 0 0 -5px #cfcfcf, 981px 0 0 -5px #cfcfcf, 982px 0 0 -5px #cfcfcf, 983px 0 0 -5px #cfcfcf, 984px 0 0 -5px #cfcfcf, 985px 0 0 -5px #cfcfcf, 986px 0 0 -5px #cfcfcf, 987px 0 0 -5px #cfcfcf, 988px 0 0 -5px #cfcfcf, 989px 0 0 -5px #cfcfcf, 990px 0 0 -5px #cfcfcf, 991px 0 0 -5px #cfcfcf, 992px 0 0 -5px #cfcfcf, 993px 0 0 -5px #cfcfcf, 994px 0 0 -5px #cfcfcf, 995px 0 0 -5px #cfcfcf, 996px 0 0 -5px #cfcfcf, 997px 0 0 -5px #cfcfcf, 998px 0 0 -5px #cfcfcf, 999px 0 0 -5px #cfcfcf, 1000px 0 0 -5px #cfcfcf;
  transition: background-color 150ms;
}

.e-range::-moz-range-track,
.e-range::-moz-range-progress {
  width: 100%;
  height: 30px;
  background: linear-gradient(to bottom, #cfcfcf, #cfcfcf) 100% 50%/100% 3px no-repeat transparent;
}

.e-range::-moz-range-progress {
  background: linear-gradient(to bottom, #31ac1b, #31ac1b) 100% 50%/100% 3px no-repeat transparent;
}

.e-range::-moz-range-thumb {
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	border-radius: 100%;
	transition: background-color 150ms;
	content: "";
	height: 11px;
	width: 11px;
	bottom: -3px;
	background-color: #073578;
	-webkit-transition: .4s;
	transition: .4s;
	background-image: linear-gradient(#31ac1b, #31ac1b);
	border: 2px solid white;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}

.e-range::-ms-track {
  width: 100%;
  height: 30px;
  border: 0;
  color: transparent;
  background: transparent;
}

.e-range::-ms-fill-lower {
  background: linear-gradient(to bottom, #31ac1b, #31ac1b) 100% 50%/100% 3px no-repeat transparent;
}

.e-range::-ms-fill-upper {
  background: linear-gradient(to bottom, #cfcfcf, #cfcfcf) 100% 50%/100% 3px no-repeat transparent;
}

.e-range::-ms-thumb {
  appearance: none;
  height: 13px;
  width: 13px;
  background: #31ac1b;
  border-radius: 100%;
  border: 0;
  transition: background-color 150ms;
  top: 0;
  margin: 0;
  box-shadow: none;
}

.e-range:hover::-webkit-slider-thumb,
.e-range:focus::-webkit-slider-thumb {
  background-color: #55c2ff;
}
.e-range:hover::-moz-range-thumb,
.e-range:focus::-moz-range-thumb {
  background-color: #55c2ff;
}
.e-range:hover::-ms-thumb,
.e-range:focus::-ms-thumb {
  background-color: #55c2ff;
}



/* Full Slider input type number */

.fullSlider {
    margin-bottom: 10px;
    border-bottom: 2px solid #dcdcdc4f;
    padding-bottom: 15px;
    font-size: 15px;
}

.fullSlider input[type=number], .halfSlider input[type=number]{
	margin-left: 10px;
}

.div-for-half-slider .halfSlider:nth-child(odd){margin-right: 7px;}

.halfSlider {
    width: 100%;
    display: inline-block;
    font-size: 15px;
}

.fullSlider span  {
	position: relative;
	float: right;
	margin-top: -10px;
}

.halfSlider span  {
	position: relative;
	float: right;
	margin-top: -9px;
}

.div-for-half-slider{margin-bottom: 6px;}

.imageHolder, .imgButtonHolder {
    float: left;
    bottom: 0px;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    font-size: 14px;
    color: #fbfbfb;
	background-color: #31ac1b;
	display: inline-block;
	padding: 5px 14px;
	-moz-border-radius: 16px;
    -webkit-border-radius: 16px;
	border-radius: 16px;
	box-shadow: 0px 8px 4px -5px rgb(226, 226, 226);
    -webkit-box-shadow: 0px 8px 4px -5px rgb(226, 226, 226);
    -moz-box-shadow: 0px 8px 4px -5px rgb(226, 226, 226);
	border: 1px solid rgba(171, 167, 167, 0.3);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 260px;
}

#labelSpan{
	position: relative;
	top:1px;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: red;
}

.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}

.inputfile:focus + label {
	outline: none;
}

.inputfile + label * {
	pointer-events: none;
}

.inputfile + label svg {
	font-size: 24px;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.15em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}

.inputfile:focus + label,
.inputfile.has-focus + label,
.inputfile + label:hover {
    background-color: #0360a5;
}

.imgButtonHolder .left input#but_upload, input#removeLogo{
    border-radius: 3px;
    font-size: 12px;
    border: 1px solid transparent;
	padding: 4px 8px;
}
.imgButtonHolder .left input#but_upload{
    background: #cfcfcf;
}

input#removeLogo{
    background: #de4f4f;
	color: white;
	cursor: pointer;
	border-radius: 50%;
	margin-left: 10px;
	width: 34px;
	height: 34px;
	box-shadow: 0px 8px 4px -5px rgb(226, 226, 226);
    -webkit-box-shadow: 0px 8px 4px -5px rgb(226, 226, 226);
		-moz-box-shadow: 0px 8px 4px -5px rgb(226, 226, 226);
	display: inline-block;
  padding-top: 3px;
}

input#removeLogo:hover, input#removeLogo:focus {
    background: #e90f0f;
	color: white;
}

#removeLogoWrapper {
    padding-top: 13px;
    border-top: 2px dashed #e4e4e4;
    margin-top: 5px;
}

/*Rotate Logo btn*/
#logoRotateButton {
	font-size: 14px;
	color: #fbfbfb;
	background-color: #31ac1b;
	display: inline-block;
	padding: 5px 16px 5px 6px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 24px;
	box-shadow: 0px 8px 4px -5px rgb(226, 226, 226);
	-webkit-box-shadow: 0px 8px 4px -5px rgb(226, 226, 226);
	-moz-box-shadow: 0px 8px 4px -5px rgb(226, 226, 226);
	border: 1px solid rgba(171, 167, 167, 0.3);
	overflow: hidden;
	width: auto;
	line-height: 18px;
	height: 34px;
	cursor: pointer;
	margin-top: 12px;
  }

  #logoRotateButton:hover, #logoRotateButton:focus{background-color: #0360a5;}

  #logoRotateButton svg {
	float: left;
	margin-right: 6px;
	margin-top: -5px;
  }


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
	-webkit-appearance: none;
	margin: 0;
}

.fullSlider input[type=number], .halfSlider input[type=number]{
  	-moz-appearance: textfield;
}

.fullSlider input[type=number], .halfSlider input[type=number]{
	width: 55px;
	height: 42px;
	line-height: 1.65;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	padding-left: 8px;
	border: 1px solid #eee;
	border-radius: 6px;
}

.fullSlider input[type=number]:focus, .halfSlider input[type=number]:focus {
	outline: 0;
}

.quantity-nav {
	float: left;
	position: relative;
	height: 42px;
}

.quantity-button {
	position: relative;
	cursor: pointer;
	border-left: 1px solid #eee;
	width: 20px;
	text-align: center;
	color: #333;
	font-size: 18px;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.quantity-button.quantity-up {
	position: absolute;
	height: 50%;
	top: 0;
	border-bottom: 1px solid #eee;
	line-height: 23px;
}

.quantity-button.quantity-up:hover {
	background: #eee;
	border-top-right-radius: 6px;
}

.quantity-button.quantity-down {
    position: absolute;
    bottom: -1px;
    height: 50%;
	line-height: 20px;
}

.quantity-button.quantity-down:hover {
	background: #eee;
	border-bottom-right-radius: 6px;
}

.metricUnit {
	display: inline-block;
}


/* SVG ELEMENTS */

#hoopLeftSVG, #hoopRightSVG, #goalSmallRightSVG, #goalSmallLeftSVG, #tennisNetSVG, #fenceFrontSVG{
	position: absolute;
  z-index: 20;
	overflow: visible !important;

}

#fenceLeftSideSVG, #fenceRightSideSVG, #fenceBackSVG, #lightBottomLeftSVG, #lightBottomRightSVG, #lightUpLeftSVG,
#lightUpRightSVG{
	position: absolute;
	overflow: visible !important;
}

#lightBottomLeftSVG, #lightBottomRightSVG{z-index: 20;}

#fenceBackSVG, #fenceLeftSideSVG, #fenceRightSideSVG, #fenceFrontSVG, #tennisNet{
	stroke: black;
}

/* MODAL */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 600px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
	animation-duration: 0.4s;
	border-radius: 6px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
	color: #31ac1b;
	float: right;
	font-size: 32px;
	font-weight: bold;
	margin-top: -20px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
    padding: 25px 16px 5px;
	color: white;
	text-align: center;
}

.modal-body {padding: 2px 25px 20px;}
.modal-body p{
	text-align: center;
	font-size: 14px;
	font-family: 'open_sansregular';
	line-height: 19px;
	margin-bottom: 20px;
}

.modal-body h2{
	color: #e56524;
	text-align: center;
	font-size: 24px;
	font-family: 'open_sansregular';
}

.modal-body img {
    margin: 0px auto;
    display: block;
}

.form-field-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form-field-wrap .form-halfInput:first-child{margin-right: 22px;}

.form-halfInput{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	max-width: 48%;
}

.form-group {
	margin-bottom: 15px;
	position: relative;
	width: 100%;
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	align-items: flex-start;
}

p.leads-from-db{
	width: 99%;
	word-break: break-word;
	text-align: left;
	color: #0a1021;
	margin: 0px 0px 0px 15px;
	padding-right: 10px;
}

.leads-from-db span{
	display: block;
	font-size: 9px;
	border-bottom: 1px solid cadetblue;
	color: cadetblue;
	text-transform: uppercase;
	margin-bottom: 6px;
}
.selectize-control{
width: 100%;
}

label.label-ico {
position: absolute;
left: 2px;
top: 7px;
width: 42px;
height: 23px;
border-right: 1px solid #ececec;
text-align: center;
padding: 1px 0px;
font-size: 16px;
}

.contact-form-control {
	position: relative;
	display: block;
	height: 25px;
	background: #ffffff;
	overflow: hidden;
	-moz-border-radius: 18.25em;
	-webkit-border-radius: 18.25em;
	border-radius: 18.25em;
	border: 1px solid rgb(230, 230, 230);
	padding: 5px 12px 7px;
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
	color: #303030;
	width: 100%;
	font-size: 15px;
	line-height: 18px;
	padding-left: 55px;
}

#main-contact-form img{
    width: 14px;
    vertical-align: text-top;
    margin-top: -2px;
}

input.contact-form-control{ outline: none; }

input:-internal-autofill-previewed, input:-internal-autofill-selected,
select:-internal-autofill-previewed, select:-internal-autofill-selected{
    padding-left: 15px;
    width: 84%;
}

.selectField.contact-select{
	box-shadow: none;
	border: 1px solid rgb(230, 230, 230);
	width: 85%;
	height: 27px;
	line-height: 23px;
}
.selectField.contact-select::after{
	top: 4px;
	right: 8px;
}

textarea.contact-form-control{
	padding-left: 15px;
	height: 124px;
	resize: none;
	border-radius: 10px;
	width: 100%;
	outline: none;
	padding-top: 6px;
	line-height: 23px;
	overflow: auto;
	font-family: inherit;
}

div.popupfoot {
	display: block;
	width: 100%;
	text-align: center;
	margin: 20px auto;
	padding-left: 9px;
}

.modal-footer-btns{
	position: relative;
	display: inline-block;
	width: 11em;
	height: 3em;
	line-height: 15px;
	background: #31ac1b;
	overflow: hidden;
	-moz-border-radius: 18.25em;
	-webkit-border-radius: 18.25em;
	border-radius: 18.25em;
	box-shadow: 0px 8px 4px -5px rgb(226, 226, 226);
	-webkit-box-shadow: 0px 8px 4px -5px rgb(226, 226, 226);
	-moz-box-shadow: 0px 8px 4px -5px rgb(226, 226, 226);
	border: 1px solid transparent;
	padding: 5px 4px;
	font-size: 15px;
	cursor: pointer;
	outline: none;
	color: #fff;
	font-weight: 300;
}

.modal-footer-btns:hover,
.modal-footer-btns:active,
.modal-footer-btns:focus{
	color: #31ac1b;
	border: 1px solid rgb(230, 230, 230);
	-webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	background: #fff;
}

.close.modal-footer-btns{
	float: none;
	display: inline-block;
	vertical-align: bottom;
	height: 2.2em;
	text-decoration: none;
	background: #e56524;
	line-height: 33px;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0px;
}

.proceed.modal-footer-btns{
	float: none;
	display: inline-block;
	vertical-align: bottom;
	height: 2.2em;
	text-decoration: none;
	line-height: 33px;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0px;
}

.close.modal-footer-btns:hover,
.close.modal-footer-btns:active,
.close.modal-footer-btns:focus{
	color: #e56524;
	border: 1px solid rgb(230, 230, 230);
	background: #fff;
}

/* Added because on Safari the main field goes over right and left panels */
.for-versacourt-field{
	height: 100%;
	overflow: visible !important;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0); /* Added because on Safari the main field goes over right and left panels */
}

/* Select for country */
.selectize-input,
.selectize-control.single .selectize-input.input-active{
	font-family: 'open_sansregular';
	-moz-border-radius: 18.25em;
	-webkit-border-radius: 18.25em;
	border-radius: 18.25em;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	padding: 6px 10px 5px 15px;
	height: 39px;
	border: 1px solid rgb(230, 230, 230);
	line-height: 24px;
	font-size: 15px;
	width: 99.1%;
	cursor: pointer;
}

.selectize-dropdown, .selectize-input, .selectize-input input{font-size: 15px;}
.selectize-control.single .selectize-input:after{
	border-width: 8px 8px 0 8px;
	border-color: #31ac1b transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #31ac1b transparent;
}

.selectize-input:hover,
.selectize-input:focus{
	background: #eee;
}

.selectize-dropdown{
	border-radius: 3px;
	margin: 2px 0 0 0;
	border-top: 1px solid #d0d0d0;
}


/* css for preloader */
#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
#loader {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 340px;
	height: 340px;
	background-image: url("../img/Preloader_BC.gif");
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1001;
}

#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #f9f9f9;
	z-index: 1000;
	-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(0);  /* IE 9 */
	transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
		left: 0;
}

#loader-wrapper .loader-section.section-right {
		right: 0;
}

/* Loader */
.loaded #loader-wrapper .loader-section.section-left {
		-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
				-ms-transform: translateX(-100%);  /* IE 9 */
						transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

		-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
						transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
		-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
				-ms-transform: translateX(100%);  /* IE 9 */
						transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
		opacity: 0;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
		/* visibility: hidden; */
		-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateY(-100%);  /* IE 9 */
		transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
		-webkit-transition: all 0.3s 1s ease-out;
		transition: all 0.3s 1s ease-out;
}
/* END preloader css*/

/* css for logo load */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 25px;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	border: 4px solid #ffffff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #ffffff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* END logo loader */

/* css for price request loader */
.lds-price-req-loader {
  display: inline-block;
  position: relative;
  z-index: 1000;
  background: transparent;
  will-change: transform;
  transition: all .2s ease;
  outline: none;
}
.lds-price-req-loader-active {
  height: 2em;
  width: 2em;
  color: #31ac1b;
  font-size: 0;
  /* border-color: 2px solid #31ac1b; */
  border-top: 2px;
  border-bottom: 2px;
  border-left: 2px;
  border-right: 2px solid;
  border-radius: 2em;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  /* border-right: 2px solid #ffffff; */
  animation: loader .4s linear infinite;
  margin-right: 15px;
  border-radius: 20px;
  z-index: 1002;
  /* border-color: #000000; */
}
.lds-price-req-loader-active:hover {
	background: transparent;
	cursor: default;
}
@keyframes loader {
	0% {
		transform: rotateZ(0);
	}
	100% {
		transform: rotateZ(360deg);
	}
}
/* END price request loader */

/* svg game tiles */
.gameTile {
	fill:#7210FF;
}
.gameTile > g {
	display: none;
}
.show {
	display: inline-block !important;
}

/* Ajax loader */
#ajaxLoader{
	width:100px;
	display: none;
}

#ajaxLoader img{
	width: 100px;
	position: relative;
	z-index: 99;
	top: 30px;
	left: 135px;
}
/* END Ajax loader */

/* GO TO PC screen */

#go-to-pc{
	background-image: url("../img/mobile-restriction.svg");
	background-position: bottom;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-size: 100%;
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99;
	padding-top: 55px;
	left: 0;
	top: 0;
	overflow: auto;
	text-align: center;
}

#go-to-pc h1{
	color: rgb(0, 122, 197)!important;
	margin: 40px;
	text-transform: uppercase;
	font-size: 16px;
}

#go-to-pc img{cursor: pointer;}

/* FOR FENCE */

.for-fence-options{
	float: right;
}

.for-fence-options table {
	table-layout: fixed;
	margin-top: 7px;
}

.for-fence-options table tr {
  line-height: 4px;
}

.for-fence-options .sideEquipment[type=checkbox] + label {padding:0 1px;}

.flexRow {
	display: flex;
	flex-direction: row;
}
.flexRowElements {
	display: flex;
	flex: 1;
	align-self: flex-end;
}

/*ACTION BUTTONS*/

.action-btn-div{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;

	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;

	justify-content: center;
	margin-top: 20px;
	margin-bottom: -20px;
}

.actionButtons {
	width: auto;
	height: 2.1em;
	line-height: 2;
	background: #ffffff;
	overflow: hidden;
	-moz-border-radius: 18.25em;
	-webkit-border-radius: 18.25em;
	border-radius: 18.25em;
	box-shadow: 0px 8px 4px -5px rgb(180, 176, 176);
	-webkit-box-shadow: 0px 8px 4px -5px rgb(180, 176, 176);
	-moz-box-shadow: 0px 8px 4px -5px rgb(180, 176, 176);
	border: 1px solid rgba(230, 230, 230, 0.3);
	padding: 5px 28px 5px 6px;
	margin: 0px 7px;
	cursor: pointer;
	z-index: 22;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
}

.actionButtons:hover,
.actionButtons:focus,
.actionButtons:active{
	background: #eee;
}

.actionButtons img{
	margin-right: 2px;
	margin-top: -1px;
	width: 36px;
	height: 36px;
}

.actionButtons.requestButton{
	padding-left: 4px;
}

.rotate-wrap{
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 0 0 #31ac1b;
  animation: pulse 1s infinite;
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0px #31ac1b;
    box-shadow: 0 0 0 0px #31ac1b;
  }
  100% {
      -moz-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0);
      box-shadow: 0 0 0 6px rgba(0, 0, 0, 0);
  }
}

.actionButtons p{
	font-family: open_sansregular;
	font-size: 15px;
	display: inline-block;
	/* float: right; */
	vertical-align: top;
	margin: 0px;
	padding-left: 5px;
	/* margin-top: 2px; */
}

/* IMG ROTATION CONTENT */
.container.logo-container{
	border-top: 2px solid #eff0ee;
	padding-top: 2px;
	margin-top: 7px;
}

.logo-container .div-for-half-slider{margin-bottom: 1px;}
.rot-wrapper .div-for-half-slider.thescale{
	width: 55%;
  display: inline-block;
}

#logoSliderWrapper {
	display: block;
}

.rot-wrapper .div-for-half-slider.therotate{
	position: relative;
  float: right;
}

.therotate .buttonRotation{
	margin: 0 auto;
}

.thehorizontal{
	border-top: 2px solid #eff0ee;
	padding-top: 10px;
}

.inner_arrow_left {
  transform: rotate(45deg);
  background-color: #3f4445;
  width: 90px;
  height: 70px;
  top: 0px;
  left: -65px;
  position: relative;
	border-radius: 20px;
	cursor: pointer;
}

.outer_arrow_left {
  position: absolute;
  top: -5px;
  left: 17px;
  width: 70px;
  height: 90px;
  overflow: hidden;
}

.arrow_left {
	position: relative;
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	border-right: 2.5px solid white;
	border-top: 2.5px solid white;
	transform: rotate(180deg);
	margin-right: 6px;
	top: 4px;
	right: -69px;
}

.inner_arrow_right {
  transform: rotate(45deg);
  background-color: #3f4445;
  width: 70px;
  height: 90px;
  top: 0px;
  right: -55px;
  position: relative;
	border-radius: 20px;
	cursor: pointer;
}

.outer_arrow_right {
  position: absolute;
  top: -15px;
  /* left: 165px; */
  width: 70px;
  height: 90px;
	overflow: hidden;
	right: 0px;
}

.arrow_right {
	position: relative;
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	border-right: 2.5px solid white;
	border-top: 2.5px solid white;
	transform: rotate(0deg);
	margin-right: 6px;
	top: 63px;
	left: 12px;
}

/* close button for color tooltip */
.tooltip-infos{
	display: inline-block;
	width: 100%;
	clear: both;
	margin-bottom: 5px;
}

.tooltip_content .tooltip-infos p{
	display: inline-block;
}

span.hidecolors{
	display: none;
	width: auto;
	float: right;
}

:focus {
	outline: none !important;
}

body{-webkit-tap-highlight-color: transparent;}

.empty-space-div{
 display: none;
 padding-top: 30px;
}

.poweredBy a{
	color: #4a3f8f;
	text-decoration: none;
}

a:active,
a:focus{background:transparent;}
.rotation-tool-tip {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 1000;
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.rotation-wrap{
	position: relative;
	display: flex;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.rotation-wrap object{
	height: 85%;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#container .full-screen-mobile{display: none;}

#goals-switch,
#net-switch,
#hoops-switch {
	width: 47px;
}

.instalationBtn {
	border: solid 1px #e6e6e6;
	border-radius: 30px;
	padding: 5px;
	box-sizing: border-box;
	display: inline;
	padding-right: 10px;
	margin-right: 23px;
	font-size: 14px;
	cursor: pointer;
}