/*!  
##########################################################
### 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: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: 78.5625rem;
  width: 100%;
}

.row.row--inner {
  max-width: 56.875rem;
}

.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.75rem;
  margin-right: -0.75rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none; 
  padding:0;
}

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

.row--wide {
  max-width: 120rem;
  padding: 0;
  width: 100%;
  margin: 0 auto;
}
.row--wide:before, .row--wide:after {
  content: " ";
  display: table;
}
.row--wide:after {
  clear: both;
}

.column,
.columns {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  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:50em) { 

  .row .row {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
  }

  .column,
  .columns {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  .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) { 

  .row .row {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
  }
  
  .column,
  .columns {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  
  .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; 
          
}

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 {
  background: #FFF;
  font-family: 'Muli';
  /* Adjust font size */
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  /* Font varient */
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  /* Smoothing */
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
  overflow-x: hidden;
  width: 100%;
}


select::-ms-expand {
  display: none;
}

input::-ms-clear {
  display: none;
}

@media (max-width: 799px) {
  #wrapper {
    padding-top: 91px;
  }

  body.overflow {
    position: fixed;
    overflow: hidden;
  }
}


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;
}

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

select::-ms-expand {
  display: none;
}


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

.msg {
	clear: both;
	display: inline-block;	
	margin: 0 auto 10px auto;
	min-height: 44px;
	padding:0 40px 0 40px;
	text-align: left;
  background-color: rgb(255, 255, 255);
  max-width: 100%;
  position: relative;
  width: 100%;
  border-radius: 7px;
}

.msg--confirm {
  color: #FFF;
  background-color: #5ca60c;
}

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

.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: 13px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
  width: 39px;
  text-align:center;
}

.msg__icon svg {
	width: 13px;
	height: 13px;
	display: inline-block;
}

.msg__message{
  font-size: 0.875rem;
  font-family: "Muli";
  color: rgb(255, 255, 255);
  font-weight: 800;
  line-height: 1.777;
  padding:10px 0;
  text-align: left;
}

.msg__message .plate {
  display: block;
  margin: 5px 0;
}

.msg__message .postcode {
  display: block;
  margin: 5px 0;
}

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


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

h1 { font-size: 2.125rem; }
h2 { font-size: 1.6875rem; }
h3 { font-size: 1.375rem; }
h4 { font-size: 1.125rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  color: #646b70;
  font-family: "Muli", sans-serif, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0;
  margin-top: 0;
}

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

a:hover, 
a:focus {
  color: #584589; 
}

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; 
}


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

.btn.btn-primary {
  background-color: #584589;  
  border-radius: 100px;
  display: inline-block;
  border:1px solid #584589;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align:center;
  outline: none;
  text-decoration: none;
  position: relative;
}

.btn.btn-primary > span {
  color: #FFF;
  font-family: "Caveat";
  font-size: 1.125rem;
  font-weight: bold;
  padding: 10px 23px 10px 23px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1;
  display: block;
  text-decoration: none;
  text-align: center;
}


.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary.active {
  background: #584589;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
}

.btn.btn-primary:hover > span,
.btn.btn-primary:active > span,
.btn.btn-primary.active > span {
  color: #FFF;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn.btn-primary:hover > span:after,
.btn.btn-primary:active > span:after,
.btn.btn-primary.active > span:after{
  color: #FFF;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn.btn-primary.btn-primary--white {
  background-color: #FFF;  
  border-color: #FFF;
}

.btn.btn-primary.btn-primary--white span {
  color: #584589;
}

.btn.btn-primary.btn-primary--white:hover,
.btn.btn-primary.btn-primary--white:active{
  background: #584589;
  border-color: #FFF;
}

.btn.btn-primary.btn-primary--white:hover > span,
.btn.btn-primary.btn-primary--white:active > span,
.btn.btn-primary.btn-primary--white.active > span{
  color: #fff;
}


.btn.btn-primary.btn-primary--white-tran {
  background-color: transparent;  
  border-color: #ffffff ;
}

.btn.btn-primary.btn-primary--white-tran span {
  color: #fff;
}

.btn.btn-primary.btn-primary--white-tran:hover,
.btn.btn-primary.btn-primary--white-tran:active{
  background: #FFF;
  border-color: #FFF;
}

.btn.btn-primary.btn-primary--white-tran:hover > span,
.btn.btn-primary.btn-primary--white-tran:active > span,
.btn.btn-primary.btn-primary--white-tran.active > span{
  color: #584589;
}



.btn.btn-primary--xlarge > span{
  padding: 15px 58px 15px 18px;
  font-size: 1rem;
}

.btn-primary.btn-primary--large > span{
  padding: 10px 15px;
  min-height: 40px;
}

.btn-primary.btn-primary--small > span{
  padding: 3px 15px !important;
  min-height: 26px;
  font-size: 1.25rem !important;
}


.btn.btn-secondary {
  background-color: #584589;  
  border-radius: 100px;
  display: inline-block;
  border:1px solid #584589 ;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align:center;
  outline: none;
  text-decoration: none;
  position: relative;
}

.btn.btn-secondary > span {
  color: #FFF;
  font-family: "Muli";
  font-size: 0.675rem;
  font-weight: 800;
  padding: 12px 26px 12px 26px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1;
  display: block;
  text-decoration: none;
  text-align: center;
}


.btn.btn-secondary:hover,
.btn.btn-secondary:active,
.btn.btn-secondary.active {
  background: #584589;
  border-color: #584589 ;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
}

.btn.btn-secondary:hover > span,
.btn.btn-secondary:active > span,
.btn.btn-secondary.active > span {
  color: #FFF;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn.btn-secondary:hover > span:after,
.btn.btn-secondary:active > span:after,
.btn.btn-secondary.active > span:after{
  color: #FFF;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn.btn-secondary.btn-secondary--grey-tran {
  background-color: transparent;  
  border-color: #d6d6d6 ;
}

.btn.btn-secondary.btn-secondary--grey-tran span {
  color: #5e5d5f;
}

.btn.btn-secondary.btn-secondary--grey-tran:hover,
.btn.btn-secondary.btn-secondary--grey-tran:active{
  background: #584589;
  border-color: #584589 ;
}

.btn.btn-secondary.btn-secondary--grey-tran:hover > span,
.btn.btn-secondary.btn-secondary--grey-tran:active > span,
.btn.btn-secondary.btn-secondary--grey-tran.active > span{
  color: #fff;
}


.btn.btn-secondary.btn-secondary--purple-tran {
  background-color: transparent;  
  border-color: #584589 ;
}

.btn.btn-secondary.btn-secondary--purple-tran span {
  color: #584589;
}

.btn.btn-secondary.btn-secondary--purple-tran:hover,
.btn.btn-secondary.btn-secondary--purple-tran:active{
  background: #584589;
  border-color: #584589 ;
}

.btn.btn-secondary.btn-secondary--purple-tran:hover > span,
.btn.btn-secondary.btn-secondary--purple-tran:active > span,
.btn.btn-secondary.btn-secondary--purple-tran.active > span{
  color: #fff;
}




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

  .btn.btn-primary {
    display: inline-block;
    width: auto;
  }

  .btn.btn-primary > span {
    font-size: 1.655rem;
    padding: 14px 34px 14px 34px;
  }

  .btn.btn-secondary {
    display: inline-block;
    width: auto;
  }

  .btn.btn-secondary > span {
    font-size: 1rem;
    padding: 16px 30px 16px 30px;
  }




  .btn.btn-primary--xlarge > span{
    padding: 25px 71px 25px 27px;
    font-size: 1.56rem;
  }

  .btn.btn-primary--xlarge > span:after {
    font-size: 1.8rem;
    font-style: normal;
    right: 28px;
  }
  
}

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

.header {
  z-index: 10000;
  position: relative;
}

.header--push {
  margin: 0 0 24px 0;
  display: block;
}

.header {
  height: 212px;
}

@media (max-width: 799px) {
  
  .header {
    position: fixed;
    top:0;
    left:0;
    right:0;
    height: auto;
    border-bottom: 1px solid #b7b7b7;
  }

}



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

.header-top {
  background: #FFF;
  height: 57px;
}

.header-top-relative {
  position: relative;
  height: 57px;
}

.header-top__text-container {
  display: none;
}

.header-top .row {
  height: 100%;
}

.header-top .row .column {
  height: 100%;
}

@media (min-width: 800px) {
  .header-top {
    height: 127px;
    border-bottom: 1px solid #b7b7b7;
  }

  .header-top__text-container {
    display: block;
    float:right;
    padding-top: 46px;
  }

  .header-top__text {
    display: inline-block;
    vertical-align: middle;
    margin: 0 28px 0 0;
    color: #5e5d5f;
    font-weight: 600;
    font-family: "Muli";
  }

  .header-top__talk {
    font-family: "Caveat";
    font-size: 1.8rem;
    color: #584589;
    margin: 0 5px 0 0;
  }

  .header-top__telephone,
  .header-top__telephone:active {
    font-weight: bold;
    font-size: 1.25rem;
    color: #584589;
  }

  .header-top__telephone:hover{
    color: #584589;
  }

  .header-top__btn {
    display: inline-block;
    vertical-align: middle;
  }

  .header-top-relative {
    position: relative;
    height: 127px;
  }
}


/* 
##########################################
### Logo
########################################## 
*/

.logo {
  float: left;
  height: 22px;
  width: auto;
  margin-top: 18px;
}

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

.logo__image {
  display: block;
  margin: 0;
  height: 100%;
}

.logo__image--sm {
  display: block;
}

.logo__image--lg {
  display: none;
}

.partner {
  float: left;
  height: 40px;
  margin-top: 8px;
  margin-left: 10px;
}

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

.partner__image {
  display: block;
  margin: 0;
  height: 100%;
}

.partner__image--sm {
  display: block;
  width: 72px;
  height: 24px;
}

.partner__image--lg {
  display: none;
}



.partner > a > div {
  text-align: left;
  font-size: 0.5rem;
  letter-spacing: 0px;
  color: #5E5D5F;
  opacity: 1;
  font-family: "Muli";
  margin-bottom: 0;
}

@media (min-width: 400px) {

  .logo {
    float: left;
    height: 35px;
    width: 176px;
    margin-top: 8px;
  }

  
}

@media (min-width: 800px) {

  .logo {
    width: 103px;
    height: 120px;
    margin: 0 0 0 0;
    vertical-align: middle;
    padding: 0 0 ;
    position: absolute;
    left: -6px;
    top:50px;
    background: #FFF;

  }

  .logo__image--sm {
    display: none;
  }
  
  .logo__image--lg {
    display: block;
  }

  .partner {
    height: 120px;
    width: 76.32px;
    margin: 0 0 0 0;
    vertical-align: middle;
    padding: 0;
    position: absolute;
    left: 97px;
    top: 50px;
    background: #FFF;
  }

  .partner > a > div {
    text-align: left;
    font-size:10px;
    letter-spacing: 0px;
    color: #5E5D5F;
    opacity: 1;
    font-family: "Muli";
    margin-bottom: 8px;
  }

  .partner__image--sm {
    display: none;
  }
  
  .partner__image--lg {
    display: block;
    width: 76.32px;
    height: 93px;
  }

}



@media (min-width: 1130px) {

  .logo {
    width: 143px;
    height: 166px;
    margin: 0 0 0 0;
    vertical-align: middle;
    padding: 0 0 ;
    position: absolute;
    left: -6px;
    top:30px;
    background: #FFF;

  }

  .logo__image--sm {
    display: none;
  }
  
  .logo__image--lg {
    display: block;
  }

  .partner {
    height: 166px;
    width: 106px;
    margin: 0 0 0 0;
    vertical-align: middle;
    padding: 0;
    position: absolute;
    left: 137px;
    top: 33px;
    background: #FFF;
  }

  .partner > a > div {
    text-align: left;
    font: normal normal normal 14px/18px Muli;
    letter-spacing: 0px;
    color: #5E5D5F;
    opacity: 1;
    font-family: "Muli";
    margin-bottom: 8px;
  }

  .partner__image--sm {
    display: none;
  }
  
  .partner__image--lg {
    display: block;
    width: 106px;
    height: 129px;
  }

}

/* 
##########################################
### Navigation
########################################## 
*/

@media (min-width: 800px) {
  
  .header-top__phone {
    display: none;
  }

  #mobileNavigation {
    float:right;
    display: block !important;
    margin-top: 31px;
    height: 100%;
  }
  
  #mobileNavigation form {
    display: none;
  }
  
  .main-navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    height: 100%;
  }
  
  .main-navigation::after,
  .main-navigation::before {
    clear: both;
    content: ' ';
    display: table;
  }
  
  .main-navigation > li {
    display: block;
    position: relative;
    text-align: center;
    float:left;
    margin:  0 0 0 12px;
    z-index: 1000;
  }

  .main-navigation__list-item--lg-hide {
    display: none !important;
  }
  
  .main-navigation > li i {
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0 0 0 8px;
    top: 1px;
    position: relative;

  }

  
  .main-navigation > li i svg {
    width: 6px;
    height:10px;
    display: block;
    fill: #5b498b;
  }
  
  .main-navigation > li > a{
    font-size: 0.9rem;
    font-family: "Muli";
    color: #5e5d5f;
    padding: 0 0;
    font-weight: 600;
    display: inline-block;
    position: relative;
    
  }

  .main-navigation > li.active > a,
  .main-navigation > li:hover > a{
    color: #584589;
  }


  
  .main-navigation__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,0);
    width: 300px;
    z-index: 100;
    padding-top: 31px;
    
  }

  .main-navigation > li:hover  .main-navigation__dropdown {
    display: block;
  }

  .main-navigation__dropdown ul {
    margin:0;
    padding:0 10px;
    list-style:none;
    text-align: left;
    box-shadow: 0 1px 4.85px 0.15px rgba(0, 0, 0, 0.43);
    background: #584589;
    
  }
  .main-navigation__dropdown--arrow {
    height: 13px;
    width: 24px;
    position: absolute;
    top: 10px;
    /* width: 0;
    height: 0; */
    left: 50%;
    /* border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff; */
    transform: translate(-50%, 0);
    

  }


  .main-navigation__dropdown ul li {
    background: #584589;
    border-bottom: 1px solid #968ab4;
    display: block;    
  }

  .main-navigation__dropdown ul li:last-child {
    border-bottom-width: 0;
  }

  .main-navigation__dropdown ul li a{
    padding: 15px 30px 15px 15px;
    display: block;
    color: #968ab4;
    font-size: 0.875rem;
    font-family: 'Muli';
    font-weight: bold;
    position: relative;
  }
  
  

  
  
  .main-navigation__dropdown ul li a i  {
    width: 6px;
    height: 11px;
    padding: 0 0;
    display: inline-block;
    position: absolute;
    top:50%;
    font-size: 1rem;
    margin: 0 8px 0 8px;
    font-family: 'Muli';
    font-weight:bold;
    line-height: 1;
    right:5px;
    -webkit-transform: translate(0,-50%);transform: translate(0,-50%);
  }

  .main-navigation__dropdown ul li a i svg {
    fill: #968ab4;
  }

  .main-navigation__dropdown ul li a:hover,
  .main-navigation__dropdown ul li.active a{
    color: #fff;
  }

  .main-navigation__dropdown ul li a:hover i svg {
    fill: #FFF;
  }

  .main-navigation__btn-container {
   display: none;
  }

  .secondary-navigation  {
		display: none;
  }

  @media (min-width: 800px) {

    .main-navigation > li {
      margin:  0 0 0 14px;
    }

    .main-navigation > li > a{
      font-size: 0.825rem;
    }

    .main-navigation > li i {
      top: 1px;
    }


  }
  
  @media (min-width: 950px) {

    .main-navigation > li {
      margin:  0 0 0 28px;
    }

    .main-navigation > li > a{
      font-size: 0.95rem;
    }
    

    .main-navigation > li i {
      top: 1px;
    }


  }

  @media (min-width: 1100px) {

    .main-navigation > li {
      margin:  0 0 0 35px;
    }

    .main-navigation > li > a{
      font-size: 1.125rem;
    }

    .main-navigation > li i {
      top: 0;
    }


  }

}
  
  
@media (max-width: 799px) {

  .main-navigation__br-hidesm {
    display: none;
  }

  .header-top__phone {
    float:right;
    height: 20px;
    width: 20px;
    margin: 0 18px 0 0;
  }

  .header-top__phone svg {
    fill: #584589;
    height: 20px;
    width: 20px;
    margin: 18px 0 0 0;
  }

  #mobileMenuButtonContainer {
    float:right;
    height: 100%;
    width: 49px;
    margin: 0 -0.75rem 0 0;
  }

	#mobileMenuButton {
    -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;
    border-radius: 0;
    padding: 20px 10px 20px 10px;
    vertical-align: top;
    height: 100%;
    width: 49px;
    border-left: 1px solid #b7b7b7;
  }
  #mobileMenuButton div {
    height: 16px;
    margin: 0 auto 0 auto;
    position: relative;
    width: 19px;
    display: block;
  }
  
  #mobileMenuButton span {
    display: block;
    width: 19px;
    position: absolute;
    height: 3px;
    border: 0 solid #FFF;
    background: #584589;
    border-radius: 20px;
    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;
  }
  
  #mobileMenuButton i {
    display: none;
  }
  
  #mobileMenuButton span:nth-child(1) {
    top: 0;
  }
  
  #mobileMenuButton span:nth-child(2),
  #mobileMenuButton span:nth-child(3) {
    top: 6px;
  }
  
  #mobileMenuButton span:nth-child(4) {
    top: 12px;
  }
  #mobileMenuButton.active {
    position: relative;
    left: -1px;
  }
  
  #mobileMenuButton.active span:nth-child(1) {
    top: 0;
    width: 0%;
    left: 0%;
  }
  
  #mobileMenuButton.active span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  #mobileMenuButton.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  #mobileMenuButton.active span:nth-child(4) {
    top: 0;
    width: 0%;
    left: 0%;
  }

	/* Mobile Navigation */
	#mobileNavigation {
    position: fixed;
    background: #ffffff;
    bottom: 0;
    display: none;
    left: 0;
    padding-bottom: 0;
    right: 0;
    top: 91px;
		visibility: visible;
    z-index: 10000;
    overflow-x: hidden;
    overflow-y: scroll;
	}
  
	.main-navigation  {
    margin: 0;
    padding: 0 0;
    list-style: none;
    height: auto;
    border-bottom: 1px solid #b7b7b7;
	}

	.main-navigation > li{
		display: block;
		margin: 0;
    padding: 0;
    background: #ffffff;
    list-style: none;
    position: relative;
    border-top: 1px solid #b7b7b7;
  }

  .main-navigation > li.active {
    background: #ebebeb;
  }

  .main-navigation > li.open > a {
    border-bottom: 1px solid #b7b7b7;
  }
  .main-navigation > li.open > a,
  .main-navigation > li.active > a {
    color: #584589;
  }
  .main-navigation > li i {
    width: 50px;
    height: 100%;
    position: absolute;
    right:0;
    top:0;
    border-left: 1px solid #b7b7b7;
    cursor: pointer;
  }

  .main-navigation  > li i svg {
    width: 8px;
    height: 13px;
    fill: #584589;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: rotate(90deg) translate(-50%,-50%);
    -webkit-transform: rotate(90deg) translate(-50%,-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: -12px;
    margin-top: 0;
  }

  .main-navigation  > li.open  i svg{
    transform: rotate(-90deg) translate(-50%,-50%);
    -webkit-transform: rotate(-90deg) translate(-50%,-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: 0;
    margin-top: -8px;
  }


	.main-navigation  li > a{
    font-size: 1.1rem;
    display: block;
    font-family: "Muli";
    color: #5e5d5f;
		font-weight: bold;
		text-align: left;
		line-height: 1.6;
		margin: 0;
		padding: 14px 21px 14px 18px;
		position: relative;
  }


	.main-navigation  ul{
    display: none;
    list-style: none;
    margin:0;
    padding:0;
	}

	.main-navigation  li.open ul{
		display: block;
		
  }
  .main-navigation ul li svg {
    fill: #9889be !important;
    transform: rotate(0) translate(-50%,-50%) !important;
    -webkit-transform: rotate(0) translate(-50%,-50%) !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }

  .main-navigation ul > li i {
    border-left-color: #FFF;
  }

  .main-navigation  ul > li.active svg,
  .main-navigation ul li:hover svg{
    fill: #FFF !important;
  }

  .main-navigation  ul li {
    border-bottom: 1px solid #fff;
  }

  .main-navigation  ul li:last-child {
    border-bottom-width: 0;
  }


	.main-navigation  ul > li > a {
    font-size: 0.875rem;
    padding: 14px 21px 14px 18px;
    background: #584589;
    color: #9889be;
  }

  .main-navigation  ul > li.active a,
  .main-navigation  ul > li:hover a {
    background: #584589;
    color: #FFF;
  }

  .main-navigation  ul > li.active > a {
    color: #fff;
    
  }
  


}


/*  
##########################################
### Header Top - Donate
########################################## 
*/

.header__donate--sm {
  display: block;
  background: #584589;
  height: 34px;
}

.header__donate--sm span {
  color: #fff;
  font-family: "Caveat";
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 1.15rem;
  padding: 7px 0;
  line-height: 1;
}



@media screen and (min-width:800px) {
  
  .header__donate {
    display: none;
  } 
  
}

/*  
##########################################
### Header Bar Carousel
########################################## 
*/

.header-bar {
  display: block;
}

.header-bar a {
  display: block;
  padding: 11px 0;
  background: #77bc1e;
}

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

.header-bar__body p {
  color: #FFF;
  font-size: 0.7rem;
  margin: 0;
  display: inline-block;
}

.header-bar__body svg {
  width: 7px;
  height: 11px;
  display: inline-block;
  fill: #64755e;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
  margin: 0 0 0 10px;
}

.header-bar a:hover svg {
  fill: #FFF;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
}

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

  .header-bar__body p {
    font-size: 0.875rem;
  }

}

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

  .header-bar a {
    padding: 13px 0;
  }
  

  .header-bar__body p {
    font-size: 1rem;
  }
  
}


