/**********************************************
					CUSTOM
***********************************************/
@font-face {
	font-family: "AlphaSmoke";
	src: url('/webfonts/alphasmoke-webfont.woff2') format('woff2'),
         url('/webfonts/alphasmoke-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "Bombing";
	src: url('/webfonts/bombing-webfont.woff2') format('woff2'),
         url('/webfonts/bombing-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "Drip";
	src: url('/webfonts/adrip1-webfont.woff2') format('woff2'),
         url('/webfonts/adrip1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "NeonLights";
	src: url('/webfonts/neon2-webfont.woff2') format('woff2'),
         url('/webfonts/neon2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "NextCustom";
	src: url('/webfonts/next_custom-webfont.woff2') format('woff2'),
         url('/webfonts/next_custom-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "StillTime";
	src: url('/webfonts/still-time.regular.woff2') format('woff2'),
         url('/webfonts/still-time.regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "WetDream";
	src: url('/webfonts/WetDream.woff2') format('woff2'),
         url('/webfonts/WetDream.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html{
/*
	height: calc(50px + 100vh);
	margin: 0;
	padding: 0;
*/
}
body{
/*
	height: calc(50px + 100vh);
	margin: 0;
	padding: 0;
*/
}
.click{
	cursor: pointer;
}
.hide{
	display: none !important;
}
.invisible{
	visibility: hidden !important;
}
span.tip{ border-bottom: 1px dotted #000; padding-bottom: 1px; }
.tip:hover,.tippy:hover{ cursor:help; }
.marginless{ margin: 0px !important; }
.nobottom{ margin-bottom: 0px !important; padding-bottom: 0px !important; }
.padless,.nopad{ padding: 0px !important; }
.bold{ font-weight: bold; }

.black{ color: black; }
.red{ color: red !important; }
.white{ color: white; }
.gray{ color: gray; }
.silver{ color: silver; }
.green{ color: #5ea54f !important; }
.blue,.bluish{ color: blue; }
	.bluish:hover{ color: navy; }
.slim-text{
	font-size: 10px;
}
.text-center{
	text-align: center;
}
.nowrap{
	white-space: nowrap;
}

.white-background{
	background:rgba(255,255,255,0.0) !important;
}
.semi-white-background{
	background:rgba(255,255,255,0.9) !important;
}

/*parent must be relative*/
.relative-center{
	position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}

.multi-bg-example {
  width: 100%;

  background-image: url('/svg/mountains.svg'),
      url('/images/svg/city.svg'),
      linear-gradient(#5cbee8, #5cbee8); /* rgba(48,151,209, 1) */ /* rgba(18,84,108, 0) */ 
  background-repeat: repeat-x,
      repeat-x,
      repeat-x;
  background-position: top 50px center,
      bottom center,
      center center;
}

.print-thumb.active{
	border:5px solid #c2f5ba;
}

.knowhere-control{
	margin-bottom: 1em;
}

.knowhere-control > p:first-child{
	background-color: #1779ba;
	padding:.5em 1em;
	color:#a0d9f1;
	text-align: center;
	font-size: 16px;
	-webkit-box-shadow: 0 5px 9px -2px black;
	   -moz-box-shadow: 0 5px 9px -2px black;
	        box-shadow: 0 5px 9px -2px black;
}

.design_cartoon #content_wrapper{
	min-height: calc(-304px + 100vh);
}

.design_cartoon #footer{
	display: block;
	z-index: 0;
}

.design_traditional #content_wrapper{
	padding-top: 50px;
/* 	height: 100vh; */
/*
	position: relative;
	top: 50px;
*/
 	min-height: calc(-30px + 100vh);
}
@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 677px) 
 { 
	 height: 100%
}

.design_traditional #content_wrapper > .cell,.design_traditional #footer_wrapper > .cell{
	width: 100% !important;
	margin: 0;
}

.design_traditional > .grid-container{
	max-width: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.design_traditional #footer_wrapper{
/*
	position: fixed;
	bottom: 0;
*/
    background: rgba(255, 255, 255, 0.9);

	width: 100%;
	position: relative;
	top:0;
}

.design_traditional #footer{
	padding: 0 1em;
	height: 30px;
	white-space: nowrap;
	overflow-x: auto;
}


.product-image-gallery {
  padding: 1.5rem;
}

.pdp-product-image {
  margin-bottom: 20px;
}

.product-thumbs li{
	padding: .5em;
}
.product-thumbs li.active,.product-thumbs li:hover{
	background-color:#9cd8f4;
}

.product-thumbs a {
/*
  margin-left: 8px;
  margin-right: 8px;
*/
  padding: 0 !important;
}

.product-thumbs a img {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0 !important;
  border: solid 4px #fefefe;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0;
  border-radius: 3px;
  width: 50px;
  height: 50px;
  border: none;
}


.stats-list {
  list-style-type: none;
  clear: left;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 30px;
}

.stats-list .stats-list-positive {
  color: #3adb76;
}

.stats-list .stats-list-negative {
  color: #cc4b37;
}

.stats-list > li {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #cacaca;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
}

.stats-list > li:last-child {
  border: none;
  margin: 0;
  padding: 0;
}

.stats-list > li .stats-list-label {
  display: block;
  margin-top: 2px;
  font-size: 0.9em;
  font-weight: normal;
}

.participants_click{
	cursor: pointer;
}

.click_hover:hover{
	color:blue;
}

.click_remove:hover{
	color:red;
}

#discount-code{
	width:120px;
	display: inline-block;
}
#apply-discount-code{
/*
	position: relative;
	right:22px;
*/
}

.tape {
  background-color: hsla(0,0%,100%,.3);
  box-shadow: inset 0 0 1em .5em hsla(0,0%,100%,.1);
  height: 3em;
  position: absolute;
  top: -22px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  min-width: 100px;
  transform: rotate(1deg);
  max-width: 180px;
  -webkit-filter: drop-shadow(0 1px 0.7px hsla(0,0%,0%,.3));
}
.tape:after,
.tape:before {
  background-size: .4em .4em;
  bottom: 0;
  content: '';
  position: absolute;
  top: 0;
  width: .2em;
}
.tape:after {
  background-image: linear-gradient(45deg, transparent 50%, hsla(0,0%,100%,.3) 50%),
                    linear-gradient(-45deg, transparent 50%, hsla(0,0%,100%,.3) 50%);
  background-position: 0 100%;
  left: -.2em;
}
.tape:before {
  background-image: linear-gradient(135deg, transparent 50%, hsla(0,0%,100%,.3) 50%),
                    linear-gradient(-135deg, transparent 50%, hsla(0,0%,100%,.3) 50%);
  background-position: 100% 100%;
  right: -.2em;
}

.picture-container
{
    position: relative;
    background-color: lightgrey;
    height: 500px;
}

 .polaroid
{
    border: 1px solid darkgrey;
    background-color: white;
    padding: 5px 15px 60px 15px;
    box-shadow: 5px 10px 10px darkgrey;
    position: relative;
    margin-bottom: 1em;
    margin-right: 1em;
}

 .polaroid:after
{
    content: attr(polaroid-caption);
    position:absolute;
    bottom: 0px;
    left: 0px;
    width: calc(100% - 20px);
    padding: 10px;
    font-size: 30px;
    text-align: center;
    font-family: 'Indie Flower', cursive;
}

 .polaroid1
{
    left: 100px;
    top: 100px;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
}

 .polaroid2
{
    left: 200px;
    top: 100px;
    transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
}

/**********************************************
					OVERRIDES
***********************************************/

.alert-danger,.alert-success{
	position: absolute !important;
}

.badge,#cart_link {
	line-height: inherit !important;
}

.card{
	max-width: 450px !important;
}

.dropzone{
	border: 2px dashed #0087F7 !important;
	border-radius: 5px;
	background: white;
	max-height:calc(100vh - 300px);
	z-index: 1;
	position: relative;
	overflow-y: hidden;
}
.dropzone:hover{ /* ::before */
	background-color: #eeffff;
/* 	color:white; */
/*
	opacity: 0.7;
	content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
 	background-image: 
 		url('/images/svg/city.svg'),
 		linear-gradient(#5cbee8, #5cbee8); 
	background-repeat: 
		repeat-x,
		repeat-x;
	background-position:
		bottom left,
		center center;
*/
}

@media (max-width: 600px) {
	.dropzone{
		padding: 0 !important;
	}
	.dropzone .dz-message {
		margin: 0 !important;
	}
	.dz-default.dz-message > span > span{
		display: none !important;
	}
	
	h2{
		font-size: 2.5rem !important;
	}
}

.dz-default.dz-message{
	font-size: 66px;
	font-family: 'StillTime';
}
.dz-default.dz-message > span > span{
	font-size: 46px;
	color: gray;
}
.dropzone .dz-preview .dz-error-message {
    top: 150px!important;
}
.uppy-Dashboard {
	padding: 0px;
	background: white;

	
}
	.uppy-Dashboard:hover{
/* 		background-color: #eeffff !important; */
	}
.uppy-Dashboard-inner {
	border: 2px dashed #0087F7 !important;
	border-radius: 5px;
	width: 100% !important;
	background: white !important;
/* 	height: 100% !important; */
}
	.uppy-Dashboard-inner:hover {
		background-color: #eeffff !important;
	}
.uppy-Dashboard-AddFiles{
	border: none !important;
/*
	border: 1px dashed #0087F7 !important;
	border-radius: 5px;
*/
}
.uppy-Dashboard-AddFiles-title {
	font-family: 'StillTime';
	font-size: 66px !important;
	color: #333;
	font-weight: 600;
}
.uppy-Dashboard-AddFiles-browse {
	font-family: 'StillTime';
	font-size: 66px;
	color: #007BFF;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}
.croppie-container .cr-viewport, .croppie-container .cr-resizer{
	border: 2px dotted #fff !important;
}

.accordion-title{
	font-size: 24px !important;
	text-decoration: none !important;
}

.accordion[disabled] .is-active > .accordion-title{
	cursor: default;
}

.accordion-item.is-complete > .accordion-title::before {
	content: '\2713';
/* 	color: green; */
/* 	270E */
}
.accordion-item.is-complete > .accordion-title > .fa-stack > strong{
	color:white;
}
.accordion[disabled] .is-complete > .accordion-title {
	cursor: pointer !important;
}

.is-disabled > .accordion-title::before {
	content: '' !important;
}
.accordion[disabled] .is-disabled > .accordion-title {
	color:gray;	
}

.tabs-title>a,.tabs-title>a:hover{
	text-decoration: none;
}

.tooltip_templates { display: none; }

.reveal-modal.off{
	background-color:transparent;
	padding: 0;
	border: none;
	box-shadow: none;
}
.button.radius, .button.radius { border-radius: 5px; }
.button.round, .button.round { border-radius: 1000px; }

.navbar-default .navbar-nav>.open>a,.nav .open>a{
	background: none !important;
}
#app-navbar-collapse{
	width: 150px;
	border:0;
	display: none;
	margin:0;
	padding:0; 
	float: none!important;
	position: absolute;
	bottom:16px;
	white-space: nowrap;
/* 	overflow-x: hidden; */
	z-index: 2;
}
@media (min-width: 768px){
	.navbar-collapse.collapse {
    	display: none;
    }
}    
.navbar-nav{
	margin: 0px !important;
}
.modal-dialog {
    border: 0px !important;
}
.modal-content  {
	border: transparent;
    -webkit-border-top-left-radius: 10px !important;
    -webkit-border-top-right-radius: 10px !important;
    -moz-border-radius-topleft: 10px !important;
    -moz-border-radius-topright: 10px !important;
    border-top-left-radius: 10px !important; 
    border-top-right-radius: 10px !important;
    -webkit-border-bottom-left-radius: 10px !important;
   -webkit-border-bottom-right-radius: 10px !important;
    -moz-border-radius-bottomleft: 10px !important;
    -moz-border-radius-bottomright: 10px !important;
    border-bottom-left-radius: 10px !important; 
    border-bottom-right-radius: 10px !important;
}

.modal-header{
	border: 1px solid #1779ba;
   -webkit-border-top-left-radius: 10px !important;
   -webkit-border-top-right-radius: 10px !important;
    -moz-border-radius-topleft: 10px !important;
    -moz-border-radius-topright: 10px !important;
    border-top-left-radius: 10px !important; 
    border-top-right-radius: 10px !important;
    
	background-color: #5cbee8;
	padding:0px 12px;
/* 	border-bottom: 1px solid #1779ba; */
	color: white;
}
	.modal-header > button{
		position: relative;
		top: 8px;
	    font-size: 32px;
	}
.modal-title{
	font-size: 32px;
	font-family: 'StillTime' !important;
}
.modal-body{
	background-color: #9cd8f4;
	border-left: 1px solid #1779ba;
	border-right: 1px solid #1779ba;
}
.modal-footer{
	border: 1px solid #1779ba;
   -webkit-border-bottom-left-radius: 10px !important;
   -webkit-border-bottom-right-radius: 10px !important;
    -moz-border-radius-bottomleft: 10px !important;
    -moz-border-radius-bottomright: 10px !important;
    border-bottom-left-radius: 10px !important; 
    border-bottom-right-radius: 10px !important;
    
	background-color: #5cbee8;
	padding:12px;
/* 	border-bottom: 1px solid #1779ba; */
/* 	color: white; */
}
/**********************************************
					CROPPIE
***********************************************/

.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
	/*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}
.cr-rotate-controls button {
	border: 0;
	background: none;
}
.cr-rotate-controls i:before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
}
.cr-rotate-l i:before {
	content: '↺';
}
.cr-rotate-r i:before {
	content: '↻';
}


/**********************************************
					ZURB FOUNDATION
***********************************************/

label{
	display: inline-block !important;
	margin-right: 1em !important;
	white-space: nowrap !important;
}

.grid-container{
	max-width: 1140px !important;
}

.callout{
	max-height:calc(100vh - 300px);
	overflow-y: auto;
}

.form-floating-label {
  position: relative;
  
}

.form-floating-label [type='text'],
.form-floating-label [type='password'],
.form-floating-label [type='date'],
.form-floating-label [type='datetime'],
.form-floating-label [type='datetime-local'],
.form-floating-label [type='month'],
.form-floating-label [type='week'],
.form-floating-label [type='email'],
.form-floating-label [type='number'],
.form-floating-label [type='search'],
.form-floating-label [type='tel'],
.form-floating-label [type='time'],
.form-floating-label [type='url'],
.form-floating-label [type='color'],
.form-floating-label textarea {
  margin-bottom: 0;
  color: #8a8a8a;
  font-size: 18px;
  font-weight: 300;
  padding: 30px 1rem 1rem 25px;
}

.form-floating-label label {
  color: #cacaca;
  font-size: 18px;
  position: absolute;
  pointer-events: none;
  left: 25px;
  bottom: 7px;
  transition: all 0.2s ease-in;
  font-weight: 300;
}

.form-floating-label textarea ~ label {
  top: 20px;
  font-size: 18px;
  font-weight: 300;
}

.form-floating-label input:focus ~ label,
.form-floating-label input:disabled[value] ~ label,
.form-floating-label.has-value input ~ label {
  top: 0;
  font-size: 14px;
  color: #1779ba;
  font-weight: 400;
}

.form-floating-label textarea:focus ~ label,
.form-floating-label.has-value textarea ~ label {
  top: 0;
  font-size: 14px;
  color: #1779ba;
  font-weight: 400;
}

.form-floating-label select ~ label {
	top: -3px;
	left: 25px;
	font-size: 14px;
	font-weight: 400;
	color: #1779ba;
}

.form-floating-label select{
	height: 54px;
	text-indent: 12px;
}

#app-stats,.stats-bubble{
	font-family: NextCustom;
	font-size:12px;
	color:#5ea54f;
	background-color: #235909;
	border: 1px solid #335c09 !important;
	border-radius: 10px;
	padding:6px;
	top:10px !important;
}
	.design_traditional #app-stats{
		background-color: transparent;
		color:black;
		border: 1px solid black !important;
	}

.panel-primary{
	border-color: #234c09;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-radius: 0;
	border-bottom: 0;
	border-left:0;
	border-right: 0;
	height: 100%;
	min-height: fit-content;
	position: relative;
}

/* tape
.panel-primary:before{
	top: 0;
    left: -40px;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);

	background-color: rgba(25,255,255,.1);
    border: 1px solid rgba(255,255,255,.2);
    content: "";
    display: block;
    height: 45px;
    position: absolute;
    width: 150px;
    z-index: 4;
}

.panel-primary:after{
	    bottom: 0;
    right: -40px;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    
    background-color: rgba(255,25,255,.1);
    border: 1px solid rgba(255,255,255,.2);
    content: "";
    display: block;
    height: 45px;
    position: absolute;
    width: 150px;
    z-index: 4;
}
*/
	

@media (min-width: 800px) {
	.design_cartoon .panel-primary{
		border-top: 10px;
		border-image: url('/svg/dirt.svg');
	}
}
@media (max-width: 600px) {
	#app-stats{
		max-width: 160px !important;
	}
/*
	height:calc(100vh) !important;
	overflow-y: auto;
*/
}
@media (min-width: 800px) {
	.design_cartoon .panel-primary::before { 
	    content:"";
	    height:10px; 
	    width:100%;
	    max-width:1080px;
	    background:url('/svg/dirt.svg');
	    background-repeat: repeat;
	    position: absolute;
	   
	}
}

