/*!  
##########################################################
### normalize.css v3.0.2 | MIT License | git.io/normalize
##########################################################
*/
img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}

/*!  
##########################################
### Slick Theme CSS
########################################## 
*/
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden;}.slick-next,.slick-flogonext:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;background:0 0;outline:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-slider{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{left:0;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-slide{float:left;height:100%;min-height:1px;display:none;outline:none;}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-next,.slick-prev{position:absolute;display:block;line-height:0;font-size:0;cursor:pointer;top:50%;margin-top:-10px;padding:0;border:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;color:#fff;opacity:.75}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}.slick-next:before,[dir=rtl] .slick-next:before,[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li button{border:0;background:0 0;display:block;outline:0;line-height:0;font-size:0;color:transparent;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25}.slick-dots li.slick-active button:before{color:#000;opacity:.75}

/*  
##########################################  
### Grid Layout Defaults
########################################## 
*/

.row {
  margin: 0 auto;
  max-width: 104.2rem;
  width: 100%; 
 
}

.row:before, 
.row:after {
  content: " ";
  display: table;
}

.row::after {
  clear: both; 
}

.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0; 
}
.row.collapse .row {
  margin-left: 0;
  margin-right: 0; 
}

.row > .columns.collapse,
.row > .columns.collapse {
  padding: 0;
}

.row .row {
  width: auto;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none; 
}

.row .row.collapse {
width: auto;
margin: 0;
max-width: none; }

.wideRow {
  max-width: 91.625rem;
  padding: 0;
  width: 100%;
  margin: 0 auto;
}
.wideRow:before, .wideRow:after {
  content: " ";
  display: table;
}
.wideRow:after {
  clear: both;
}
@media screen and (min-width: 1920px) {
  .wideRow {
    padding: 0 217px;
    width: initial;
    max-width: initial;
  }
}

.column,
.columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
  box-sizing: border-box;
}

.column + .column:last-child,
.columns + .columns:last-child {
  float: left;
}

@media screen {
  .sm-1 { width: 8.333333333%; }
  .sm-2 { width: 16.666666667%; }
  .sm-3 { width: 25%; }
  .sm-4 { width: 33.333333333%; }
  .sm-5 { width: 41.666666667%; }
  .sm-6 { width: 50%; }
  .sm-7 { width: 58.333333333%; }
  .sm-8 { width: 66.666666667%; }
  .sm-9 { width: 75%; }
  .sm-10 { width: 83.333333333%; }
  .sm-11 { width: 91.666666667%; }
  .sm-12 { width: 100%; }
  
  .sm-push-0 { position:relative; right:auto; left: 0; }
  .sm-push-1 { position:relative; right:auto; left: 8.333333333%; }
  .sm-push-2 { position:relative; right:auto; left: 16.666666667%; }
  .sm-push-3 { position:relative; right:auto; left: 25%; }
  .sm-push-4 { position:relative; right:auto; left: 33.333333333%; }
  .sm-push-5 { position:relative; right:auto; left: 41.666666667%; }
  .sm-push-6 { position:relative; right:auto; left: 50%; }
  .sm-push-7 { position:relative; right:auto; left: 58.333333333%; }
  .sm-push-8 { position:relative; right:auto; left: 66.666666667%; }
  .sm-push-9 { position:relative; right:auto; left: 75%; }
  .sm-push-10 { position:relative; right:auto; left: 83.333333333%; }
  .sm-push-11 { position:relative; right:auto; left: 91.666666667%; }
  .sm-push-12 { position:relative; right:auto; left: 100%; }
  
  .sm-pull-0 { position: relative; left:auto; left: -0; }
  .sm-pull-1 { position: relative; left:auto; left: -8.333333333%; }
  .sm-pull-2 { position: relative; left:auto; left: -16.666666667%; }
  .sm-pull-3 { position: relative; left:auto; left: -25%; }
  .sm-pull-4 { position: relative; left:auto; left: -33.333333333%; }
  .sm-pull-5 { position: relative; left:auto; left: -41.666666667%; }
  .sm-pull-6 { position: relative; left:auto; left: -50%; }
  .sm-pull-7 { position: relative; left:auto; left: -58.333333333%; }
  .sm-pull-8 { position: relative; left:auto; left: -66.666666667%; }
  .sm-pull-9 { position: relative; left:auto; left: -75%; }
  .sm-pull-10 { position: relative; left:auto; left: -83.333333333%; }
  .sm-pull-11 { position: relative; left:auto; left: -91.666666667%; }
  .sm-pull-12 { position: relative; left:auto; left: -100%; }
  
  .sm-offset-0 {margin-left: 0; }
  .sm-offset-1 {margin-left: 8.333333333%; }
  .sm-offset-2 {margin-left: 16.666666667%; }
  .sm-offset-3 {margin-left: 25%; }
  .sm-offset-4 {margin-left: 33.333333333%; }
  .sm-offset-5 {margin-left: 41.666666667%; }
  .sm-offset-6 {margin-left: 50%; }
  .sm-offset-7 {margin-left: 58.333333333%; }
  .sm-offset-8 {margin-left: 66.666666667%; }
  .sm-offset-9 {margin-left: 75%; }
  .sm-offset-10 {margin-left: 83.333333333%; }
  .sm-offset-11 {margin-left: 91.666666667%; }
  .sm-offset-12 {margin-left: 100%; }


  .show-sm-only,
  .show-sm-up,
  .show-sm, 
  .show-sm-down, 
  .hide-md-only, 
  .hide-md-up, 
  .hide-md,
  .show-md-down, 
  .hide-lg-only, 
  .hide-lg-up, 
  .hide-lg, 
  .show-lg-down {
    display: inherit !important; 
  }

  .hide-sm-only,
  .hide-sm-up, 
  .hide-sm, 
  .hide-sm-down, 
  .show-md-only, 
  .show-md-up, 
  .show-md, 
  .hide-md-down, 
  .show-lg-only, 
  .show-lg-up, 
  .show-lg, 
  .hide-lg-down {
    display: none !important; 
  }

}

@media only screen and (min-width:40.0625em) { /* 641px */
  .md-1 { width: 8.333333333%; }
  .md-2 { width: 16.666666667%; }
  .md-3 { width: 25%; }
  .md-4 { width: 33.333333333%; }
  .md-5 { width: 41.666666667%; }
  .md-6 { width: 50%; }
  .md-7 { width: 58.333333333%; }
  .md-8 { width: 66.666666667%; }
  .md-9 { width: 75%; }
  .md-10 { width: 83.333333333%; }
  .md-11 { width: 91.666666667%; }
  .md-12 { width: 100%; }
  
  .md-push-0 { position:relative; right:auto; left: 0; }
  .md-push-1 { position:relative; right:auto; left: 8.333333333%; }
  .md-push-2 { position:relative; right:auto; left: 16.666666667%; }
  .md-push-3 { position:relative; right:auto; left: 25%; }
  .md-push-4 { position:relative; right:auto; left: 33.333333333%; }
  .md-push-5 { position:relative; right:auto; left: 41.666666667%; }
  .md-push-6 { position:relative; right:auto; left: 50%; }
  .md-push-7 { position:relative; right:auto; left: 58.333333333%; }
  .md-push-8 { position:relative; right:auto; left: 66.666666667%; }
  .md-push-9 { position:relative; right:auto; left: 75%; }
  .md-push-10 { position:relative; right:auto; left: 83.333333333%; }
  .md-push-11 { position:relative; right:auto; left: 91.666666667%; }
  .md-push-12 { position:relative; right:auto; left: 100%; }
  
  .md-pull-0 { position: relative; left:auto; left: -0; }
  .md-pull-1 { position: relative; left:auto; left: -8.333333333%; }
  .md-pull-2 { position: relative; left:auto; left: -16.666666667%; }
  .md-pull-3 { position: relative; left:auto; left: -25%; }
  .md-pull-4 { position: relative; left:auto; left: -33.333333333%; }
  .md-pull-5 { position: relative; left:auto; left: -41.666666667%; }
  .md-pull-6 { position: relative; left:auto; left: -50%; }
  .md-pull-7 { position: relative; left:auto; left: -58.333333333%; }
  .md-pull-8 { position: relative; left:auto; left: -66.666666667%; }
  .md-pull-9 { position: relative; left:auto; left: -75%; }
  .md-pull-10 { position: relative; left:auto; left: -83.333333333%; }
  .md-pull-11 { position: relative; left:auto; left: -91.666666667%; }
  .md-pull-12 { position: relative; left:auto; left: -100%; }
  
  .md-offset-0 {margin-left: 0; }
  .md-offset-1 {margin-left: 8.333333333%; }
  .md-offset-2 {margin-left: 16.666666667%; }
  .md-offset-3 {margin-left: 25%; }
  .md-offset-4 {margin-left: 33.333333333%; }
  .md-offset-5 {margin-left: 41.666666667%; }
  .md-offset-6 {margin-left: 50%; }
  .md-offset-7 {margin-left: 58.333333333%; }
  .md-offset-8 {margin-left: 66.666666667%; }
  .md-offset-9 {margin-left: 75%; }
  .md-offset-10 {margin-left: 83.333333333%; }
  .md-offset-11 {margin-left: 91.666666667%; }
  .md-offset-12 {margin-left: 100%; }

  .hide-sm-only,
  .show-sm-up, 
  .hide-sm, 
  .hide-sm-down,
  .show-md-only, 
  .show-md-up, 
  .show-md, 
  .show-md-down, 
  .hide-lg-only, 
  .hide-lg {
    display: inherit !important; 
  }

 .show-sm-only,
 .hide-sm-up,
 .show-sm,
 .show-sm-down,
 .hide-md-only,
 .hide-md-up,
 .hide-md,
 .hide-md-down,
 .show-lg-only,
 .show-lg{
    display: none !important;
 }


}
 
@media only screen and (min-width:60.625rem) { 
  .lg-1 { width: 8.333333333%; }
  .lg-2 { width: 16.666666667%; }
  .lg-3 { width: 25%; }
  .lg-4 { width: 33.333333333%; }
  .lg-5 { width: 41.666666667%; }
  .lg-6 { width: 50%; }
  .lg-7 { width: 58.333333333%; }
  .lg-8 { width: 66.666666667%; }
  .lg-9 { width: 75%; }
  .lg-10 { width: 83.333333333%; }
  .lg-11 { width: 91.666666667%; }
  .lg-12 { width: 100%; }

  .lg-push-0 { position:relative; right:auto; left: 0; }
  .lg-push-1 { position:relative; right:auto; left: 8.333333333%; }
  .lg-push-2 { position:relative; right:auto; left: 16.666666667%; }
  .lg-push-3 { position:relative; right:auto; left: 25%; }
  .lg-push-4 { position:relative; right:auto; left: 33.333333333%; }
  .lg-push-5 { position:relative; right:auto; left: 41.666666667%; }
  .lg-push-6 { position:relative; right:auto; left: 50%; }
  .lg-push-7 { position:relative; right:auto; left: 58.333333333%; }
  .lg-push-8 { position:relative; right:auto; left: 66.666666667%; }
  .lg-push-9 { position:relative; right:auto; left: 75%; }
  .lg-push-10 { position:relative; right:auto; left: 83.333333333%; }
  .lg-push-11 { position:relative; right:auto; left: 91.666666667%; }
  .lg-push-12 { position:relative; right:auto; left: 100%; }

  .lg-pull-0 { position: relative; left:auto; left: -0; }
  .lg-pull-1 { position: relative; left:auto; left: -8.333333333%; }
  .lg-pull-2 { position: relative; left:auto; left: -16.666666667%; }
  .lg-pull-3 { position: relative; left:auto; left: -25%; }
  .lg-pull-4 { position: relative; left:auto; left: -33.333333333%; }
  .lg-pull-5 { position: relative; left:auto; left: -41.666666667%; }
  .lg-pull-6 { position: relative; left:auto; left: -50%; }
  .lg-pull-7 { position: relative; left:auto; left: -58.333333333%; }
  .lg-pull-8 { position: relative; left:auto; left: -66.666666667%; }
  .lg-pull-9 { position: relative; left:auto; left: -75%; }
  .lg-pull-10 { position: relative; left:auto; left: -83.333333333%; }
  .lg-pull-11 { position: relative; left:auto; left: -91.666666667%; }
  .lg-pull-12 { position: relative; left:auto; left: -100%; }

  .lg-offset-0 {margin-left: 0; }
  .lg-offset-1 {margin-left: 8.333333333%; }
  .lg-offset-2 {margin-left: 16.666666667%; }
  .lg-offset-3 {margin-left: 25%; }
  .lg-offset-4 {margin-left: 33.333333333%; }
  .lg-offset-5 {margin-left: 41.666666667%; }
  .lg-offset-6 {margin-left: 50%; }
  .lg-offset-7 {margin-left: 58.333333333%; }
  .lg-offset-8 {margin-left: 66.666666667%; }
  .lg-offset-9 {margin-left: 75%; }
  .lg-offset-10 {margin-left: 83.333333333%; }
  .lg-offset-11 {margin-left: 91.666666667%; }
  .lg-offset-12 {margin-left: 100%; }

  .hide-sm-only,
  .show-sm-up,
  .hide-sm, 
  .hide-sm-down, 
  .hide-md-only, 
  .show-md-up, 
  .hide-md, 
  .hide-md-down, 
  .show-lg-only,  
  .show-lg {
    display: inherit !important; }

  .show-sm-only, 
  .hide-sm-up, 
  .show-sm, 
  .show-sm-down, 
  .show-md-only, 
  .hide-md-up, 
  .show-md, 
  .show-md-down, 
  .hide-lg-only, 
  .hide-lg {
    display: none !important; }
}

/*
########################################## 
### Global
########################################## 
*/

*, 
*::before, 
*::after {
  box-sizing: border-box !important; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;           
  -ms-box-sizing: border-box; 
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}



img {
  max-width: 100%;
  height: auto; 
}

.left { float: left !important; }
.right { float: right !important; }

.np-left { padding-left: 0 !important; }
.np-right { padding-right: 0 !important; }

.hide { display: none; }
.invisible { visibility: hidden; }

body {
  font-family: 'Bitter', serif;
  padding: 99px 0 0 0;
  background-color: #f9f9f5;
  height: 100%;
  
  -webkit-overflow-scrolling: touch;
}

#wrapper {
 min-height: 100vh;
  display: block;
  height: 100%;
  width: 100%;
 
  overflow-x: initial; 
}