/*  
##########################################
### Home Carousel
########################################## 
*/

#carousel {
  display: block;
  height: auto;
  position: relative;
  margin: 0 0 32px 0;
  background: #584589;
}

#carousel .slider {
  margin:0;
}

#carousel .slide,
#carousel .slick-list,
#carousel .slick-track,
#carousel .row,
#carousel .relative  {
  height: 100%;
}


#carousel .slick-dots {
  height: auto;
  margin: 0;
  position: absolute;
  bottom: 20px;
  z-index: 101;
  top: initial;
  padding : 0 0.5rem;
  line-height: 1;
}

#carousel .slick-dots li {
  width: 13px;
  height: 13px;
  margin: 0 5px;
  border: 2px solid #FFF;
  border-radius: 100%;
  box-shadow: 0 1px 3px 0.24px rgba(0, 0, 0, 0.34);
}

#carousel .slick-dots li.slick-active {
  background: #FFF;
  width: 16px;
  height: 16px;
}

#carousel .slick-dots li button {
  height: 100%;
  width: 100%;
}

#carousel .slick-dots li button:before {
  display: none !important;
}

#carousel .slide {
  height: 100%;
  position: relative;
}


#carousel  .slider {
  position: relative;
}

#carousel .slide {
  position: relative;
}

#carousel .slide .slide-sm {
  position: absolute;
  top:0;
  left:0;
  right:0;
  padding-top: 62.5%;
  display: block;
}

#carousel .slide .slide-lg {
  position: absolute;
  display: none;
  top:0;
  left:50%;
  right:0;
  bottom:0;
}

#carousel .carousel__text {
  z-index: 101;
  width: 100%;
  margin: 0 auto;
  display: block;
  background: #584589;
  padding: 27px 14px 50px 14px;
  text-align: center;
}

#carousel .carousel__header {
  color: #FFF;
  font-size: 1.044rem;
  font-weight: 800;
  margin:0 0 19px 0;
  padding:0;
  width: 100%;
  font-family: "Muli;
}

#carousel .carousel__summary {
  display: none;
}

.carousel__btn {
  margin: 15px 0;
  display: inline-block;
}


 /* arrows */
 #arrows-latch {
  display: none;
}


#arrows-latch .slick-prev,
#arrows-latch .slick-next {
  bottom: 0;
  clear: both;
  color: transparent;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 0;
  width:22px;
  line-height: 0;
  margin:0 0 0 0;
  outline: none;
  padding: 0;
  font-weight: 400;
  position: absolute;
  height:100%;
  top:0;
  opacity: 0.6;
  z-index: 1000;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
}


#arrows-latch .slick-prev {
  display: block !important;
  left: 25px;
}

#arrows-latch .slick-prev svg {
  position: relative;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  fill: #fcfdff;
  width:6px;
  height: 13px;
  -webkit-filter: drop-shadow( -1px 1px 3px rgba(0, 0, 0, 0.75) ); 
  filter: drop-shadow( -1px 1px 3px rgba(0, 0, 0, 0.75) );
}

#arrows-latch .slick-next {
  display: block !important;
  right: 25px;
  clear: none;
}

#arrows-latch .slick-next svg {
  position: relative;
  fill: #fcfdff;
  width:6px;
  height: 13px;
-webkit-filter: drop-shadow( -1px 1px 3px rgba(0, 0, 0, 0.75) ); 
  filter: drop-shadow( -1px 1px 3px rgba(0, 0, 0, 0.75) );
}

#arrows-latch .slick-prev::before, 
#arrows-latch .slick-next::before {
  display: none;
}

#arrows-latch .slick-prev:hover,
#arrows-latch .slick-next:hover {
  color: transparent;
  outline: none;
  opacity: 1;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
} 



@media screen and (max-width:799px) {
  
  #carousel .slide > .row{
    position: relative;
    padding-top: 62.5%;
  }

  #carousel .carousel__header {
    font-size: 1.5rem;
  }

}


@media screen and (min-width:800PX) {
  #carousel { 
    margin: 0 0 52px 0;
  }
  #carousel,
  #carousel .slider {
    height: 392px;
    overflow-y:hidden;
  }

  .banner-primary {
    height: 150px;
    margin: 0 0 54px 0;
  }

  #carousel .slide .slide-sm {
    display: none;
  }
  
  #carousel .slide .slide-lg {
    display: block;
  }

  #carousel .carousel__overlay {
    background: #584589;
    position: absolute;
    top:0;
    left:0;
    right:50%;
    bottom:0;
    z-index: 100;
    display:block;
  }
  
  #carousel .carousel__overlay:after {
    content: ' ';
    display: block;
    border-radius:  70% ;
    overflow: hidden;
    background: #584589;
    position: absolute;
    top: -150px;
    width: 392px;
    left: 100%;
    margin: 0 0 0 -300px;
    bottom: -150px;
    z-index: -1;
  }
  

  #carousel .carousel__text {
    width: 53%;
    position: absolute;
    top:50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: left;
  }
  
  #carousel .carousel__text::after {
    clear: both;
    content: ' ';
    display: table;
  }

  #carousel .carousel__header {
    color: #FFF;
    font-size: 2.375rem;
    line-height: 1.11;
    margin:0 0 13px 0;
    padding:0;
  }

  #carousel .carousel__summary {
    display: block;
    color: #bbabe3;
    font-weight: 600;
    font-size: 1rem;
  }

  
  
  #carousel .carousel__btn {
    margin:21px 0 0 0;
    display: inline-block;
  }
  

  #carousel .slick-dots {
    height: auto;
    padding: 0 0.2rem;
    position: absolute;
    bottom: initial;
    z-index: 101;
    top: 15px;
    max-width: 78.675rem;
    display: block;
    margin: 0 0 0 0.75rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);
    text-align: left;
  }
  
  #carousel .slick-dots li {
    margin: 0 4px;
    border:2px solid #FFF;
    border-radius: 100%;
    box-shadow: 0 1px 3px 0.24px rgba(0, 0, 0, 0.34);
  }


  
  /* arrows */
  #arrows-latch {
    display: none;
  }
  #arrows-latch .slick-prev,
  #arrows-latch .slick-next {
    width:35px;
  }

  #arrows-latch .slick-prev svg {
    width: 15px;
    height: 28px;
  }

  #arrows-latch .slick-next svg {
    width: 15px;
    height: 28px;
  }


  
}
@media (min-width:1100px) {

  #carousel .slick-dots {
    top: 20px;
  }
}


@media (min-width:1400px) {
    
  /* arrows */
  #arrows-latch {
    display: block;
  } 
}

/* 
##########################################
### Home Areas
########################################## 
*/

.home-areas {
  margin: 0 0 32px 0;
}



.home-areas__header {
  font-family: "Muli";
  display: block;
  margin: 0 0 12px 0;
  font-size: 1.1rem;
  font-weight: 800;
}

.home-areas__item {
  margin: 0 0 11px 0;
  vertical-align: top;
  width: 100%;
}

.home-areas__item-link {
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  box-shadow: 0 1px 5.76px 0.24px rgba(0, 0, 0, 0.34);
  color: rgb(94, 93, 95);
  display: block;
  font-family: "Muli";
  font-size: 0.766rem;
  font-weight: 600;
  padding: 13px 26px 13px 12px;
  position: relative;
  width: 100%;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.home-areas__item-link:hover {
  background: #584589;
  color: #FFF;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.home-areas__item-link svg {
  fill: #9b8fb8;
  height:13px;
  position: absolute;
  right: 11px;
  top:50%;
  width: 7px;
  -webkit-transform: translate(0, -50%);transform: translate(0, -50%);
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.home-areas__item-link:hover svg {
  fill: #FFF;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

#mobileNavigationTalk {
  display: none !important;
}



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

  .home-areas__item {
    width: 50%;
  }

}
  

@media only screen and (max-width:799px) {
  
  #mobileNavigationTalk {
    display: block !important;
    background: #FFF;
    margin: 0 0 0;
    padding: 25px 0.75rem 20px ;
    text-align: center;
    border-top: 1px solid #b7b7b7;
  }



  #mobileNavigationTalk .need-to-talk__header {
    font-family: "Caveat";
    font-size: 1.25rem;
    color: #584589;
    margin: 0 0 0 0;
    font-weight: 800;
    line-height: 1;
  }

  #mobileNavigationTalk .need-to-talk__summary {
    color: #5e5d5f;
    margin: 0 0 2px 0;
    font-size: 0.75rem;
    font-family: "Muli";
    display: inline-block;
  }

  #mobileNavigationTalk .need-to-talk__numbers {
    font-family: "Muli";
    font-weight: 400;
    font-size: 0.875rem;
    margin: 5px 0 5px 0;
    color: #584589;
    display: inline-block;
  }

  #mobileNavigationTalk .need-to-talk__numbers__link,
  #mobileNavigationTalk .need-to-talk__numbers__link:active {
    font-size:  0.875rem;
    font-weight: 800;
    color: #584589;
  }

  #mobileNavigationTalk .need-to-talk__numbers__link:focus,
  #mobileNavigationTalk .need-to-talk__numbers__link:hover {
    color:  #584589;
    text-decoration: underline;
  }

}

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

  #NeedToTalkHome {
    display: block;
    background: #403854;
    margin: 20px -0.75rem 0;
    padding: 25px 0.75rem 25px ;
    text-align: center;
  }



  #NeedToTalkHome .need-to-talk__header {
    font-family: "Caveat";
    font-size: 1.5rem;
    color: #FFF;
    margin: 0 0 5px 0;
    font-weight: 800;
  }

  #NeedToTalkHome .need-to-talk__summary {
    color: #bbabe3;
    margin: 0 0 2px 0;
    font-size: 0.833rem;
    font-family: "Muli";
  }

  #NeedToTalkHome .need-to-talk__numbers {
    font-family: "Muli";
    font-weight: 400;
    font-size: 0.833rem;
    margin: 0 0 5px 0;
    color: #fff;
  }

  #NeedToTalkHome .need-to-talk__numbers__link,
  #NeedToTalkHome .need-to-talk__numbers__link:active {
    font-size: 1.175rem;
    font-weight: 800;
    color: #FFF;
  }

  #NeedToTalkHome .need-to-talk__numbers__link:focus,
  #NeedToTalkHome .need-to-talk__numbers__link:hover {
    color:  #FFF;
    text-decoration: underline;
  }

  #NeedToTalkHome .need-to-talk__times {
    color: #bbabe3;
    margin: 0 ;
    font-size: 0.933rem;
  }

}

#NeedToTalkFooter {
  display: none !important;
}

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

  #NeedToTalkFooter {
    display: block !important;
    background: #403854;
    margin: 20px -0.75rem 0;
    padding: 25px 0.75rem 25px ;
    text-align: center;
  }



  #NeedToTalkFooter .need-to-talk__header {
    font-family: "Caveat";
    font-size: 1.5rem;
    color: #FFF;
    margin: 0 0 5px 0;
    font-weight: 800;
  }

  #NeedToTalkFooter .need-to-talk__summary {
    color: #bbabe3;
    margin: 0 0 2px 0;
    font-size: 0.833rem;
    font-family: "Muli";
  }

  #NeedToTalkFooter .need-to-talk__numbers {
    font-family: "Muli";
    font-weight: 400;
    font-size: 0.833rem;
    margin: 0 0 5px 0;
    color: #fff;
  }

  #NeedToTalkFooter .need-to-talk__numbers__link,
  #NeedToTalkFooter .need-to-talk__numbers__link:active {
    font-size: 1.175rem;
    font-weight: 800;
    color: #FFF;
  }

  #NeedToTalkFooter .need-to-talk__numbers__link:focus,
  #NeedToTalkFooter .need-to-talk__numbers__link:hover {
    color:  #FFF;
    text-decoration: underline;
  }

  #NeedToTalkFooter .need-to-talk__times {
    color: #bbabe3;
    margin: 0 ;
    font-size: 0.933rem;
  }

}

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

  .home-areas {
    padding: 0 451px 0 0;
    position: relative;
    min-height: 351px;
  }

  #NeedToTalkHome {
    display: block;
    position: absolute;
    right:44px;
    top:0;
  }


  .home-areas__item {
    width: 100%;
    display: inline-block;
    padding: 0 10px;
    text-align: left;
  }

  .home-areas__item-link {
    width: 100%;
    font-size: 1rem; 
    padding: 22px 37px 22px 24px;
  }

  .home-areas__item-link svg {
    height:19px;
    width: 10px;
    right: 19px;
  }
  
  .home-areas__header {
    font-size: 1.875rem;
    margin: 0 0 32px 0;
  }

}

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

  .home-areas__item {
    width: 50%;
    display: inline-block;
    padding: 0 10px;
    margin: 0 -2px 15px -2px;
    text-align: left;
  }
}



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

.stories-banner-container {
  position: relative;
  margin-bottom: 25px;
  background: #ebebeb;
  padding: 40px 20px 70px 20px;
  margin: 0 0 25px;
}

.stories-banner-container:before,
.stories-banner-container:after  {
  clear: both;
  content: ' ';
  display: table;
}

.stories-banner {
  position: relative;
  margin-bottom:0;
}

.stories-banner .slick-list {
  overflow-y:visible;
}

.stories-banner .slide,
.stories-banner .slide .relative {
  outline:none !important;
}

.stories-banner .slide {
	padding-right: 1px;
	display: block;
}


.stories-banner .slick-slider {
  margin:0;
}

.stories-banner-container .slider-controls {
	height: 100%;
	position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

  
.stories-banner__image-container {
  display: block;
  margin: 0 auto 10px auto;
  max-width: 140px;
  background-image: url('../images/backdrop.png');
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}


.stories-banner__image-wrapper {
  padding-top: 100%;
  position: relative;
  width: 100%;
  top:0;
}

.stories-banner__image {
  position: absolute;
  top: 7.2%;
  left: 7.1%;
  right: 7.9%;
  bottom: 8%;
  transform: rotate(4.4deg);
}

.stories-banner__text-container {
  display: block;
  margin: 0;
  padding: 0 0 0 0;
  text-align: center
}

.stories-banner__header {
  margin: 0 0 15px 0;
  color: #584589;
  font-weight: 800;
  font-family: "Muli";
  font-size: 0.944rem;
  text-align: center;
}

.stories-banner__summary {
  margin: 0 0 20px 0;
  font-weight: 700;
  font-family: "Caveat";
  font-size: 1.175rem;
  color: #5e5d5f;
  padding: 0;
  display: block;
  text-align: center;
}

 /* arrows */
 #arrows-latch-2 {
	left: initial;
	position: relative;
	right: initial;
	height: 100%;
  display: block;
}
  

#arrows-latch-2 .slick-prev,
#arrows-latch-2 .slick-next {
  background: transparent;
  bottom: 22px;
  clear: both;
  color: transparent;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 0;
  width:27px;
  line-height: 0;
  margin:-56px 10px 0 10px;
  outline: none;
  padding: 0;
  font-weight: 400;
  position: relative;
  height:36px;
  top: 100%;
  opacity: 0.6;
  z-index: 1000;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
}


#arrows-latch-2 .slick-prev {
  display: block !important;
  left: initial;
  float: left;
}

#arrows-latch-2 .slick-prev svg {
  position: relative;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  fill: rgb(88, 69, 137);
  width:7px;
  height: 13px;

}

#arrows-latch-2 .slick-next {
  display: block !important;
  right: initial;
  float: right;
  clear: none;
}

#arrows-latch-2 .slick-next svg {
  position: relative;
  fill: rgb(88, 69, 137);
  width:7px;
  height: 13px;
}

#arrows-latch-2 .slick-prev::before, 
#arrows-latch-2 .slick-next::before {
  display: none;
}

#arrows-latch-2 .slick-prev:hover,
#arrows-latch-2 .slick-next:hover {
  color: transparent;
  outline: none;
  opacity: 1;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
} 


/* dots */
#dots-latch-2 {
	position: absolute;
	display: block;
	width: auto;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	left: 35px;
	right: 35px;
	bottom: 0;
	height: 35px;
	z-index: 10000;
}
.stories-banner .slick-dotted.slick-slider {
  margin-bottom: 0;
}