.panel-primary > .panel-heading{
	 border-color: transparent;
	 border-radius: 0;
	 border: 0;
	 padding: 0px;
	 background-color: transparent;
	 color:black;
	 max-width: 1800px;
	 margin-left: auto;
	 margin-right: auto;
/*
	 -webkit-border-image:url('/images/grass.png');
      -webkit-border-image-width: 0 0 8px 0;
      -webkit-border-image-repeat: stretch;
      border-image: url('/images/grass.png');
      border-image-width: 0 0 8px 0;
      border-image-repeat: stretch;
*/
}
	.design_cartoon .panel-primary > .panel-heading{
		background-color: #234c09; /* brown -> 65520f */
	}

.design_cartoon .panel-primary > .panel-heading::after { 
    content:"";
    height:16px; 
    width:100%;
    background:url('/svg/grass.svg');
    background-repeat: repeat;
    position: relative;
    top:16px;
}

.panel-primary > .panel-heading > h4.panel-title{
	padding: 0px 15px;
	font-size: 38px;
	font-family: 'StillTime';
}
	.design_cartoon .panel-primary > .panel-heading > h4.panel-title{
		position: relative;
		top: 9px;
		font-family: 'StillTime';
		color: #baaa17;
	}

.panel-primary > .panel-body{
	padding:25px 15px 15px 15px;
	max-width: 1800px;
	margin-left: auto;
	margin-right: auto;
}