#wrapper-overlay {
  display: none;
}

@media only screen and (min-width:700px){
  #wrapper {
    padding-bottom: 280px;
    position:relative;
  }
}

@media only screen and (min-width:900px){
  body {
    padding-left: 252px;
    padding-top: 0;
  }

  #wrapper {
    position: relative;
  }

  #wrapper-overlay {
    position: absolute;
    top: 0;
    background-color: rgba(0,0,0,0.3);
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9000;
    display: none;
  }
}

a.hidelink {
  display: block;
  left: 0;
  position: absolute;
  text-indent: -9999px;
  top: -1000em;
  z-index: 999;
}

.bl-none {
  border-left: none !important;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.position-zero {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.invisible {
  visibility: hidden;
}

.none {
  display: none !important;
}

.marginCenter {
  margin: 0 auto !important;
}

.center {
  text-align: center !important;
}

.block {
  display: block !important;
}

@media only screen and (min-width:1100px){
  .row-padding {
    padding: 0 67px;
  }
}


/* 
##########################################
### ASP: Messages
########################################## 
*/

.msg {
	clear: both;
	display: block;	
	margin: 0 auto 17px auto;
	max-width: 930px;
	min-height: 36px;
	padding:0 40px 0 40px;	
	position: relative;
	text-align: left;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 2px 3.92px 0.08px rgba(0, 0, 0, 0.48);
  text-decoration: none;
}

.msg--confirm {
  color: #FFF;
  background-color: #35b34c;
}

.msg--error {
  color: #FFF;
  background-color: #a40615;
}

.msg--confirm svg{
  fill: #FFF;
}

.msg--error svg{
  fill: #fff;
}

.msg:before,
.msg:after {
	clear: both;
	content: ' ';
	display: table;
}

.msg__icon {
	left: 0;
	min-height: 36px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 36px;
}

.msg__icon svg {
	width: 36px;
	height: 36px;
	padding: 12px 10px 8px 10px;
}

.msg__message{
  font-size: 0.75rem;
  font-family: "Bitter";
  color: rgb(255, 255, 255);
  font-weight: bold;
  padding: 10px 0;
  min-height: 36px;
  text-decoration: none;
}

@media only screen and (min-width:769px){
	.msg__message{
		font-size: 0.875rem;
	}
}


/*
##########################################
### Buttons
########################################## 
*/

.btn-primary {
  font-family: "Arial";
  margin: 0;
  padding: 0;
  display: inline-block;
  background-color: transparent;
  border: 1px solid  rgb(163, 185, 131);
  margin: 0 auto;
  min-height: 37px;
  position: relative;
  border-radius: 6px;
  background-color: rgb(163, 185, 131);
  box-shadow: 0px 2px 3.92px 0.08px rgba(0, 0, 0, 0.48);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  border-color: #7C915E;
  background-color: #7C915E;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}





.btn-primary__link {
  color: rgb(255, 255, 255) !important;
  display: block;
  font-family: "Bitter";
  font-size: 1rem;
  font-weight: bold;
  height: 100%;
  text-align: center;
  text-shadow: 0px 2px 3.92px rgba(0, 0, 0, 0.48);
  padding: 8px 0;
  line-height: 1.3;
}


.btn-secondary__link:hover,
.btn-secondary__link:focus,
.btn-secondary__link:active {
  text-decoration: none;
  color: #FFF;
}

.btn-secondary {
  font-family: "Arial";
  margin: 0;
  padding: 0;
  display: inline-block;
  background-color: transparent;
  border: 1px solid #7c915e;
  margin: 0 auto;
  min-height: 37px;
  position: relative;
  border-radius: 6px;
  background-color: #7c915e;
  box-shadow: 0px 2px 3.92px 0.08px rgba(0, 0, 0, 0.48);
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  border-color: #a3b983;
  background-color: #a3b983;
}

.btn-secondary__link {
  color: rgb(255, 255, 255);
  display: block;
  font-family: "Bitter";
  font-size: 0.875rem;
  font-weight: bold;
  height: 100%;
  text-align: center;
  text-shadow: 0px 2px 3.92px rgba(0, 0, 0, 0.48);
  padding: 8px 15px;
  line-height: 1.3;
}

.btn-secondary__link:hover,
.btn-secondary__link:focus,
.btn-secondary__link:active {
  text-decoration: none;
  color: #FFF;
}


.btn-secondary--darkgreen {
  background-color: #26472a;
  border: 1px solid #26472a;
}

.btn-secondary--orange {
  background-color: #f07d24;
  border: 1px solid #f07d24;
}
.donate-link {
  max-width: 300px;
  padding: 0;
  position: relative;
  text-align: center;
  box-shadow: 0px 2px 3.92px 0.08px rgba(0, 0, 0, 0.48); 
}

@media only screen and (min-width: 900px) {
  .btn-primary {
    min-height: 40px;
  }
  

  .donate-link {
    position: fixed;
    right: 20px;
    bottom: 30px;
    display: block !important;
    width: 176px;
    z-index: 100000;
  }

}

/* 
##########################################
### Typography
########################################## 
*/


h1 { font-size: 1.25rem; }
h2 { font-size: 0.875rem; }
h3 { font-size: 1.0625rem; }
h4 { font-size: 0.875rem; }
h5 { font-size: 0.75rem; }
h6 { font-size: 0.75rem; }

@media only screen and (min-width:768px){
  h1 { font-size: 1.75rem; }
  h2 { font-size: 1rem; }
  h3 { font-size: 1.4375rem; }
  h4 { font-size: 0.875rem; }
  h5 { font-size: 0.75rem; }
  h6 { font-size: 0.75rem; }
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  color: #26472a;
  font-family: 'Bitter', sans-serif, Helvetica;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0;
  margin-top: 0rem;
}

p {
  color: #26472a;
  font-family: 'Lato', sans-serif, Helvetica;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0;
  font-size: 0.875rem;
  margin-top: 0rem;
}

a {
  color: #7c915e;
  line-height: inherit;
  text-decoration: none; 
}

a:hover, 
a:focus {
  color: #7c915e; 
}

a img {
  border: none; 
}

p {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 1.25rem;
}

small {
  font-size: 60%;
  line-height: inherit; 
}

hr {
  border: solid #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 1.25rem 0; 
}






/*
##########################################
### Header
########################################## 
*/

.header {
  background: #26472a;
  height: 99px;
  left: 0;
  margin-bottom: 24px;
  padding: 9px 19px 11px 13px;
 position: fixed;
  right: 0;
  top: 0;
  z-index: 200000;
}

.header::-webkit-scrollbar {
  width: 0px;  
  background: transparent;
}

.header::-webkit-scrollbar-thumb {
  background: #FF0000;
}


.header-section-1 {
  display: inline-block;
  float: left;
}

.header-section-2 {
  display: none;
}

.header-section-3 {
  
}

.header-section-4 {
  
}

.header-section-5 {
  display: inline-block;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
}


/* logo */
.header__logo {
  display: inline-block;
  height: 80px;
}
  
.header__logo__link {
  display: block;
  height: 100%;
}

.header__logo__image {
  display: block;
  height: 100%;
}

.header__logo__image-large {
  display: none;
}




/* header form*/
.header form{
  position: relative;
  max-width: 298px;
  margin: 0 auto 12px auto;
}

.header form label {
  display: none;
}

.header form input {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 600;
  height: 39px;
  padding: 0 33px 0 14px;
  position: relative;
  width: 100%;
  box-shadow: none;
  border-radius: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.header form:focus input,
.header form:hover input {
  outline: none;
  border: 1px solid rgba(255, 255, 255, 1);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.header form input:focus,
.header form input:active {
  outline: none;
   border: 1px solid rgba(255, 255, 255, 1);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.header form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a3b983;
  font-size: 0.875rem;
  font-weight: bold;
}
.header form input::-moz-placeholder { /* Firefox 19+ */
  color: #a3b983;
  font-size: 0.875rem;
  font-weight: bold;
}
.header form input:-ms-input-placeholder { /* IE 10+ */
  color: #a3b983;
  font-size: 0.875rem;
  font-weight: bold;
}
.header form input:-moz-placeholder { /* Firefox 18- */
  color: #a3b983;
  font-size: 0.875rem;
  font-weight: bold;
}

.header form button {
  background: none;
  border: 0;
  bottom: 0;
  cursor: pointer;
  height: 30px;
  margin: 0;
  position: absolute;
  right: 14px;
  top: 5px;
  width: 20px;
  padding: 0px 0 0 0;
}

.header form button:focus,
.header form button:active,
.header form button:hover {

}

.header form button svg {
  height: 16px;
  width: 16px;
  fill: #a3b983;
  float: right;
}

.header form button:focus svg,
.header form button:active svg,
.header form button:hover svg {
  fill: #fff;
}



/* Header Social */
.header-section-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.header-section-4 .btn-primary {
  width:  100%;
  margin-bottom: 20px;
}

.header__social-container {

}

.header__social__item {
  height: 39px;
  width: 44px;
  display: inline-block;
  margin: 0 6px 0 -2px;
}

.header__social__item svg {
  display: block;
  height: 100%;
  fill: #7c915e;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.header__social__item:last-child svg {
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}


.header__social__item:hover svg,
.header__social__item:focus svg,
.header__social__item:active svg {
  fill: #a3b983;
}

@media only screen and (min-width:768px){
  .header {
    margin-bottom: 0;
  }

  @media only screen and (max-height: 740px)  {
    .header__logo {
      width: 70% !important;
    }
  }
}



@media only screen and (min-width:900px){
  
  .header > .relative {
    padding-bottom: 108px;
    min-height: 100%;
  }


  .header {
  bottom: 0;
    min-height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 252px;
    padding: 17px 20px;
    margin-bottom: 0;
    overflow: hidden;
  }

  .header-section-1 {
    display: block;
    float: none;
    width: 101%;
  }

  .header-section-2 {
    display: block;
  }

  .header-section-3 {
    display: block;
  }

  .header-section-4 {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .header-section-5 {
    display: none;  
  }

  /* logo */
  .header__logo {
    height: auto;
    margin-bottom: 28px;
    width: 100%;
  }

  .header__logo__image {
    height: auto;
  }

  .header__logo__image-large {
    display: block;
  }

  .header__logo__image-small {
    display: none;
  }

}


/*
##########################################
### Menu Button Mobile
########################################## 
*/

.menuButton {
  height: 16px;
  width: 24px;
  margin-top: 30px;
  margin-right: 9px;
  margin-left: 9px;
  margin-bottom: 30px;
  float: left;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  cursor: pointer;
}

.menuButton:hover .menuButton_lines,
.menuButton:active .menuButton_lines ,
.menuButton:focus .menuButton_lines {
  background: #FFF;
}

.menuButton_lines {
  display: block;
  width: 24px;
  position: absolute;
  height: 3px;
  background: #FFF;
  border-radius: 0;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.menuButton_header {
  display: none;
}


.menuButton_lines:nth-child(1) {
  top: 0px;
}

.menuButton_lines:nth-child(2),
.menuButton_lines:nth-child(3) {
  top: 7px;
}

.menuButton_lines:nth-child(4) {
  top: 14px;
}

.menuButton.active .menuButton_lines:nth-child(1) {
  top: 0;
  width: 0%;
  left: 0%;
}

.menuButton.active .menuButton_lines:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menuButton.active .menuButton_lines:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menuButton.active .menuButton_lines:nth-child(4) {
  top: 0;
  width: 0%;
  left: 0%;
}

@media only screen and (min-width: 600px) {
  .menuButton {
    height: 22px;
    width: 29px;
    margin-top: 30px;
  }

  .menuButton_lines {
    width: 29px;
  }

  .menuButton_header {
    display: none;
  }

  .menuButton:hover .menuButton_header,
  .menuButton:active .menuButton_header ,
  .menuButton:focus .menuButton_header {
   
  }


  .menuButton_lines:nth-child(1) {
    top: 0px;
  }

  .menuButton_lines:nth-child(2),
  .menuButton_lines:nth-child(3) {
    top: 10px;
  }

  .menuButton_lines:nth-child(4) {
    top: 20px;
  }

}

/*
##########################################
### Header Navigation : header-section-2
########################################## 
*/

body.mbnav-active {
  overflow: hidden;
}

.donate-link {
  display: none;
}

#navigation {
  border-top: 0;
  bottom: 0;
  margin: 0;
  width: 100%;
}

#navigation ul {
  margin: 0;
  padding: 0;
}

#navigation ul li {
  list-style-type: none;
  display: block;
  padding: 6px 0 6px 0;
}



#navigation > ul:hover > li:not(:hover) a {
  color: rgba(255,255,255,0.2) !important;
}

#navigation > ul > li > a {
  font-size: 19px;
  font-family: "Bitter";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 0.7;
  z-index: 9;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px 0 5px 0;
}

#navigation > ul .second-nav ul li{
  position: relative;
  padding-top: 94.5%;
  width: 100%;
  display: inline-block;
  margin: 0 -2px 14px -2px; 
  border-radius: 6px;
}

#navigation > ul .second-nav ul li a{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border-radius: 6px;
  background-color: rgba(38, 71, 42, 0.8);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#navigation > ul .second-nav ul li a:hover{
  background-color: rgba(38, 71, 42, 0.3);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#navigation > ul .second-nav ul li a span{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  font-family: "Bitter";
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-align: center;
  padding: 0 5px;
  text-shadow: 0px 2px 3.92px rgba(0, 0, 0, 0.48);
}


@media only screen and (min-width: 900px) {
  #navigation {
    display: block !important;
    right: 0 !important;
    position: static !important;
  }

  #navigation ul li {
    margin: 0 -20px 0 0;
    position: relative;
  }


  #navigation > ul > li:hover:after,
  #navigation > ul > li:focus:after,
  #navigation > ul > li:active:after,
  #navigation > ul > li.active:after,
  #navigation > ul > li.active:hover:after {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 12px solid #ebebeb;
    border-bottom: 15px solid transparent;
    content: ' ';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
  }


   #navigation > ul > li.active:after {
    border-top: 15px solid transparent;
    border-right: 12px solid #f9f9f5;
    border-bottom: 15px solid transparent;
  }


  #navigation ul:hover li.active:after {
    display: none;
  }

  #navigation ul:hover li:hover:after {
    display: block !important;
  }
  
  #navigation > ul > li:hover .second-nav{
    display: block;
  }

  @media only screen and (max-height: 660px) {
    header.header {
      overflow: scroll;
    }
    /* #navigation > ul > li:hover .second-nav{
    display: none;
    } */
    #navigation > ul:hover > li:not(:hover) a {
      color: rgba(255,255,255,1) !important;
    }
  }

  #navigation > ul .second-nav {
    position: fixed;
    display: none;
    top: 0;
    background: #ebebeb;
    width: 240px;
    left: 251px;
    bottom: 0;
    border-bottom: 0;
    box-shadow: 3px 0px 5.58px rgba(0, 0, 0, 0.33);
    padding: 0;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
    height: 100%;
    overflow-y: auto;
    z-index: 100000;
  }

  #navigation > ul .second-nav ul {
    padding: 20px;
  }

/*   #navigation > ul .second-nav::-webkit-scrollbar {
  width: 0px;  
  background: transparent;
}

#navigation > ul .second-nav::-webkit-scrollbar-thumb {
  background: #FF0000;
} */

  .second-nav_mobile-bar {
    display: none;
  }

  .mobileMenuState {
    display: block !important;
  }

  
}

@media only screen  and (max-height: 740px) {
  #navigation > ul > li > a {
    font-size: 1rem;
    padding: 5px 0px;
  }
}

@media only screen and (max-width: 899px) {

  .donate-link {
    display: block;
  }
  
  .mobileMenuState {
    background: #26472a;
    border-top: 0;
    bottom: 0;
    display: none;
    margin: 0;
    min-width: 250px;
    overflow: hidden;
    overflow-y: scroll;
    position: fixed;
    right: -100%;
    top: 99px;
    width: 100%;
    z-index: 10005;
    padding: 20px 7px 20px 7px;
    border-top: 1px solid #7c915e;
  }

  .dontate-link {
    display: block;
  }

  .header-section-3 .btn {
    margin-bottom: 20px;
  }

  .header-section-4 {
    position: relative;
    width: 212px;
    margin: 0 auto;
    text-align: center;
  }

  #navigation {
    margin-bottom: 16px;
  }

  #navigation > ul > li {
    text-align: center;
  }

  #navigation > ul .second-nav {
    position: fixed;
    display: block;
    top: 100px;
    background: #ebebeb;
    width: 100%;
    right: -100%;
    border-bottom: 0;
    box-shadow: none;
    padding: 0;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
    z-index: 2;
    overflow: auto;
    bottom: 0;
    height: auto;
  }

  .second-nav_mobile-bar {
    position: relative;
    height: 80px;
    background: #26472a;
    padding-left: 75px;
    width: 100%;
  }

  .second-nav_mobile-bar .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-left: 75px;
    min-width: 300px;
  }

  .menuBackButton {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
  }

  .menuBackButton svg {
    width: 24px;
    fill: #FFF;
    position: initial;
  }

  .second-nav_mobile-bar h3 a{
    color: #FFF;
    color: rgb(255, 255, 255);
    display: block;
    font-family: "Bitter";
    font-size: 1.125rem;
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
  }

  .second-nav_mobile-bar h4 a {
    font-size: 0.8125rem;
    font-family: "Lato";
    color: rgb(124, 145, 94);
    font-weight: bold;
    text-align: left;
    display: block;
  }

  .second-nav_mobile-bar h4 a:after {
    content:  '›';
    margin-left: 5px;
    text-align: left;
  }


  #navigation > ul .second-nav ul {
    padding: 3% 1.5%;
    max-width: 700px;
    margin: 0 auto;
    overflow: auto;
    display: block;
    height: auto;
    position: relative;
  }

  #navigation > ul .second-nav ul:after {
    display: table;
    content: ' ';
    clear: both;
  }

  #navigation > ul .second-nav ul li{
    float: left;
    margin: 0.5%;
    padding-top: 47.2%;
    position: relative;
    width: 49%;
  }

}



/* 
########################################## 
### Dropdown Menu
########################################## 
*/

.dropdown button{
	display: none;
}

@media only screen and (max-width:640px) {

	.dropdown {
		float: 	right;
	}

	.dropdown button{
	  background: #FFF;
	  border-radius: 8px;
	  border: 1px solid #E5E5E5;
	  box-shadow: none;
	  color: orange;
	  margin: 8px 0;
	  padding: 5px 20px;
	  display: block;
	}

	.dropdown button:focus,
	.dropdown button:active{
		outline: none;
		border: 1px solid orange;
	}

	.dropdown ul {
		display: 	none;
		left: 0;
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 100000;
	}

	.dropdown ul li {
		background: orange;
		border-bottom: 1px solid #FFF;
		display: block;
	}

	.dropdown ul li a{
		color: #FFF;
		padding: 7px 10px;
		display: block;
	}
}


/* 
##########################################
### Home Banner
########################################## 
*/

.banner-home {
  position: relative;
  overflow: hidden;
}

.banner-home > div{
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
  padding-top: 65%;
}


.banner-home__overlay {
  background-size: 100% auto;
  position: absolute;
  bottom: -27.7%;
  left: -50px;
  right: 13px;
  width: 109%;
  height: 42%;
  background: #f9f9f5;
  -moz-border-radius: 100px / 50px;
  border-radius: 124%;
  z-index: 100;
  overflow: hidden;
}

