@charset "utf-8";

a {
  -webkit-transition: background, color 0.3s ease-in-out;
  -moz-transition: background, color 0.3s ease-in-out;
  -ms-transition: background, color 0.3s ease-in-out;
  -o-transition: background, color 0.3s ease-in-out;
  transition: background, color 0.3s ease-in-out;
}

* {
  box-sizing: border-box;
}

.jquery-back-to-top {
  -webkit-box-shadow: 0 0 10px -5px rgba(255,255,255,.8);
  box-shadow: 0 0 10px -5px rgba(255,255,255,.8);

}
img.img-left {
  float: left;
  margin-right: 2rem;
}
img.img-right {
  float: right;
  margin-left: 2rem;
}
img, iframe {
  max-width: 100%;
}

.clear-after:after {
  content: " ";
  display: block;
  clear: both;
  max-height: 1px;
}

html {
  font-size: 62.5%;
}

body {
    margin:0;
    padding:0;
    font-family:var(--font-family)
}


.questions .question {background:#eaedf2;padding:2rem;margin-bottom:2rem}
.questions .question .qimg { }
.questions .question .qembed iframe { width:100% }

.answers .answer {font-size:1.8rem;font-weight:400;padding:2rem;border:1px solid #d1d4da;background:#fafafa;margin-bottom:1rem;  }
.answers.not-clicked .answer:hover {background:#fff;cursor:pointer}
.answers .answer.cr.clicked {background:#4cb747;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 1s linear both;
}
.answers .answer.nr.clicked {background:#fcc;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.question.answered .answers .answer.cr {background:#6cd767 }
.question.answered .answers .answer {opacity:.5}
.question.answered .answers .answer.clicked {opacity:1}

.question-ans  { background:#eaedf2;padding:2rem;margin-bottom:2rem }

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes pulse {
	0% {

		box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.7);
	}

	70% {

		box-shadow: 0 0 0 10px rgba(0,255, 0, 0);
	}

	100% {

		box-shadow: 0 0 0 0 rgba(0, 255, 0, 0);
	}
}
.question-ans {display:none}

.clear-after:after {content:" ";display:block;clear:both;height:1px}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="phone"],
select,
input[type="submit"],
textarea{
	display: block;
	border: 1px solid #989898;
	padding: 1.1rem 1rem;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	width: 100%;
	margin-bottom: 1rem;
	font-size: 2rem;
	color: #333333;
    font-family:var(--font-family);
	line-height: 3rem;
	font-weight: 300;
}
input[type="submit"] {background:var(--color-primary);color:#fff}
   hr {border:0;border-bottom:1px solid #aaa}


.mta {height:auto; background-color:#ffffff !important;max-width:100vw;}
#slides {background:#fff}

a.btn {
    text-decoration:none;
    display:inline-block;
    background:var(--color-primary);
    font-size:1.8rem;
    line-height:2rem;
    padding:1.25rem 1rem;
    border-radius:4px;
    color:#fff;
}

a.btn.inverse {background:#fff;color:var(--color-primary)}


blockquote {color:#000;display:block;background:#eFeFeF;border-left:4px solid var(--color-primary);font-style: italic;	font-weight:100;padding:20px;}
.gray {background:#ededed;padding:1rem;margin:1rem -1rem;font-size:1.8rem}

.logo a {
        display:block;
        height:10rem;
        width:30rem;
        background:url(img/logo-white.png) no-repeat left center;
        background-size:65%;
        text-decoration:none;
    }



#menu { }

#menu-toggler {
  display: none;
}
.clr {clear:both;}

.srch {float:right;color:#fff;font-size:2rem}
.srch  a {color:#fff; }

.bx-wrapper {
  box-shadow: none;
  border: 0;
  margin: 0;
  background:rgba(0,0,0,0);
}

.logohldc {text-align:center}

pre {
  font-size: 1.4rem;
  color: #7e7e7e;
  margin-top: -2rem;
  font-size: 1.6rem;
  position: Relative;
    white-space: normal !important;
}
pre:before {
  content: "\25B2";
  color: var(--color-primary);
}
[off-canvas] {
background:rgb(0,64,135,.96);
-webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,.3);
box-shadow: 0 0 15px -5px rgba(0,0,0,.7);

}

#intleft {
    width:65.8%;
    float:left;
    max-width:79rem;

}
#intright {
    width:29%;
    float:right;
   max-width:38.3rem;
}

.margins {
  max-width: 120rem;
  margin: 0 auto;

}

button.remodal-close {background:var(--color-primary) }
div.remodal {border-color:var(--color-primary)}

.submenu {
  display: none;
  position: absolute;
  text-align:left;
  width: 36rem;
  background:#fff;
  padding: 2rem;
  bordeR:1px solid #eee;
  -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,.3);
 box-shadow: 0 0 10px -5px rgba(0,0,0,.3);
  max-width: 120rem;
  margin: 0 auto;
  z-index: 999999;
}

#left-off-menu .submenu {display:block;position:static;background:none;padding:0 1rem 1rem 1rem;border:0;width:auto}
#left-off-menu .submenu h4 {margin-top:.5px;margin-bottom:.5px;font-weight:normal}
#left-off-menu .submenu ul {padding-left:1rem !important}
.menu-2  .submenu a {color:#333}
#left-off-menu li {margin-bottom:.5rem}
ul.main-m {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.main-m li.level-0 {
  display: inline-block;
}
ul.main-m li.level-0:hover .submenu {
  display: block;
}
.submenu {  margin-top:45px;}
.submenu a {float:none !important}
.submenu > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  float: none;
  text-align: left;
  display:block;
}
.submenu > ul > li {
  display:block;
  width:100%;
}
.submenu > ul ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display:block;
  width:100%;
}
.submenu > ul li {
  list-style: none;
  padding: 0;
  width:100%;
  display:block;
}

.submenu > ul li h4 {margin:0;line-height:1.2;font-weight:normal}
#menu .submenu a {line-height:1.2;padding:1rem .5rem;display:block;font-weight:normal;text-decoration:none !important}

#menu li:hover a {text-decoration:underline}
#menu .submenu a:hover {background:#F7F2E9;text-decoration:none}

.top-area .menu-2 .submenu > ul li a {
  padding: 0px;
}

/*
 *
 * cookie dialog
 *
 */


#cookie-dialog h2 {
font-size: 18px;

color: #fff;
line-height: 2;
text-align: left;
padding-left: 0px;
}
#cookie-dialog p {
font-size: 14px;

color: #fff;

line-height: 24px;
text-align: left;
}
#cookie-dialog {
position: fixed;
bottom: 0;
width: 100%;
z-index: 1111;
background: rgba(0, 0, 0, 0.8);
padding: 15px 45px;
tex-talign: left;
}

#cookie-dialog a {
font-weight: bold;
font-size: 24px;
display: inline-block;
color: #fff;
line-height: 20px;
padding: 0px 25px 5px 25px;
box-sizing: border-box;
min-width: 190px;
border: 3px solid #eee;
border-radius: 4px;
line-height: 45px;
margin-right: 10px;
text-align: center;
text-decoration: none;
float: right;
margin: 20px 0px 20px 20px;
}

/*
 *
 * gallery holder
 *
 */


#gallery-links .gallery-holder {
margin-left: -2px;
margin-right: -2px;
position: relative;
z-index: 0;
}
#gallery-links .gal-entry {
width: 33.33%;
padding-bottom: 33%;
float: left;
box-sizing: border-box;
position: relative;
}
.g-invisible {
display: none;
}
#gallery-links .gal-entry.g0 {
width: 66.66%;
padding-bottom: 66;
}

.product-col #gallery-links .gal-entry.g0 {
    width: 33.33%;
    padding-bottom: 33%;
}

.product-col #gallery-links .gal-entry.g-v {display:none}

#gallery-links .gal-outer {
padding: 2px;
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
box-sizing: border-box;
}
#gallery-links .gal-entry a {
text-decoration: none;
height: 100%;
border: 1px solid #ccc;
display: block;
box-sizing: border-box;
background-size: cover;
background-position: center center;
}
#gallery-links .gal-entry a img {
display: none;
}
#gallery-links .gal-entry.g-v a {
background-size: auto;
background-repeat: no-repeat;
background-position: center 30%;
}
#gallery-links .gal-entry.g-v a:after {
content: "View Gallery";
position: absolute;
width: 100%;
text-align: center;
top: 49%;
color: #000;
font-size: 16px;
}
#gallery-links ol.indicator li {
width: auto;
margin-left: 0px;
padding: 0px;
}
#gallery-links .blueimp-gallery > .indicator > li::after {
background-size: cover;
}
/*
 *
 * search form
 *
 *
 */

 .search-container {
   position: fixed;
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.9);
   text-align: center;
   z-index: 999999;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
    top:  -100%;
 }
 body.search .search-container {
    top: 0%;
 }
 .search-container .search-content {
   position: absolute;
   top: 50%;
   margin-top: -2rem;
   margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
 }
 .search-container .search-content form {
   display: inline-block;
   position:relative;
   margin: 0 auto;
 }
 .search-container .search-content input[type="text"] {
   background: none;
   font-size: 4rem;
   padding: 1rem;
   border: 0;
   border-bottom: 4px solid var(--color-primary);
   width: 90%;
   max-width: 40rem;
 }
 .search-container .search-content input[type="text"]:focus {
   outline: 0;
 }
 .search-container .search-content button {
   font-size: 4rem;
   background: none;
   border: 0;
  position:absolute;
  right:0rem;top:2rem;
   color:var(--color-primary);
 }

 /*
  *
  * search results
  *
  */





  .search-res {
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
    font-size: 1.6rem;
  }
  .search-res .n {
    display: block;
    font-size: 22px;
    color: var(--color-primary);
  }
  .search-res .u {
    margin: 5px 0px;
    display: block;
    color: rgb(150, 124, 182);
    text-decoration: underline;
  }
  .search-res .desc {
    display: block;
    color: #666;
  }


