/* Hide the browser's default radio button */
.radcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 1.1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px !important;
  width: 22px !important;
  background-color: #FFF;
  border:2px solid #BBB;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radcontainer:hover input ~ .checkmark {
  background-color: #CCC;
  border:2px solid #BBB;
}

/* When the radio button is checked, add a blue background */
.radcontainer input:checked ~ .checkmark {
  background-color: #FFF;
  border:2px solid #BBB;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radcontainer .checkmark:after {
 	top: 2px;
	left: 2px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #BBB;
}

label.radcontainer.disabled {
    color: #CCC;
    cursor: initial;
}
label.radcontainer.disabled span.checkmark {
    background-color: #CCC;
}
/* Simple Accordion jQuery */
.accordion-outer{
	padding-left:15px;
}
h3.accordion span {
    border-bottom: 1px solid #BBB;
    padding-bottom: 5px;
    display: inline-block;
    width: calc(100% - 46px);
}
.panel .col.large-12 {
    padding-left: 35px;
}
.col.large-12.topcatcol {
    padding-left: 55px;
}
.accordion {
	color: #444;
	cursor: pointer;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	transition: 0.4s;
	line-height: 27px;
	font-size: 1.75em !important;
}
.panel {
	padding: 0;
	display: block;
	background-color: white;
	overflow: hidden;
}
.arrowdiv{
	float: left;
	width: 22px;
	height: 22px;
	margin-right: 15px;
	display: none;
}
.arrowdiv img{
	width: 22px;
	height: 22px;
	max-width:22px;
}
.arrow-down {
	display: none;
}
.arrow-up {
	display: block;
}
.active .arrow-down {
	display: none;
}

.active .arrow-up {
	display: block;
}
.filterdiv{
	padding-bottom: 15px !important;
}
.filterclose{
	padding:0 5px;
	font-weight: normal;
}
.filterclose:hover{
	font-weight: normal;
}
.closebut{
	background-color: #eee;
	border:1px solid #DDD;
	border-radius: 4px;
	color:#000;
	padding:2px 5px;
}

.spinner{
	width: 150px;
	height: 150px;
	display: inline-block;
	border-width: 5px;
	border-color: rgb(0 0 0 / 5%);
	border-top-color: #fff;
	animation: spin 1s infinite linear;
	border-radius: 100%;
	border-style: solid;
	margin: 50px auto;
}

/* slide */

.slide {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden !important;
  height: 100vh;
}
.slide .item {
  position: relative;
  height: 100%;
}
.slide .item::before {
  display: block;
  padding-top: 39%;
  content: "";
}
.slide .item .image {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}
.slide > .slick-list,
.slide > .slick-list > .slick-track,
.slide > .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  height: 100%;
}