#dots-latch-2 .slick-dots {
  bottom: 28px;
  margin: 0;
  height: 25px;
  padding: 0;
}

#dots-latch-2 .slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 0 3px;
  padding: 0;
  width: 10px;
}

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

#dots-latch-2 .slick-dots li.slick-active {
  height: 12px;
  width: 12px;
}

#dots-latch-2 .slick-dots li.slick-active button{
	border: 2px solid #584589;
  background: #584589;
  height: 12px;
  width: 12px;
}

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

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

#dots-latch-2 .slick-dots li button:before {
	display: none;
}

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

.stories-banner-nav {
	display: none;
}

.stories-banner .btn {
  margin: 0 3px 15px 3px;
}

@media only screen and (min-width:500px) {
  .stories-banner__image-container {
    max-width: 300px;
    margin: 0 auto 20px auto;
  }

  .stories-banner__header {
    font-size: 1.125rem;
  }

  .stories-banner__summary {
    font-size: 1.45rem;
  }
  

}

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

  
  #dots-latch-2 .slick-dots {
    display: none !important;
  }
	.stories-banner-container {
    margin: 0 0 25px 0;
    padding: 40px 84px;
  }
  
  .stories-banner .slide {
    min-height: 362px;
  }

	.stories-banner-nav {
		bottom: 0;
		display: block;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width: 67px;
		z-index: 9000;
	}


  
  .stories-banner__image-container {
    width: 37%;
    float:left;
    position: relative;
    background-image: url('../images/backdrop.png');
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 3% 0 0;
    max-width: 100%;
  }

  .stories-banner__image-wrapper {
    padding-top: 100%;
    position: relative;
    width: 100%;
    top:0;
  }

  .stories-banner__image {
    position: absolute;
    top: 7.2%;
    left: 7.1%;
    right: 7.9%;
    bottom: 8%;
    transform: rotate(4.4deg);
  }

  .stories-banner__text-container {
    width: 60%;
    float:left;
    padding: 105px 0 0 0;
    text-align: left;
  }

  .stories-banner__header {
    margin: 0 0 8px 0;
    font-size: 1.25rem;
    text-align: left;
  }

  .stories-banner__summary {
    margin: 0 0 20px 0;
    font-size: 1.875rem;
    text-align: left;
    padding-left: 15px;
  }
  

	.stories-banner-nav img {
		display: block;
		margin: 0;
		cursor: pointer;
	}

	#arrows-latch-2 {
		display: block;
  }
  
  #arrows-latch-2 .slick-prev,
  #arrows-latch-2 .slick-next {
    top: 0;
    bottom: 0;
    height: 100%;
    margin: 0 0 -15px;
    width:75px;
  }

  #arrows-latch-2 .slick-prev svg {
    width:15px;
    height: 28px;
  }
  
  #arrows-latch-2 .slick-next svg {
    width:15px;
    height: 28px;
  }

  .stories-banner-nav {
    position: absolute;
    top: 38px;
    left: 40%;
  }

  .stories-banner-nav {
    position: absolute;
    top: 38px;
    left: 40%;
    right: 0;
    width: auto;
    height: auto;
    bottom: inherit;
    bottom: initial;
  }


  .stories-banner .btn {
    margin: 0 12px 0 0;
  }

  .stories-banner-nav .slick-track  {
    padding: 10px 10px;
  }

  .stories-banner-nav .slick-list  {
    padding: 0 0 0 20px;
  }

	.stories-banner-nav .slide {
    margin: 0 0 0 30px; 
    display: inline-block;
    width: 71px;
    opacity: 0.6;
  }

  .stories-banner-nav .slide.slick-current {
    opacity: 1;
  }

  .stories-banner-nav .slide:nth-child(odd) {
    transform: rotate(6deg);
  }

  .stories-banner-nav .slide:nth-child(even) {
    transform: rotate(-10deg);
  }

  .stories-banner-nav__image-container {
    padding: 3px;
    background: #FFF;
    box-shadow: 0 1px 5.76px 0.24px rgba(0, 0, 0, 0.33);
  }

  .stories-banner-nav__image-container {
    width: 100%;
  }



}




/* 
##########################################
### Home Events
########################################## 
*/

.home-events:before,
.home-events:after {
  clear: both;
  content: ' ';
  display: table;
}

@media (max-width:900px) {
  .home-events__secondary-width {
    margin-bottom: 40px;
    position: relative;
    width:  100%;
    height:100%;
    overflow: none;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .home-events__secondary-scroll {
    width: 1000px;
    height:100%;
    overflow: none;
  }
}

.home-events__secondary__item-width {
  width: 300px;
  float:left;
  padding-left:0;
}


@media (min-width:901px) {
  
  
  .home-events__primary-width {
    width: 40%;
    float:left;
    display: block;
  }
  
  .home-events__secondary-width {
    width: 60%;
    float:left;
    display: block;
  }

  .home-events__secondary__item-width {
    width: 33.3333%;
    float:left;
  }

}


/* 
##########################################
### Home Stats
########################################## 
*/


.home-stats {
  text-align: center;
} 

.home-stats__item-width {
  width: 100%;
}


.home-stats__item {
  display: block;  
}


.home-stats__item__header {
  color: #584589;
  font-size: 3.5rem;
  font-family: 'Muli';
  font-weight:600;
  margin: 0 0 0 0;
  padding: 0 0 19px 0;
}

.home-stats__item__header:after {
  content: ' ';
  display: block;
  background: #d7171d;
  height: 3px;
  width: 74px;
  margin: 10px auto 0 auto;
}

.home-stats__item__summary {
  color: #363636;
  font-size: 0.75rem;
  font-family: 'Muli';
  font-weight:600;
  margin: 0 auto 33px auto;
  max-width: 180px;
}


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

  .home-stats__item-width {
    width: 33.33%;
    float: left;
  }

  
  
}

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

  .home-stats__item__header {
    font-size: 4.375rem;
    margin: 0 0 17px 0;
    padding: 0 0 0 0;
  }
  
  .home-stats__item__summary {
    font-size: 0.933rem;
    margin: 0 auto 36px auto;
    max-width: 250px;
  }
}



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

.breadcrumbs {
  font-family: 'Muli', arial, sans-serif;
  font-size: 0.6rem;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 10px 0;
  min-height: 34px;
  background: #fff;
  text-align: left;
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
}

.breadcrumb-push {
  margin: 23px 0 0 0;
}

.breadcrumbs__item {
  display: inline-block;
}

.breadcrumbs__item--home .breadcrumbs__item__link {
  position: relative;
  top: 2.5px;
}

.breadcrumbs__item__link svg{
  height: 14px;
  width:13px;
  display: inline-block;
  fill: #584589 !important;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.breadcrumbs__item__link:hover svg{
  fill: #584589 !important;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.breadcrumbs__item__link svg .logo {
  fill: #584589 !important;
}

.breadcrumbs__item::after {
  content: ' ';
  background: url('../images/icons/breadcrumb-arrow.svg') no-repeat;
  background-size: cover;
  height: 5.5px;
  width: 3px;
  padding: 0 0;
  display: inline-block;
  color: #a398be;
  position: relative;
  top: 0;
  font-size: 0.875rem;
  margin: 0 5px 0 5px;
  font-family: 'Caveat';
  font-weight:400;
  line-height: 1;
}

.breadcrumbs__item:last-child::after {
  content: '';
  background: none;
}

.breadcrumbs__item__link,
.breadcrumbs__item__no-link {
  color: #5e5d5f;
  display: inline-block;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 1em;
  font-family: 'Muli';
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.breadcrumbs__item__link:hover,
.breadcrumbs__item__link:focus,
.breadcrumbs__item__link:active {
  color: #584589;
  text-decoration: none;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}


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

  .breadcrumbs {
    margin: 0 0 0 0;
    font-size: 0.788rem;
    min-height: 46px;
    padding: 13px 0 15px 0;
  }

  .breadcrumb-push {
    margin: 44px 0 0 0;
  }

  .breadcrumbs__item__link,
  .breadcrumbs__item__no-link {
    display: inline-block;
  }
  .breadcrumbs__item--home .breadcrumbs__item__link {
    position: relative;
    top: 3.5px;
  }
  .breadcrumbs__item--home .breadcrumbs__item__link svg{
    display: inline-block;
    height: 22px;
    width: 20px;
  }

  .breadcrumbs__item::after {
    position: relative;
    top: 0;
    font-size: 1.5rem;
    margin: 0 11px 0 11px;
    font-weight:400;
    line-height: 1;
  }

  .breadcrumbs__item::after {
    height: 11px;
    width: 6px;
  }
}



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

.banner-primary {
  position: relative;
  margin-bottom: 28px;
  background: #ebebeb;
}

.banner-primary__text {
  padding: 20px 0 24px 0;
  text-align: left;
}

.banner-primary__header {
  color: #422d79;
  display: block;
  font-family: "Muli";
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  margin: 0 0 16px 0;
  text-align: left;
}

.banner-primary__summary {
  color: #6a6673;
  display: block;
  font-family: "Muli";
  font-size: 0.788rem;
  font-weight: 500;
  text-align: left;
}

.banner-primary__news-date {
  font-size: 0.8rem;
  font-weight: 600;
  margin: 0 0 18px 0;
  font-family: "Muli";
  color: #5e5d5f;
}

.banner-primary__date {
  font-size: 0.75rem;
  font-weight: 600;
  font-family: "Muli";
  color: #5e5d5f;
  line-height: 1.5;
  margin: 0 0 10px 0;
  text-align: left;
  display: block;
  position: relative;
  padding-left: 34px;
}

.banner-primary__date svg {
  fill: #403854;
  height:17px;
  position: absolute;
  left:0;
  top:0;
  width: 15px;
}

.banner-primary__address {
  font-size: 0.75rem;
  font-weight: 600;
  font-family: "Muli";
  color: #5e5d5f;
  line-height: 1.5;
  margin: 0 0 14px 0;
  text-align: left;
  display: block;
  position: relative;
  padding-left: 34px;
}

.banner-primary__address svg {
  fill: #403854;
  height:17px;
  position: absolute;
  left:0;
  top:0;
  width: 14px;
}

.banner-primary__price {
  font-family: "Muli";
  color: #422d79;
  line-height: 1.5;
  margin: 0 0 14px 0;
  text-align: left;
  display: block;
  position: relative;
  padding-right: 10px;
  font-size: 0.875rem;
  font-weight: 700;
}


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

  
  .banner-primary__header {
    font-size: 2.25rem;
  }

  .banner-primary__summary {
    font-size: 1.1rem;
  }


}

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

  .banner-primary {
    height: auto;
    
  }

  .banner-primary__text {
    padding: 44px 410px 46px 0;
    text-align: left;
  }

  .banner-primary__header {
    display: block;
    font-size: 2.875rem;
    font-family: "Muli";
    margin: 0 0 20px 0;
    line-height: 1;
  }

  .banner-primary__summary {
    display: block;
    font-family: "Muli";
    font-weight: 500;
    font-size: 1.288rem;
  }

  .banner-primary__date {
    font-size: 1.125rem;
  }
  
  .banner-primary__address {
    font-size: 1.125rem;
  }

  .banner-primary__date svg {
    top: 2px;
  }

  .banner-primary__address svg {
    top: 2px;
  }

  .banner-primary__price {
    display: inline-block;
    font-size: 1.25rem;
  }

}

/*
##########################################
### Prooduct Images
########################################## 
*/

.page-images-container {
	max-width: 100%;
	position: relative;
	margin-bottom: 25px;
	width: 100%;
}


.page-images {
  position: relative;
  margin-bottom:7px;
}

.page-images .slick-list {
  overflow-y:visible;
}

.page-images .slide,
.page-images .slide .relative {
  outline:none !important;
}

.page-images .slide {
	padding-right: 1px;
	display: block;
}

.page-images .slide a {
  position: relative;
  display: block;
  padding-top: 47%;
  overflow: hidden;
}


.page-images .slide a img{
	width: 100%;
  display: block;
  margin: 0;
  position: absolute;
  top:50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
}


.page-images .slick-slider {
  margin:0;
}

.page-images-container .slider-controls {
	height: 100%;
	position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

 /* arrows */
 #arrows-latch-4 {
	left: initial;
	position: relative;
	right: initial;
	height: 100%;
  display: block;
}
  

#arrows-latch-4 .slick-prev,
#arrows-latch-4 .slick-next {
  background: rgb(88, 69, 137);
  bottom: 0;
  clear: both;
  color: transparent;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 0;
  width:22px;
  line-height: 0;
  margin:0 0 0 0;
  outline: none;
  padding: 0;
  font-weight: 400;
  position: relative;
  height:100%;
  top:0;
  opacity: 0.6;
  z-index: 1000;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
}


#arrows-latch-4 .slick-prev {
  display: block !important;
  left: initial;
  float: left;
}

#arrows-latch-4 .slick-prev svg {
  position: relative;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  fill: #FFF;
  width:6px;
  height: 13px;
-webkit-filter: drop-shadow( -1px 1px 3px rgba(0, 0, 0, 0.75) ); 
  filter: drop-shadow( -1px 1px 3px rgba(0, 0, 0, 0.75) );
}

#arrows-latch-4 .slick-next {
  display: block !important;
  right: initial;
  float: right;
  clear: none;
}

#arrows-latch-4 .slick-next svg {
  position: relative;
  fill: #fff;
  width:6px;
  height: 13px;
-webkit-filter: drop-shadow( -1px 1px 3px rgba(0, 0, 0, 0.75) ); 
  filter: drop-shadow( -1px 1px 3px rgba(0, 0, 0, 0.75) );
}

#arrows-latch-4 .slick-prev::before, 
#arrows-latch-4 .slick-next::before {
  display: none;
}

#arrows-latch-4 .slick-prev:hover,
#arrows-latch-4 .slick-next:hover {
  color: transparent;
  outline: none;
  opacity: 1;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
} 


/* dots */
#dots-latch-4 {
	position: absolute;
	display: block;
	width: auto;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	left: 35px;
	right: 35px;
	bottom: 0;
	height: 35px;
	z-index: 10000;
}

#dots-latch-4 .slick-dotted.slick-slider {
  margin-bottom: 0;
}

#dots-latch-4 .slick-dots {
  bottom: 0;
  position: relative;
  padding: 0;
  height: 37px;
  margin: 0;
}

#dots-latch-4 .slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 9px;
  margin: 0 3px;
  padding: 0;
  width: 9px;
}

#dots-latch-4 .slick-dots li button {
  background: transparent;
  border-radius: 100%;
  border: 2px solid #FFF;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 9px;
  line-height: 0;
  outline: none;
  padding: 0;
  width: 9px;
}

#dots-latch-4 .slick-dots li.slick-active {
  height: 11px;
  width: 11px;
}

#dots-latch-4 .slick-dots li.slick-active button{
	border: 2px solid #FFF;
  background: #FFF;
  height: 11px;
  width: 11px;
}

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

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

#dots-latch-4 .slick-dots li button:before {
	display: none;
}

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


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

  /* arrows */
  #arrows-latch-4 .slick-prev,
  #arrows-latch-4 .slick-next {
    width:35px;
  }

  #arrows-latch-4 .slick-prev svg {
    width: 15px;
    height: 28px;
  }

  #arrows-latch-4 .slick-next svg {
    width: 15px;
    height: 28px;
  }


  /* dots */
  #dots-latch-4 {
    bottom: 15px;
  }


  #dots-latch-4 .slick-dots li {
    height: 12px;
    width: 12px;
  }

  #dots-latch-4 .slick-dots li button {
    height: 12px;
    width: 12px;
  }

  #dots-latch-4 .slick-dots li.slick-active {
    height: 16px;
    width: 16px;
  }

  #dots-latch-4 .slick-dots li.slick-active button{
    height: 16px;
    width: 16px;
  }


}






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

.top-level {
  margin: 0 0 23px 0;
}

#ytplayer-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

#ytplayer-container > iframe {
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width: 100% !important;
  height: 100% !important;
}

.inner-level {
  margin: 23px 0 23px 0;
}

.article{
  display: block;
}

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

.article h1 {
  color: #584589;
  font-size: 1.4rem;
  margin: 0 0 17px 0;
  padding: 0;
  font-weight: 800;
  text-align: left;
}

.article h1 span {
  color: #959aa3;
}

.article h2 {
  color:#6a6673;
  font-size: 0.8rem;
  font-weight: 600;
  margin: 0 0 26px 0;
  text-align: left;
}

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

.article h3 {
  color: #584589;
  font-size:1.175rem;
  font-family: "Muli";
  margin: 5px 0 10px 0;
  padding: 0;
  font-weight: 800;
}

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

.article p,
.article ol,
.article ul,
.article dl {
  color: #5e5d5f;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.8;
  margin:5px 0 27px 0;
  font-family: 'Muli';
}

.article p a,
.article p a:visited{
  font-size: 0.72rem;
  color: #584589;
  font-weight: bold;
  text-decoration: underline;
  font-family: 'Muli';
}

.article p a:focus,
.article p a:hover {
  color: #584589;
  text-decoration: underline;
  font-family: 'Muli';
}

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

.article > ul, 
.article > ol {
  margin: 0 0 0 1.75rem;
  padding: 0;
}
.article > ul a,
.article > ol a {
  color: #584589;
  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.1em;
  font-family: 'Muli';
}

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

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

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

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

  .article {
    margin-bottom: 0;
  }
  
  .article h1 {
    font-size: 2.375rem;
  }
  
  .article h2 {
    font-size: 1.125rem;
    margin: 0 0 38px 0;
  }


  .article h3 {
    font-size: 1.5rem;
    margin: 0 0 19px 0;
  }
  

  .article p,
  .article ol,
  .article ul,
  .article dl {
    font-size: 0.875rem;
    margin-bottom: 33px;
  }

  .article p a,
  .article p a:visited{
    font-size: 0.875rem;
  }

}

@media only screen and (min-width:800px) {
  .top-level {
    padding: 0 355px 0 0;
    min-height: 210px;
    margin: 0 0 45px 0;
    position: relative;
  }

  .inner-level {
    margin: 45px 0 45px 0;
    padding: 0 0 0 313px ;
  }

  .inner-sidebar {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
  }

  .toplevel-sidebar {
    position: absolute;
    top:0;
    bottom:0;
    right: 0;
    width: 307px;
    height: 100%;
  }
}


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

  .top-level {
    padding: 0 406px 0 0;
  }

  .inner-level {
    padding: 0 0 0 406px ;
  }

}

/* 
##########################################
### Sidenav
########################################## 
*/

.sidenav {
  display: none;
}

@media (min-width: 800px) {
  .sidenav {
    width: 307px;
    margin: 0 0 61px 0;
    display: block;
  }

  .sidenav h3{
    color: #584589;
    font-size:1.25rem;
    font-family: "Muli";
    font-weight: 800;
    margin: 0 0 12px 0;
    padding: 0;
  }

  .sidenav > ul {
    margin:0;
    padding:0;
    list-style: none;
    border: 1px solid #cccccc;
    border-bottom-width: 0;
  }

  .sidenav > ul > li {
    border-bottom: 1px solid #cccccc;
  }

  .sidenav > ul > li.active {
    background: #ebebeb;
  }

  .sidenav > ul > li > a {
    display: block;
    padding: 12px 13px;
    font-size: 0.875rem;
    font-family: "Muli";
    font-weight: 600;
    color: #5e5d5f;
  }

  .sidenav > ul > li.active > a {
    background: #ebebeb;
    color: #584589;
    font-weight: 800;
  }


  .sidenav > ul > li > ul {
    margin:0 0 7px;
    padding:0 0 0 13px;
    list-style: none;
  }

  .sidenav > ul > li > ul > li {
    display: block;
  }

  .sidenav > ul > li > ul > li > a {
    display: block;
    padding: 7px 13px;
    font-size: 0.875rem;
    font-family: "Muli";
    font-weight: 600;
    color: #5e5d5f;
  }

  .sidenav > ul > li > ul > li.active a{
    color: #584589;
    font-weight: 800;
  }
}

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

.downloads-container {
  padding-top: 0;
  margin-bottom: 16px;
}

.downloads-container h3 {
  color: #584589;
  font-size:1.175rem;
  font-family: "Muli";
  margin: 5px 0 12px 0;
  padding: 0;
  font-weight: 800;
}

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

.downloads {
  padding:0;
  margin:0;
}

.downloads-container .download-item-width{
  width: 100%;
}

.download-item {
  position: relative;
  margin-bottom: 10px;
  border-radius: 10px;
  box-shadow: 0 1px 3px 0.24px rgba(0, 0, 0, 0.34);
}

.download-item__link {
  background-color: rgb(255, 255, 255);
  min-height: 43px;
  border-radius: 10px;
  padding: 16px 20px 14px 47px;
  width: 100%;
  display: block;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
  font-size: 0.7rem;
  font-family: "Muli";
  color: rgb(94, 93, 95);
  line-height: 1.7;
  font-weight: 600;  
}

.download-item__link:hover,
.download-item__link:focus{
  background: #584589;
  color: #FFF;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
}



.download-item__link span {
  display: inline-block;
  font-size: 0.6rem;
  font-family: 'Muli';
  margin: 0 0 0 5px;
  color: #a2a0a4;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
}

.download-item__link:hover span{
  color: #fff;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
}

.download-item__icon {
  position: absolute;
  left:15PX;
  top: 50%;
  height: 13px;
  width: 23px;
  -webkit-transform: translate(0, -50%);transform: translate(0, -50%);
}

.download-item__icon svg {
  height: 13px;
  width: 23px;
  fill: #aba2c4;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
}

.download-item__link:hover .download-item__icon svg{
  fill: #fff;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
}

@media (min-width:768px) {

  .downloads-container {
    padding-top: 0;
    margin-bottom: 20px
  }
  
  .downloads-container h3 {
    font-size: 1.5em;
    margin: 0 0 15px 0;
  }

  .download-item {
    margin-bottom: 10px;
  }
  
  .download-item__link {
    font-size: 1rem;
    font-weight: 600;
    padding: 20px 20px 20px 71px;
  }

  .download-item__link span{
    display: inline-block;
    font-size: 0.78rem;
    margin: 0 0 0 5px;
  }

  .download-item__icon {
    left:21px;
    height: 20px;
    width: 34px;
  }
  
  .download-item__icon svg {
    height: 20px;
    width: 34px;
  }
}


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

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

.ranges-primary.ranges-primary--alt {
  margin: 0 -0.75rem;
}

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


.ranges-primary__range-width {
  width: 100%;
  padding: 0 0.75rem;
}

.ranges-primary__range {
  display: block;
  margin-bottom: 17px;
  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 0;
  overflow:hidden;
  padding-top: 60.2%;
  border: 1px solid #ebebeb;
}

.ranges-primary__range__image-container a{
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ranges-primary__range__image-container img{
  top: 50.5%;
  position: absolute;
  -webkit-transform: translate(0,-50%);transform: translate(0,-50%);
}

.ranges-primary__range__text-container {
  background: #ebebeb;
  padding: 17px 14px;
  text-align: center;
}

.ranges-primary__range__title {
  font-size: 0.78rem;
  font-family: "Muli";
  color: #584589;
  font-weight: 800;
  margin-bottom: 9px;
}

.ranges-primary__range__title a {
  color: #584589;
  display: block;
}

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



.ranges-primary__range__summary {
  padding:0;
  margin:0 0 12px 0;
  color: #5e5d5f;
  font-size: 0.72rem;
  font-weight: 600;
}


.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 (min-width:550px) {

  .ranges-primary__range-width {
    width: 50%;
    float: left;
    padding: 0 0.4rem;
  }
  
}



@media (min-width:900px) {
  

  .ranges-primary {
    background: #ebebeb;
    padding: 45px 0 64px 0;
  }

  .ranges-primary.ranges-primary--alt {
    background: #FFF;
    padding: 0 0 64px 0;
  }

  .ranges-primary__range-width {
    width: 33.3333%;
    float: left;
    padding: 0 0.75rem;
  }

  .ranges-primary.ranges-primary--alt .ranges-primary__range-width {
    width: 50%;
  }

  .ranges-primary__range__text-container {
    background: #FFF;
    padding: 20px 20px 28px 20px;
    text-align: center;
  }

  .ranges-primary.ranges-primary--alt .ranges-primary__range__text-container {
    background: #ebebeb;
  }
  
    
  .ranges-primary__range__title {
    font-size: 1.25rem;
    font-family: "Muli";
    color: #584589;
    font-weight: 800;
    margin-bottom: 10px;
  }


  .ranges-primary__range__summary {
    font-size: 0.788rem;
    margin:0 0 14px 0;
  }

}




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

.ranges-secondary__range__date-card__day,
.ranges-secondary__range__date-card__month {
  color: #FFF;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  font-family: "Muli";
  
}

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

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

.ranges-secondary-area {
  position: relative;
  margin: 0 auto
}

.ranges-secondary__range-width-1 {
  max-width: 540px;
  margin: 0 auto;
  display: block;
  float: none !important;
}

.ranges-secondary__range-width {
  width: 200px;
  display: inline-block;
  padding: 0 .3125rem;
  margin: 0 -2px;
  float: none !important;
  vertical-align: top;
}

.ranges-secondary__range {
  display: block;
  position: relative;
  min-height: 120px;
  margin-bottom: 13px;
  overflow: hidden;
  border: 0 solid #d4dec5;
  background: #FFF;
  padding: 0;
  max-width: 540px;
}

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

.ranges-secondary__range__image-container {
  padding-top: 99%;
  border: 1px solid #e1e1e1;
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 16px;
  overflow: hidden
}

.ranges-secondary__range__image {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 50%;
  display: block;
  max-width: inherit;
  width: 101%;
  transform: translate(-50%,0)
}

.ranges-secondary__range__date-card {
  background: #584589;
  height: 58px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 14px 0 0;
  width: 55px
}

.ranges-secondary__range__date-card__day {
  font-size: 0.875rem;
  font-weight: 800;
}

.ranges-secondary__range__date-card__month {
  font-size: .825rem
}

.ranges-secondary__range__text {
  padding: 0 9px;
  margin-bottom: 15px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.ranges-secondary__range__date {
  font-size: .6875rem;
  font-family: Muli;
  color: #797979;
  font-weight: 600;
  line-height: 1.818;
  text-align: left
}

.ranges-secondary__range__header,
.ranges-secondary__range__header-link {
  font-size: .933rem;
  font-family: Muli;
  color: #584589;
  font-weight: 800;
}


.ranges-secondary__range__summary {
  font-size: 0.75rem;
  font-family: Muli;
  color: #5e5d5f;
  font-weight: 600;
}

@media screen and (min-width: 550px) {
  .ranges-secondary__range-width {
    width:50%
  }

  
  .ranges-secondary__range-width-1 {
    max-width: 600px;
    margin: 0 auto;
    display: block;
    float: none !important;
  }

}

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

  .ranges-secondary__range-width {
    width:50%;
  }

  .ranges-secondary__range-width-1 {
    max-width: initial;
    margin: 0 -2px;
  }

  .ranges-secondary__range__text {
      margin-bottom: 20px
  }

  .ranges-secondary__range__date {
      font-size: .788rem
  }

  .ranges-secondary__range__header,.ranges-secondary__range__header-link {
      font-size: 1.25rem
  }

  .ranges-secondary__range__summary {
    font-size: 0.788rem;
  }

  .ranges-secondary__range__goto,.ranges-secondary__range__read {
      font-size: .988rem
  }

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

  .ranges-secondary-area {
      width: 100%
  }

  .ranges-secondary__range .btn {
     display: none
  }

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

  .ranges-secondary__range {
    max-width: 100% ;
  }

}

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

  .ranges-secondary__range-width-1 {
    width:50%;
    display: inline-block;
  }
}



.ranges-secondary__range--blog-featured {
  margin: 0 0 42px 0;
}
.ranges-secondary__range--blog-featured .ranges-secondary__range__image-container {
  display: block;
  position: relative;
  padding-top: 90%;
  border-radius: 0 0 0 0;
  overflow: hidden
}

.ranges-secondary__range--blog-featured .ranges-secondary__range__image {
    height: auto;
}

.ranges-secondary__range--blog-featured .ranges-secondary__range__date-card {
  top: 0;
  right: 0; 
}

.ranges-secondary__range--blog-featured .ranges-secondary__range__text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 18px 10px;
  margin: 0;
  background: #584589;
}

.ranges-secondary__range--blog-featured .ranges-secondary__range__header {
  font-size: 0.933rem;
  display: block;
  font-family: Muli;
  color: #fff;
  line-height: 1.211;
  text-align: left;
  font-weight: 900;
  margin: 0 0 10px 0;
}

.ranges-secondary__range--blog-featured .ranges-secondary__range__summary {
  color: #bbabe3;
  font-size: 0.75rem;
  font-family: "Muli";
  margin: 0;
  padding:0;
}

.ranges-secondary__range--blog-featured .ranges-secondary__range__read {
    display: none
}

@media (min-width:768px) {

  .ranges-secondary__range--blog-featured .ranges-secondary__range__text {
    padding: 20px;
  }

  .ranges-secondary__range--blog-featured .ranges-secondary__range__header {
    font-size: 1.25rem;
    margin: 0 0 14px 0;
  }

  .ranges-secondary__range--blog-featured .ranges-secondary__range__image-container {
    padding-top: 79.67%;
  }
}



.ranges-secondary__range--event-featured {
  margin: 0 auto 42px auto;
}
.ranges-secondary__range--event-featured .ranges-secondary__range__image-container {
  display: block;
  position: relative;
  padding-top: 90%;
  border-radius: 0 0 0 0;
  overflow: hidden
}

.ranges-secondary__range--event-featured .ranges-secondary__range__image {
    height: auto;
}

.ranges-secondary__range--event-featured .ranges-secondary__range__date-card {
  top: 0;
  right: 0; 
}

.ranges-secondary__range--event-featured .ranges-secondary__range__text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 18px 10px;
  margin: 0;
  background: #584589;
}

.ranges-secondary__range--event-featured .ranges-secondary__range__header {
  font-size: 0.933rem;
  display: block;
  font-family: Muli;
  color: #fff;
  line-height: 1.211;
  text-align: left;
  font-weight: 900;
  margin: 0 0 10px 0;
}

.ranges-secondary__range--event-featured .ranges-secondary__range__summary {
  color: #bbabe3;
  font-size: 0.75rem;
  font-family: "Muli";
  margin: 0;
  padding:0;
}

.ranges-secondary__range--event-featured .ranges-secondary__range__read {
    display: none
}

@media (min-width:768px) {

  .ranges-secondary__range--event-featured .ranges-secondary__range__text {
    padding: 20px;
  }

  .ranges-secondary__range--event-featured .ranges-secondary__range__header {
    font-size: 1.25rem;
    margin: 0 0 14px 0;
  }

  .ranges-secondary__range--event-featured .ranges-secondary__range__image-container {
    padding-top: 90%;
  }
}




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


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

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


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

.ranges-donate__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-donate__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-donate__arrow-overlap svg {
  max-height: 51px;
}

.ranges-donate-area {
  margin-bottom: 40px;
  margin-top: 0;
  position: relative;
  width: 850px;
  margin:  0 auto;
}

.ranges-donate__range-width {
  width: 170px;
  display: inline-block;
  padding: 0 0;
  margin: 0 -2px;
}

.ranges-donate__range {
  border: 1px solid #FFF;
  display: block;
  margin-bottom: 13px;
  overflow: hidden;
  padding-top: 0;
  position: relative;
}





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


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


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




.ranges-donate__range__text-container {
  background: #715ca8;
  border-radius: 0;
  text-align: center;
  padding: 23px 11px 28px 11px;
}

.ranges-donate__range:hover .ranges-donate__range__text-container {
  background: #584589;
}

.ranges-donate__range__title {
  font-size: 1.5rem;
  line-height: 1;
  font-family: "Caveat";
  color: #FFF;
  margin: 0 0 8px 0;
  font-weight: bold;
}

.ranges-donate__range__title span {
  font-size: 1.977rem;
}

.ranges-donate__range__info {
  font-size: 0.73rem;
  font-family: "Muli";
  font-weight: 600;
  margin: 0 0 18px 0;
  color: #bbabe3;
}

@media only screen and (max-width:1299px) {
  .ranges-donate__range .btn {
    display: block !important;
  }
}



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

  .ranges-donate-area {
    margin-bottom: 40px;
    margin-top: 0;
    position: relative;
    width: 1250px;
    margin:  0 auto;
  }
  
  .ranges-donate__range-width {
    width: 250px;
    display: inline-block;
    padding: 0;
    margin: 0 -2px;
  }

  .ranges-donate__range__title {
    font-size: 2rem;

  }
  
  .ranges-donate__range__title span {
    font-size: 2.5rem;
  }
  
  .ranges-donate__range__info {
    font-size: 0.875rem;
  }

  

}


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


  .ranges-donate__range-width {
    width: 20%;
    min-height: 224px;
    padding-top:100px;
  }

  .ranges-donate--alt .ranges-donate__range-width {
    padding-top: 40px;
  }
  
  .ranges-donate {
    overflow: initial;
    position: relative;
    top: -50px;
    -webkit-overflow-scrolling: touch;
  }

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

  .ranges-donate__range__text-container {
    min-height: 224px;
    padding: 30px 16px 36px 16px;
  }

  .ranges-donate__range__title {
    font-size: 2.175rem;
    font-family: "Caveat";
    color: #FFF;
    margin: 0 0 8px 0;
    font-weight: bold;
  }
  
  .ranges-donate__range__title span {
    font-size: 2.977rem;
  }
  
  .ranges-donate__range__info {
    font-size: 0.875rem;
    font-family: "Muli";
    font-weight: 600;
    margin: 0 0 18px 0;
    color: #bbabe3;
  }


  .ranges-donate__range-width:hover {
    padding-top:0;
  }
  

  .ranges-donate__range:focus,
  .ranges-donate__range:hover,
  .ranges-donate__range:active {
    position: relative;
    top: 0;
  }
  

  .ranges-donate__range:focus .btn,
  .ranges-donate__range:hover .btn,
  .ranges-donate__range:active .btn {
    display: inline-block !important;
  }

  .ranges-donate__range:focus .ranges-donate__range__text-container,
  .ranges-donate__range:hover .ranges-donate__range__text-container {
    min-height: 270px;
  }

}








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

.pagination-bar-container {
  border-top: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
  margin-bottom: 17px
}

.pagination-bar {
  padding: 14px;
}

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

.pagination .center {
  display: inline-block
}


.pagination-bar__showing {
  float: left
}

.pagination-bar__items {
  float: right;
  line-height: .5
}

.pagination-bar__items__link {
  display: inline-block;
  margin: 0 0 0 16px;
  line-height: 0
}

.pagination-bar__items__link.active,.pagination-bar__items__link:active,.pagination-bar__items__link:focus,.pagination-bar__items__link:hover {
  text-decoration: underline;
  color: #002b51
}

@media screen and (min-width: 768px) {
  .pagination-bar-container {
      margin-bottom:25px
  }

  .pagination-bar__items__link,.pagination-bar__items__view,.pagination-bar__showing {
      font-size: .875rem
  }

  .pagination-bar__items__link {
      margin-left: 16px
  }

  .pagination-bar__items {
      line-height: 1
  }
}

.pagination {
  clear: both;
  color: #999;
  font-size: .8125rem;
  line-height: 0;
  padding: 0 0;
  border-top: 0 solid #d3dddb;
  text-align: center;
  position: relative;
  min-height: 55px;
  margin-bottom: 40px;
}

.pagination .center {
  left: 100px;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  right: 100px;
  text-align: center!important
}

.pagination__pages {
  margin: 0 10px;
  padding: 13px 0 13px;
  color: #7c8b97;
  display: block;
  position: relative;
}

.pagination__page {
  font-size: 15px;
  font-family: "Muli";
  color: #b7b7b9;
  line-height: 1.333;
  font-weight: 600;
  text-align: center;
  padding: 5px 3px;
  margin: 0 3px;
}

.pagination__page.active,
.pagination__page:hover {
  color: #584589
}



.pagination__arrow__link:active,.pagination__arrow__link:focus,.pagination__arrow__link:hover {
  font-weight: 400;
  color: #FFF;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

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

  .pagination {
    padding: 0 140px;
  }

  .btn.pagination__arrow__link-right {
    position: absolute;
    right: 0;
    width: 126px;
    top:0;
  }
  
  
  .btn.pagination__arrow__link-left {
    position: absolute;
    left: 0;
    top:0;
    width: 126px;
  }

  
}



/* 
##########################################
### Faqs
########################################## 
*/

.faqSection {
  background: #fff;
  border-radius: 0;
  float: right;
  border: 1px solid #b7b7b7;
  margin: 0 0 20px 0;
  width: 100%;
}

.faqSection .faq {
	border-bottom: 1px solid #b7b7b7;
}

.faqSection .faq:last-child {
	border-bottom: 0 solid #b7b7b7;
}

.faqSection h3.faqQuestion {
  color: #584589;
  cursor: pointer;
  display: block;
  font-family: 'Muli';
  font-size: 0.75rem;
  font-weight: bold;
  height: 100%;
  min-height: 38px;
  line-height: 1.5;
  padding: 10px 36px 10px 25px;
  text-decoration: none;
  position: relative;
  width: 100%;
}

.faqSection h3.faqQuestion span  {
	color: #d7171d;
  margin: 0 5px 0 0;
  position: absolute;
  left: 10px;
  top: 9px;
}

.faqSection h3.faqQuestion::after  {
  content: '+';
  color: #d7171d;
  font-family: 'Muli';
  height: 21px;
  width: 16px;
  font-size: 1.375rem;
  float: right;
  position: absolute;
  right: 0;
  line-height: 1;
  font-weight: 500;
  top: 50%;
  margin-right: 19px;
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


.faq.active h3.faqQuestion:after {
  content: '-' !important;
}

.faqSection .faqAnswer {
	font-family: 'Muli';
  margin-bottom: 5px;
  padding: 0 36px 0 12px;
  position: relative;
}

@media (min-width:768px) {

  .faqSection h3.faqQuestion span  {
    left: 20px;
    top: 18px;
  }

  .faqSection h3.faqQuestion {
    font-size: 1.1rem;
    padding: 18px 48px 18px 45px;
    
  }
  
  .faqSection h3.faqQuestion span  {
    color: #d7171d;
    margin: 0 10px 0 0;
  }

  .faqSection .faqAnswer {
    padding: 0 48px 0 24px;
  }
}



/* 
##########################################
### Form 
########################################## 
*/
.address-box-container {
  background: #edeff3;
  padding: 17px 8px;
  margin: 0 0 5px 0;
}

.address-box-container:before,
.address-box-container:after {
  clear: both;
  content: ' ';
  display: table;
}


.address-box {
  max-width: 844px;
}

.address-box:before,
.address-box:after {
  clear: both;
  content: ' ';
  display: table;
}

.address-box__header {
  font-family: 'Muli';
  font-size: 1.088rem;
  color: #27292f;
  font-weight: 600;
  margin: 10px 0 20px 0;
}



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

.form {
  margin-bottom: 20px;
}

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

.form__label {
  color: #5e5d5f;
  display:block;
  font-family: 'Muli';
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  margin: 15px 0 9px 0;
  position: relative;
  width: 100%;
}


.form__input:not([type="radio"]):not([type="checkbox"]),
.form__textarea,
.form__select {
  background-color: #FFF;
  border: 1px solid #cccccc;
  color: #2b3648;
  border-radius: 5px;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 5px;
  font-family: 'Muli';
  min-height: 41px;
  padding: 15px 19px;
  width:100%;
  max-width: 100%;
}

.form__input:not([type="radio"]):not([type="checkbox"]):focus,
.form__textarea:focus,
.form__select:focus  {
  border: 1px solid #584589;
  outline: none;
}

.form__input--address:not([type="radio"]):not([type="checkbox"]) {
  margin-bottom: 6px;
}

.form__input--address-last:not([type="radio"]):not([type="checkbox"]) {
  margin-bottom: 24px;
}

.form__textarea {
	min-height: 165px;
}

.form__select {
  background: #FFF url('../images/icons/icon_select.gif') right no-repeat;
  padding-right: 20px;
  -webkit-appearance:none;
  appearance: none;
}

.form__input::-webkit-input-placeholder { 
  color: rgba(64, 64, 64,0.5);
  font-size: 0.9375rem;
  font-weight: bold;
  font-family: 'Muli';
}
.form__input::-moz-placeholder { 
  color: rgba(64, 64, 64,0.5);
  font-size: 0.9375rem;
  font-weight: bold;
  font-family: 'Muli';
}
.form__input:-ms-input-placeholder {
  color: rgba(64, 64, 64,0.5);
  font-size: 0.9375rem;
  font-weight: bold;
  font-family: 'Muli';
}
.form__input:-moz-placeholder {
  color: rgba(64, 64, 64,0.5);
  font-size: 0.9375rem;
  font-weight: bold;
  font-family: 'Muli';
}

.form__select::-webkit-input-placeholder { 
  color: rgba(64, 64, 64,0.5);
  font-size: 0.9375rem;
  font-weight: bold;
  font-family: 'Muli';
}
.form__select::-moz-placeholder { 
  color: rgba(64, 64, 64,0.5);
  font-size: 0.9375rem;
  font-weight: bold;
  font-family: 'Muli';
}
.form__select:-ms-input-placeholder {
  color: rgba(64, 64, 64,0.5);
  font-size: 0.9375rem;
  font-weight: bold;
  font-family: 'Muli';
}
.form__select:-moz-placeholder {
  color: rgba(64, 64, 64,0.5);
  font-size: 0.9375rem;
  font-weight: bold;
  font-family: 'Muli';
}

.form__textarea::-webkit-input-placeholder { 
  color: rgba(64, 64, 64,0.5);
  font-size: 0.9375rem;
  font-weight: bold;
  font-family: 'Muli';
}
.form__textarea::-moz-placeholder { 
  color: rgba(64, 64, 64,0.5);
  font-size: 0.9375rem;
  font-weight: bold;
  font-family: 'Muli';
}
.form__textarea:-ms-input-placeholder {
  color: rgba(64, 64, 64,0.5);
  font-size: 0.9375rem;
  font-weight: bold;
  font-family: 'Muli';
}
.form__textarea:-moz-placeholder {
  color: rgba(64, 64, 64,0.5);
  font-size: 0.9375rem;
  font-weight: bold;
  font-family: 'Muli';
}

.form__denotes {
  padding:0;
  color: #5e5d5f;
  font-size: 0.7rem;
  font-family: 'Muli';
  font-weight: 400;
  margin: 0 0 20px 0;
}

.form__gdpr p{
  padding:0;
  color: #5e5d5f;
  font-size: 0.7rem;
  font-family: 'Muli';
  font-weight: 400;
  margin: 0 0 20px 0;
}

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

.form__store-info {
  display: block;
}

.form__store-info__label {
  padding:0;
  color: #5e5d5f;
  font-size: 0.875rem;
  font-family: 'Muli';
  font-weight: 600;
  display: inline-block;
  margin: 0 0 20px 0;
}

.form__store-info__input {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

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

.form__forgotten {
  color: #b2b3b3;
  font-size: 0.75rem;
  font-family: "Muli";
  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;
}

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


.form__main-label {
  font-size: 1.25rem;
  color: #584589;
  font-weight: 800;
  font-family: "Muli";
  margin: 0 0 10px 0;
  display: block;
}

.form__main-select {
  border: 2px solid #584589;
  border-radius: 5px;
  color: #5e5d5f;
  cursor: pointer;
  font-family: "Muli";
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 20px 0;
  outline: none;
  padding: 12px 30px 12px 19px;
  width: 100%;
}


.form__main-select span {
  color: #584589;
}

.form__main-select {
  -webkit-appearance:none;
  appearance: none;
  background: #FFF url('../images/icons/icon_select-2.gif') right no-repeat;
  padding-right: 20px;
}


@media (min-width: 800px) {

  .form {
    margin: 0 0 56px 0;
  }

  .form__main-label {
    font-size: 1.5rem;
    margin: 0 0 12px 0;
  }

  .form__select {
    background: #FFF url('../images/icons/icon_select.gif') right no-repeat;
  }

  
  .form__label {
    font-size: 1rem;
  }

  .form__input:not([type="radio"]):not([type="checkbox"]),
  .form__textarea,
  .form__select {
    font-size: 1rem;
  }
  

}

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

.contact-area {
  margin: 0 0 20px 0;
  text-align: center;
}

.contact-area:before,
.contact-area:after {
  clear: both;
  display: table;
  content: ' ';
}

.contact-area__map {
  width: 100%;
  height: 300px;
}

.contact-area__title {
  color: #584589;
  display: block;
  font-family: "Muli";
  font-weight: 800;
  margin: 0 0 10px 0;
}

.contact-area__address {
  color: #363636;
  font-family: 'Muli';
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.6;
  margin: 0 0 20px 0;
}

.contact-area__note {
  color: #363636;
  font-family: 'Muli';
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0 0 20px 0;
}



@media screen and (min-width: 800px) {
  .contact-area {
    margin: 0 0 38px 0;
    text-align: left;
  }
  
  .contact-area__telephone {
    font-size: 1.25rem;
    margin: 0 0 23px 0;
  }

  .contact-area__title {
    font-size: 1.1rem;
    margin: 0 0 10px 0;
  }

  .contact-area__address {
    font-size: 0.875rem;
    margin: 0 0 18px 0;
    
  }

  .contact-area__note {
    font-size: 0.875rem;
    margin: 0 0 0 0;

  }

  .contact-area__map {
    height: 200px;
  }


}



/* 
##########################################
### Blog Bar
########################################## 
*/

.blog-bar {
  margin: 0 0 20px 0;
  position: relative;
}

.filter-text {
  display: none;
  text-align: center;
  font-family:  'Muli';
  font-weight: 600;
  color: #363636;
  font-size: 0.8rem;
  margin: 0 0 10px 0;
}

.refine-selects {
  display: block;
}

.refine-selects__label {
  display: none;
}

.refine-selects__select {
  font-size: 1rem;
  font-family: "Muli";
  font-weight: bold;
  border-width: 1px;
  border-color: #bcb5d0;
  border-style: solid;
  border-radius: 20px;
  background-color: #FFF;
  -webkit-appearance:none;
  color: #584589;
  cursor: pointer;
  padding: 8px 22px;
  outline: none;
  display: block;
  width: 100%;
  margin: 0 10px 10px 0;
  text-align: center;
}

.refine-selects__select:hover,
.refine-selects__select.active {
  background: #584589;
  border-color: #584589;
  color: #FFF;
}



.filter-select__label {
  display: none;
}

.filter-select__select {
  -webkit-appearance: none;-moz-appearance: none;
  appearance: none;
  background-color: rgb(255, 255, 255);
  background: #FFF url('../images/icons/icon_select-2.gif') 98% no-repeat;
  background-size: 25px 6px;
  border-color: #bcb5d0;
  border-radius: 100px;
  border-style: solid;
  border-width: 1px;
  color: #584589;
  cursor: pointer;
  display: block;
  font-family: "Muli";
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.846;
  margin: 0 0 10px 0;
  outline: none;
  padding: 11px 30px 11px 20px;
  text-align: center;
  width: 100%;
}

.refine-selects {
  display: none;
}

@media screen and (min-width: 800px) {
  .blog-bar {
    margin: 0 0 38px 0;
  }

  #news_query {
    float:left;
    width: 100%;
    padding-right: 326px;
    padding-left: 0;
    position: relative;
  }

  #items_per_page {
    position: absolute;
    right:0;
    top:0;
  }

  #news_year {
    position: absolute;
    right:140px;
    top:0;
  }

  #news_filter {
    display: none;
  }

  #Event_filter {
    display: none;
  }

  .filter-select {
    float: right;
  }

  .filter-text {
    display: none;
    text-align: left;
    font-size: 0.933rem;
    margin: 0;
    position: absolute;
    left:0;
    top:7px;
  }
  
  .refine-selects {
    display: inline-block;
  }

  .refine-selects__select {
    display: inline-block;
    width: auto;
    margin: 0 10px 10px 0;
    padding: 19px 32px;
    text-align: left;
    border-radius: 100px;
  }

  .filter-select__select {
    display: inline-block;
    width: auto;
    text-align: left;
  }
  
  .filter-select__select {
    font-size: 0.788rem;
    padding: 19px 51px 19px 32px ;
  }

  
}


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

.sitemap {
  margin: 0 auto 0 auto;
  width: 100%;
  height: auto;
}

.sitemap-item {
  display: block;
  height: auto;
  text-align: left;
  width: 100%;
  margin: 0 0 12px 0;
}

.sitemap-item__link {
	color: #363636;
	font-family: 'Muli';
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
  height: 100%;
  line-height: 1.54;
  padding: 0;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
}

.sitemap-item__link:hover{
  color: #584589;
  -webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;
}

.sitemap-item__link:hover,
.sitemap-item__link:focus {
  text-decoration: none;
}

.sitemap-item-2 {
  display: block;
  height: auto;
  text-align: left;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0 0 0 15px;
}

.sitemap-item-2__link {
  display: inline-block;
  font-size: 1rem;
  font-family: "Muli";
  font-weight: 600;
  color: #363636;
  line-height: 1.481;
  text-align: center;
}

.sitemap-item-2__link:hover,
.sitemap-item-2__link:focus {
  text-decoration: none;
  color: #584589;
}

.sitemap-item-2__link::after {
	margin-top: 10px;
}

.sitemap-item-3 {
  display: block;
  margin: 0 0 10px 0;
  text-align: center;
  padding: 0 0 0 30px;
}

.sitemap-item-3__link {
  display: block;
  font-size: 0.875rem;
  font-family: "Muli";
  font-weight: 400;
  color: #363636;
  line-height: 1.481;
  text-align: left;
  margin: 5px 0;
}

.sitemap-item-3__link:hover,
.sitemap-item-3__link:focus {
  text-decoration: NONE;
  color: #584589;
}

.sitemap-item-3__link::after {
	margin-top: 10px;
}

.sitemap-item-2 + .sitemap-item {
  margin-top: 26px;
}

.sitemap-item-3 + .sitemap-item-2 {
  margin-top: 15px;
}

.sitemap-item-3 + .sitemap-item {
  margin-top: 26px;
}


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


}


/* 
##########################################
### Need to talk Cirlce
########################################## 
*/

