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

/* -------------------------------- 
xgallery 
-------------------------------- */

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


/* -------------------------------- 
xcustom form elements 
-------------------------------- */

.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: #3696ce; background-color: #3696ce; }
.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-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; }
.radio-label { margin-bottom: 0px;}