/*
 *
 * News
 *
 */

 .news-holder {
   padding: 0;
   margin-left: -1.5rem;
   margin-right: -1.5rem;
 }
 .news-holder .news,
 .news-holder .hof {
   width: 25%;
   padding:  .5rem;
   float: left;
 }

 .news-holder .news.w100 {
   width: 100%;
   float: none;
 }

 .news-holder .news a,
 .news-holder .hof a {
   display: block;
   border-radius:4px;
   text-decoration: none;
   border: 1px solid #ccc;
 }

 .news-holder .news a .i,
 .news-holder .hof a .i {
   display: block;
   height: 178px;
   background-size: cover;
   background-position: center top;
 }

 .news-holder .hof a .i { height:22rem }

 .news-holder .hof.ppl a .i {
   height:16rem;background-size:cover;background-repeat:no-repeat;background-position:top center;
 }

 .news-holder .news a .d,
 .news-holder .hof a .d {
   display: block;
   padding: 1.5rem 3rem;
   color: var(--color-primary);
   font-size: 1.4rem;
 }
 .news-holder .news a .t,
 .news-holder .hof a .t {
   display: block;
   color: #000;
   height: 3rem;
   font-weight: 600;
   overflow: hidden;
   font-size: 1.8rem;
   padding-left: 3rem;
   padding-right: 3rem;
   height: 2.4em;
   overflow: hidden;
 }

 .news-holder .news a .l {
   display: none;
 }

 .news-holder .hof a .l {
   font-size: 1.4em;
   color: #737373;
   padding: 0 1.5rem;
   display: block;
   height: 2rem;
   overflow: hidden;
 }

 .news-holder .hof a .t {
   padding: 1rem 1.5rem 0rem 1.5rem;
 }

 .news-holder .news a .rm,
 .news-holder .hof a .rm {
   padding-left: 3rem;
   display: inline-block;
   font-size: 1.4rem;
   color: var(--color-primary);
   font-weight: bold;
   margin-top: 2rem;
 }

 .news-holder .news a .rm:after,
 .news-holder .hof a .rm:after {
   content: " ";
   float: right;
   margin-top: -0.8rem;
   display: block;
   width: 4rem;
   height: 3.5rem;

   background-size: 50%;
   margin-bottom: 1rem;
 }

 .news-holder .hof.short-bio a {position:relative}

 .news-holder .hof.short-bio a:hover { -webkit-box-shadow: 5px 5px 10px -5px rgba(0,0,0,.5);
 box-shadow: 5px 5px  10px -5px rgba(0,0,0,.5); }
 .news-holder .hof.short-bio a:after {
     content:"\f05a";font:normal normal normal 3rem/1 FontAwesome;
     color:#0b6db6;
     position:absolute;left:10px;top:10px;

 }


 .news-holder.three-bigger .news.c-1,
 .news-holder.three-bigger .news.c-2 {
   width: 50%;
 }
 .news-holder.three-bigger .news.c-1 a .i,
 .news-holder.three-bigger .news.c-2 a .i {
   height: 34rem;
 }

 .news-holder.three-bigger .news.c-1 a .d,
 .news-holder.three-bigger .news.c-2 a .d {
   font-size: 2.4rem;
 }
 .news-holder.three-bigger .news.c-1 a .t,
 .news-holder.three-bigger .news.c-2 a .t {
   font-size: 3.4rem;
   height: 2.7em;
 }

 .news-holder.three-bigger .news.c-1 a .rm,
 .news-holder.three-bigger .news.c-2 a .rm {
   font-size: 2.4rem;
   margin-bottom: 2rem;
 }

 .news-holder.three-bigger .news.c-0 a .rm:after,
 .news-holder.three-bigger .news.c-1 a .rm:after,
 .news-holder.three-bigger .news.c-2 a .rm:after {
   background-size: 70%;
   margin-top: 0;
 }

 .news-holder.three-bigger .news.c-0 {
   width: 100%;
 }

 .news-holder.three-bigger .news.c-0 a {
   border: 0;
   border-bottom: 1px solid #ccc;
   padding-bottom: 3rem;
   margin-bottom: 0rem;
   height: 55rem;
 }

 .news-holder.three-bigger .news.c-0 a .i {
   height: 52rem;
   width: 50%;
   float: right;
   margin-left: 6rem;
 }

 .news-holder.three-bigger .news.c-0 a .d {
   font-size: 2.4rem;
 }
 .news-holder.three-bigger .news.c-0 a .t {
   font-size: 4.8rem;
   line-height: 1.1em;

   height: auto;
   font-weight: 900;
 }

 .news-holder.three-bigger .news.c-0 a .l {
   font-size: 2.8rem;
   color: #000;
   display: block;
   padding: 3rem;
 }

 .news-holder.three-bigger .news.c-0 a .rm {
   font-size: 2.4rem;
 }



 .acc-panel {
   border: 1px solid #000;
   border-radius: 0.5rem;
   padding: 1.5rem 2rem;
   margin-bottom: 1.6rem;
 }
 .acc-panel:before {
   content: "+";
   float: right;
   color: var(--primary-color);
   font-size: 4.2rem;
   font-weight: bold;
   margin-top: -1.75rem;
   position: relative;
   z-index: -1;
 }

 .acc-panel.url:before {
   content: "❯";
   font-size: 3rem;
   margin-top: -0.9rem;
 }

 .acc-panel.open:before {
   content: "−";
 }
 .acc-panel.link:before,
 .acc-panel.open.link:before {
   content: "⏶";
   margin-top: -2rem;
 }
 .acc-panel h2 {
   font-size: 24px;
   color: rgb(0, 0, 0);
   line-height: 1;

   font-weight: 500;
   text-align: left;
   margin: 0;
 }
 .acc-panel-content {
   display: none;
   padding-top: 1rem;
 }
 .acc-panel-content ol {
   padding-left: 20px;
 }


 #intright .news-holder + .news-holder + .news-holder a {
   border: 0;
   border-bottom: 1px solid #ccc;
 }

 #intright .news-holder a .d,
 #intright .news-holder a .t,
 #intright .news-holder a .rm {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }

 #intright .news-holder + .news-holder + .news-holder a .i,
 #intright .news-holder + .news-holder + .news-holder a .rm {
   display: none;
 }
 #intright .news-holder + .news-holder + .news-holder a .t {
   margin-bottom: 1.5rem;
   font-size: 2.4rem;
 }
 #intright .news-holder + .news-holder + .news-holder a .d {
   padding-bottom: 0rem;
   font-size: 2rem;
 }
 #intright .news-holder + .news-holder + .news-holder .news {
   padding-top: 0px;
 }