.banner-home__text {
  width: 108px;
  height: 104px;
  font-size: 0.8975rem;
  position: absolute;
  right: 10%;
  z-index: 10001;
  bottom: 0;
  border-radius : 100%;
  background: #26472a;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.banner-home__text:hover,
.banner-home__text:focus,
.banner-home__text:active {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgb(163, 185, 131) !important;
}



.banner-home__text .circleIcon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


.banner-home__text:hover .circleIcon ,
.banner-home__text:focus .circleIcon ,
.banner-home__text:active .circleIcon {
  fill: rgb(163, 185, 131) !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


.banner-home__text h2{
  font-family: "Bitter";
  color: rgb(255, 255, 255);
  font-weight: bold;
  z-index: 100111;
  bottom: 0;
  line-height: 1.2;
  text-align: center;
  padding: 24px 10px 0 19px;
  margin: 0;
  transform: rotate(10deg);
  font-size: 0.95rem;
  text-shadow: 0px 2px 3.92px rgba(0, 0, 0, 0.48);
  z-index: 10;
  position: relative;
}

@media only screen and (min-width:768px) {
  .banner-home {
    overflow: hidden;
  }

  .banner-home > div{
    padding-top: 34.08%;
    background: none !important;
    overflow: hidden;
  }
}


/* 
##########################################
### Home Banner
########################################## 
*/

.home-area-h1 {
  font-size: 1.25rem;
  font-family: "Bitter";
  color: rgb(38, 71, 42);
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.home-area-container {
  margin-bottom:  100px;
  position: relative; 
  width:  100%;
}

.home-area-container__arrow-overlap {
  position: absolute;
  left: -0.6375rem;
  right: -0.6375rem;
  bottom:   -70px;
  z-index: 100;
  max-height:   90px;
    -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

.home-area-container__arrow-overlap .large {
  display: none;
}

.home-area-container__arrow-overlap svg {
  max-height: 51px;
}

.home-area {
  max-width:  950px;
  margin:   0 auto;
  padding: 57px 0;
  background: url('../images/icons/box_2.svg') no-repeat;
}

.home-area__item-width {
  display: inline-block;
  width: 100%;
  margin: 0 0px 0 0px;
  padding: 0 0.6375rem;
}

.home-area__item {
  position: relative;
  min-height:   130px;
}

.home-area__item svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  fill: #7c915e;
}

.home-area__item-width:nth-child(even) svg {
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.home-area__item__text {
  position:   relative; 
  z-index:  100;
}

.home-area__item__text h3{
  font-size: 1.033rem;
  font-family: "Bitter";
  color: rgb(38, 71, 42);
  font-weight: bold;
  text-align: center;
  margin: 0 0 12px 0;
}

.home-area__item__text h4{
  color:  #FFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8125rem;
  margin-bottom: 0px;
}

.home-area__item__text h5 {
  color:  #c1d8a1;
  text-align: center;
  font-size: 0.8125rem;
  margin-bottom: 10px;
}

.home-area-container__tagline {
  position: absolute;
  right: 0;
  z-index:  1001;
  width: 100%;
  bottom: -80px;
}

.home-area-container__tagline svg {
    max-width: 455px;
    float: right;
  }


@media only screen and (min-width: 768px) {
  
  .home-area-container__tagline {
    bottom: -75px;
  }

  .home-area-container__arrow-overlap {
    left: 0;
    right: 0;
  }


  .home-area-container__arrow-overlap .small {
    display: none;
  }

  .home-area-container__arrow-overlap .large {
    display: block;
  }

  .home-area-h1 {
    font-size: 1.75rem;
    position: relative;
    top: -20px;
    z-index: 1000;
  }

  .home-area__item {
    padding: 30px 27px;
  }
  .home-area {
    background: none;
    padding: 0;
  }

  .home-area__item-width {
    display: inline-block;
    width: 33.333%;
    margin: 0 -2px 14px -2px;
    padding: 0 0.6375rem;
  }
}

/* 
##########################################
### Events Area Home ( Just the Wrapper )
########################################## 
*/

.events-container {
  margin-bottom: 80px;
  position: relative;
  padding: 0 0 10px 0;
}

.events-container-scroll {
  max-width: 950px;
  margin: 0 auto;
  width: 701px;
}

.events-container__arrow-overlap {
  position: absolute;
  left: -0.6375rem;
  right: -0.6375rem;
  bottom: -48px;
  z-index: 100;
  max-height:   90px;
  -moz-transform: scale(1 , 1);
  -o-transform: scale(1 , 1);
  -webkit-transform: scale(1 , 1);
  transform: scale(1 , 1);
}

.events-container__arrow-overlap .large {
  display: none;
}

.events-container__arrow-overlap svg {
  max-height: 51px;
}

.events-area {
  margin:  0 auto;
  width: 100%;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}


.events-area .ranges-tertiary__range-width {
  width: 228px;
}

.events-area_mw {
   max-width: 953px;
   margin: 0 auto;
   float: none;
}

h3.events-area_header {
  font-size: 1.0625rem;
  font-family: "Bitter";
  color: rgb(38, 71, 42);
  font-weight: bold;
  display: inline-block;
  margin-bottom: 10px;
}

h4.events-area_view-all {
  display: inline-block;
  margin-left: 10px;
  font-size: 0.75rem;
  font-family: "Lato";
  color: rgb(124, 145, 94);
  font-weight: bold;
}
h4.events-area_view-all:hover {
  text-decoration: underline;
}

@media only screen and (min-width: 768px) {
  .events-area {
    width:100%;
    overflow: hidden;
  } 

  .events-container-scroll {
    max-width: auto;
    margin: 0 auto;
    width: 100%;
  }

  .events-container__arrow-overlap {
    left: 0;
    right: 0;
  }

  .events-container__arrow-overlap .small {
    display: none;
  }
  .events-container__arrow-overlap .large {
    display: block;
  }

  .events-container__arrow-overlap {
    display: block;
  }

  .events-area .ranges-tertiary__range-width {
  width: 33.333%;
}

  .events-container {
    overflow: initial;
    -webkit-overflow-scrolling: touch;
    clear: both;
  }
}

/*
##########################################
### Ranges Content Spots 
########################################## 
*/


.ranges-contspots {
  margin-bottom:  100px;
  position: relative; 
  width:  100%;
}

.ranges-contspots__arrow-overlap {
  position: absolute;
  left: -0.6rem;
  right: -0.6rem;
  bottom:   -70px;
  z-index: 10000;
  max-height:   90px;
  -moz-transform: scale( -1, -1 );
  -o-transform: scale( -1, -1 );
  -webkit-transform: scale( -1, -1 );
  transform: scale( -1, -1 );
}

.ranges-contspots__arrow-overlap .large {
  display: none;
}

.ranges-contspots__arrow-overlap svg {
  max-height: 51px;
}

.ranges-contspots-area {
  margin-bottom: 40px;
  margin-top: 0;
  position: relative;
  max-width: 940px;
  margin:  0 auto;
}

.ranges-contspots__range-width {
  width: 100%;
  display: block;
  padding: 0 0.3125rem;
  margin:  0 auto;
  max-width: 500px;
}

.ranges-contspots__range {
  display: block;
  position: relative;
  border-radius: 5px;
  margin-bottom: 13px;
  overflow: hidden;
}



.ranges-contspots__range:after,
.ranges-contspots__range:before {
  clear: both;
  display: table;
  content: ' ';
}

.ranges-contspots__range__image-container a{
  display: block;
}


.ranges-contspots__range__image {
  border-radius: 0;
  display: block;
  margin: 0;
  width: 100%;
  border-radius: 5px 5px 0 0;
}


.ranges-contspots__range__image img{
  width: 100%;
}


.ranges-contspots__range__text-container {
  min-height: 35px;
  background-color: #7c915e;
  display: block;
  width: 100%;
  padding: 20px 19px;
  text-align: center;
}




.ranges-contspots__range__area {
  font-size: 0.75rem;
  font-family: "Bitter";
  color: rgb(38, 71, 42);
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
}


.ranges-contspots__range__title {
  font-size: 1rem;
  font-family: "Bitter";
  color: #FFF;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 24px;
}

.ranges-contspots__range .btn {
  text-align: left;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


@media only screen and (min-width: 500px) {

  .ranges-contspots__range {
    padding-top: 51.5%;
  }

  .ranges-contspots__arrow-overlap {
    left: 0 ;
    right: 0;
  }

  .ranges-contspots__arrow-overlap .large {
    display: block;
  }

  .ranges-contspots__arrow-overlap .small {
    display: none;
  }

  .ranges-contspots__range__text-container {
    min-height: 35px;
    background-color: #7c915e;
    position: absolute;
    text-align: left;
    left: 0;
    bottom: 0;
    border-radius: 0;
    padding: 0;
    top: 0;
    width: 50%;
    padding: 0 19px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }


  .ranges-contspots__range__text-container .centered {
    left: 50%;
    margin-right: -50%;
    padding: 0 19px 0 19px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }

  .ranges-contspots__range__image-container {
    position: absolute;
    left: 48.5%;
    top: 0;
    right: 0;
    margin: 0;
  }
}

@media only screen and (min-width:768px) {
  
  .ranges-contspots__range-width {
    display: inline-block;
    margin: 0 -2px;
    width: 50%;
  }

  .ranges-contspots__range .ranges-contspots__range__text-container:after {
    width: 0;
    content:  ' ';
    height: 100%;
    background-color: #7c915e;
    left: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
  }
  
  .ranges-contspots__range:hover .ranges-contspots__range__text-container:after,
  .ranges-contspots__range:focus .ranges-contspots__range__text-container:after {
    width: 10%;
  }


}


@media only screen and (min-width:768px) {

  .ranges-contspots__range .btn{
    display: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .ranges-contspots__range:focus .btn,
  .ranges-contspots__range:hover .btn,
  .ranges-contspots__range:active .btn {
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

}

@media only screen and (min-width:1200px) {
  .ranges-contspots__range-width {
    width: 50%;
  }
}


/*
##########################################
### Ranges Recipes 
########################################## 
*/


.ranges-recipes {
  margin-bottom: 40px;
  position: relative;
  width:  100%;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}


.ranges-recipes__tagline {
  width: 100%;
  margin: 0 0 10px 0;
  text-align: center;
  position: relative;
  top: -57px;
  z-index: 10001;
  height: 0;
}

.ranges-recipes__tagline svg {
  margin: 0 auto;
  max-width: 264px;
  width: 100%;
  height: auto;
  fill: #28472C;
}

.btn.view-all-recipes {
  margin: 0 auto 32px auto;
  display: block;
  max-width: 160px;
}

.ranges-recipes__arrow-overlap {
  position: absolute;
  left: 0.6375rem;
  right: 0.6375rem;
  bottom:   -70px;
  z-index: 11000;
  max-height:   90px;
    -moz-transform: scale( -1, -1 );
  -o-transform: scale( -1, -1 );
  -webkit-transform: scale( -1, -1 );
  transform: scale( -1, -1 );
}

.ranges-recipes__arrow-overlap svg {
  max-height: 51px;
}

.ranges-recipes-area {
  margin-bottom: 40px;
  margin-top: 0;
  position: relative;
  max-width: 940px;
  width: 800px;
  margin:  0 auto;
}

.ranges-recipes__range-width {
  width: 200px;
  display: inline-block;
  padding: 0 0.3125rem;
  margin: 0 -2px;
}

.ranges-recipes__range {
  display: block;
  position: relative;
  min-height: 120px;
  margin-bottom: 13px;
  padding-top: 0;
  overflow: hidden;
  border: 1px solid #d4dec5;
}



.ranges-recipes__range:after,
.ranges-recipes__range:before {
  clear: both;
  display: table;
  content: ' ';
}
.ranges-recipes__range__image-container {
  padding-top: 151%;
  position: relative;
}


.ranges-recipes__range__image {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}


.ranges-recipes__range__image img{
  width: 100%;
}




.ranges-recipes__range__text-container {
  min-height: 35px;
  background-color: #FFF;
  border-radius: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ranges-recipes__range__text-container .centered {

}


.ranges-recipes__range__info {
  font-size: 0.75rem;
  font-family: "Lato";
  color: rgb(124, 145, 94);
}


.ranges-recipes__range__title {
  font-size: 1rem;
  font-family: "Bitter";
  color: #26472a;
  font-weight: bold;

}

.ranges-recipes__range .btn {
  text-align: left;
  margin-top: 10px;
  display: inline-block;
}


@media only screen and (min-width:768px) {
  .ranges-recipes__range-width {
    width: 50%;
  }
  
  .ranges-recipes__tagline {
    top: -57px;
    z-index: 100000;
    width: 100%;
    max-width: 321px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    position: relative;
    height: 0px;
  }

  .ranges-recipes__range__image-container {
    padding-top: 120%;
  }


  .ranges-recipes {
    overflow: initial;
    -webkit-overflow-scrolling: touch;
  }

  .ranges-recipes-area {
    width: 100%;
  }

  .ranges-recipes__range .btn{
    display: none;
  }

  .ranges-recipes__range:focus .btn,
  .ranges-recipes__range:hover .btn,
  .ranges-recipes__range:active .btn {
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

}

@media only screen and (min-width:1200px) {
  .ranges-recipes__range-width {
    width: 25%;
  }
}




/* 
##########################################
### Banner
########################################## 
*/

.banner {
  margin-bottom: 26px;
}

.banner .desktop {
  background-position: center center;
  background-size: cover;
  height: 177px;
  width: 100%;
}

@media only screen and (min-width:900px) {
  .banner .desktop {
    border-left: 1px solid #fff;
  }
}


@media only screen and (max-width:767px) {
	.banner {
	  display: none;
	}	
}

/* 
##########################################
### Breadcrumbs
########################################## 
*/

.breadcrumbs {
  font-family: 'Lato', arial, sans-serif;
  font-size: 0.625rem;
  list-style-type: none;
  margin: 24px 0 20px 0;
  padding: 0;
  text-align: left;
}

.breadcrumbs__item {
  display: inline-block;
}

.breadcrumbs__item::after {
  content: '›';
  padding: 0 0;
  display: inline-block;
  color: #7c915e;
  position: relative;
  top: 0px;
  font-size: 0.6875rem;
  margin: 0 1px 0 2px;
  font-family: 'Bitter';
}

.breadcrumbs__item:last-child::after {
  content: '';
  color: red;
}

.breadcrumbs__item__link,
.breadcrumbs__item__no-link {
  color: #7c915e;
  display: inline-block;
  font-weight: 400;
  text-transform: capitalize;
}

.breadcrumbs__item__link:hover,
.breadcrumbs__item__link:focus,
.breadcrumbs__item__link:active {
  color: #7c915e;
  text-decoration: underline;
}


@media only screen and (min-width: 768px) {

  .breadcrumbs {
    margin: 0 0 32px 0;
    font-size: 0.75rem;
  }

  .breadcrumbs__item__link,
  .breadcrumbs__item__no-link {
  }

  .breadcrumbs__item::after {
    padding: 0 3px;
  }
}


/* 
##########################################
### Event Sidebar
########################################## 
*/

.event-sidebar {
  display: none;
}

@media only screen and (min-width:1100px) {
  .event-sidebar {
    display: block;
    width: 209px;
    position: absolute;
    right: 0;
    top: 0;
  }

  .event-sidebar__padding {
    padding-right: 300px;
    min-height: 650px;
    z-index: 10000;
  }
  
  .event-sidebar h3.main {
    font-size: 1.0625rem;
    font-family: "Bitter";
    color: rgb(38, 71, 42);
    font-weight: bold;
    display: inline-block;
    margin-bottom: 20px;
  }

  .event-sidebar h4 {
    display: inline-block;
    margin-left: 10px;
    font-size: 0.75rem;
    font-family: "Lato";
    color: rgb(124, 145, 94);
    font-weight: bold;
  }

  .event-sidebar h4:hover a {
    text-decoration: underline;
  }

  .event-sidebar h4:after {
    content: '›';
    margin-left: 5px;
  }
}

/* 
##########################################
### Article
########################################## 
*/

.article{
  display: block;
}

.article::after {
  clear: both;
  content: " ";
  display: table;
}

.article h1 {
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
}

.article h2 {
  color: rgb(38, 71, 42);
  font-family: "Bitter";
  line-height: 1.438;
  margin: 0 auto 40px auto;
  max-width: 709px;
  padding: 0;
  text-align: center;
}

.article h2.related {
  font-size: 1.75rem;
  font-family: "Bitter";
  color: rgb(163, 185, 131);
  font-weight: bold;
  text-align: left;
  margin: 0;
}

.article h2.related span {
  color: #26472a;
}


.article h2 span{
  font-weight: 600;
}

.article h3 {
  margin: 0 0 16px 0;
  padding: 0;
  font-weight: bold;
}

.article h3 a{
  color: #7c915e;
  text-decoration: underline;
}

.article h4 {
  margin: 4px 10px 0 10px;
  color: #26472a;
}

.article h4 a{
  color: #7c915e;
  text-decoration: none;
}

.article h4.date {
  font-size: 12px;
  font-family: "Lato";
  color: rgb(124, 145, 94);
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}





.article h4 a:hover{
  color: #7c915e;
  text-decoration: underline;
}


.article p,
.article ol,
.article ul,
.article dl {
  font-size: 0.875rem;
  font-weight: 400;
  margin:20px 0;
  font-family: "Lato";
  color: #26472a;
}
.article p a,
.article p a:visited{
  font-size: 1em;
  color: #7c915e;
  font-weight: normal;
  text-decoration: underline;
}

.article p a:focus,
.article p a:hover {
  color: #7c915e;
}

.article p img{
  margin:10px 0;
}


.article ul,
.article ol {
  margin: 0.5rem 0 1rem 3rem;
  padding: 0;
}

.article > ul a,
.article > ol a {
  color: #7c915e;
  text-decoration: underline;
}

.article > ul > ul,
.article > ol > ol,
.article ul ol,
.article > ol > ul,
.article > ul > p,
.article > ol > p,
.article > dl > ul {
  font-size: 1em;
}

.article > ul > ul,
.article > ol > ul {
  list-style: disc;
}

.article > ul > ul,
.article > ol > ul,
.article > ol > ol,
.article > ul > ol {
  margin-top: 0.5em;
}

.article > ul > li,
.article > ol > li {
  margin-top: 0.4em;
}

.article > dl {
  margin: 1em 0 0 0;
}

.article ul a,
.article ol a {
  text-decoration: underline;
}

#ytplayer-container {
  text-align: center;
}


#ytplayer-container iframe{
   max-width: 100%;
}


/*
##########################################
### Article Alternative Header
########################################## 
*/

.article__alt-header {
  background-color: #7c915e;
  text-align: center;
  padding: 38px 0;
  margin-bottom: 36px;
}

h2.article__alt-header__price {
  font-size: 1.25rem;
  font-family: "Bitter";
  color: rgb(255, 255, 255);
  font-weight: bold;
  margin-bottom: 0px;
}


h2.article__alt-header__date {
  font-size: 1.25rem;
  font-family: "Bitter";
  color: rgb(255, 255, 255);
  font-weight: bold;
  margin-bottom: 20px;
}





/*
##########################################
### Article Images
########################################## 
*/
.article-images {
  width: 100%;
}

#article-images {
  width: 100%;
}

#article-images:after,
#article-images:before {
  clear: both;
  content:  ' ';
  display: table;
}

#article-images .images{
  border: 0px solid #9b9b9b;
}


#article-images .slick-list {
  overflow:hidden !important;
}

#article-images .slide,
#article-images .slide .relative {
  outline:none !important;
  overflow: hidden;
}

#article-images .slide {
  display: block;
}

#article-images .slide__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: url('../images/icons/photo_frame.svg') no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


#article-images .slide a:hover .slide__overlay {
  background: rgba(163,185,131,0.5) url('../images/icons/photo_frame.svg') no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#article-images .slide a {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

#article-images .slide a svg {
  opacity: 0;
  transition: 0.3s opacity ease-in-out;
  left: 50%;
  margin-right: -50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  fill: #26472a;
  z-index: 1000;
}

#article-images .slide a:hover svg,
#article-images .slide a:active svg{
  display: block;
  opacity: 1;
  fill: #26472a;
  transition: 0.3s opacity ease-in-out; 
}

#article-images .slide img{
  height: 100%;
  display: block;
  margin: 0;
  position:absolute;
  top:0;
  max-width: initial;
  margin:0 auto;
  left: 50%;
  transform: translate(-50%, 0);
  bottom:0;
}


#article-images .slick-slider {
  margin:0;
}

#article-images .slider { display: none; }
#article-images .slider.slick-initialized { display: block; }

#article-images .slider-controls {
  height: 35px;
  text-align: center;
}

/* arrows */
#arrows-latch-3 {
  left: initial;
  position: relative;
  right: initial;
  height: 0;
  z-index: 1000;
}
  

#article-images .slick-prev,
#article-images .slick-next {
  background: transparent;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  float: left;
  height: 35px;
  line-height: 0;
  outline: none;
  padding: 0;
  position: initial;
  bottom: 0;
  margin:0 0 0 0;
  width: 35px;
  position: absolute;
  float: left;
  top: 0%;
  clear: both;
  z-index: 1000;
}


#article-images .slick-prev {
  display: inline-block !important;
  left: initial;
  float: left;
  position: absolute;
  left: 33%;
  top: -40px;
  right: 30px;
  width: 26px;
  height: 35px;
  background:  url('../images/icons/arrow.svg') no-repeat;
  background-position: center ;
}

#article-images .slick-next {
  display: inline-block !important;
  float: left;
  left: initial;
  position: absolute;
  right: 32%;
  top: -40px;
    width: 26px;
  height: 35px;
  transform: rotate(180deg);
  background:  url('../images/icons/arrow.svg') no-repeat;
  background-position: center ;
}


@media only screen and (max-width:700px) {
  
  #article-images .slick-prev {
    left: 20%;
  }

  #article-images .slick-next {
    right: 20%;
  }
}

#article-images .slick-prev:hover,
#article-images .slick-prev:focus,
#article-images .slick-next:hover,
#article-images .slick-next:focus {
  color: transparent;
  outline: none;
}

#article-images .slick-prev:hover:before,
#article-images .slick-prev:focus:before,
#article-images .slick-next:hover:before,
#article-images .slick-next:focus:before {
  opacity: 1;
}

#article-images .slick-prev.slick-disabled:before,
#article-images .slick-next.slick-disabled:before {
  opacity: .25;
}

#article-images .slick-prev:before, 
#article-images .slick-next:before {

}


#article-images .slick-prev:before {
  content: ' ';
}

#article-images .slick-next:before {
  content: ' ';
}

#article-images .carousel-relative {
  position: relative;
  height: 100%;
}

#dots-latch-3 {
  display: inline-block;
  height: 35px;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  right: 0;
  text-align: center;
  /* width: 100%; */
  z-index: 9000;
  margin: 0 auto;
}

#article-images .slick-dotted.slick-slider {
  margin-bottom: 0;
}

#article-images .slick-dots {
  bottom: 0;
  height: 37px;
  margin: 0;
  padding: 0;
  padding: 0px;
  text-align: center;
  display: inline-block;
  display: block;
  position: relative;
}

#article-images .slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 0 5px;
  padding: 0;
  width: 10px;
  /* float: left; */
  text-align: center;
}

#article-images .slick-dots li button {
  background: transparent;
  border-radius: 100%;
  border: 0;
  border: 2px solid #7c915e;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 10px;
  line-height: 0;
  outline: none;
  padding: 5px;
  width: 10px;
}

#article-images .slick-dots li.slick-active button{
  border: 2px solid #7c915e;
  background: #7c915e;
}

#article-images .slick-dots li button:hover,
#article-images .slick-dots li button:focus {
  outline: none;
}

#article-images .slick-dots li button:hover:before,
#article-images .slick-dots li button:focus:before {
  opacity: 1;
}

#article-images .slick-dots li button:before {
  display: none;
}

#article-images .slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
} 


.article-images {
  max-width: 500px;
  margin: 0 auto;
}

@media only screen and (min-width:768px) {
  #dots-latch-3 {
    bottom: 0;
  }
}


@media only screen and (max-width:800px) {

}

/*
##########################################
### Ranges Primary
########################################## 
*/

.ranges-primary {
  margin-bottom: 40px;
  margin-top: 0;
  position: relative;
}

.ranges-primary__range {
  display: block;
  margin-bottom: 0;
  position: relative;
}



.ranges-primary__range:after,
.ranges-primary__range:before {
  clear: both;
  display: table;
  content: ' ';
}



.ranges-primary__range__image-container {
  display: block;
  position: relative;
  margin: 0 -1.25rem;
  overflow:hidden;
}

.ranges-primary__range__image-container a{
  display: block;

}

.ranges-primary__range__image-overlay {
  background: url('../images/icons/photo_frame.svg') no-repeat;
  height: 100%;
  position: absolute;
  width: 100%;
}

.ranges-primary__arrow-overlap {
  margin: 0;
}

.ranges-primary__arrow-overlap .large {
  display: none;
}

.ranges-primary__range:last-child .ranges-primary__arrow-overlap{
  display: none;
}

.ranges-primary__range__image {

}


.ranges-primary__range__title {
  font-size: 23px;
  font-family: "Bitter";
  color: rgb(38, 71, 42);
  font-weight: bold;
  margin-bottom: 10px;
  max-width: 437px;
}

.ranges-primary__range__title a {
  color: rgb(38, 71, 42);
  display: block;
}

.ranges-primary__range__title a:hover,
.ranges-primary__range__title a:focus,
.ranges-primary__range__title a:active {
  color:  #A3B983 ;
}



.ranges-primary__range__summary {
  font-size: 14px;
  font-family: "Bitter";
  color: rgb(38, 71, 42);
  font-weight: 400;
  max-width: 437px;
}


.ranges-primary__range-alt .ranges-primary__arrow-overlap {
  -moz-transform: rotate(180deg) scale(1, -1);
  -o-transform: rotate(180deg) scale(1, -1);
  -webkit-transform: rotate(180deg) scale(1, -1);
  transform:  rotate(180deg) scale(1, -1) ; 
}




@media only screen and (min-width:640px) {

  .ranges-primary__range {
    margin-bottom: 0;
    min-height: 376px;
    padding-left: 384px;
  }

  .ranges-primary__range__image-container {
    width: 376px;
    height: 376px;
    position: absolute;
    left: 0;
    top: 0;
    float: left;
    margin: 0;
    z-index: 20;
  }

  
  .ranges-primary__arrow-overlap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    -moz-transform: scale(-1, -1) rotate(-3deg);
    -o-transform: scale(-1, -1) rotate(-3deg);
    -webkit-transform: scale(-1, -1) rotate(-3deg);
    transform: scale(-1, -1) rotate(-3deg);
  }

  .ranges-primary__arrow-overlap .small {
    display: none;
  }

  .ranges-primary__arrow-overlap .large {
    display: block;
  }

  .ranges-primary__range__text-container {
    float: left;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
  }

  .ranges-primary__range-alt {
    padding-right: 384px;
    padding-left: 0px;
  }

  .ranges-primary__range-alt .ranges-primary__range__image-container {
    left: auto;
    right: 0;
  }


  .ranges-primary__range-alt .ranges-primary__range__text-container {
    text-align: right;
    float: left;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    padding-right: 384px;
    max-width: 1100px;
  }

  .ranges-primary__range-alt .ranges-primary__arrow-overlap {
    -moz-transform:scale(1, -1) rotate(-5deg);
    -o-transform:scale(1, -1) rotate(-5deg);
    -webkit-transform:scale(1, -1) rotate(-5deg);
    transform: scale(1, -1) rotate(-5deg);
    bottom: -17%;
  }

}

/*
##########################################
### Ranges Secondary
########################################## 
*/

.ranges-secondary {
  margin-bottom: 40px;
  margin-top: 0;
  position: relative;
  margin-top: 80px;
}

.ranges-secondary__arrow-overlap {
  position: absolute;
  left: 0.6375rem;
  right: 0.6375rem;
  top: -70px;
  z-index: 11000;
  max-width: 1100px;
}

.ranges-secondary__arrow-overlap svg{
  -moz-transform:  rotate(180deg) scale(1,-1);
  -o-transform:  rotate(180deg)  scale(1,-1);
  -webkit-transform:  rotate(180deg)  scale(1,-1);
  transform:   rotate(180deg)  scale(1,-1);
  max-height: 51px;
}

.ranges-secondary__range {
  display: block;
  margin-bottom: 20px;
  position: relative;
  min-height: 120px;
  padding-left: 120px;
}



.ranges-secondary__range:after,
.ranges-secondary__range:before {
  clear: both;
  display: table;
  content: ' ';
}



.ranges-secondary__range__image-container {
  position: relative;
  margin: 0 -1.25rem;
  width: 120px;
  height: 120px;
  position: absolute;
  left: 0;
  top: 0;
  float: left;
  margin: 0;
}

.ranges-secondary__range__image-overlay {
  background: url('../images/icons/photo_frame.svg') no-repeat;
  height: 100%;
  position: absolute;
  width: 100%;
}


.ranges-secondary__range__image {

}

.ranges-secondary__range__text-container {
  float: left;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}


.ranges-secondary__range__title {
  font-size: 1.0625rem;
  font-family: "Bitter";
  color: rgb(38, 71, 42);
  font-weight: bold;
  margin-bottom: 10px;
}

.ranges-secondary__range__title a {
  color: rgb(38, 71, 42);
  display: block;
}

.ranges-secondary__range__title a:hover,
.ranges-secondary__range__title a:focus,
.ranges-secondary__range__title a:active {
  color:  #A3B983 ;
}

.ranges-secondary__range__summary {
  display: none;
}




@media only screen and (min-width:640px) {

  .ranges-secondary__range {
    margin-bottom: 0;
    min-height: 240px;
    padding-left: 240px;
    max-width: 678px;
  }

  .ranges-secondary__range__image-container {
    width: 240px;
    height: 240px;
  }

  .ranges-secondary__range__title {
    font-size: 23px;
  }



  .ranges-secondary__range__summary {
    font-size: 14px;
    font-family: "Bitter";
    color: rgb(38, 71, 42);
    font-weight: 400;
    display: block;
  }

}



/*
##########################################
### Ranges Tertiary
########################################## 
*/

.ranges-tertiary {
  margin-bottom: 40px;
  margin-top: 0;
  position: relative;
  max-width: 1100px;
  margin:  0 auto;
  clear: both;
}

.ranges-tertiary__range-width {
  width: 100%;
  display: inline-block;
  padding: 0 0.675rem;
  margin: 0 -2px;
}

.ranges-tertiary__range {
  display: block;
  position: relative;
  min-height: 120px;
  border-radius: 5px;
  margin-bottom: 20px;
  padding-top: 85.3%;
  overflow: hidden;
}

.ranges-tertiary__range a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.ranges-tertiary__range:after,
.ranges-tertiary__range:before {
  clear: both;
  display: table;
  content: ' ';
}
.ranges-tertiary__range__image-container {
  position: relative;
  margin: 0 -1.25rem;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  border-radius: 5px;
  bottom: 0;
}

.ranges-tertiary__range__image {
  border-radius: 5px;
  width: 100%;
}


.ranges-tertiary__range__image img{
  width: 100%;
  border-radius: 5px;
}


.ranges-tertiary__range__flag {
  position: absolute;
  height: 58px;
  width: 43px;
  top: 0;
  right: 5%;
}

.ranges-tertiary__range__flag svg{
  fill: #7c915e;
}


.ranges-tertiary__range__date {
  font-size: 0.6875rem;
  font-family: "Bitter";
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.231;
  text-align: center;
  position: absolute;
  top: 12px;
  width: 43px;
}



.ranges-tertiary__range__text-container {
  min-height: 35px;
  background-color: #26472a;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 0 5px 5px;
  padding: 7px 13px;
}


.ranges-tertiary__range__title {
  font-family: "Bitter";
  color: #FFF;
  font-weight: bold;
  font-size: 0.8215rem;
  margin: 0;
}

.ranges-tertiary__range__price {
  font-size: 1.0625rem;
  font-family: "Bitter";
  color: #a3b983;
  font-weight: bold;
  font-size: 0.8215rem;
  margin: 0;
  display: block;
}

.ranges-tertiary__range__summary {
  display: none;
}




@media only screen and (min-width:500px) {
  
  .ranges-tertiary__range-width {
    width: 50%;
  }

}


@media only screen and (min-width:800px) {

  .ranges-tertiary__range__price {
    display: none;
  }

  .ranges-tertiary__range:focus .ranges-tertiary__range__price,
  .ranges-tertiary__range:hover .ranges-tertiary__range__price,
  .ranges-tertiary__range:active .ranges-tertiary__range__price {
    display: block;
  }

}

@media only screen and (min-width:1200px) {
  .ranges-tertiary__range-width {
    width: 33.333%;
  }
}

/*
##########################################
### Ranges Quaternary
########################################## 
*/

.ranges-quaternary {
  margin-bottom: 40px;
  margin-top: 0;
  position: relative;
  max-width: 1100px;
}

.ranges-quaternary__range {
  display: block;
  margin-bottom: 30px;
  position: relative;
  min-height: 120px;
  padding-left: 120px;
}



.ranges-quaternary__range:after,
.ranges-quaternary__range:before {
  clear: both;
  display: table;
  content: ' ';
}



.ranges-quaternary__range__image-container {
  position: relative;
  margin: 0 -1.25rem;
  width: 120px;
  height: 120px;
  position: absolute;
  left: 0;
  top: 0;
  float: left;
  margin: 0;
  overflow: hidden;
}

.ranges-quaternary__range__image-overlay {
  background: url('../images/icons/photo_frame.svg') no-repeat;
  height: 100%;
  position: absolute;
  width: 100%;
}


.ranges-quaternary__arrow-overlap .large {
  display: none;
}

.ranges-quaternary__range:last-child .ranges-quaternary__arrow-overlap{
  display: none;

}

.ranges-quaternary__range__image {

}

.ranges-quaternary__range__text-container {
  float: left;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}


.ranges-quaternary__range__date {
  font-size: 12px;
  font-family: "Lato";
  color: rgb(124, 145, 94);
  font-weight: bold;
}


.ranges-quaternary__range__title {
  font-size: 1.0625rem;
  font-family: "Bitter";
  color: rgb(38, 71, 42);
  font-weight: bold;
  margin-bottom: 10px;
}

.ranges-quaternary__range__title a{
  color: rgb(38, 71, 42);
}

.ranges-quaternary__range__title a:hover,
.ranges-quaternary__range__title a:focus,
.ranges-quaternary__range__title a:active{
  color: rgb(124, 145, 94);
}

.ranges-quaternary__range__summary {
  display: none;
}

.ranges-quaternary__arrow-overlap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  z-index: 11000;
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

.ranges-quaternary__range-alt .ranges-quaternary__arrow-overlap {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}


@media only screen and (min-width:640px) {

  .ranges-quaternary__range {
    margin-bottom: 0;
    min-height: 160px;
    padding-left: 180px;
    margin-bottom: 80px;
  }

  .ranges-quaternary__range__image-container {
    width: 160px;
    height: 160px;
  }

  .ranges-quaternary__range__title {
    font-size: 1.4375rem;
    font-weight: bold;
    margin-bottom: 8px;
  }



  .ranges-quaternary__range__summary {
    display: block;
    color: rgb(38, 71, 42);
    font-family: "Bitter";
    font-size: 0.875rem;
    font-weight: 400;
    max-width: 580px;
    margin-bottom: 8px;
  }



  .ranges-quaternary__arrow-overlap {
    bottom: -60px;
  }

  .ranges-quaternary__arrow-overlap .small {
    display: none;
  }

  .ranges-quaternary__arrow-overlap .large {
    display: block;
  }

  

}



/* 
##########################################
### Downloads
########################################## 
*/


.downloads--center {
  max-width: 653px;
  display: block;
  margin: 0 auto;
}

.downloads {
  padding-top: 23px;
  margin-bottom: 65px;
  position: relative;
  margin-top: 80px;
  z-index: 10000;
}

.downloads__arrow-overlap {
  position: absolute;
  left: 0;
  right: 0;
  top: -45px;
  z-index: 11000;
  max-width: 1100px;
}

.downloads__arrow-overlap svg{
  -moz-transform:  rotate(180deg) scale(1,1);
  -o-transform:  rotate(180deg)  scale(1,1);
  -webkit-transform:  rotate(180deg)  scale(1,1);
  transform:   rotate(180deg)  scale(1,1) ; 
  max-height: 51px;
}

.downloads__header {
  margin: 0 0 16px 0;
  padding: 0;
  font-weight: bold;
}

.downloads:after {
  clear: both;
  display: table;
  content: ' ';
}

.downloads__item {
  position: relative;
  min-height: 46px;
  max-width: 800px;
  z-index: 1000;
}

.downloads__item:hover .downloads__item__text,
.downloads__item:focus .downloads__item__text,
.downloads__item:active .downloads__item__text{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.downloads__item:hover .downloads__item__icon svg,
.downloads__item:focus .downloads__item__icon svg,
.downloads__item:active .downloads__item__icon svg{
  
}


.downloads__item__link {
  background-color: #7c915e;
  border-radius: 5px;
  color: #888787;
  display: block;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
  min-height: 38px;
  padding-left: 42px;
  position: relative;
  text-align: left;
  font-size: 13px;
  font-family: "Bitter";
  color: rgb(255, 255, 255);
  font-weight: bold;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


.downloads__item__link:hover,
.downloads__item__link:focus,
.downloads__item__link:active {
  background-color: #26472a;
  color: #FFF;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.downloads__item__link::after {
  clear: both;
  display: table;
  content: ' ';
}


.downloads__item__icon{
  background-color: transparent;
  bottom: 0;
  font-size: 1.633rem;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 42px;
  border-radius: 5px;
}
  
.downloads__item__icon svg{
  fill: #a3b983;
  width: 19px;
  height: 19px;
  margin: 0 auto;
  position: absolute;
  transform: translate(0, -50%);
  top: 52%;
  left: 11px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.downloads__item__text {
  padding: 10px 40px 10px 0;
  width: 100%;
  font-size: 0.8125rem;
  text-align: left;
  text-shadow: 0px 2px 3.92px rgba(0, 0, 0, 0.48);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.downloads__item__text span {
  font-family: "Lato";
  font-weight: 400;
  margin-left: 10px;
}



/* 
##########################################
### Form
########################################## 
*/

#contact {
  max-width: 950px;
  margin:0 auto;
}

#downloads {
  max-width: 950px;
  margin:0 auto;
}

#unsubscribe {
  max-width: 600px;
  margin:0 auto;
}

form.main-form {
  padding: 1rem 0;
}

form.main-form::before,
form.main-form::after {
  clear: both;
  content: ' ';
  display: table;
}

form.main-form .denotes p span {
  color: #111111;
}

.main-form label {
  font-size: 0.875rem;
  font-family: "Bitter";
  color: rgb(124, 145, 94);
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 8px;
  display: block;
}

form.main-form label b {
  color: #000001;
  font-weight: 500;
}

form.main-form input:not([type="radio"]):not([type="checkbox"]),
form.main-form textarea,
form.main-form select {
  -webkit-appearance:none;
  background-color: #FFF;
  border: 1px solid #7c915e;
  margin-bottom: 21px;
  border-radius: 0;
  min-height: 36px;
  padding: 0.35rem 0.75rem;
  width:100%;
  display: block;
  font-size: 0.875rem;
  color: rgb(18, 18, 18);
  transition: .3s all cubic-bezier(.275,0,0,1);
  transition: .3s all cubic-bezier(.275,0,0,1);
  transition: .3s all cubic-bezier(.275,0,0,1),.8s all cubic-bezier(.275,0,0,1);
}


form.main-form input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
form.main-form input[type="number"] {
-moz-appearance: textfield;
}


form.main-form  ::-webkit-input-placeholder {
  color: #444444;
  opacity: 0.5;
  font-size: 0.75rem;
  font-weight: 600;
}
form.main-form  ::-moz-placeholder {
  color: #444444;
  opacity: 0.5;
  font-size: 0.75rem;
  font-weight: 600;
}
form.main-form  :-ms-input-placeholder {
  color: #444444;
  opacity: 0.5;
  font-size: 0.75rem;
  font-weight: 600;
}
form.main-form  :-moz-placeholder { 
  color: #444444;
  opacity: 0.5;
  font-size: 0.75rem;
  font-weight: 600;
}

form.main-form input:not([type="radio"]):not([type="checkbox"]):focus,
form.main-form textarea:focus,
form.main-form select:focus  {
  outline: none;
  box-shadow: 0px 2px 3.92px 0.08px rgba(0, 0, 0, 0.48);
  transition: .3s all cubic-bezier(.275,0,0,1);
  transition: .3s all cubic-bezier(.275,0,0,1);
  transition: .3s all cubic-bezier(.275,0,0,1),.8s all cubic-bezier(.275,0,0,1);
}

form.main-form select {
  background: #FFF url('../images/icon_select.gif') center right no-repeat;
  -webkit-appearance:none;
  appearance:none;
}

form.main-form textarea {
  min-height: 146px;
  max-width: 100%;
}


form#contact .label-code {
  display: inline-block;
  color: #999999;
  width: auto;
  height: 37px;
  line-height: 3;
  vertical-align: top;
  margin: 0 3px 10px 0;
  padding: 0;
  font-size: 0.75rem;
  color: rgb(255, 255, 255);
}

