/* -------------------------------- 
Main Components 
-------------------------------- */
.cd-header {   position: relative;   height: 150px;   background-color: #331d35; }
.cd-header h1 {   color: #ffffff;   line-height: 150px;   text-align: center;   font-size: 2.4rem;   font-weight: 300; }
@media only screen and (min-width: 1170px) {
  .cd-header {     height: 180px;   }
  .cd-header h1 {     line-height: 180px;   }
}
.cd-main-content {   position: relative;   min-height: 100vh; }
.cd-main-content:after {   content: "";   display: table;   clear: both; } 
.cd-main-content.is-fixed .cd-tab-filter-wrapper {   position: fixed;   top: 0;   left: 0;   width: 100%; }
.cd-main-content.is-fixed .cd-gallery {   padding-top: 76px; }
.cd-main-content.is-fixed .cd-filter {   position: fixed;   height: 100vh;   overflow: hidden; }
.cd-main-content.is-fixed .cd-filter form {   height: 100vh;   overflow: auto;   -webkit-overflow-scrolling: touch; }
.cd-main-content.is-fixed .cd-filter-trigger {   position: fixed; }
@media only screen and (min-width: 768px) {
  .cd-main-content.is-fixed .cd-gallery {     padding-top: 90px;   }
}
@media only screen and (min-width: 1170px) {
  .cd-main-content.is-fixed .cd-gallery {     padding-top: 100px;   }
}
/* -------------------------------- 
xtab-filter 
-------------------------------- */
.cd-tab-filter-wrapper {z-index: 1;}
.cd-tab-filter-wrapper:after {   content: "";   display: table;   clear: both; }
.cd-tab-filter {   position: relative;   height: 50px;   width: 140px;   margin: 0 auto;   z-index: 1; }
.cd-tab-filter::after {   content: '';   position: absolute;   right: 14px;   top: 50%;   bottom: auto;   -webkit-transform: translateY(-50%);   -moz-transform: translateY(-50%);   -ms-transform: translateY(-50%);   -o-transform: translateY(-50%);   transform: translateY(-50%);   display: inline-block;   width: 16px;   height: 16px;   background: url("../images/cd-icon-arrow.svg") no-repeat center center;   -webkit-transition: all 0.3s;   -moz-transition: all 0.3s;   transition: all 0.3s;   pointer-events: none; }
.cd-tab-filter ul {   position: absolute;   top: 0;   left: 0;   background-color: #ffffff;   box-shadow: inset 0 -2px 0 #41307c; }
.cd-tab-filter li {   display: none; }
.cd-tab-filter a {   display: block;   width: 140px;   padding: 5px 10px;   color: #1e76ba;   border: 1px solid #1e76ba;   border-radius: 4px; }
.cd-tab-filter a:hover{ text-decoration: none;}
.cd-tab-filter a.selected {text-decoration: none;}
.cd-tab-filter.is-open::after {   -webkit-transform: translateY(-50%) rotate(-180deg);   -moz-transform: translateY(-50%) rotate(-180deg);   -ms-transform: translateY(-50%) rotate(-180deg);   -o-transform: translateY(-50%) rotate(-180deg);   transform: translateY(-50%) rotate(-180deg); }
.cd-tab-filter.is-open ul {   box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, 0.2); }
.cd-tab-filter.is-open ul li {   display: block; }
.cd-tab-filter.is-open .placeholder a {   /* reduces the opacity of the placeholder on mobile when the menu is open */   opacity: .4; }
@media only screen and (min-width:320px) {
  .cd-tab-filter {width: auto;cursor: auto;}
  .cd-tab-filter:after {display: none;}
  .cd-tab-filter ul {background: transparent;position: static;box-shadow: none;text-align: center;}
  .cd-tab-filter li {display: inline-block;}
  .cd-tab-filter li.placeholder {display: none !important;}
  .cd-tab-filter a {display: inline-block;width: auto;text-transform: uppercase;font-weight: 400;}
  .cd-tab-filter.is-open ul li {display: inline-block;}
}
@media only screen and (min-width: 1170px) {
.cd-tab-filter {width: 100%;float: right;margin: 0;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;}
.cd-tab-filter.filter-is-visible {width: 80%;}
}
/* -------------------------------- 
xgallery 
-------------------------------- */
.cd-gallery {padding:0;width: 100%;}
.cd-gallery ul{margin:20px -15px;}
.cd-gallery li {margin-bottom: 1.6em;display:none;float:left;padding:0 15px;}
.cd-gallery li.gap {opacity: 0;height: 0;display: inline-block;}
.cd-gallery img {display: block;width: 100%;}
.cd-gallery .cd-fail-message {display: none;text-align: center;}
@media only screen and (min-width: 768px) {
  .cd-gallery ul {text-align: justify;height: auto !important;}
  .cd-gallery ul:after {content: "";display: table;clear: both;}
  .cd-gallery li {width: 48%;margin-bottom: 10px;overflow:hidden;}
}
@media only screen and (min-width: 1170px) {
  .cd-gallery {float: right;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;}
  .cd-gallery li {width:33.33333%;}
  .cd-gallery.filter-is-visible {width: 80%;}
}

/* -------------------------------- 
xfilter 
-------------------------------- */

.cd-filter:before {   content: '';   position: absolute;   top: 0;   left: 0;   height: 50px;   width: 100%;   background-color: #41307c;   z-index: 2; }
.cd-filter .cd-close {   position: absolute;   top: 0;   right: 0;   height: 50px;   line-height: 50px;   width: 60px;   color: #ffffff;   font-size: 1.3rem;   text-align: center;   background: #37296a;   opacity: 0;   -webkit-transition: opacity 0.3s;   -moz-transition: opacity 0.3s;   transition: opacity 0.3s;   z-index: 3; }
.no-touch .cd-filter .cd-close:hover {   background: #32255f; }
.cd-filter.filter-is-visible .cd-close {   opacity: 1; }
.cd-filter-trigger {   position: absolute;   top: 0;   left: 0;   height: 50px;   line-height: 50px;   width: 60px;   overflow: hidden;   text-indent: 100%;   color: transparent;   white-space: nowrap;   background: transparent url("../images/cd-icon-filter.svg") no-repeat center center;   z-index: 3; }
.cd-filter-trigger.filter-is-visible {   pointer-events: none; }

@media only screen and (min-width: 1170px) {
  .cd-filter-trigger {     width: auto;     left: 2%;     text-indent: 0;     color: #9a9a9a;     text-transform: uppercase;     font-size: 1.3rem;     font-weight: 700;     padding-left: 24px;     background-position: left center;     -webkit-transition: color 0.3s;     -moz-transition: color 0.3s;     transition: color 0.3s;   }
  .no-touch .cd-filter-trigger:hover {     color: #41307c;   }
  .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {     color: #ffffff;   }
}
/* -------------------------------- 
xcustom form elements 
-------------------------------- */
.cd-filter-block {   margin-bottom: 1.6em; }
.cd-filter-block h4 {   position: relative;   margin-bottom: .2em;   padding: 10px 0 10px 20px;   color: #9a9a9a;   text-transform: uppercase;   font-weight: 700;   font-size: 1.3rem;   -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none;   cursor: pointer; }
.no-touch .cd-filter-block h4:hover {   color: #41307c; }
.cd-filter-block h4:before { content: '';   position: absolute;   left: 0;   top: 50%;   width: 16px;   height: 16px;   background: url("../img/cd-icon-arrow.svg") no-repeat center center;   -webkit-transform: translateY(-50%);   -moz-transform: translateY(-50%);   -ms-transform: translateY(-50%);   -o-transform: translateY(-50%);   transform: translateY(-50%);   -webkit-transition: -webkit-transform 0.3s;   -moz-transition: -moz-transform 0.3s;   transition: transform 0.3s; }
.cd-filter-block h4.closed::before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-filter-block input, .cd-filter-block select,
.cd-filter-block .radio-label::before,
.cd-filter-block .checkbox-label::before {    border-radius: 0;   background-color:transprent; }
.cd-filter-block input[type='search'],
.cd-filter-block input[type='text'],
.cd-filter-block select {   width: 100%;   padding: .8em;   -webkit-appearance: none;   -moz-appearance: none;   -ms-appearance: none;   -o-appearance: none;   appearance: none;   box-shadow: none; }
.cd-filter-block input[type='search']:focus,
.cd-filter-block input[type='text']:focus,
.cd-filter-block select:focus {   outline: none;   background-color: #ffffff;   border-color: #41307c; }
.cd-filter-block input[type='search'] {   border-color: transparent;   background-color: #e6e6e6;   font-size: 1.6rem !important; }
.cd-filter-block input[type='search']::-webkit-search-cancel-button {   display: none; }
.cd-filter-block .cd-select {   position: relative; }
.cd-filter-block .cd-select::after {   content: '';   position: absolute;   z-index: 1;   right: 14px;   top: 50%;   -webkit-transform: translateY(-50%);   -moz-transform: translateY(-50%);   -ms-transform: translateY(-50%);   -o-transform: translateY(-50%);   transform: translateY(-50%);   display: block;   width: 16px;   height: 16px;   background: url("../images/cd-icon-arrow.svg") no-repeat center center;   pointer-events: none; }
.cd-filter-block select {   cursor: pointer;   font-size: 1.4rem; }
.cd-filter-block select::-ms-expand {   display: none; }
.cd-filter-block .list li {   position: relative;   margin-bottom: .8em;   display: inline-block;   margin-right: 5px;   padding:0;   border-radius: 4px;   border: 1px solid #1e76ba;   }
.cd-filter-block .list li.active{background: #004258; border: 1px solid #004258; }
.cd-filter-block .list li:last-of-type {margin-bottom: 0;    z-index: 2;min-height: 30px;}
.cd-filter-block input[type=radio], .cd-filter-block input[type=checkbox] {position: absolute;left: 0;top: 0;margin: 0;padding: 0;   opacity: 0;z-index: 2; height:34px;cursor: pointer;}
.cd-filter-block .checkbox-label, .cd-filter-block .radio-label {padding-left:0px;font-size:16px;-webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none; cursor: pointer; margin: 0;padding: 5px 10px;color:#1e76ba;    font-weight: normal; text-transform:uppercase;}
.cd-filter-block .list li.active .checkbox-label{color:#fff;}
.cd-filter-block .checkbox-label:before, .cd-filter-block .checkbox-label:after, .cd-filter-block .radio-label:before, .cd-filter-block .radio-label:after {   content: '';   display: block;   position: absolute;   top: 50%;   -webkit-transform: translateY(-50%);   -moz-transform: translateY(-50%);   -ms-transform: translateY(-50%);   -o-transform: translateY(-50%);   transform: translateY(-50%); }
.cd-filter-block .checkbox-label:before, .cd-filter-block .radio-label:before {   width:100%;   height:100%;   left: 0; }
.cd-filter-block .checkbox-label:after, .cd-filter-block .radio-label:after {   display: none; }
.cd-filter-block .checkbox-label:after {   width:100%;   height:100%; }
.cd-filter-block .radio-label:before, .cd-filter-block .radio-label:after {   border-radius: 50%; }
.cd-filter-block .radio-label:after {   width: 6px;   height: 6px;   background-color: #ffffff;   left: 5px; }
.cd-filter-block input[type=radio]:checked + label:before,
.cd-filter-block input[type=radio]:checked + label::after,
.cd-filter-block input[type=checkbox]:checked + label::after {display: block; }
.cd-filter-block .list li.active .checkbox-label.testing:after{display:none;}
#select_all{cursor:pointer;}
@-moz-document url-prefix() {
  .cd-filter-block .cd-select:after {
    display: none;
  }
}