/*
BY.CSS
Copyright 2017
 
Based on W3.CSS 4.04 Apr 2017 by Jan Egil and Borge Refsnes 
https://www.w3schools.com/w3css/4/w3.css
*/

/*
max page width set at
.by-nav-inner
.by-header-inner
current: 1600px 
*/

/* https://stackoverflow.com/questions/4086107/fixed-page-header-overlaps-in-page-anchors */
.jumptarget::before {
  content:"";
  display:block;
  height:100px; /* fixed header height*/
  margin:-100px 0 0; /* negative fixed header height */
}

.by-underline {text-decoration:underline}
.by-bold {font-weight:bold}

.by-disabled {cursor:not-allowed;opacity:0.4;pointer-events:none;box-shadow:none}

/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
img{border-style:none}
svg:not(:root){overflow:hidden}
pre{font-family:monospace,monospace;font-size:1em}
button,input,select,textarea{font:inherit;margin:0}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */

/* Tweaks */
svg {display:block!important;}
html,body{line-height:1;}
html{overflow-x:hidden}
img{margin-bottom:-2px}a{color:inherit}

/* Fonts */

/*
@font-face {font-family: 'Nexa';src:url(nexa-light.otf);src:url(nexa-light.woff);font-weight: normal;font-style: normal;font-display:swap;}
@font-face {font-family: 'Nexa';src:url(nexa-bold.otf);src:url(nexa-bold.woff);font-weight: bold;font-style: normal;font-display:swap;}
*/

/*REGULAR*/
@font-face {
font-family:"nexa";
src:url("https://use.typekit.net/af/059d27/000000000000000077425df2/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/059d27/000000000000000077425df2/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/059d27/000000000000000077425df2/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

/*BOLD*/
@font-face {
font-family:"nexa";
src:url("https://use.typekit.net/af/0a14f1/0000000000000000773b2495/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/0a14f1/0000000000000000773b2495/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/0a14f1/0000000000000000773b2495/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

.by-nav-outer-scan, .by-nav-outer-noscroll, .by-nav-outer, .sell-quotes, #by-responsive-title, .by-responsive-subtitle, .by-responsive-btn, .by-btn, .by-subtitle, .by-popup-header, .by-table-header, .by-popup-header, .by-faux-popup-header, .by-header {font-family:Nexa, Verdana, sans-serif;}
html,body {font-family:Verdana, Geneva, sans-serif;font-size:16px;}
.small {font-size:12px}
.tiny {font-size:10px}

/* blink */
.blink {
    -webkit-animation: blink 10s infinite both;
            animation: blink 10s infinite both;
}

@-webkit-keyframes blink {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: .5;
  }
}
@keyframes blink {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: .5;
  }
}

/*video*/

.video-wrapper { 
  overflow:hidden;
  height:470px;
}

.video-wrapper2 { 
  float:left; 
  width:70%;
  height:100%;
  background-color:#000;
}
#video-one {
  width:100%;
  height:100%;
}
#video-two { 
  overflow:hidden;
  width:30%;
  height:100%;
  min-height:170px;
}

@media (max-width: 1100px) {
  #video-one { 
    position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%; 
	float:none;  
  }
  #video-two { 
  	overflow:visible;
  	width:100%;
  	height:300px;
  }
  .video-wrapper {
	  width:100%;
	  overflow:visible;
	  height:auto;
  }
  .video-wrapper2 {
	  padding:56.25% 0 0 0;
	  position:relative;
	  float:none;
	  width:100%;
  	  height:auto;
  }
}

/* SCANNER */