form.main-form .contact_validation {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
form.main-form .contact_validation img {
  margin-right:1%;
  width: 24%;
  max-width: 36.1px;
}

.main-form p.denotes{
  font-size: 0.75rem;
  padding: 0;
  font-weight: 400;
  font-family: "Lato";
  color: rgb(38, 71, 42);
  margin: 20px 0 0 0;
}

.main-form .store-info {
  position: relative;
  margin-bottom: 40px;
  padding-left: 27px;
  padding-right: 27px;
}

.main-form .store-info__label {
  font-size: 0.75rem;
  color: rgb(18, 18, 18);
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-transform: initial;
  font-size: 0.6875rem;
  font-family: "Lato";
  color: rgb(18, 18, 18);
  max-width: 320px;
}

.main-form .store-info .btn {
  margin: 0 auto;
  text-align: center;
}

.main-form .store-info__input {
  left: 0;
  position: absolute; 
  top: 8px;
  transform: translate(0, -50%);
}

.main-form .verfication-box input {
  max-width: 140px;
}

.main-form .store-info .btn {
  display: block;
  margin: 20px auto 0 auto;
  text-align: center;
}


.g-recaptcha {
  margin: 10px 0 20px 0;
}



.form__denotes {
  padding:0;
  color: #5e5d5f;
  font-size: 0.75rem;
  font-family: 'Bitter';
  font-weight: 600;
  margin: 0 0 20px 0;
}

.form__gdpr p{
  padding:0;
  color: #5e5d5f;
  font-size: 0.75rem;
  font-family: 'Bitter';
  font-weight: 600;
  margin: 0 0 20px 0;
}

.form__gdpr p a:hover {
  text-decoration: underline;
}

.form__store-info {
  display: block;
}

.form__store-info__label {
  color: #2b3f4e;
  font-size: 0.933rem;
  font-family: 'Bitter';
  font-weight: 700;
  display: inline-block;
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
  position: relative;
}

.form__store-info__input {
  position: absolute;
  top: 4px;
  left:0;
  margin-right: 5px;
}

.btn.form__submit {
  margin-top: 20px;
  float: right;
}

.form__forgotten {
  color: #b2b3b3;
  font-size: 0.75rem;
  font-family: "Bitter";
  margin: -10px 0 0 0;
  display: inline-block;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
}

.form__forgotten:hover,
.form__forgotten:focus {
  color: #6dc9c6;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
}


@media screen and (min-width: 360px){
  .verfication-box {
    position: relative;
    padding-left: 180px;
  }

  .verfication-box__code {
    position: absolute;
    width: 232px;
    left: 0;
    top: 0;
  }
}

@media screen and (min-width: 440px){

  .main-form .store-info .btn {
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .main-form .store-info {
    padding-right: 120px;
  }

}

@media screen and (min-width: 768px){
  form.main-form {
    margin-bottom: 40px;
  }
}



/* 
##########################################
### Contact
########################################## 
*/

.map-area {
  height: auto;
  position: relative;
  border-radius: 5px;
  background-color: #FFF;
  margin-bottom: 35px;
}

.map-area__information {
  width: 100%;
  background-color: #26472a;
  display: block;
  height: 100%;
  padding: 28px 17px 28px 17px;
  border-radius: 0 0 5px 5px;
  text-align: center;
}

h2.map-area__information__name {
  font-size: 1.1875rem;
  font-family: "Bitter";
  color: rgb(163, 185, 131);
  font-weight: bold;
  margin: 0;
  text-align: center;
}

h3.map-area__information__address {
  color: #FFF;
  font-family: "Bitter";
  font-size: 0.875rem;
  font-weight: bold;
  margin: 0 0 14px 0;
  text-align: center;
}

#map {
  width: 100%;
  height: 300px;
  border-radius: 5px 0 0 5px;
}

@media only screen and (min-width: 768px) {

  #map {
    width: 100%;
    height: 100%;
    border-radius: 5px 0 0 5px;
  }

  .map-area {
    height: 350px;
    padding-right: 292px;
    max-width: 915px;
    margin: 0 auto 35px auto;
  }

  .map-area__information {
    border-radius: 0 5px 5px 0;
    width: 292px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    text-align: left;
    padding: 115px 17px 28px 17px;
  }


  h2.map-area__information__name {
    text-align: left;
  }

  h3.map-area__information__address {
    text-align: left;
  }
}




.contact-area__item__text h4 a{
  color: #FFF;
}

.contact-area__item__text h4 a:hover,
.contact-area__item__text h4 a:active,
.contact-area__item__text h4 a:focus,
.contact-area-container {
  margin-bottom:  100px;
  position: relative; 
  color: #FFF;
  width:  100%;
}

.contact-area-container__arrow-overlap {
  position: absolute;
  left: 0.6375rem;
  right: 0.6375rem;
  bottom:   -70px;
  z-index: 11000;
  max-height:   90px;
}

.contact-area-container__arrow-overlap svg {
  max-height: 51px;
}

.contact-area {
  max-width:  950px;
  margin:   0 auto;
}



.contact-area__item-width {
  display: inline-block;
  width: 100%;
  margin: 0 0px 14px 0px;
  padding: 0 0.6375rem;
}

.contact-area__item {
  padding: 20px 30px;
  position: relative;
  min-height:   130px;
}

.contact-area__item svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  fill: #7c915e;
}

.contact-area__item-width:nth-child(even) svg {
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.contact-area__item__text {
  position:   relative;
  z-index:  100;
  word-break: break-all;
}

.contact-area__item__text h3{
  font-size: 1.088rem;
  font-family: "Bitter";
  color: rgb(38, 71, 42);
  font-weight: bold;
  margin: 0 0 12px 0;
}

.contact-area__item__text h4{
  padding: 0;
  color: #26472a;
  font-weight: bold;
  padding: 0;
  margin: 0;
  font-size: 0.75rem;
  letter-spacing: 0.3px;
}


@media only screen and (min-width: 800px) {


  .contact-area__item {
    padding: 30px 40px;
  }
  
  .contact-area__item__text h4 {
    font-size: 0.875rem;
  }

  .contact-area__item-width {
    display: inline-block;
    width: 50%;
    margin: 0 -2px 14px -2px;
    padding: 0 0.6375rem;
  }
}

/* 
##########################################
### News Page Select bar
########################################## 
*/

.blog-bar {
  width: 100%;
  margin-bottom: 11px;
  display: block;
  max-width: 1100px;
}

.blog-bar::after,
.blog-bar::before {
  clear: both;
  display: table;
  content: ' ';
}


#items_per_page {
  float: right;
}

.refine-selects {
  display: block;
  width: 100%;
}


.refine-selects label {
  display: none;
}

.refine-selects select {
  background-color: #FFF;
  border: 1px solid #a3b983;
  border-radius: 0;
  color: #26472a;
  display: inline-block;
  font-size: 0.875rem;
  margin-bottom: 21px;
  min-height: 36px;
  padding: 0.35rem 0.75rem;
  -webkit-appearance:none;
  appearance:none;
  background: #FFF url('../images/icon_select.gif') center right no-repeat;
  transition: .8s all cubic-bezier(.275,0,0,1);
  transition: .8s all cubic-bezier(.275,0,0,1);
  transition: .8s all cubic-bezier(.275,0,0,1),.8s all cubic-bezier(.275,0,0,1);
  width: 100%;
  font-weight: bold;
}

.year-selects label {
  display: none;
}

.year-selects select {
  background-color: #FFF;
  border: 1px solid #a3b983;  
  color: #26472a;
  display: inline-block;
  font-size: 0.875rem;
  margin-bottom: 21px;
  min-height: 36px;
  -webkit-appearance:none;
  appearance:none;
  background: #FFF url('../images/icon_select.gif') center right no-repeat;
  padding: 0.35rem 0.75rem;
  width: 100%;
  font-weight: bold;
}

.item-selects {
  display: inline-block;
}

.item-selects label {
  display: inline-block;
  font-size: 0.78125rem;
  font-family: "Muli";
  font-weight: 400;
  margin-right: 5px;
  color: rgb(18, 18, 18);
}

.item-selects select {
  background-color: #FFF;
  border: 1px solid #a3b983;
  border-radius: 0;  
  color: #26472a;
  display: inline-block;
  font-size: 0.875rem;
  margin-bottom: 21px;
  min-height: 36px;
  -webkit-appearance:none;
  appearance:none;
  background: #FFF url('../images/icon_select.gif') center right no-repeat;
  padding: 0.35rem 0.75rem;
  transition: .8s all cubic-bezier(.275,0,0,1);
  transition: .8s all cubic-bezier(.275,0,0,1);
  transition: .8s all cubic-bezier(.275,0,0,1),.8s all cubic-bezier(.275,0,0,1);
  width: 63px;
  font-weight: bold;
}



@media only screen and (min-width:440px) and (max-width: 599px) {
  .year-selects {
    width: 48%;
    display: inline-block;
    margin: 0 -2px 0 4%;
  }
  .refine-selects {

    width: 50%;
    display: inline-block;
    margin: 0 -0.3%;
  }
}

@media only screen and (min-width:600px) {
  #news_query {
    float: left;
  }

  .year-selects {
    display: inline-block;
    margin-left: 11px;
  }



  .refine-selects {
    display: inline-block;
    width: 241px;
  }

  .year-selects select {
    width: 241px;
  }
}

/* 
##########################################
### Events Bar
########################################## 
*/

.events-bar {
  width: 100%;
  margin-bottom: 11px;
  display: block;
}

.events-selects {
  display: block;
  width: 100%;
}


.events-selects label {
  display: none;
}

.events-selects select {
  background-color: #FFF;
  border: 1px solid #a3b983;
  border-radius: 0;
  color: #26472a;
  display: inline-block;
  font-size: 0.875rem;
  margin-bottom: 21px;
  min-height: 36px;
  padding: 0.35rem 0.75rem;
  -webkit-appearance:none;
  appearance:none;
  background: #FFF url('../images/icon_select.gif') center right no-repeat;
  transition: .8s all cubic-bezier(.275,0,0,1);
  transition: .8s all cubic-bezier(.275,0,0,1);
  transition: .8s all cubic-bezier(.275,0,0,1),.8s all cubic-bezier(.275,0,0,1);
  width: 100%;
  font-weight: bold;
}


@media only screen and (min-width:600px) {
  .events-selects {
    display: block;
    width: 241px;
    margin:  0 auto;
  }

  .events-selects select {
    width: 241px;
  }
}

/* 
##########################################
### Pagination
########################################## 
*/

.bottom-pagination {
  padding: 0 0;
  color: #999999;
  font-size: 0.8125rem;
  line-height: 0;
  padding: 0 0 0 0;
  margin: 0 0 40px 0;
  text-align: center;
}

.bottom-pagination .center {
  display: inline-block;
  left: 100px;
  margin: 0 auto;
  padding: 0;
  right: 100px;
  text-align: center !important;
}
.bottom-pagination .page-numbers {
  display: inline-block;
  margin: 0 22px;
}

.bottom-pagination .arrows {
  display: inline-block;
}

.bottom-pagination .arrows:hover svg,
.bottom-pagination .arrows:active svg,
.bottom-pagination .arrows:focus svg{
  fill:  #7c915e !important;
}

.bottom-pagination .page-numbers a {
  font-size: 16px;
  text-transform: uppercase;
  padding: 0 6.5px;
  display: inline-block;
  font-weight: bold;
  height: 30px;
  line-height: 1.5;
  font-family: "Bitter";
  color: rgb(163, 178, 142);
}

.bottom-pagination .arrows a {
  color: rgb(163, 178, 142);
  display: block;
  font-family: 'Muli';
  font-size: 1.175rem;
  padding: 0 0;
  text-align: center;
  width: 25px;
  position: relative;
  top: 3px;
  background-color: transparent;
  font-weight: bold;
}

.bottom-pagination .arrow-right a {
  transform: rotate(180deg);
}



.bottom-pagination .page-numbers a:hover {
  color: rgb(38, 71, 42);
  text-decoration: underline;
  text-decoration: underline;
}

.bottom-pagination .page-numbers a.active {
  color: rgb(38, 71, 42);

}



/* 
##########################################
### Site Map
########################################## 
*/

.sitemap {
  border-bottom: 1px solid #b7b7b7;
  margin:  0 auto 83px auto;
  text-align: center;
  margin-top: 40px;
}

.sitemap__item {
  background: transparent;
  border-top: 1px solid #a3b983;
  display: block;
  margin: 0px;
  width: 100%;
  font-size: 1.233rem;
}

.sitemap__item__link,
.sitemap__item__link:visited {
  font-size: 1.4375rem;
  display: block;
  padding: 8px 0;
  font-family: "Bitter";
  color: rgb(38, 71, 42);
  font-weight: bold;
  text-align: left;
}

.sitemap__item__link:hover,
.sitemap__item__link:active,
.sitemap__item__link:focus {
  color: rgb(163, 185, 131);
}

.sitemap__item-2 {
  background: transparent;
  display: block;
  margin: 0px;
  width: 100%;
}

.sitemap__item-2 + .sitemap__item {
  margin-top: 8px;
}

.sitemap__item-2__link,
.sitemap__item-2__link:visited {
  font-size: 1.0625rem;
  display: block;
  padding: 0 0 8px 0;
  font-family: "Bitter";
  color: rgb(38, 71, 42);
  font-weight: bold;
  text-align: left;
}

.sitemap__item-2__link:hover,
.sitemap__item-2__link:active,
.sitemap__item-2__link:focus {
  color: rgb(163, 185, 131);
}

.sitemap__item-3 {
  background: transparent;
  display: block;
  margin: 0px;
  width: 100%;
  font-size: 0.875rem;
}

.sitemap__item-3 a::before {
  content:  '-';
  display: block;
  float: left;
  font-size: 1.0625rem;
  display: block;
  padding: 0 0 8px 0;
  font-family: "Bitter";
  color: rgb(38, 71, 42);
  font-weight: bold;
  text-align: left;
  margin:  0 5px;
}

.sitemap__item-3 + .sitemap__item {
  margin-top: 8px;
}

.sitemap__item-3__link,
.sitemap__item-3__link:visited {
  font-size: 1.0625rem;
  display: block;
  padding: 0 0 8px 0;
  font-family: "Bitter";
  color: rgb(38, 71, 42);
  font-weight: bold;
  text-align: left;
}

.sitemap__item-3__link:hover,
.sitemap__item-3__link:active,
.sitemap__item-3__link:focus {
  color: rgb(163, 185, 131);
}


@media only screen and (max-width: 767px) {
  
  .sitemap__item__link {
    font-size: 1.25rem;
  }

  .sitemap__item-2__link {
    font-size: 0.875rem;
  }

  .sitemap__item-3__link {
    font-size: 0.875rem;
  }
}
/* 
##########################################
### Faqs
########################################## 
*/

.faqSection h3.faqQuestion {
  background-color: orange;
  margin: 0;
  padding: 10px;
  color: #FFF;
}

.faqSection .faqAnswer {
  border: 1px solid #bfbfbf;
  margin-bottom: 20px;
  padding: 10px;
}

.faqSection .faqAnswer p {
  color: #000;
  margin: 0 10px 0 0;
	padding: 0;
  line-height: 19px;
}

.faqSection .faqAnswer p a {
  color: #000;
  text-decoration: underline;
}

.faqSection .faqAnswer p a:hover {
  color: #000;
  text-decoration: underline;
}

.faqSection .faqAnswer p a:visited {
  color: #000;
  text-decoration: underline;
}

.faqSection .faqAnswer ul,
.faqSection .faqAnswer ol {
  font-size: 0.7em;
  margin: 1em 0 1em 4em;
  padding: 0;
  line-height: 19px;
}

.faqSection .faqAnswer ul a,
.faqSection .faqAnswer ol a {
  color: #000;
  text-decoration: underline;
}

.faqSection .faqAnswer ul ul,
.faqSection .faqAnswer ol ol,
.faqSection .faqAnswer ul ol,
.faqSection .faqAnswer ol ul,
.faqSection .faqAnswer ul p,
.faqSection .faqAnswer ol p,
.faqSection .faqAnswer dl ul {
  font-size: 0.7em;
}

.faqSection .faqAnswer ul ul,
.faqSection .faqAnswer ol ul {
  list-style: disc;
}

.faqSection .faqAnswer ul ul,
.faqSection .faqAnswer ol ul,
.faqSection .faqAnswer ol ol,
.faqSection .faqAnswer ul ol {
  margin-top: 0.5em;
}

.faqSection .faqAnswer ul li,
.faqSection .faqAnswer ol li {
  margin-top: 0.4em;
}

.faqSection .faqAnswer dl {
  margin: 1em 0 0 0;
}


/* 
##########################################
### Footer
########################################## 
*/

.footer {
  display: block;
  width: 100%;
}

.footer-top {
  position: relative;
}

.footer-top__border-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.footer-top__border-top svg {
  width: 100%;
}

.footer__ranges {
  background-color: #25462a;
  padding: 20% 12px 44px 12px;
}

.footer__range {
  display: inline-block;
  margin: 0 -2px 4px -2px;
  position: relative;
  text-align: center;
  width: 50%;
  z-index: 1000;
  padding: 38.18% 4px 0 4px;
}

.footer__range__link {
  display: block;
  height: 100%;
  border: 1px solid #56745a;
  position: absolute;
  top: 0;
  left: 4px;
  right: 4px;
  bottom: 0;
}

.footer__range__centered {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  padding: 5px;
}

.footer__range:last-child {
  border-right: 0px;
}

.footer__range svg {
  height: 35px;
  margin-bottom: 5px;
}

.footer__range.phone svg {
  height: 37px;
}

.footer__range__title {
  font-size: 0.7rem;
  font-family: "Bitter";
  color: rgb(255, 255, 255);
  font-weight: bold;
}

.footer__range__summary {
  display: none;
  font-family: 'Lato';
}

  .footer__range__summary:after {
    content:  '›';
    font-family: 'Lato';
    margin-left: 5px;
  }

  .footer__range:hover .footer__range__summary,
  .footer__range:active .footer__range__summary,
  .footer__range:focus .footer__range__summary {
    display: block;
    margin-top: 5px;
    color: #d5dfc7;
  }

@media only screen and (min-width: 700px) {

  footer {
    position: absolute;
    left:0;
    right:0;
    bottom:0;
  }

  .footer__ranges {
    padding: 0 0;
    height: 190px;
  }

  .footer__range {
    display: inline-block;
    margin: 0 -2px;
    position: relative;
    text-align: center;
    width: 25%;
    padding: 0 0;
    border-right: 1px solid #f9f9f5;
    height: 190px;
  }

  .footer__range__link {
    display: block;
    height: 100%;
    border: 0px solid #56745a;
    position: relative;
    left: 0; 
    right: 0;
  }

  .footer__range__centered {
    padding: 30px 0 0 0;
  }

  .footer-top__border-top svg {
    height: 54.31px;
  }




}


@media only screen and (min-width: 768px) {
  .footer {
    width: 100%;
    display:block
    
  }

}

@media only screen and (min-width: 990px) {
  .footer__range__title {
    font-size: 1.0625rem;
  }

  .footer__range svg {
    height: 46px;
    margin-bottom: 5px;
    padding: 4.4px;
  }
  
  .footer__range.phone svg {
    height: 48px;
  }
}

/* Footer Bottom  ================== */
.footer-bottom {
  background-color: #252525;
  padding: 0 16px;
}

.footer-bottom ul {
  list-style-type: none;
  margin: 0;
  padding: 17px 0;
}

.footer-bottom ul::before,
.footer-bottom ul::after {
  clear: both;
  content:  ' ';
  display: table;
}

.footer-bottom ul li {
  float: left;
  padding: 0 0;
}

.footer-bottom ul li::after {
  content: ' ';
  display: block;
  float: right;
  margin: 0 5px;
}

.footer-bottom ul li:first-child {
  margin-right: 30px;
}

.footer-bottom ul li:last-child {
  float: right;
}

.footer-bottom ul li,
.footer-bottom ul li a,
.footer-bottom ul li a:visited{
  font-size: 12px;
  line-height: 1;
  font-family: "Lato";
  color: rgba(213, 223, 199, 0.6);
}

.footer-bottom ul li a:hover,
.footer-bottom ul li a:active,
.footer-bottom ul li a:focus {
  color: rgba(213, 223, 199, 1);
}

.footer-bottom ul li:last-child a {
  text-decoration: underline;
}

@media only screen and (max-width: 900px) {
  .footer-bottom ul li,
  .footer-bottom ul li a,
  .footer-bottom ul li a:visited{
    font-size: 0.6875rem;
  }
}


@media only screen and (max-width: 830px) {

  .footer-bottom ul {
    text-align: center;
  }
  .footer-bottom ul li {
    display: inline-block;
    float: none;
    margin: 12px auto 0 auto;
  }
  
  .footer-bottom ul li:first-child {
    display: block;
    float: none;
    text-align: center;
    margin: 0;
  }

  .footer-bottom ul li:nth-child(1)::after {
    content:  '';
  }

  .footer-bottom ul li:last-child {
    display: block;
    float: none;
    clear: both;
    margin: 10px auto 0 auto;
    text-align: center;
  }

  .footer-bottom ul li,
  .footer-bottom ul li a,
  .footer-bottom ul li a:visited{
    font-size: 0.6875rem;
    color: #d5dfc7;
  }
}



/* 
##########################################
### Lightbox
########################################## 
*/

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200000;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.85;
  display: none;
  overflow-y: hidden; 
  overflow-x: auto;
}

.lightbox {
  position: fixed;
  top: 150px !important;
  left: 0;
  width: 100%;
  z-index: 200001;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url('../images/icons/leftArrow.png') 10% 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0.3;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url('../images/icons/rightArrow.png') 95% 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0.3;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
  font-family: 'Lato';
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  position: fixed;
  top: 35px;
  right: 29px;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


#frameid {
  position: relative;
}
#loadingMessage {
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0px;
  left: 0px;
  position: relative;
  display:none;
}

#loadingMessage .spinner-container{
  height: 100%;
  width: 100%;
  position: relative;
}

#loadingMessage .spinner{
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: transparent;
  top: 0%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  border: 5px solid rgb(163, 185, 131);
  border-top: 5px solid #26472a; 
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 0.9s linear infinite;
  position: absolute;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(200deg); }
  75% { transform: rotate(290deg); }
  100% { transform: rotate(360deg); }
}


@media only screen and (min-width:900px){
  .lightbox {
    position: fixed;
    top: 50px !important;
  }
}


/* 
##########################################
### BValidator
########################################## 
*/


/* invalid input */
.bvalidator_invalid {
	border: 1px solid #c83c50 !important;
}
/* error message */
.bvalidator_errmsg {
	background-color: #c83c50;
	font-size: 0.87rem;
	border: 0 solid transparent;
	color: #FFF;
	display: none;
	left: 0 !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
	-moz-box-shadow: 0 0 6px #ddd;
	-webkit-box-shadow: 0 0 6px #ddd;
	box-shadow: 0 0 6px #ddd;
	white-space: nowrap;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	opacity: 1;
}
/* close icon */
.bvalidator_errmsg .bvalidator_close_icon {
	margin-left: 5px;
	margin-top: -2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	cursor: pointer
}
/* arrow */
.bvalidator_errmsg em {
	display: block;
	border-color: #c83c50 transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0;
	height: 0;
	width: 0;
	position: absolute;
	bottom: -9px;
	left: 5px
}


 /* Cookie Dialog */
 #gdpr-cookie-message {
  position: fixed;
  left: 10px;
  bottom: 10px;
  max-width: 375px;
  background-color: #ececec;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 6px 6px rgba(0,0,0,0.25);
  margin-left: 0;
  z-index: 10000000;
}
#gdpr-cookie-message h4 {
  color: #000000;
  font-family: 'Muli', serif;
  font-size: 0.75rem;
  font-weight : 400;
  margin-bottom :5px;
}
#gdpr-cookie-message p {
  color: #646b70;
  font-family: 'Muli', serif;
  font-size: 0.75rem;
  margin-top :0;
  margin-bottom :5px;
}
#gdpr-cookie-message p:last-child {
  margin-bottom: 0;
  text-align: right;
}
#gdpr-cookie-message a {
  color: #646b70;
  font-size: 0.75rem;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px dotted #646b70;
  transition: all 0.3s ease-in;
}

#gdpr-cookie-message button {
  border: none;
  background: #000000;
  color: white;
  font-size: 0.75rem;
  padding: 7px;
  border-radius: 3px;
  margin-left: 15px;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
  background: #f89339;
  color: white;
  transition: all 0.3s ease-in;
}