.need-to-talk__container {
  display: none;
}



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

  
  
  .need-to-talk__container {
    display: block;
    position: relative;
    border-radius: 100%;
    background: #403854;
    height: 351px;
    width: 351px;
  }

  #NeedToTalkTopLevel {
    position: absolute;
    top:-101px;
    height: 307px;
    width: 307px;
  }

  #NeedToTalkInnerLevel {
    height: 307px;
    width: 307px;
  }

  .need-to-talk {
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
    width: 100%;
  }

  .need-to-talk__header {
    font-family: "Caveat";
    font-size: 2.3rem;
    color: #FFF;
    margin: 0 0 5px 0;
  }

  .need-to-talk__summary {
    color: #bbabe3;
    margin: 0 0 2px 0;
    font-size: 0.933rem;
    font-family: "Muli";
  }

  .need-to-talk__numbers {
    font-family: "Muli";
    font-weight: 400;
    font-size: 0.933rem;
    margin: 0 0 5px 0;
    color: #fff;
  }

  .need-to-talk__numbers__link,
  .need-to-talk__numbers__link:active {
    font-size: 1.175rem;
    font-weight: 800;
    color: #FFF;
  }

  .need-to-talk__numbers__link:focus,
  .need-to-talk__numbers__link:hover {
    color:  #FFF;
    text-decoration: underline;
  }

  .need-to-talk__times {
    color: #bbabe3;
    margin: 0 ;
    font-size: 0.933rem;
  }
}


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

.footer {
  margin-top: 0;
  position: relative;
}

.footer-cancel{
  margin-top: -32px;
}

.footer-top {
  display: block;
  background:url('../images/backgrounds/footer-sm.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 51px 0 25px 0;
  text-align: center;
}

.footer-top:before, 
.footer-top:after {
  content: " ";
  display: table;
}

.footer-top::after {
  clear: both; 
}

.footer-top__section-1 {
  display: none;
}

.footer-top__newsletter {
  text-align: center;
}

.footer-top__newsletter__header {
  color: #FFF;
  font-family: "Caveat";
  font-size: 1.75rem;
  margin: 0 0 0 0;
  font-weight: bold;
}

.footer-top__newsletter__summary {
  color: #FFF;
  font-family: "Muli";
  font-size: 0.7888rem;
  margin: 0 0 20px 0;
  font-weight: 600;
}



.footer-top__newsletter__form .form__label{
  display: none;
}

.footer-top__newsletter__form .form__input:not([type="radio"]):not([type="checkbox"]) {
  border-radius: 0;
  background-color: #FFF;
  border: 1px solid #b7b7b7;
  color: #2b3648;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 7px;
  font-family: 'Muli';
  min-height: 37px;
  padding: 0.5em 0.75rem;
  width:100%;
  max-width: 100%;
}

.footer-top__newsletter__form  .form__input::-webkit-input-placeholder { 
  color: rgba(64, 64, 64,0.5);
  font-size: 0.75rem;
  font-weight: 600;
  font-family: 'Muli';
}
.footer-top__newsletter__form .form__input::-moz-placeholder { 
  color: rgba(64, 64, 64,0.5);
  font-size: 0.75rem;
  font-weight: 600;
  font-family: 'Muli';
}
.footer-top__newsletter__form .form__input:-ms-input-placeholder {
  color: rgba(64, 64, 64,0.5);
  font-size: 0.75rem;
  font-weight: 600;
  font-family: 'Muli';
}
.footer-top__newsletter__form .form__input:-moz-placeholder {
  color: rgba(64, 64, 64,0.5);
  font-size: 0.75rem;
  font-weight: 600;
  font-family: 'Muli';
}

.footer-top__newsletter__form .form__btn {
  margin: 10px 0 0 0;
}

.footer-top__details {
  display: block;
  line-height: 1;
}

.footer-top__detials__logo {
  display: none;
}

.footer-top__detials__item {
  display: inline-block;
  color: #ffffff;
  font-size: 0.675rem;
  font-family: 'Muli';
  line-height: 1;
  margin:0 5px;
}

.footer-top__detials__social {
  margin:14px 0 0 0 ;
  padding: 0;
  list-style: none;
}

.footer-top__detials__social__item {
  height: 36px;
  width: 36px;
  margin: 0 2px;
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: top;
}

.footer-top__detials__social__item a {
  display: block;
}

.footer-top__detials__social__item svg {
  fill: #FFF;
  margin: 8px auto 0 auto;
  display: inline-block;
}

.footer-top__detials__social__facebook {
  background: #3e578f;
  height: 36px;
  width: 36px;
  border-radius: 100%;
}

.footer-top__detials__social__facebook svg {
  width: 7px;
  height: 16px;
  margin: 10px 0 0 6px;
}

.footer-top__detials__social__twitter {
  background: #29a9e0;
  height: 36px;
  width: 36px;
  border-radius: 100%;
}

.footer-top__detials__social__twitter svg {
  width: 18px;
  height: 16px;
  margin: 10px 0 0 3px;
}


.footer-top__detials__social__youtube {
  background: #d62628;
  height: 36px;
  width: 36px;
  border-radius: 100%;
}

.footer-top__detials__social__youtube svg {
  width: 16px;
  height: 19px;
  margin: 9px 0 0 0;
}

.footer-top__detials__social__instagram {
  background: #f15443;
  height: 36px;
  width: 36px;
  border-radius: 100%;
}

.footer-top__detials__social__instagram svg {
  width: 17px;
  height: 16px;
  margin: 10px 0 0 0;
}



@media (min-width: 600px) {
.footer-top__section-1 {
  float: left;
  width: 350px;
  position: absolute;
  top:31px;
  left:0;
  display: block;
}
}


@media (min-width: 800px) {
  .footer {
    margin-top: 0;
  }

  .footer-top {
    display: block;
    background:url('../images/backgrounds/footer-lg.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 0;
    position: relative;
    text-align: left;
  }

  .footer-top__relative {
    position: relative;
    padding: 31px 0 0 471px;
    height: 384px;
  }


  .footer-right-lg {
    float:right;
    display: block;
  }

  .footer-top__section-1 {
    float: left;
    width: 350px;
    position: absolute;
    top:31px;
    left:47px;
  }

  .footer-top__section-2 {
    width: 100%;
    position: relative;
  }


    
  .footer-top__newsletter {
    text-align: left;
    margin: 85px 0 0 0;
  }

  .footer-top__newsletter__header {
    font-size: 2.175rem;
  }

  .footer-top__newsletter__summary {
    font-size: 1rem;
    margin: 0 0 22px 0;
  }



  .footer-top__newsletter__form .form__label{
    display: none;
  }

  .footer-top__newsletter__form .form__input:not([type="radio"]):not([type="checkbox"]) {
    border-radius: 0;
    background-color: #FFF;
    border: 1px solid #b7b7b7;
    color: #2b3648;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 7px;
    font-family: 'Muli';
    min-height: 46px;
    padding: 0.75rem 0.788rem;
    width:100%;
    max-width: 100%;
  }

  .footer-top__newsletter__form  .form__input::-webkit-input-placeholder { 
    font-size: 1rem;
  }
  .footer-top__newsletter__form .form__input::-moz-placeholder { 
    font-size: 1rem;
  }
  .footer-top__newsletter__form .form__input:-ms-input-placeholder {
    font-size: 1rem;
  }
  .footer-top__newsletter__form .form__input:-moz-placeholder {
    font-size: 1rem;
  }

  .footer-top__newsletter__form .form__btn {
    margin: 10px 0 0 0;
  }


  .footer-top__detials {
    height: 93px;
    margin: 0;
    padding: 23px 0;
  }

  .footer-top__detials__logo {
    display: inline-block;
    vertical-align: middle;
    margin: 0 9px 0 0;
  }

  .footer-top__detials__item {
    font-size: 0.788rem;
    margin: 0 13px 0 0;
    vertical-align: middle;
  }

  .footer-top__detials__social {
    float: right;
    margin: 0;
  }

  .footer-top__detials__social__item {
    height: 47px;
    width: 47px;
    margin: 0 2px;
    display: inline-block;
  }
  
  .footer-top__detials__social__facebook {
    height: 47px;
    width: 47px;
  }
  
  .footer-top__detials__social__twitter {
    height: 47px;
    width: 47px;
  }
  
  .footer-top__detials__social__youtube {
    height: 47px;
    width: 47px;
  }
  
  .footer-top__detials__social__instagram {
    height: 47px;
    width: 47px;
  }
  
  .footer-top__detials__social__facebook svg{
    height: 21px;
    width: 21px;
    margin: 12px 0 0 3px;
  }
  
  .footer-top__detials__social__twitter svg{
    height: 20px;
    width: 24px;
    margin: 13px 0 0 3px;
  }
  
  .footer-top__detials__social__youtube svg{
    height: 24px;
    width: 20px;
    margin: 11px 0 0 1px;
  }
  
  .footer-top__detials__social__instagram svg{
    height: 21px;
    width: 21px;
    margin: 13px 0 0 1px;
  }
  

}


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


.footer-bottom {
  background-color: #403854;
  padding: 17px 12px 19px 12px;
  text-align: center;
  border-top:2px solid #ffffff;
}

.footer-bottom:before, 
.footer-bottom:after {
  content: " ";
  display: table;
}

.footer-bottom::after {
  clear: both; 
}

.footer-bottom__frlogo {
  height: 40px;
  margin: 0 0 10px 0;
}

.footer-bottom__links {
  display: block;
  margin: 0 0 12px 0;
  padding:0;
  text-align: center;
}

.footer-bottom__links-item {
  display: inline-block;
  font-size: 0.566rem;
  color: #ffffff;
  font-family: "Muli";
  font-weight: 600;
  margin: 0 5px;
}


.footer-bottom__links-item-link {
  font-size: 0.566rem;
  color: #8c8898;
  font-family: "Muli";
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.footer-bottom__links-item-link:hover,
.footer-bottom__links-item-link.active {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
}

.footer-bottom__arkom {
  display: block;
  font-size: 0.566rem;
  color: #8c8898;
  font-family: "Muli";
  font-weight: 600;
  line-height: 1;
  margin: 0;
}

.footer-bottom__arkom-link {
  display: inline-block;
  color: #f8933a;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  vertical-align: middle;
}

.footer-bottom__arkom-link:hover {
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.footer-bottom__arkom-link svg {
  margin: 0 0 0 5px;
  fill: #f79239;
}



@media (min-width: 500px) {


  .footer-bottom__links-item {
    font-size: 0.75rem;
  }

  .footer-bottom__links-item-link {
    font-size: 0.75rem;
  }

  .footer-bottom__arkom {
    font-size: 0.75rem;
  }

}



@media (min-width: 800px) {
  .footer-bottom {
    padding: 24px 0 24px 0;
    border-top: none;
    text-align: left;
  }

  .footer-bottom__frlogo {
    height: 44px;
    float: left;
    position: relative;
    top: 0px;
    margin: 0 20px 0 0;
  }

  .footer-bottom__links {
    display: block;
    margin: 11px 0 0 0;
    float: left;
  }

  .footer-bottom__links-item {
    display: inline-block;
    font-size: 0.7888rem;
    margin: 0 12px 0 0;
  }

  .footer-bottom__links-item:first-child {
    display: inline-block;
  }

  .footer-bottom__links-item-link {
    font-size: 0.7888rem;
    display: block;
  }

  .footer-bottom__arkom {
    font-size: 0.7888rem;
    display: block;
    float:right;
    margin: 11px 0 0 0;
  }

}

/* 
##########################################
### 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
}

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

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

.lightboxOverlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200000;
  background-color: black;
  opacity: 0.85;
  display: none;
  overflow-y: hidden; 
  overflow-x: auto;
}

.lightbox {
  position: fixed;
  top: 50px !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;
}

.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/prev.png') 10% 48% no-repeat;
  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 {
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url('../images/icons/next.png') 95% 48% no-repeat;
  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 {
  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: 'Muli';
}

.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;
  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: 13px;
  right: 13px;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  opacity: 1;
}


/*
##########################################
### Loading Spinner
########################################## 
*/

#loadingMessage {
  width: 100%;
  margin-top: 40px;
  z-index: 1000;
  top: 0;
  left: 0;
  position: absolute;
  display: none;
}

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

#loadingMessage .spinner{
  z-index: 1000;
  background: transparent;
  top: 70%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  border: 5px solid #a1a1a1;
  border-top: 5px solid #449627;
  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); }
}



 /* Cookie Dialog */
    #gdpr-cookie-message {
        position: fixed;
        right: 30px;
        bottom: 30px;
        max-width: 375px;
        background-color: #ececec;
        padding: 15px;
        border-radius: 5px;
        box-shadow: 0 6px 6px rgba(0,0,0,0.25);
        margin-left: 30px;
        z-index: 10000;
    }
    #gdpr-cookie-message h4 {
        color: #584589;
		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 :0px;
		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: #584589;
        color: white;
        transition: all 0.3s ease-in;
    }