body{background:#fff}

h1{font-size:2.5rem;color:#f87119;font-weight: 500;}
h2{font-size:2.1rem;color:#f87119;font-weight: 700;}
h3{font-size:1.75rem;color:#f87119;font-weight: 600;}
h4{font-size:1.3rem;color:#f87119;}
p{font-size:1.2rem;color:#333;}
li{font-size:1.2rem;color:#333;}
strong{color:#f87119;}
.cta{
   margin-top:2rem;
}
ul {
    list-style-type: none;
}
input#gotchya { display: none; }
#website { display: none; }
.elfsightPlugin{
    padding:3rem 2rem;
    margin-bottom:3rem;
}
.headerTitle{
    color:orange;
	font-size:3rem;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	margin:0;
	padding:0;
}
a{
    color: #f87119;
}

.outlined {
  text-shadow:
    -1px -1px 0 white,
     0   -1px 0 white,
     1px -1px 0 white,
     1px  0   0 white,
     1px  1px 0 white,
     0    1px 0 white,
    -1px  1px 0 white,
    -1px  0   0 white;
}

.required:after {
    content:" *";
    color: red;
  }
  
.mainheading{
    font-weight: 600;
    padding-top:2rem;
    padding-bottom:3rem;
	text-align:center;
}

::-webkit-input-placeholder { /* Edge */
  color: #111;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #111;
}

::placeholder {
  color: #111;
}

label {
	font-weight: bold;
}
.top-bar{
	background:#222222;
}
.top-bar ul {
	background:#f87119;
}

.top-bar a {
	color:#fff;
	font-size:1.1em;
	text-shadow: 2px 2px 3px #333;
}

.top-bar-phone strong{
	color:#fff;
	font-size:2.5em;
	margin:0;
	padding:0;
}

.orange{
	background:#f87119 !important;
}

.red{
	color:red;
}

.blue{
	color:blue;
}
.menu{
	background:#222222;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #04AA6D;
}

.cart{
	z-index: 1000;
	position: absolute;
	top: 8px;
	/*left: 0;*/
}

.badge{
	
	font-size: 0.4em;
	display: block;
	position: absolute;
	top: -.50em;
	right: -.75em;
	width: 1.5em;
	/*min-width:1.5em;*/
	/*height: 1.5em;*/
	line-height: 1.5em;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background: rgba(23, 121, 186,0.8);
}

header i {
	width:40px;
	font-size: 1.5em;
	color:#fff;
	text-shadow: 2px 2px 3px #333;
	text-align:center;
	vertical-align:middle;
}

header .fa {
	position: relative;
	line-height: inherit;
}

.price{
	font-size:1.8em; 	
}

.fromPrice {
	position: absolute;
	width: 4rem;
	height: 3rem;
	top: 1em;
	right: 2em;
	background-color: #f87119;
	color: #fff;

}

.fromPrice div:nth-child(1) {
	font-size:.7rem;
	line-height:.8rem;
	position:absolute;
	left:.6rem;
	top:.3rem
}
.fromPrice div:nth-child(2) {
	font-size:1.3rem;
	font-weight:bold;
	position:absolute;
	left:0.5rem;
	top:1rem
}


.promo {
	position: absolute;
	
	top: 0em;
	left: 0em;
	

}

.promo div:nth-child(1) {
	font-size:1.3rem;
	font-weight:bold;
	position:absolute;
	left:0.5rem;
	top:1rem
}

.boxShadow{box-shadow: 0 0 20px 5px #bbb;

	border-radius: 0 0 3px 3px;
}

.ital{
	font-size: 1em;
	font-style: italic;
	color: #8a8a8a;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
}

.button{
	background-color: #f87119;
	color: #fefefe;
	border-radius: 5px;
	
}
.button.large {
  font-size: 1.6rem;
  font-weight:600;
}

.headerimage{

	display: block;
	width: 100%;
	height:auto;
	min-height: 300px;
	margin:0;
	padding:0;

}
.callout{
    border-radius: 5px;
}
.callout-header{
	background-color: #f2f2f2; 
	padding:0;
	margin:0;
	border: none;
}

.callout-product{
	box-shadow: 2px 2px 3px #555;
	transition: 0.5s;
	border-radius: 5px;
}

.callout-product:hover{
	box-shadow: 4px 4px 5px #555;
}

.callout-product img{
	object-fit: fill;
}

.grey-section {
	background: #f2f2f2;
}

.hero-section-white {
	background: #fff;
	padding-top: 2rem;
}
.hero-section-grey {
	background: #f2f2f2;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.padded{
	padding: 3rem 2rem;
}
footer{
	background:#222222;
	
}
.footer-nav{
	padding: 30px 0px;
}

footer a {
	color:#fff;
	font-size:0.9em;
	text-shadow: 2px 2px 3px #333;
}

footer a:hover {
	color:#f87119;

}

footer hr{
	background-color: #f87119;
}
.copyright{
	color:#fff;
}

footer i {
	width:40px;
	font-size: 2.5em;
	color:#fff;
	text-shadow: 2px 2px 3px #333;
	text-align:center;
	vertical-align:middle;
}

footer .fa {
	position: relative;
	line-height: inherit;
}

#crumbs {
  text-align: center;
  padding: 30px 0 30px;
  margin-left: auto;
  margin-right: auto;
}

#crumbs ul {
  list-style: none;
  display: inline-table;
}
#crumbs ul li {
  display: inline;
}
#crumbs ul li a {
  display: block;
  float: left;
  height: 80px;
  background: #F3F5FA;
  text-align: center;
  padding: 30px 20px 0 60px;
  position: relative;
  margin: 0 10px 0 0;
  font-size: 18px;
  text-decoration: none;
  color: #8093A7;
}

#crumbs ul li a:after {
  content: "";
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 40px solid #F3F5FA;
  position: absolute;
  right: -40px;
  top: 0;
  z-index: 1;
}
#crumbs ul li a:before {
  content: "";
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 40px solid #fff;
  position: absolute;
  left: 0;
  top: 0;
}

#crumbs ul li.done a {
  display: block;
  float: left;
  height: 80px;
  background: #F3F5FA;
  text-align: center;
  padding: 30px 20px 0 60px;
  position: relative;
  margin: 0 10px 0 0;
  font-size: 18px;
  text-decoration: none;
  color: #8093A7;
}
#crumbs ul li.done a:after {
  content: "";
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 40px solid #F3F5FA;
  position: absolute;
  right: -40px;
  top: 0;
  z-index: 1;
}

#crumbs ul li.done a:before {
  content: "";
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 40px solid #fff;
  position: absolute;
  left: 0;
  top: 0;
}

#crumbs ul li:first-child a {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#crumbs ul li:first-child a:before {
  display: none;
}

#crumbs ul li:last-child a {
  padding-right: 40px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#crumbs ul li:last-child a:after {
  display: none;
}


#crumbs ul li.done:first-child a {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#crumbs ul li.done:first-child a:before {
  display: none;
}

#crumbs ul li.done:last-child a {
  padding-right: 40px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#crumbs ul li.done:last-child a:after {
  display: none;
}


#crumbs ul li a:hover {
  background: #357DFD;
  color: #fff;
}

#crumbs ul li a:hover:after {
  border-left-color: #357DFD;
  color: #fff;
}


#crumbs ul li.done a:hover {
  background: #357DFD;
  color: #fff;
}

#crumbs ul li.done a:hover:after {
  border-left-color: #357DFD;
  color: #fff;
}


#crumbs ul li.current a{
  display: block;
  float: left;
  height: 80px;
  background: #357DFD;
  text-align: center;
  padding: 30px 20px 0 60px;
  position: relative;
  margin: 0 10px 0 0;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
}
#crumbs ul li.current a:after {
	color: #fff;
  content: "";
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 40px solid #357DFD;
  position: absolute;
  right: -40px;
  top: 0;
  z-index: 1;
}
.voucherType-selector, .voucherAmount-selector{
    padding:20px 0 20px 0;
    text-align:center;
    
}
.voucherType-selector input, .voucherAmount-selector input{
    margin:0;
    padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

[type="checkbox"] + label, [type="radio"] + label {
	display: inline-block;
	vertical-align: baseline;
	margin-left: .5rem;
	margin-right: 1rem;
	margin-bottom: 10px;
}

#voucherForm .button{
    padding: 10px 40px 10px 40px;
    width: calc(50% - 80px);
}
.voucherButtonsGroup{
    margin-top:20px;
}
.voucherType-selector input:active +.voucherType, .voucherAmount-selector input:active +.voucherAmount
{opacity: .9;}
.voucherType-selector input:checked +.voucherType, .voucherAmount-selector input:checked +.voucherAmount
{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}

.voucherType, .voucherAmount{
    padding:10px 0 20px 0;
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    text-align: center;
    width:250px;
    height:100px;
    line-height: 33px;
    font-weight: bold;
    font-size: 1.4em;
    color:#fff;
    background:#f87119;
    border-radius: 5px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
            -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
            -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
    
}

.voucherType:hover, .voucherAmount:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}
.voucherTerms{
    margin-top:30px;
}
.voucherTerms p{
    font-size:0.8em;
}
.voucherTerms h4{
    font-size:1em;
}