.slick-prev, .slick-next {
  opacity: 1 !important;
  text-indent: -9999px !important;
  position: absolute;
  z-index: 10 !important;
  height: 36px !important;
  width: 36px !important;
  border: none !important; border-radius: 0 !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  background-position: center center !important;
  transition: all 0.5s;
}
.slick-prev:hover, .slick-next:hover {
	background-color: rgba(255, 255, 255, 1) !important;
}
.slick-prev { 
	left: 30px !important;  
	background-image: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0yMS41OCAyMy41OGwtNy45NjItNy41ODMgNy44Ni03LjQ4NWMuMzItLjI2Mi41MjItLjY1LjUyMi0xLjA4M0MyMiA2LjY0IDIxLjMyOCA2IDIwLjUgNmMtLjQwMyAwLS43NjguMTUtMS4wMzguMzk4bC0uMDA0LS4wMDQtOSA4LjU3di4wMDJjLS4yODIuMjYtLjQ1OC42MjQtLjQ1OCAxLjAyOFYxNmMwIC40MDQuMTc2Ljc3LjQ2IDEuMDNoLS4wMDJsOSA4LjU3Yy4yNy4yNDcuNjM4LjQgMS4wNDIuNC44MyAwIDEuNS0uNjQgMS41LTEuNDMgMC0uMzg0LS4xNi0uNzMzLS40Mi0uOTl6IgogICAgICAgICAgZmlsbD0iIzAwMDAwMCIgb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPg==' ) !important;
}
.slick-next { 
	right: 30px !important; 
	background-image: url( 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0yMiAxNS45OTd2LS4wMDNjMC0uNDA0LS4xNzYtLjc2OC0uNDYtMS4wMjhoLjAwMmwtOS04LjU3Mi0uMDA0LjAwNEMxMi4yNjggNi4xNSAxMS45MDIgNiAxMS41IDZjLS44MyAwLTEuNS42NC0xLjUgMS40MyAwIC40MzIuMjAzLjgyLjUyMyAxLjA4Mmw3Ljg2IDcuNDg1LTcuOTYzIDcuNTgzYy0uMjYuMjU3LS40Mi42MDYtLjQyLjk5IDAgLjc5LjY3IDEuNDMgMS41IDEuNDMuNDA0IDAgLjc3LS4xNTMgMS4wNC0uNGw5LjAwMi04LjU3di0uMDAyYy4yODItLjI2LjQ1OC0uNjI0LjQ1OC0xLjAyOHYtLjAwM3oiCiAgICAgICAgICBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+' ) !important;
}

.slick-dots {
  bottom: 15px !important;
  z-index: 10;
}
.slick-dots li {
  width: auto !important;
  height: auto !important;
}
.slick-dots li button {
  border: 3px solid #fff !important;
  border-radius: 0  !important;
  cursor: pointer !important;
  display: inline-block !important;
  height: 12px !important;
  opacity: .4 !important;
  transition: opacity .3s !important;
  width: 12px !important;
  padding: 0 !important;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	border-color: #fff !important;
	background-color: transparent !important;
	opacity: 1 !important;
}
.slick-dots li.slick-active button {
	background-color: #fff !important;
	border-color: #fff !important;
	opacity: 1 !important;
}
.slick-dots li button:before { opacity: 0 !important; }

@media screen and (min-width: 850px) {
	.large-10 {
	    padding-left: 30px;
	}
  /*
  .lg-actions .lg-prev:hover:after {
    right: 0;
  }
  .lg-actions .lg-next:hover:before {
    left: 0;
  }
	*/
}

@media screen and (max-width: 767px) {
	
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
  display:none!important
}
.lg-toolbar a,
.lg-toolbar button {
  display:none!important;
}
.lg-toolbar button.lg-close.lg-icon {
  display:block!important
}
.lg-toolbar.lg-group {
  background:unset!important
}
#lg-counter {
  display:none!important
}
.lg-backdrop, .lg-outer {
  z-index: 999999 !important;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
  background-color:unset!important
}
.lg-toolbar .lg-icon:hover {
  background: none !important;
}
.lg-toolbar button.lg-close.lg-icon {
  color:#fff!important;
  border: none !important;
  margin-right: 1em !important;
  min-height: 2.5em !important;
}

.lg-actions .lg-next {
  right: 5% !important;
}
.lg-actions .lg-prev {
  left: 5% !important;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
  color:#fff;
  cursor:pointer;
  display:block;
  align-items:flex-start;
  text-transform:uppercase;
  transition:transform 0.3s;
  background-image:none!important
  width:20px;
  height:20px
}
.lg-actions .lg-next:before,
.lg-actions .lg-prev:after {
  content:'' !important;
  display:block;
  border:solid #fff;
  border-width:2px 2px 0 0;
  position:absolute;
  top:4px;
  width:20px;
  height:20px
}

.lg-actions .lg-prev:after {
  transform:rotate(-135deg);
  right:0;
  transition:right 0.3s 0.2s;
}
.lg-actions .lg-next:before {
  left:0;
  transform:rotate(45deg);
  transition:left 0.3s 0.2s;
}
/*
.lg-actions .lg-prev:hover:after {
  right: 200%;
  transition: right 0.3s;
}
.lg-actions .lg-next:hover:before {
  left: 200%;
  transition: left 0.3s;
}
*/
.lg-toolbar button.lg-close.lg-icon:before, .lg-toolbar button.lg-close.lg-icon:after {
  position: absolute;
  float: right;
  content: ' ' !important;
  height: 33px;
  width: 2px;
  background-color: #FFF;
}
.lg-toolbar button.lg-close.lg-icon:before {
  transform: rotate(45deg);
}
.lg-toolbar button.lg-close.lg-icon:after {
  transform: rotate(-45deg);
}