.panel-primary > .panel-body > .tabs > .tabs-title > a > i{
    display: block;
    text-align: center;
    line-height: 3px;
    margin-bottom: 9px;
}

.panel-right-icon{
	top: 20px;
    position: relative;
    margin-right: 1em;
}
#knowhere-images{
	min-height:calc(100vh - 300px);
	max-height: 600px !important;
}	
#knowhere-image{
/* 	min-width:calc(100vh - (100vh - 1140px) - 400px) !important; */
}

@media (min-width: 800px) {
	.design_cartoon #footer{
		position: relative;
	}
	.design_cartoon #footer::before { 
		content:"";
	    height:10px; 
	    width:100%;
	    max-width:1140px;
	    background:url('/images/white.png');
	    background-repeat: repeat;
	    position: absolute;
	    top: 0;
	    opacity: 0.9;
	    z-index: 0;
	}
}
/*
				GOOGLE
*/

.grecaptcha-badge { visibility: hidden; }

/*
				STRIPE
*/

.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

/*
				SVG
*/
/*
.door {
    pointer-events: bounding-box;
}
.door:hover {
	cursor: pointer;
	fill-opacity:0.9 !important;
}
*/

.little-pencil {
    display: block;
    height: 26px;
    margin: auto;
    max-width: 360px;
}
.pencil-little0 {
    fill: #edcfcf;
}
.pencil-little1 {
    fill: #eaeaea;
}
.pencil-little2 {
    fill: #ddb612;
}
.pencil-little3 {
    opacity: .5;
    fill: #fff;
}
.pencil-little4 {
    opacity: .2;
    fill: #5b5950;
}
.pencil-little5 {
    fill: #f9f6e7;
}
.pencil-little6 {
    fill: #4f4f4f;
}


/* 
			Radio Buttons and Checkmarks
*/
.check-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.check-container input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.check-container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.check-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.check-container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}