/* COLORS */
/* Dark Orange: #F49D1E; Mid Orange: #FAB32C; Light Orange: #FFD04C */
/* Dark Blue: #388D9B; Mid Blue: #4AB7C3; Light Blue: #86D0DA */
/* Light Grey #FBFCFE */
/* Red #F44336 Light Red #FF9C7F Pale Red #FFDDDD */
.by-line-through {color:#F44336;text-decoration:line-through;}

html, .by-popup-foreground {background-color:#FBFCFE}
.by-input, .by-select, .by-textarea {background-color:#FFFFFF}

.by-nav-outer, #by-footer, #by-footer-noscroll, #by-footer-scan, .svg-flex-outer div {background-color:#f1f1f1!important;} /*box shadow to extend to bottom*/
.by-nav-outer-noscroll, #by-footer-noscroll {background-color:#111111!important;}

/* box-shadow: 0 50vh 0 50vh #f1f1f1; */
/* box-shadow: 0 50vh 0 50vh #111111; */

.by-col-title, .by-col-subtitle, .by-table-header, .by-popup-header, .by-faux-popup-header, .by-header {color:#fff!important;background-color:#388D9B!important; box-shadow:0 2px 5px 0 rgba(0,0,0,0.08),0 2px 10px 0 rgba(0,0,0,0.06);} /* Dark Blue */
.w3-hover-blue:hover, .by-nav-btn:hover, #navbutton:hover {color:#fff!important;background-color:#4AB7C3!important}

.by-responsive-btn, .by-btn {color:#fff!important;background-color:#F49D1E!important}
.by-responsive-btn:hover, .by-btn:hover {color:#fff!important;background-color:#FAB32C!important}
.by-close:hover { color:#FFDDDD!important }
.by-close { color:#F44336; text-shadow: 2px 2px rgba(0,0,0,0.2); font-weight:bold }

/* fun btns */
.by-fun-btn {cursor:pointer;}

.by-unselectable {
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

/*making all svg text unselectable*/
svg text {
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

/* only on non-touch */
@media (hover: hover) and (pointer: fine) {
  .by-plus-minus:hover {color:#388D9B!important;}
}
.by-plus-minus:active {color:#388D9B!important;filter: drop-shadow(1px 1px 5px rgb(56 141 155 / 0.4));}

.highlight:hover {
  color: #F0E68C!important; /* Light orange text color on hover */
  cursor:pointer;
}


.by-flatpickr-1 {padding-top:0px!important;display:inline-block!important;width:350px!important;border:none!important;}

.by-flatpickr-border {padding:16px!important;display:inline-block!important;width:350px!important;border:solid 1px #388D9B!important;border-radius:5px!important;}


.by-green-svg {color:#4CAF50!important;}
.by-green-svg rect, .by-green-svg polygon, .by-green-svg path, .by-green-svg circle, .by-green-svg text {fill:#4CAF50!important;}

.by-purple-svg {color:#9C27B0!important;}
.by-purple-svg rect, .by-purple-svg polygon, .by-purple-svg path, .by-purple-svg circle, .by-purple-svg text {fill:#9C27B0!important;}

.by-pink-svg {color:#EB008B!important;}
.by-pink-svg rect, .by-pink-svg polygon, .by-pink-svg path, .by-pink-svg circle, .by-pink-svg text {fill:#EB008B!important;}

.by-brown-svg {color:#795548!important;}
.by-brown-svg rect, .by-brown-svg polygon, .by-brown-svg path, .by-brown-svg circle, .by-brown-svg text {fill:#795548!important;}

.by-gray-svg {color:#999999!important;}
.by-gray-svg rect, .by-gray-svg polygon, .by-gray-svg path, .by-gray-svg circle, .by-gray-svg text {fill:#999999!important;}

.by-nav-gray {color:#999999!important;}
.by-nav-gray:hover {color:#FFF!important;}

.by-black-btn {color:#000000!important;}
.by-black-btn rect, .by-black-btn polygon, .by-black-btn path, .by-black-btn circle, .by-black-btn text {fill:#000000!important;}
.by-black-btn:hover {color:#86D0DA!important;cursor:pointer;}
.by-black-btn:hover rect, .by-black-btn:hover polygon, .by-black-btn:hover path, .by-black-btn:hover circle, .by-black-btn:hover text {fill:#86D0DA!important;}

.by-blue-btn {color:#388D9B!important;}
.by-blue-btn rect, .by-blue-btn polygon, .by-blue-btn path, .by-blue-btn circle, .by-blue-btn text {fill:#388D9B!important;}
.by-blue-btn:hover {color:#86D0DA!important;}
.by-blue-btn:hover rect, .by-blue-btn:hover polygon, .by-blue-btn:hover path, .by-blue-btn:hover circle, .by-blue-btn:hover text {fill:#86D0DA!important;}

.by-red-btn {color:#b22222!important;}
.by-red-btn rect, .by-red-btn polygon, .by-red-btn path, .by-red-btn circle, .by-red-btn text {fill:#b22222!important;}
.by-red-btn:hover {color:#b22222!important;}
.by-red-btn:hover rect, .by-red-btn:hover polygon, .by-red-btn:hover path, .by-red-btn:hover circle, .by-red-btn:hover text {fill:#b22222!important;}

.by-white-btn {color:#FFFFFF!important;}
.by-white-btn rect, .by-white-btn polygon, .by-white-btn path, .by-white-btn circle, .by-white-btn text {fill:#FFFFFF!important;}
.by-white-btn:hover {color:#86D0DA!important;}
.by-white-btn:hover rect, .by-white-btn:hover polygon, .by-white-btn:hover path, .by-white-btn:hover circle, .by-white-btn:hover text {fill:#86D0DA!important;}

.by-btn-blue {background-color:#388D9B!important;}
.by-btn-blue:hover {background-color:#609DA7!important;}

.by-btn-purple {background-color:#673ab7!important;}
.by-btn-purple:hover {background-color:#8760cd!important;}

.by-btn-red {background-color:#f44336!important;}
.by-btn-red:hover {background-color:#F77066!important;}

.by-btn-green {background-color:#4CAF50!important;}
.by-btn-green:hover {background-color:#76c479!important;}

.by-btn-purple {background-color:#9C27B0!important;}
.by-btn-purple:hover {background-color:#bd3ad3!important;}

.by-btn-pink {background-color:#EB008B!important;}
.by-btn-pink:hover {background-color:#ff27a7!important;}

.by-red-btn {color:#F44336!important;}
.by-red-btn rect, .by-red-btn polygon, .by-red-btn path, .by-red-btn circle, .by-red-btn text {fill:#F44336!important;}
.by-red-btn:hover {color:#FF9C7F!important;}
.by-red-btn:hover rect, .by-red-btn:hover polygon, .by-red-btn:hover path, .by-red-btn:hover circle, .by-red-btn:hover text {fill:#FF9C7F!important;}

.by-orange-btn {color:#F49D1E!important;}
.by-orange-btn rect, .by-orange-btn polygon, .by-orange-btn path, .by-orange-btn circle, .by-orange-btn text {fill:#F49D1E!important;}
.by-orange-btn:hover {color:#FFD04C!important;}
.by-orange-btn:hover rect, .by-orange-btn:hover polygon, .by-orange-btn:hover path, .by-orange-btn:hover circle, .by-orange-btn:hover text {fill:#FFD04C!important;}

.by-purple-btn {color:#673ab7!important;}
.by-purple-btn rect, .by-purple-btn polygon, .by-purple-btn path, .by-purple-btn circle, .by-purple-btn text {fill:#673ab7!important;}
.by-purple-btn:hover {color:#9c27b0!important;}
.by-purple-btn:hover rect, .by-purple-btn:hover polygon, .by-purple-btn:hover path, .by-purple-btn:hover circle, .by-purple-btn:hover text {fill:#9c27b0!important;}


/* ANIMATION */
.by-col-title, .by-col-subtitle, .w3-hover-orange, .by-nav-btn, .by-fun-btn, .by-responsive-btn, .by-btn, .by-link, .by-close {
	-webkit-transition: color .3s, background-color .3s, border.3s!important;
    transition: color .3s, background-color .3s, border .3s!important;
}

/* LINKS */
a {text-decoration:none; border:none}
a img {text-decoration:none; border:none}
.by-link {color:#4AB7C3;border-bottom: 1px solid rgba(74, 183, 195, 0)}
.by-link:hover {color:#388D9B;border-bottom: 1px solid rgba(74, 183, 195, 1)}
.by-link:active {color:#4AB7C3;border-bottom: 1px solid rgba(74, 183, 195, 0)}

.by-link2 {color:#388D9B;border-bottom:none}
.by-link2:hover {color:#4AB7C3;border-bottom:none}
.by-link2:active {color:#4AB7C3;border-bottom:none}

/* SVG */
.svg-flex-outer {margin: 0px}
.svg-flex-outer div {width: 100%; position: relative; padding-top: 40%;} /* % is a hacky way of setting height in IE, (adjust svg viewbox portionally) */
.svg-flex-outer div svg {border:solid 0px #000; width:100%; height:100%; position: absolute; margin-top:-40%;} /* % - match above value */

.tall div {padding-top: 50%!important;} /* % is a hacky way of setting height in IE, (adjust svg viewbox portionally) */
.tall div svg {margin-top:-50%!important;} /* % - match above value */

.pointer {cursor: pointer;}

/*
.unsold {cursor: pointer; fill: #4CAF50;}
.w {fill: #00BCD4;}
.wc {fill: #87CEEB;}
.unsold:hover {fill: #ffeb3b;}
.unsold:active {fill: #4CAF50;opacity:0.5;}
.w:active {fill: #00BCD4;}
.wc:active {fill: #87CEEB;}

.unsold-touch {cursor: pointer; fill: #4CAF50;}
.w-touch {fill: #00BCD4;}
.wc-touch {fill: #87CEEB;}
.unsold-touch:active {fill: #4CAF50;opacity:0.5;}
.w-touch:active {fill: #00BCD4;}
.wc-touch:active {fill: #87CEEB;}
*/

/* NAV */


.by-nav-outer {position:fixed;width:100%;z-index:3;top:0;font-size:18px!important;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}
.by-nav-outer-scan, .by-nav-outer-noscroll {width:100%;z-index:3;top:0;font-size:18px!important;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}

.by-nav-inner {width:100%;overflow:hidden;display:block;padding:4px 0px;border:none;outline:none;white-space:normal;margin:auto;max-width:1600px;}
.by-nav-btn{border:none;display:inline-block;outline:0;padding:8px 12px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.by-nav-norm, #navbutton{float:right}
.by-nav-txt {margin-top:7px;margin-bottom:5px} /* manually vertical center nav text */
@media (min-width:1201px){#navbutton{display:none!important;}}
@media (max-width:1200px){.by-nav-norm{display:none!important;}}
.by-nav-btn rect, .by-nav-btn polygon, .by-nav-btn path, .by-nav-btn:hover circle, .by-nav-btn:hover text,.by-fun-btn rect, .by-fun-btn polygon, .by-fun-btn path, .by-fun-btn:hover circle, .by-fun-btn:hover text {-webkit-transition: fill .3s; transition: fill .3s;}

.by-nav-btn:hover rect, .by-nav-btn:hover polygon, .by-nav-btn:hover path, .by-nav-btn:hover circle, .by-nav-btn:hover text {fill:#FFFFFF!important;}

.by-bar{width:100%;overflow:hidden;padding:8px 16px;float:left;border:none;outline:none;display:block;position:static;white-space:normal}


.sell-quotes {padding-left:5%;padding-right:5%;position:absolute;width:100%;text-align:center}

/* HEADER */
@media (min-width: 1050px) {
#by-responsive-title {font-size: 60px!important;}
.sell-quotes {font-size: 40px!important;}
.by-quote-dot {width:20px;height:20px;}
.by-responsive-subtitle {font-size: 34px!important}
.by-responsive-btn {font-size:30px!important;margin-top:21px;}
}
@media (max-width: 1049px) {
#by-responsive-title {font-size:calc(10px + 3vw)!important;}
.sell-quotes {font-size:calc(5px + 3vw)!important;}
.by-quote-dot {width:calc(7px + 1vw);height:calc(7px + 1vw);}
.by-responsive-subtitle {font-size:calc(24px + 1vw)!important;}
.by-responsive-btn {font-size:calc(10px + 1.5vw)!important;margin-top:calc(4px + 1vw);}
}
.by-runner {font-size:16px; font-weight:normal}
.by-subtitle {font-size:24px!important; font-weight:bold;text-align:center}
.by-responsive-subtitle {padding:0px 16px 16px 16px;text-align:center;}
#by-responsive-title, .sell-quotes {text-shadow: 2px 2px rgba(0,0,0,0.8); font-weight:bold;}
.by-responsive-btn, .by-btn {border:none;display:inline-block;outline:0;padding:10px 0px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap;border-radius:4px;font-weight:bold!important}
.by-responsive-btn:active {opacity:0.5}
#by-header-outer {width:100%; background-color:#388D9B; position:relative; margin-top:-18px}
#by-header-inner {width:100%; max-width:1600px; margin:auto; position:relative;}
#by-header-inner img {width:100%; max-height:400px}
#by-header-center, .sell-quotes {position:absolute;top:50%;-ms-transform:translate(0,-50%);transform:translate(0,-50%); text-align: center; width:100%; color:#FFF}

/* BODY */
#body-wrapper {max-width:1200px; margin:auto; text-align:center}

/* FOOTER */
#by-footer, #by-footer-noscroll {text-align:center; padding:16px; margin: 38px 0px 0px 0px;}
#by-footer-scan {text-align:center; padding:16px; margin: 8px 0px 0px 0px;}

/* BUTTON */
.by-btn {font-size:24px!important;margin-top:13px;}
.by-btn:active {opacity:0.5}






/* NEW */

.by-col-1, .by-col-2, body {background-color:#FBFCFE}


.by-quote-dot {
	background:#86D0DA;border-radius:50%;display:inline-block;cursor:pointer
}

#by-quote-dot-container {
	width:100%;padding-top:10px;text-align:center;position:absolute;bottom:8px;
}
@media (max-width:600px){
	#by-quote-dot-container {display:none;}
}


.by-seller-disabled {
	background-color:#f1f1f1;color:#616161;
}
.by-seller-disabled svg {
	background-color:#f1f1f1;color:#616161;
}
.by-seller-disabled rect, .by-seller-disabled polygon, .by-seller-disabled path, .by-seller-disabled circle {
	fill:rgba(0,0,0,.2);stroke:rgba(0,0,0,.2);
}

/* GUIDE */
.by-guide {min-height:600px}



/* GRID */
.by-col-1:hover .by-col-title, .by-col-2:hover .by-col-title, .by-col-3:hover .by-col-title, .by-col-orphan-3:hover .by-col-title, .by-col-1:hover .by-col-subtitle, .by-col-2:hover .by-col-subtitle, .by-col-3:hover .by-col-subtitle, .by-col-3-orphan:hover .by-col-subtitle  {background-color:#4AB7C3!important;}
.by-col-title {min-width:80%;position:absolute;left:0;top:0;padding:8px 16px; border-radius:4px 0px 4px 0px; text-align:left; line-height:1.1; -webkit-transition: background-color .3s; transition: background-color .3s;background-color:rgba(56,141,155,0.9)!important}
.by-col-subtitle {font-size:90%;width:100%;text-align:center;position:absolute;left:0;bottom:0;padding:8px 16px; border-radius:0px 0px 4px 4px; line-height:1.1; -webkit-transition: background-color .3s; transition: background-color .3s;background-color:rgba(56,141,155,0.9)!important}
.by-row-1, .by-row-2, .by-row-3, .by-row-4 {text-align:center; margin: -8px 0px -8px 0px; display:inline-block; width:100%} /*only margins in between boxes */
.by-fine-print {font-size:10px; text-align:justify; margin: 0px auto 16px auto; padding:0px 16px}
/*16px is the margin (8px on each side)*/
@media (max-width:700px){.by-col-4 {width:calc(100% - 16px)} .by-col-3 {width:calc(100% - 16px)} .by-col-2 {width:calc(100% - 16px)} .by-row-2, .by-row-3, .by-row-4{max-width:400px} .by-col-3-orphan {width:calc(100% - 16px)} }
@media (min-width:701px){.by-col-4 {width:calc(49.99999% - 16px)} .by-col-3 {width:calc(49.99999% - 16px)} .by-col-2 {width:calc(49.99999% - 16px)} .by-row-2, .by-row-3, .by-row-4{max-width:700px} .by-col-3-orphan {width:calc(100% - 16px)} }
@media (min-width:993px){.by-col-4 {width:calc(25% - 16px)} .by-col-3,.by-col-3-orphan {width:calc(33.33333% - 16px)} .by-col-2 {width:calc(49.99999% - 16px)} .by-row-3, .by-row-4 {max-width:1200px} } /*give by-row-3 class more width at top */
.by-col-1 {width:calc(100% - 16px);max-width:390px;display:inline-block}
.by-col-2, .by-col-3, .by-col-3-orphan, .by-col-4 {display: block; float:left;}
.by-col-1, .by-col-2, .by-col-3, .by-col-3-orphan, .by-col-4 {position:relative; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); text-decoration:none; -webkit-transition: box-shadow .3s!important; transition: box-shadow .3s!important; border-radius:4px; margin: 8px;}
.by-col-1 img, .by-col-2 img, .by-col-3 img, .by-col-3-orphan img, .by-col-4 img {width:100%; border-radius:4px;}
.by-col-1:hover, .by-col-2:hover, .by-col-3:hover, .by-col-3-orphan:hover, .by-col-4:hover {box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.by-col-1:active, .by-col-2:active, .by-col-3:active, .by-col-3-orphan:active, .by-col-4:active {opacity:0.5}

/* TABLE */
.by-table{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.by-table td{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.by-table td:first-child{padding-left:16px}
.by-table td:nth-child(2){text-align:left}
.by-table td {height:50px}

.by-features {max-width:400px; margin:auto} .by-features td {vertical-align:top} .by-features td img {width:50px;height:50px} .by-features td:first-child {width:90%}

.by-features-2 {max-width:400px; margin:auto} .by-features-2 td {vertical-align:middle} .by-features-2 td img {width:50px;height:50px} .by-features-2 td:first-child {width:20%}

.by-pricing {max-width:400px; margin:auto} .by-pricing td:first-child {width:90%} .by-pricing td {vertical-align:middle}

/* POPUP, FAUX-POPOP */
/* no overflow:hidden; - allowing overflow */
.by-popup-background {position:absolute;top:0;bottom:0;left:0;right:0;}
.by-loading-cover {position:fixed;top:0;bottom:0;left:0;right:0;} /*fixed to even cover overflow */
.by-popup-background {z-index:8;padding-top:80px;} /*padding-top percentage tricky on small and wide screens so did px */
.by-loading-cover {z-index:10;} /*10 is highest, only this and by-popup-background, nav-background, still-here are z-indexed*/
.by-popup-foreground, .by-faux-popup {width:95%!important; max-width:1520px; margin:auto; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); position:relative; border-radius:4px; text-align:left}

/* HEADERS */
.by-popup-header, .by-faux-popup-header, .by-table-header, .by-header {padding:16px; font-size:24px; font-weight:bold; border-radius:4px 4px 0px 0px}

/*INPUT*/
.by-input, .by-dropdown, .by-dropdown-alt, .by-textarea {font-size:16px; padding:30px 15px 15px 15px;display:block;border:none;border-bottom:1px solid #ccc;width:100%;background-color:#FFF}
.by-select {padding-left: 12px!important}
.by-check, .by-radio {width:24px;height:24px;margin:0px 0px 8px 14px;cursor:pointer}
.by-check-label, .by-radio-label, .by-check-small-label {position:relative;display:inline;cursor:pointer}

/*SELECT - https://codepen.io/vkjgr/pen/VYMeXp */

select.by-dropdownedit,select.by-dropdownedit3 {
  /* styling */
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* arrows */
select.by-dropdownedit {
  background-image:
    linear-gradient(45deg, transparent 50%, #9e9e9e 50%), /*by edited*/
    linear-gradient(135deg, #9e9e9e 50%, transparent 50%), /*by edited*/
    linear-gradient(to right, #9e9e9e,  #9e9e9e); /*by edited*/
  background-position:
    calc(100% - 22px) calc(1em + 5px), /*by edited*/
    calc(100% - 12px) calc(1em + 5px), /*by edited*/
    calc(100% - 2.5em) -.5em;
  background-size:
    10px 10px,
    10px 10px,
    1.5px 3em; /*by edited*/
  background-repeat: no-repeat;
}
select.by-dropdownedit:focus {
  /*by edited*/
}
select.by-dropdownedit:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

select.by-dropdownedit2 {
	padding:30px 15px 15px 15px;
	border:none;
	border-bottom:1px solid #ccc;
	background-size:
    10px 10px,
    10px 10px,
    1.5px 5em; /*by edited*/
	background-position:
    calc(100% - 22px) calc(1em + 15px), /*by edited*/
    calc(100% - 12px) calc(1em + 15px), /*by edited*/
    calc(100% - 2.5em) -.5em;
	border-radius: 0px 0px 4px 4px;
}
select.by-dropdownedit3 {
  background-image:
    linear-gradient(45deg, transparent 50%, #9e9e9e 50%), /*by edited*/
    linear-gradient(135deg, #9e9e9e 50%, transparent 50%), /*by edited*/
    linear-gradient(to right, #9e9e9e,  #9e9e9e); /*by edited*/
  background-position:
    calc(100% - 22px) calc(1.2em + 5px), /*by edited*/
    calc(100% - 12px) calc(1.2em + 5px), /*by edited*/
    calc(100% - 2.5em) .3em;
  background-size:
    10px 10px,
    10px 10px,
    1.5px 3em; /*by edited*/
  background-repeat: no-repeat;
}

.by-check-label {bottom:6px;cursor:pointer}
.by-radio-label {bottom:7px;cursor:pointer}

.by-radio-2line {width:24px;height:24px;margin:8px 0px 8px 14px;float:left;cursor:pointer}
.by-radio-label-2line {display:block;margin-left:44px;position:relative;top:4px;cursor:pointer}
.by-radio-label-2line .line2 {font-style:italic;font-size:80%;margin-bottom:8px;cursor:pointer}

.by-check-small {width:16px;height:16px;margin:0px 0px 8px 14px;float:left;cursor:pointer}
.by-check-small-label {font-size:80%;top:1.4px;margin-left:36px;margin-bottom:8px;display:block;cursor:pointer}

.by-check-simple {cursor:pointer}
.by-check-simple-label {cursor:pointer}

.by-radio-small {width:16px;height:16px;margin:0px 0px 8px 14px;float:left;cursor:pointer}
.by-radio-label-small {font-size:80%;top:1.4px;margin-left:36px;margin-bottom:8px;display:block;cursor:pointer}

.by-textarea {height:100px}
input::-webkit-input-placeholder {
color: #778087 !important;
}
input:-moz-placeholder { /* Firefox 18- */
color: #778087 !important;  
}
input::-moz-placeholder {  /* Firefox 19+ */
color: #778087 !important;  
}
input:-ms-input-placeholder {  
color: #778087 !important;  
}
textarea::-webkit-input-placeholder {
color: #778087 !important;
}
textarea:-moz-placeholder { /* Firefox 18- */
color: #778087 !important;  
} 
textarea::-moz-placeholder {  /* Firefox 19+ */
color: #778087 !important;  
}
textarea:-ms-input-placeholder {  
color: #778087 !important;  
}

/* Make Placeholders All Same Color */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #7780870;
  opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #778087;
  opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #778087;
  opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #778087;
  opacity:1;
}

select:invalid { color:#AEAFB0!important }

.by-close {font-size:60px;position:absolute;right:16px;top:0;cursor:pointer}
.by-close:active {opacity:0.5}

.by-bold {font-weight:bold}

/* UL */
.by-ul{list-style-type:none;padding:0;margin:0}.by-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.by-ul by:last-child{border-bottom:none}

/* hide-small */
@media (max-width:500px){
.by-hide-small{display:none!important}
}

html{
    min-height:100%!important;/* make sure it is at least as tall as the viewport */
    /*height:100%!important;*/ /*height causing problems*/
	position:relative!important;
}
body{
    /*height:100%!important;*/ /*height causing problems*/ /* force the BODY element to match the height of the HTML element */
	min-height:100%!important;
}

/*
prevent flash of unstyled content (FOUC)
https://stackoverflow.com/questions/3221561/eliminate-flash-of-unstyled-content
*/
html {
    visibility: visible;
    opacity: 1;
}