/* -------------------------------- 
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: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-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 { background-color: #ffffff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); z-index: 1; }
.cd-tab-filter-wrapper:after { content: ""; display: table; clear: both; }
.cd-tab-filter {  /* tabbed navigation style on mobile - dropdown */
position: relative; height: 50px; width: 140px; margin: 0 auto; z-index: 1; }
.cd-tab-filter::after {  /* small arrow icon */
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("../img/filter/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 #a3d133; }
.cd-tab-filter li { display: none; }
.cd-tab-filter li:first-child {  /* this way the placehodler is alway visible */
display: block; }
.cd-tab-filter a { display: block;  /* set same size of the .cd-tab-filter */ height: 50px; width: 140px; line-height: 50px; padding-left: 14px; }
.cd-tab-filter a.selected { background: #a3d133; color: #ffffff; }
.cd-tab-filter.is-open::after {  /* small arrow rotation */
-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 #a3d133, 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:768px) {
  .cd-tab-filter {    /* tabbed navigation style on medium devices */
  width: auto; cursor: auto; }
  .cd-tab-filter::after {    /* hide the arrow */
  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; padding: 0 1em; width: auto; color: #9a9a9a; text-transform: uppercase; font-weight: 700; font-size: 1.3rem; }
  .no-touch .cd-tab-filter a:hover { color: #a3d133; }
  .cd-tab-filter a.selected { background: transparent; color: #a3d133;    /* create border bottom using box-shadow property */ box-shadow: inset 0 -2px 0 #a3d133; }
  .cd-tab-filter.is-open ul li { display: inline-block; }
}
@media only screen and (min-width:1170px) {
  .cd-tab-filter {    /* tabbed navigation on big devices */
  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 {    /* reduce width when filter is visible */
  width: 80%; }
}

/* -------------------------------- 
xgallery 
-------------------------------- */
.cd-gallery { padding: 26px 5%; width: 100%; }
.cd-gallery li { margin-bottom: 1.6em; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); display: none; }
.cd-gallery li.gap {  /* used in combination with text-align: justify to align gallery elements */
opacity: 0; height: 0; display: inline-block; }
.cd-gallery img { display: block; width: 100%; }
.mixcontainer .cd-fail-message { box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1); border-radius: 15px; background: #fff; padding: 30px; text-align: center; display: none; }
.mixcontainer .sec-main .cd-fail-message { box-shadow: none; padding: 30px 0px 0px 0px; }
.mixitup-container-failed .cd-fail-message { width: 100%; display: inline-block !important; }
@media (max-width:767px) {
  .mixitup-container-failed .cd-fail-message { margin-bottom: 80px; }
}
@media only screen and (min-width:768px) {
  .cd-gallery { padding: 40px 3%; }
  .cd-gallery ul { text-align: justify; }
  .cd-gallery ul:after { content: ""; display: table; clear: both; }
  .cd-gallery li { width: 48%; margin-bottom: 2em; }
}
@media only screen and (min-width:1170px) {
  .cd-gallery { padding: 50px 2%; float: right; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; }
  .cd-gallery li { width: 23%; }
  .cd-gallery.filter-is-visible {    /* reduce width when filter is visible */
  width: 80%; }
}

/* -------------------------------- 
xfilter 
-------------------------------- */
.cd-filter { position: absolute; top: 0; left: 0; width: 280px; background: #ffffff; box-shadow: 4px 4px 20px transparent; z-index: 2;  /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s; -moz-transition: -moz-transform 0.3s, box-shadow 0.3s; transition: transform 0.3s, box-shadow 0.3s; }
.cd-filter .cd-close { position: absolute; top: 0px; right: 5px; height: 45px; line-height: 45px; width: 45px; color: #414142; font-size: 1.3rem; text-align: center; background: #fed800; opacity: 0; font-size: 20px !important; border-radius: 50px; box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.1); -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 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2); }
.cd-filter.filter-is-visible .cd-close { opacity: 1; }
@media only screen and (min-width:1170px) {
  .cd-filter { width: 20%; }
  .cd-filter form { padding: 70px 10%; }
}
.cd-filter-trigger { position: absolute; top: 0; left: 0; line-height: 50px; width: 60px;  /* image replacement */ overflow: hidden; text-indent: 100%; color: transparent; white-space: nowrap; z-index: 3; }
.cd-filter-trigger.filter-is-visible { pointer-events: none; }
@media only screen and (min-width:1170px) {
  .cd-filter-trigger { width: auto; text-indent: 0; color: #9a9a9a; 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: #a3d133; }
  .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover { color: #ffffff; }
}

/* -------------------------------- 
xcustom form elements 
-------------------------------- */
.cd-filter-block { position: relative; margin-bottom: 1.6em; }
.cd-filter-block h4 {  /* filter block title */
position: relative; margin-bottom: 15px; 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: #a3d133; }
.cd-filter-block h4::before {  /* arrow */
font-family: 'Font Awesome 5 Free'; content: "\f107"; position: absolute; left: 0; top: 17px; width: 16px; height: 16px; -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 {  /* shared style for input elements */
font-family: "Open Sans", sans-serif; border-radius: 0; background-color: #ffffff; border: none; }
.cd-filter-block input, .cd-filter-block select { width: 100%; padding: 15px 60px 15px 30px; border-radius: 50px; font-size: 14px; cursor: pointer; background-color: #ffffff !important; border: solid 1px #d8d8d8 !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-shadow: none; }
.cd-filter-block input:hover, .cd-filter-block select:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.cd-filter-block label i { color: #d8d8d8; top: 42px; right: 40px; position: absolute; }
.cd-filter-block input:focus, .cd-filter-block select:focus { outline: none; background-color: #ffffff; }
.cd-filter-block input {  /* custom style for the search element */
border-color: transparent; background-color: #e6e6e6;  /* prevent jump - ios devices */ }
.cd-filter-block input::-webkit-search-cancel-button { display: none; }
.cd-filter-block .cd-select {  /* select element wrapper */
position: relative; }
.cd-filter-block .cd-select::after {  /* switcher arrow for select element */
content: ''; position: absolute; z-index: 1; right: 30px; top: 27px; -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("../img/filter/cd-icon-arrow.svg") no-repeat center center; pointer-events: none; }
.cd-filter-block select::-ms-expand { display: none; }
.cd-filter-block .list li { position: relative; margin-bottom: .8em; }
.cd-filter-block .list li:last-of-type { margin-bottom: 0; list-style: none; }
.cd-filter-block input[type=radio], .cd-filter-block input[type=checkbox] {  /* hide original check and radio buttons */
position: absolute; left: 0; top: 0; margin: 0; padding: 0; opacity: 0; z-index: 2; }
.cd-filter-block .checkbox-label, .cd-filter-block .radio-label { padding-left: 24px; font-size: 1.4rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after {  /* custom radio and check boxes */
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: 16px; height: 16px; left: 0; }
.cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::after {  /* check mark - hidden */
display: none; }
.cd-filter-block .checkbox-label::after {  /* check mark style for check boxes */
width: 16px; height: 16px; background: url("../img/filter/cd-icon-check.svg") no-repeat center center; }
.cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after { border-radius: 50%; }
.cd-filter-block .radio-label::after {  /* check mark style for radio buttons */
width: 6px; height: 6px; background-color: #ffffff; left: 5px; }
.cd-filter-block input[type=radio]:checked + label::before, .cd-filter-block input[type=checkbox]:checked + label::before { border-color: #a3d133; background-color: #a3d133; }
.cd-filter-block input[type=radio]:checked + label::after, .cd-filter-block input[type=checkbox]:checked + label::after { display: block; }
#ex1Slider .slider-selection { background: #BABABA; }
.tooltip.in { filter: alpha(opacity=90); opacity: .9; }
.tooltip.top .tooltip-arrow { bottom: -5px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* -------------------------------- 
Custom 
-------------------------------- */
.cd-gallery { padding: 50px 0px 0px 0px; }
.cd-gallery li { box-shadow: none; }
.cd-gallery .wrapper .title { font-size: 18px; font-family: "Open Sans"; }
.cd-gallery.domains .wrapper .title { font-size: 32px; font-family: "Open Sans"; }
.cd-tab-filter a.selected { border: none !important; background: #fdd700 !important; color: #fff !important; box-shadow: none !important; }
.cd-tab-filter a.selected:hover { text-transform: none !important; text-decoration: none !important; }
.cd-tab-filter a { text-transform: none; font-size: 15px !important; font-family: "Open Sans"; color: #808080; }
.no-touch .cd-tab-filter a:hover { text-decoration: none !important; }
.no-touch .cd-filter .cd-close:hover { background-color: #313131 !important; text-decoration: none !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.cd-filter.filter-is-visible { font-family: "Open Sans"; box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.1); }
.cd-filter-block h4 { text-transform: capitalize !important; font-weight: 600 !important; font-size: 16px !important; color: #212122 !important; }
.cd-filter-block .cd-filter-content input[type='search'] { border: solid 1px #e0e0e0; font-size: 14px !important; background: transparent; }
.cd-filter-block .cd-filter-content { padding: 0px; }
.cd-filter-block .checkbox-label::before, .cd-filter-block .radio-label::before { border: solid 1px #808080 !important; }
.cd-filter-block .checkbox-label, .cd-filter-block .radio-label { position: relative; display: grid !important; font-size: 14px !important; color: #000; }
.action-content { position: relative; }
.action { bottom: 0; right: 0; top: 0 !important; left: 0; position: absolute; display: inline-block; height: 100%; border-radius: 15px; background: rgba(0, 0, 0, 0.7); top: 0px; text-align: center; opacity: 0; transition: all 0.3s; z-index: 1; }
.action:hover { opacity: 1; }
.action a { margin-right: 20px; font-size: 16px; color: #fff; }
.action a:last-child { margin-right: 0px; }
.action a:hover { color: #fdd700; text-decoration: none; }
.action a i { color: #fff; font-size: 32px; padding: 0px }
.action a i:hover { color: #fdd700; text-decoration: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.action .metatag { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.action .rating { font-size: 24px; padding-top: 15px; width: 100%; }
.action .rating i { font-size: 18px; color: #808080; padding: 2px; }
.action .rating i:hover { color: #fdd700; text-decoration: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }