/*
==============================================================
MISC 3RD PARTY  . TLC 3.0
==============================================================
*/
@media (min-width: 1400px) /* navbar-expand-xxl */ {}
@media (max-width: 1400px) /* navbar-expand-xl */ {}
@media (min-width: 1200px) /* navbar-expand-xl */ {}
@media (max-width: 1200px) /* navbar-expand-lg */ {}
@media (min-width: 992px) /* navbar-expand-lg */ {}
@media (max-width: 992px) /* navbar-expand-md */ {}
@media (min-width: 768px) /* navbar-expand-md */ {}
@media (max-width: 768px) /* navbar-expand-sm */ {}
@media (min-width: 576px) /* navbar-expand-sm */ {}
@media (max-width: 576px) /* navbar-expand-xs */ {}

/*
*********************************************************
GENERAL
*********************************************************
*/
.list-inline-item:not(:last-child) {
margin-right: 0rem;
}
/*
*********************************************************
FORM - Javascript
*********************************************************
*/
div.dataTables_filter > label {color: var(--color3f3);}
.animateHidden {
  opacity: 1;
  animation: fade 1s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
*********************************************************
FROALA
*********************************************************
*/
.fr-box.fr-basic .fr-element.fr-view {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 100%;
  color: #444444;
	background-color: #fafafa !important;
}
/*
*********************************************************
BOOTSTRAP - TABLE settings
*********************************************************
*/
div.dataTables_filter > label {
	color: var(--flexwhite3);
	font-size: 70% !important;
	text-transform: uppercase;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
bottom: 0em;
}
div.dataTables_wrapper div.dataTables_info {
font-size: 8pt !important;
}
div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label {
padding-top: 0px !important;
padding-bottom: 10px !important;
}
div.dataTables_filter label {
text-align: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
}
div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter select, div.dataTables_wrapper div.dataTables_length input, div.dataTables_wrapper div.dataTables_length select {
width: 84%;
}
table-bordered>thead>tr>th, .table-bordered>thead>tr>th, table-bordered>tbody>tr>th, .table-bordered>tbody>tr>th, table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>th, table-bordered>thead>tr>td, .table-bordered>thead>tr>td, table-bordered>tbody>tr>td, .table-bordered>tbody>tr>td, table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>td {
border: 1px solid #ecf0f1;
}
table.dataTable.no-footer {
	border: 1px solid var(--flexwhite2);
	background-color: white;
}
table.dataTable tbody th, 
table.dataTable tbody td {
padding: 20px 5px 15px 10px;
vertical-align: middle;
}
.table > thead {
vertical-align: middle;
}

/*
===============================
CSS Swap Image (hover)
===============================
*/
.figure {
        position: relative;
        width: 360px; /* can be omitted for a regular non-lazy image */
        max-width: 100%;
 transform: scale3d(1, 1, 1) !important;
}
  
    
.figure img.image-main {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
transform: scale3d(1, 1, 1) !important;
  /* TRANSITION */
	-webkit-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}
.figure img.image-hover {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      object-fit: contain;
      opacity: 0;
      transition: opacity .2s;
transform: scale3d(1, 1, 1) !important;
}
.figure:hover img.image-hover {
      opacity: 1;
transform: scale3d(1, 1, 1) !important;
/* TRANSITION TO*/
	-webkit-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}
.figure:hover img.image-main {
      opacity: 0;
transform: scale3d(1, 1, 1) !important;
/* TRANSITION TO*/
	-webkit-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}
a img.Sirv:hover {
/* TRANSFORM */
transform: scale3d(1, 1, 1) !important;
background-color: transparent !important;
}
/*
===============================
PARALLAX (parallax.js)
===============================
*/
.parallax-mirror {
  z-index: 300 !important
}



/*
===============================
PAYMENT PROCESSING MODAL (popper.js)
===============================
*/

.modal-backdrop.show {
opacity: 0.8;
/*z-index: 1900000;*/
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 500;
width: 100vw;
height: 100vh;
background-color: var(--color3d);
}

.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}


/*
===============================
COPY-ON-CLICK TOOLTIP STYLES
===============================
*/

/* Base styles for the copy-click element */
.copy-click {
  position: relative;
  cursor: copy;
  text-decoration: none;
  color: var(--color3);
  transition: color 0.3s ease, background-color 0.3s ease;
}

/* Hover state */
.copy-click:hover {
  color: var(--LinkHoverColor);
  background-color: #ffffd5;
}

/* Ensure tooltips work even with additional classes */
.copy-click.btn {
  position: relative; /* Required for tooltip positioning */
  overflow: visible;  /* Ensure tooltips are not clipped */
  z-index: 300 !important;
}

.copy-click:after {
  content: attr(data-tooltip-text);
  position: absolute;
  bottom: calc(100% + 6px); /* Tooltip above the button */
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 12px;
  white-space: nowrap;
  background-color: rgba(255,255,77,0.85);
  color: var(--color4);
  font-size: 14px; /* Adjust the font size here */
  font-weight: normal; /* Optional: make it bold */
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}


/* Show tooltip on hover */
.copy-click:hover:after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-4px);
}

/* Tooltip content when copied */
.copy-click.is-copied:after {
  content: attr(data-tooltip-text-copied);
  background-color: rgba(255,255,77,1);
  color: var(--color4d);
  font-size: 14px; /* Match the adjusted font size here */
  font-weight: normal; /* Optional: make it bold */
  opacity: 1;
  visibility: visible;
}









/*
===============================
ADD THIS
===============================
https://www.addthis.com  (Social Acct)*/
.at-share-dock.at-shfs-small .at4-count {
   height: 29px !important;
}
.atss.atss-right .at4-share-title {
   float: right;
   overflow: hidden;
   font-size: 60%;
   line-height: 140%;
}
.at-expanding-share-button[data-position=bottom-left] {
	bottom: 25px !important;
	left: 12px !important;
}
.at-expanding-share-button[data-position=bottom-right] {
bottom: 25px !important;
right: 12px !important;
}
/*
===============================
BX SLIDER
===============================
*/
.bxslider .animated.off,
.bxslider .overlay.off,
.bxslider .bgHolder.off { /*JS remove existing animations - SHOULD be none */
  display: none;
  -moz-animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  animation-name: fadeIn;	
  animation-timing-function: ease-in-out;
}
.bxslider {
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
}
.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: 0;
    border: 0px solid #fff;
    background: transparent;
}
.bx-viewport, 
.bx-wrapper{
    position:relative;
    width:100%;
    top:0;
    left:0;
}
.bx-wrapper .bx-viewport {
    border: none !important;
	/*background-color: black !important;*/
}
.bxslider .bgHolder.parallax {
	/* background-attachment: fixed !important; /* sticky bg, parallax */
}
.cover.Center {background-position: center center;}
.cover.Left {background-position: left center;}
.cover.Right {background-position: right center;}
.cover.Top {background-position: center top;}
.cover.Bottom {background-position: center bottom;}
.cover.Left-Top  {background-position: left top;}
.cover.Left-Bottom  {background-position: left bottom;}
.cover.Right-Top  {background-position: right top;}
.cover.Right-Bottom {background-position: right bottom;}
/* Ken Burns simulate */
.slide .bgHolder.kenburns {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	max-width: 100%;
	-webkit-transition: -webkit-transform 10s  ease-in-out;
	transition: transform 10s  ease-in-out;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.slide.active-slide .bgHolder.kenburns {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
/*.bxslider .slide img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-transition: -webkit-transform 10s;
	transition: transform 10s;
}*/
/* Indicator Dots */
.bx-wrapper .bx-pager, 
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 25px;
	width: 100%;
	padding-top: 0px;
}
.bx-wrapper .bx-pager.bx-default-pager a,
.bx-wrapper .bx-pager.bx-default-pager a:link,
.bx-wrapper .bx-pager.bx-default-pager a:visited{
    display: block;
    height: 15px;
    width: 15px;
    border: 2px solid var(--attention, #00b3ee) !important;
    border-radius: 50%;
    -webkit-transition: background .2s;
    transition: background .2s;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: var(--attention) !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background-color: var(--color1) !important;
   }
.bx-wrapper .bx-pager.bx-default-pager a {
	background-color: transparent;
}
.bx-wrapper .bx-pager-item:first-of-type:last-of-type { 
    display: none
}
/* Prev-Next Btn */
.bx-wrapper .bx-next,
.bx-wrapper .bx-prev {
    background: none;
	opacity: .25;
	color: white;
}
.bx-wrapper .bx-next {
    right: 10px;
}
.bx-wrapper .bx-prev {
    left: 10px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-prev:hover {
	color: var(--attention, #00b3ee) !important;
	opacity: 1;
}
.bx-wrapper .bx-controls-direction a {
    font-size: 1rem;
    text-indent: 0px;
    margin-top: -2rem;
	z-index: 1000;
}
/* Text */
.bxslider .slide .text span,
.bxslider .slide .text h1,
.bxslider .slide .text h2 {
    /*color: var(--color1lf1, #f4f4f4);*/
    color: white;
}
.bxslider .slide .text h1 {
    font-size: 4.85rem;
    /*color: white;*/
    line-height: 90%;
    padding: 10px 0px;
}
.bxslider .slide .text h2 {
    font-size: 2.1rem;
    line-height: 120%;
}
.bxslider .slide .text h4 {
    font-size: 1.65rem;
    line-height: 120%;
}
@media (max-width: 576px) /* navbar-expand-sm */ {
.bxslider .slide .text h1 {
    font-size: 2.6rem;
    /*color: white;*/
    line-height: 90%;
}
.bxslider .slide .text h2 {
    font-size: 1.45rem;
    line-height: 120%;
}
.bxslider .slide .text h4 {
    font-size: 1.15rem;
    line-height: 120%;
}
}
.pageSlider .text {
	padding-bottom: 30px;
	z-index: 1;
}
.pageSlider .slide {
	width: 100%;
}
/* OVERLAY */
.pageSlider .overlay {
	position: absolute;
	pointer-events: none;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: black;
	opacity: .25;
	z-index: 1;
}
.pageSlider h1.xxl {font-size: 7rem !important; line-height: 6.85rem !important; word-spacing: -0.5rem;}
.pageSlider h1.xl {font-size: 6rem !important; line-height: 5.95rem !important; word-spacing: -0.35rem;}
.pageSlider h1.lg {font-size: 5rem !important; line-height: 5rem !important; word-spacing: -0.2rem;}
.pageSlider h1.md {font-size: 4.25rem !important; line-height: 4.25rem !important; word-spacing: -0.15rem;}
.pageSlider h1.sm {font-size: 3.25rem !important; line-height: 3.25rem !important; word-spacing: -0.1rem;}
.pageSlider h1.xs {font-size: 2.5rem !important; line-height: 2.5rem !important;}
.pageSlider h1.xxs {font-size: 2rem !important; line-height: 2rem !important;}

.pageSlider h2.xxl {font-size: 7rem !important; line-height: 6.5rem !important; letter-spacing: -0.5rem !important;}
.pageSlider h2.xl {font-size: 6rem !important; line-height: 5.85rem !important; letter-spacing: -0.4rem !important;}
.pageSlider h2.lg {font-size: 5rem !important; line-height: 4.9rem !important; letter-spacing: -0.3rem !important;}
.pageSlider h2.md {font-size: 3rem !important; line-height: 3rem !important;}
.pageSlider h2.sm {font-size: 2.5rem !important; line-height: 2.5rem !important;}
.pageSlider h2.xs {font-size: 2rem !important; line-height: 2rem !important;}
.pageSlider h2.xxs {font-size: 1rem !important; line-height: 1rem !important;}
.pageSlider .font4 {
   letter-spacing: -0.05rem !important;
   word-spacing: -0.05rem;
}
@media (max-width: 768px) /* navbar-expand-sm */ {
.pageSlider h1.xxl {font-size: 6rem !important; line-height: 6.85rem !important; word-spacing: -0.5rem;}
.pageSlider h1.xl {font-size: 5rem !important; line-height: 5.95rem !important; word-spacing: -0.35rem;}
.pageSlider h1.lg {font-size: 4rem !important; line-height: 5rem !important; word-spacing: -0.2rem;}
.pageSlider h1.md {font-size: 3.25rem !important; line-height: 4.25rem !important; word-spacing: -0.15rem;}
.pageSlider h1.sm {font-size: 2.25rem !important; line-height: 3.25rem !important; word-spacing: -0.1rem;}
.pageSlider h1.xs {font-size: 1.75rem !important; line-height: 2.5rem !important;}
.pageSlider h1.xxs {font-size: 1.5rem !important; line-height: 2rem !important;}

.pageSlider h2.xxl {font-size: 5rem !important; line-height: 4.75rem !important; letter-spacing: -0.3rem !important;}
.pageSlider h2.xl {font-size: 4rem !important; line-height: 3.85rem !important;letter-spacing: -0.2rem !important;}
.pageSlider h2.lg {font-size: 3.25rem !important; line-height: 3rem !important;letter-spacing: -0.1rem !important;}
.pageSlider h2.md {font-size: 2.25rem !important; line-height: 2.25rem !important;}
.pageSlider h2.sm {font-size: 2.1rem !important; line-height: 2.1rem !important;}
.pageSlider h2.xs {font-size: 1.8rem !important; line-height: 1.8rem !important;}
.pageSlider h2.xxs {font-size: 1.4rem !important; line-height: 1.4rem !important;}
.pageSlider .font4 {
   letter-spacing: -0.025rem !important;
   word-spacing: -0.025rem;
}
}
.bxslider .slide .text h1,
.bxslider .slide .text h2,
.bxslider .slide .text h4 { 
	margin: 0px;
}
/* BUTTON */
.bxslider .slide .text .btn-holder {
	overflow: visible;
	z-index: 1000 !important;
}
.bxslider .slide .text .button {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform  .8s ease-out;
	transition: transform .8s ease-out;
	border-radius: 3px;
}
/*
===============================
ISOTOPE . FILTER/SORT
===============================
*/
* { box-sizing: border-box; }
.filterGrid {
	margin: 0px -12px;
}
#filters.btn-individual,
#filters.btn-grp,
#sorts.btn-individual,
#sorts.btn-grp {
	margin: 0px 20px 0px 0px;
}
/* ---- button ---- */
.btn-group-vertical > .btn, 
.btn-group > .btn {
    /*-ms-flex: 1 1 1 !important;
    flex: 1 1 1 !important;*/
        flex-grow: 1 !important;
        flex-shrink: 1 !important;
        flex-basis: 1 !important;
}
/*.button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #EEE;
  border: none;
  border-radius: 7px;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #222;
  font-family: sans-serif;
  font-size: 16px;
  text-shadow: 0 1px white;
  cursor: pointer;
}*/
.button:hover {
  /*background-color: #8CF;*/
  /*text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);*/
}
.button:active,
.button.is-checked {
  /*background-color: #28F; */
}
.button.is-checked {
/*  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8); */
}
.button:active {
  /*box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8); */
}
/* ---- button-group ---- */
.button-group {
  margin-bottom: 20px;
}
.button-group:after {
  content: '';
  display: block;
  clear: both;
}
.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}
.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }
/* ---- isotope ---- */
.grid {
  border: 0px solid #333;
}
/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- .element-item ---- */
.element-item {
  position: relative;
  float: left;
  width: 100px;
  height: 100px;
  margin: 5px;
  padding: 10px;
  background: #888;
  color: #262524;
}
.element-item > * {
  margin: 0;
  padding: 0;
}
.element-item .name {
  position: absolute;
  left: 10px;
  top: 60px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: normal;
}
.element-item .symbol {
  position: absolute;
  left: 10px;
  top: 0px;
  font-size: 42px;
  font-weight: bold;
  color: white;
}
.element-item .number {
  position: absolute;
  right: 8px;
  top: 5px;
}
.element-item .weight {
  position: absolute;
  left: 10px;
  top: 76px;
  font-size: 12px;
}
.element-item.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }
.element-item.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }
.element-item.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }
.element-item.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }
.element-item.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }
.element-item.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }
.element-item.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }
.element-item.diatomic        { background: #00F; background: hsl( 252, 100%, 50%); }
.element-item.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }
.element-item.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }
/* GAllery sort */
.gallery {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 33%;
-moz-column-width: 33%;
column-width: 33%; }
.gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; }
.gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
@media (max-width: 450px) {
.gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}
}
@media (max-width: 400px) {
.btn.filter {
padding-left: 1.1rem;
padding-right: 1.1rem;
}
}
/* Masonry */
* { box-sizing: border-box; }
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.grid-sizer,
.grid-item {
  width: 33.333%;
}
@media (max-width: 575px) {
  .grid-sizer,
  .grid-item {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .grid-sizer,
  .grid-item {
    width: 50%;
  }
}
/* To change the amount of columns on larger devices, uncomment the code below 
@media (min-width: 768px) and (max-width: 991px) {
  .grid-sizer,
  .grid-item {
    width: 33.333%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .grid-sizer,
  .grid-item {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .grid-sizer,
  .grid-item {
    width: 25%;
  }
} 
*/
.grid-item {
  float: left;
}
.grid-item img {
  display: block;
  max-width: 100%;
}
/*
===============================
SLICK SLIDER
===============================
*/
.slick-slider {
	margin: 30px auto;
	padding: 0px 0px;
margin-bottom: 170px !important;
}
/*.slick-dotted.slick-slider {
	margin: 30px auto;
	padding: 0px 0px;
}*/
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 10px 0px;
}
.slick-slide {
	/*padding: 0 10px !important;*/
	padding: 0 6px;
}
.slick-prev, .slick-next {
	background: transparent;
	margin: 0 auto;
	height: 60px;
	width: 60px;
	z-index: 1000;
}
.slick-prev::before, .slick-next::before {
    font-size: 50px;
    line-height: 1;
    opacity: .25;
	color: var(--color2);
}
.slick-prev::before {
	padding: 2px;
	margin: 2px;
}
.slick-next::before {
	padding: 2px;
	margin: 2px;
}
.slick-prev:hover::before, 
.slick-prev:focus::before, 
.slick-next:hover::before, 
.slick-next:focus::before {
	color: var(--color1);
    opacity: 1;
}
/*
===============================
MD BOOTSTRAP
===============================
https://mdbootstrap.com  (Premium Acct)*/
.preloader-wrapper .spinner-primary-color, 
.preloader-wrapper .spinner-primary-color-only,
.preloader-wrapper .spinner-red, 
.preloader-wrapper .spinner-red-only {
    border-color: var(--attention) !important;
}
.preloader-wrapper .spinner-layer .circle-clipper .circle {
	border-width: 0.225rem !important;
}

#mdb-preloader {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 200001;
	width: 100%;
	height: 100%;
	background-color: transparent !important;
	/*background-color: rgba(255,255,255,0.95) !important; */
}

#mdb-load-spinner {
	z-index: 300001;

}


.text-white {color: white !important;}
.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--PrimaryButtonColor) !important;
}
.btn:hover, .btn:focus, .btn:active {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active, .dropup .dropdown-menu .dropdown-item:hover, .dropup .dropdown-menu .dropdown-item:active, .dropleft .dropdown-menu .dropdown-item:hover, .dropleft .dropdown-menu .dropdown-item:active, .dropright .dropdown-menu .dropdown-item:hover, .dropright .dropdown-menu .dropdown-item:active {
	background-color: transparent;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.md-accordion .card .card-body {
    font-size: 100%;
    font-weight: normal;
    line-height: 135%;
    color: #626262;
    padding: 0px 55px 0 25px;
	background-color: white !important;
}
/*
.waves-input-wrapper {
	display: contents;
}
a.waves-effect, 
a.waves-light {
    display: inline-block;
}
.dropdown-menu ul li a.waves-effect, 
.dropdown-menu ul li a.waves-light {
    display: block !important;
}
*/
img#Btn-Member {
  	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
img#Btn-Member:hover {
  	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
}
.newWindow {
vertical-align: text-top;
}
span.value.counter {
   letter-spacing: -0.5rem !important;
}
/*
===============================
SPINKIT LOAD SPINNER . MDB
===============================
*/
/* WRAPPER - required to center */
.spinner-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
/*background-color: rgba(255,255,255,0.85);*/
z-index: 999999;
}
/* SPINKIT https://tobiasahlin.com/spinkit/ */	
.spinner {
/*margin: 100px auto; REPLACE THIS*/
  width: 70px;
  text-align: center;
/* add this*/
position: absolute;
top: 48%;
left: 48%;
}
.spinner > div {
  width: 18px;
  height: 18px;
background-color: var(--color1);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/*
===============================
ANGULAR FIX . MDB
===============================
*/
button, html, input, select, textarea {
	/*font-family: Roboto,Helvetica Neue,sans-serif;*/
	font-family:var(--font1, sans-serif);
}
/*
===============================
BOOTSTRAP - TABLE
===============================
*/
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}
div.dataTables_wrapper div.dataTables_info {
font-size: 8pt !important;
}
div.dataTables_wrapper div.dataTables_filter label, 
div.dataTables_wrapper div.dataTables_length label {
	padding-top: 5px !important;
	padding-bottom: 0px !important;
}
div.dataTables_filter label {
	text-align: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
}
div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter select, div.dataTables_wrapper div.dataTables_length input, div.dataTables_wrapper div.dataTables_length select {
	min-width: 300px;
}
table.dataTable {
	margin: 0 0;
	width: 100% !important;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
	text-align: left;
}
@media (max-width: 576px) /* navbar-expand-sm */ {
	div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter select, div.dataTables_wrapper div.dataTables_length input, div.dataTables_wrapper div.dataTables_length select {
		width: 96.5%;
		min-width: 84%;
	}
}
@media screen and (max-width: 640px) {
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
	float: none;
	text-align: left;
	/* padding: 20px; */
	}
}
table.dataTable.table-striped.DTFC_Cloned tbody tr:nth-of-type(odd){
        background: #F3F3F3;
}
table.dataTable.table-striped.DTFC_Cloned thead tr,
table.dataTable.table-striped.DTFC_Cloned tbody tr:nth-of-type(even){
        background: white;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: none;
	padding: 1px 0 0 0;
}
.sticky-top.font70.caps.sorting.sorting_asc {
	background-color: white !important;
}
/*
===============================
jHTML AREA
===============================
*/
div.jHtmlArea div iframe {
	border: solid 1px #CCCCCC;
	background-color: white;
	font-family:var(--font1, sans-serif) !important;
}
div.jHtmlArea .ToolBar ul li a {
height: 16px !important;
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  display: none !important;
}
button#insertImage-1.fr-command.fr-btn,
button#insertVideo-1.fr-command.fr-btn,
button#moreRich-1.fr-command.fr-btn,
div.fr-quick-insert,
div.fr-qi-helper,
div.second-toolbar > #logo {
  display: none !important;
}
/*
===============================
REVOLUTION SLIDER
===============================
*/
.rev_slider {
	overflow: visible !important;
}
.rev_slider_wrapper {
	margin-bottom: 0px;
	z-index: 1;
	margin-top: 0px;
	width: 100%;
}
/* Controls for AUDIO Layer */
.tp-audiolayer .html5vid {
width: 0% !important;
height: 0% !important;
}
.tp-audiolayer .tp-video-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
opacity: 0;
transition: opacity .3s;
/*background-image: linear-gradient(to bottom, greenyellow 13%, #323232 100%);*/
background-image: none;
display: table;
max-width: 100%;
overflow: hidden;
box-sizing: border-box;
}
.tp-videolayer .tp-video-controls {
/*background-image: linear-gradient(to bottom, greenyellow 13%, #323232 100%);*/
background-image: none;
}
.tp-audiolayer .tp-video-controls,
.tp-videolayer .tp-video-controls {
	background-color: var(--color1d, #282828);
}
.tp-audiolayer .tp-video-play-button {
	display: none !important;
}
/* Controls for VIDEO Layer */
.tp-videolayer .tp-revstop {
	margin: 13px 0px 0px 17px !important;
}
.tp-video-button {
	background: transparent;
}
.tp-video-controls {
	z-index: 5000 !important;
}
.tp-videolayer .tp-video-play-button {
	z-index: 2000 !important;
}
.controls[data-state=hidden] {
   display:block;
	background-color: blue !important;
}
.controls[data-state=visible] {
   display:block;
	background-color: green !important;
}
/* SLIDER TIMER */
.tp-bannertimer {
	background:rgba(204,204,204,0.5) !important; 
	height: 6px;
	z-index: 2000 !important;
}
/* SLIDER PLAY BUTTON */
#play-pause-btn {margin: 0px;}
.play-pause-btn {
	color: #CCCCCC;
	border: solid 1px #CCCCCC;
	border-radius: 50%;
	box-sizing: border-box;
	padding: 14px 16px 14px 16px;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.play-pause-btn:hover {
	color: #FFFFFF;
	border: solid 1px #FFFFFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.play-pause-btn em,
.play-pause-btn i {
	margin: 0 auto;
}
/* FULL VIDEO COVER */
.rs-fullvideo-cover {
	z-index: 0 !important;
}
div#video.rs-background-video-layer.fullscreenvideo.defaultvid.HasListener.videoisplaying {
	z-index: 0 !important;
}
/* ARROWS */
.tparrows {
	background-color: #000000;
	opacity: 0.35;
}
.tparrows:hover {
	background-color: #000000;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
/* BULLETS */
.tp-bullet {
	background: rgba(200,200,200,.5);
}
.tp-bullet.selected {
	background: rgba(0,0,0,.5);
}
.tp-bullet:hover {
	background: rgba(var(--color1raw, 66,66,66),.5);
}
/* THUMBNAILS */
div.tp-thumbs.outer-bottom {
	margin-top: 15px !important;
}
.tp-thumb {
	opacity: 1.0;
	border: solid 1px transparent;
}
.tp-thumb-image {
	opacity: 0.7;
}
.tp-thumb.selected {
	opacity: 1;
	border: solid 1px var(--color1, #424242);
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.tp-thumb.selected .tp-thumb-image {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.tp-thumb:hover {
	border: solid 1px var(--color1xl, #787878);
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.tp-thumb-image:hover {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
/* TABS */
.tp-tab {
	opacity: 1.0;
	border: solid 1px transparent;
}
.tp-tab-image {
	opacity: 0.7;
}
.tp-tab.selected {
	opacity: 1;
	border: solid 1px var(--color1, #424242);
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.tp-tab.selected .tp-tab-image {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.tp-tab:hover {
	border: solid 1px var(--color1xl, #787878);
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.tp-tab-image:hover {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
/*––––––––––––––––––––––––––––– 
  TITLE Headers
–––––––––––––––––––––––––––––––*/
/* DEVICE Level 0 */
.tp-caption {
	line-height: 100%;
}
/* TITLE */
.rev_slider .title-xxxs,.rev_slider .title-xxs,.rev_slider .title-xs,.rev_slider .title-sm,.rev_slider .title-md, .rev_slider .title,.rev_slider .title-lg,.rev_slider .title-xl,.rev_slider .title-xxl,.rev_slider .title-xxxl {
	font-family:'LabA_Regular_Italic';
	text-transform: uppercase;
	line-height: 120% !important;
	font-weight: normal;
	text-shadow: 1px 1px 8px rgba(0,0,0,.5);
}
.rev_slider .title-xxxs {font-size: 60px !important; line-height: 50px !important;}
.rev_slider .title-xxs {font-size: 65px !important; line-height: 55px !important;}
.rev_slider .title-xs {font-size: 70px !important; line-height: 60px !important;}
.rev_slider .title-sm {font-size: 75px !important; line-height: 65px !important;}
.rev_slider .title-lg {font-size: 80px !important; line-height: 70px !important;}
.rev_slider .title-xl {font-size: 85px !important; line-height: 75px !important;}
.rev_slider .title-xxl {font-size: 90px !important; line-height: 80px !important;}
.rev_slider .title-xxxl {font-size: 100px !important; line-height: 90px !important;}
/* SUB TITLE */
.rev_slider .subtitle-xxxs,.rev_slider .subtitle-xxs,.rev_slider .subtitle-xs,.rev_slider .subtitle-sm,.rev_slider .subtitle-md, .rev_slider .subtitle,.rev_slider .subtitle-lg,.rev_slider .subtitle-xl,.rev_slider .subtitle-xxl,.rev_slider .subtitle-xxxl {
	font-family: 'OpenSans_Regular';
	text-transform: none;
	line-height: 30px !important;
	font-size: 30px !important;
	color: #FFFFFF;
	font-weight: normal;
	/*vertical-align: baseline;*/
	text-align: center;
	text-shadow: 1px 1px 6px rgba(0,0,0,.6);
}
.rev_slider .subtitle-xxxs {font-size: 18px !important; line-height: 19px !important;}
.rev_slider .subtitle-xxs {font-size: 21px !important; line-height: 22px !important;}
.rev_slider .subtitle-xs {font-size: 24px !important; line-height: 24px !important;}
.rev_slider .subtitle-sm {font-size: 27px !important; line-height: 27px !important;}
.rev_slider .subtitle-lg {font-size: 33px !important; line-height: 33px !important;}
.rev_slider .subtitle-xl {font-size: 37px !important; line-height: 37px !important;}
.rev_slider .subtitle-xxl {font-size: 40px !important; line-height: 40px !important;}
.rev_slider .subtitle-xxxl {font-size: 43px !important; line-height: 43px !important;}
/* PRE TITLE */
.rev_slider .pretitle-xxxs,.rev_slider .pretitle-xxs,.rev_slider .pretitle-xs,.rev_slider .pretitle-sm,.rev_slider .pretitle-md, .rev_slider .pretitle,.rev_slider .pretitle-lg,.rev_slider .pretitle-xl,.rev_slider .pretitle-xxl,.rev_slider .pretitle-xxxl {
	font-family: var(--font1, sans-serif);
	text-transform: uppercase;
	line-height: 15px !important;
	font-size: 14px !important;
	color: #FFFFFF;
	font-weight: normal;
	/*vertical-align: baseline;*/
	text-align: center;
	text-shadow: 0px 0px 4px rgba(0,0,0,.6);
}
.rev_slider .pretitle-xxxs {font-size: 10px !important; line-height: 11px !important;}
.rev_slider .pretitle-xxs {font-size: 11px !important; line-height: 12px !important;}
.rev_slider .pretitle-xs {font-size: 12px !important; line-height: 13px !important;}
.rev_slider .pretitle-sm {font-size: 13px !important; line-height: 14px !important;}
.rev_slider .pretitle-lg {font-size: 15px !important; line-height: 16px !important;}
.rev_slider .pretitle-xl {font-size: 16px !important; line-height: 17px !important;}
.rev_slider .pretitle-xxl {font-size: 17px !important; line-height: 18px !important;}
.rev_slider .pretitle-xxxl {font-size: 18px !important; line-height: 19px !important;}
.rev_slider .full {min-width: 950px !important;}
.rev_slider .two3rd {min-width: 660px !important;}
.rev_slider .half {min-width: 500px !important;}
.rev_slider .one3rd {min-width: 330px !important;}
.rev_slider .min {min-width: 300px !important;}
/* DEVICE Level 1 */
@media (max-width: 960px) {
.rev_slider .full {min-width: 760px !important;}
.rev_slider .two3rd {min-width: 620px !important;}
.rev_slider .half {min-width: 470px !important;}
.rev_slider .one3rd {min-width: 330px !important;}
.rev_slider .min {min-width: 300px !important;}
}
/* DEVICE Level 2 */
@media (max-width: 760px) {
	
/* TITLE */
.rev_slider .title-xxxs,.rev_slider .title-xxs,.rev_slider .title-xs,.rev_slider .title-sm,.rev_slider .title-md, .rev_slider .title,.rev_slider .title-lg,.rev_slider .title-xl,.rev_slider .title-xxl,.rev_slider .title-xxxl {
	margin-top: 5px !important;
}
.rev_slider .title-xxxs {font-size: 45px !important; line-height: 36px !important;}
.rev_slider .title-xxs {font-size: 50px !important; line-height: 40px !important;}
.rev_slider .title-xs {font-size: 55px !important; line-height: 45px !important;}
.rev_slider .title-sm {font-size: 60px !important; line-height: 50px !important;}
.rev_slider .title-lg {font-size: 70px !important; line-height: 58px !important;}
.rev_slider .title-xl {font-size: 75px !important; line-height: 62px !important;}
.rev_slider .title-xxl {font-size: 80px !important; line-height: 70px !important;}
.rev_slider .title-xxxl {font-size: 85px !important; line-height: 72px !important;}
	
/* SUB TITLE */
.rev_slider .subtitle-xxxs,.rev_slider .subtitle-xxs,.rev_slider .subtitle-xs,.rev_slider .subtitle-sm,.rev_slider .subtitle-md, .rev_slider .subtitle,.rev_slider .subtitle-lg,.rev_slider .subtitle-xl,.rev_slider .subtitle-xxl,.rev_slider .subtitle-xxxl {
	line-height: 23px !important;
	font-size: 22px !important;
}
.rev_slider .subtitle-xxxs {font-size: 14px !important; line-height: 16px !important;}
.rev_slider .subtitle-xxs {font-size: 16px !important; line-height: 17px !important;}
.rev_slider .subtitle-xs {font-size: 18px !important; line-height: 19px !important;}
.rev_slider .subtitle-sm {font-size: 20px !important; line-height: 21px !important;}
.rev_slider .subtitle-lg {font-size: 24px !important; line-height: 25px !important;}
.rev_slider .subtitle-xl {font-size: 26px !important; line-height: 27px !important;}
.rev_slider .subtitle-xxl {font-size: 28px !important; line-height: 29px !important;}
.rev_slider .subtitle-xxxl {font-size: 32px !important; line-height: 34px !important;}
/* PRE TITLE */
.rev_slider .pretitle-xxxs,.rev_slider .pretitle-xxs,.rev_slider .pretitle-xs,.rev_slider .pretitle-sm,.rev_slider .pretitle-md, .rev_slider .pretitle,.rev_slider .pretitle-lg,.rev_slider .pretitle-xl,.rev_slider .pretitle-xxl,.rev_slider .pretitle-xxxl {
	line-height: 12px !important;
	font-size: 11px !important;
	text-shadow: 0px 0px 4px rgba(0,0,0,.5);
	margin-top: -11px !important;
}
.rev_slider .pretitle-xxxs {font-size: 7px !important; line-height: 8px !important;}
.rev_slider .pretitle-xxs {font-size: 8px !important; line-height: 9px !important;}
.rev_slider .pretitle-xs {font-size: 9px !important; line-height: 10px !important;}
.rev_slider .pretitle-sm {font-size: 10px !important; line-height: 11px !important;}
.rev_slider .pretitle-lg {font-size: 12px !important; line-height: 13px !important;}
.rev_slider .pretitle-xl {font-size: 13px !important; line-height: 14px !important;}
.rev_slider .pretitle-xxl {font-size: 14px !important; line-height: 15px !important;}
.rev_slider .pretitle-xxxl {font-size: 15px !important; line-height: 16px !important;}
.rev_slider .full {min-width: 480px !important;}
.rev_slider .two3rd {min-width: 400px !important;}
.rev_slider .half {min-width: 350px !important;}
.rev_slider .one3rd {min-width: 300px !important;}
.rev_slider .min {min-width: 300px !important;}
}
/* DEVICE Level 3 */
@media (max-width: 420px) {
	
/* TITLE */
.rev_slider .title-xxxs,.rev_slider .title-xxs,.rev_slider .title-xs,.rev_slider .title-sm,.rev_slider .title-md, .rev_slider .title,.rev_slider .title-lg,.rev_slider .title-xl,.rev_slider .title-xxl,.rev_slider .title-xxxl {
	margin-top: 5px !important;
	text-shadow: 1px 1px 9px rgba(0,0,0,.7);
}
.rev_slider .title-xxxs {font-size: 35px !important; line-height: 33px !important;}
.rev_slider .title-xxs {font-size: 40px !important; line-height: 38px !important;}
.rev_slider .title-xs {font-size: 45px !important; line-height: 42px !important;}
.rev_slider .title-sm {font-size: 50px !important; line-height: 46px !important;}
.rev_slider .title-lg {font-size: 60px !important; line-height: 53px !important;}
.rev_slider .title-xl {font-size: 65px !important; line-height: 55px !important;}
.rev_slider .title-xxl {font-size: 70px !important; line-height: 58px !important;}
.rev_slider .title-xxxl {font-size: 75px !important; line-height: 60px !important;}
	
/* SUB TITLE */
.rev_slider .subtitle-xxxs,.rev_slider .subtitle-xxs,.rev_slider .subtitle-xs,.rev_slider .subtitle-sm,.rev_slider .subtitle-md, .rev_slider .subtitle,.rev_slider .subtitle-lg,.rev_slider .subtitle-xl,.rev_slider .subtitle-xxl,.rev_slider .subtitle-xxxl {
	line-height: 19px !important;
	font-size: 18px !important;
	text-shadow: 1px 1px 6px rgba(0,0,0,.8);
}
.rev_slider .subtitle-xxxs {font-size: 12px !important; line-height: 13px !important;}
.rev_slider .subtitle-xxs {font-size: 14px !important; line-height: 15px !important;}
.rev_slider .subtitle-xs {font-size: 15px !important; line-height: 16px !important;}
.rev_slider .subtitle-sm {font-size: 16px !important; line-height: 17px !important;}
.rev_slider .subtitle-lg {font-size: 20px !important; line-height: 21px !important;}
.rev_slider .subtitle-xl {font-size: 22px !important; line-height: 24px !important;}
.rev_slider .subtitle-xxl {font-size: 24px !important; line-height: 26px !important;}
.rev_slider .subtitle-xxxl {font-size: 26px !important; line-height: 28px !important;}
/* PRE TITLE */
.rev_slider .pretitle-xxxs,.rev_slider .pretitle-xxs,.rev_slider .pretitle-xs,.rev_slider .pretitle-sm,.rev_slider .pretitle-md, .rev_slider .pretitle,.rev_slider .pretitle-lg,.rev_slider .pretitle-xl,.rev_slider .pretitle-xxl,.rev_slider .pretitle-xxxl {
	line-height: 12px !important;
	font-size: 11px !important;
	text-shadow: 0px 0px 4px rgba(0,0,0,.5);
	margin-top: -5px !important;
}
.rev_slider .pretitle-xxxs {font-size: 7px !important; line-height: 8px !important;}
.rev_slider .pretitle-xxs {font-size: 8px !important; line-height: 9px !important;}
.rev_slider .pretitle-xs {font-size: 9px !important; line-height: 10px !important;}
.rev_slider .pretitle-sm {font-size: 10px !important; line-height: 11px !important;}
.rev_slider .pretitle-lg {font-size: 12px !important; line-height: 13px !important;}
.rev_slider .pretitle-xl {font-size: 13px !important; line-height: 14px !important;}
.rev_slider .pretitle-xxl {font-size: 14px !important; line-height: 15px !important;}
.rev_slider .pretitle-xxxl {font-size: 15px !important; line-height: 16px !important;}
.rev_slider .full {min-width: 300px !important;}
.rev_slider .two3rd {min-width: 290px !important;}
.rev_slider .half {min-width: 280px !important;}
.rev_slider .one3rd {min-width: 270px !important;}
.rev_slider .min {min-width: 200px !important;}
}
/*
===============================
VIDEO JS . HTML5 SKIN
===============================
*/
.video-js {
 	background-color: transparent !important;
}
.video-content {
 	border: 1px solid #CCCCCC;
}
.vjs-default-skin .vjs-slider {
    background-color: #000000 !important;
}
.vjs-default-skin .vjs-play-progress, 
.vjs-default-skin .vjs-volume-level {
    background-color: var(--color1, #424242) !important;
}
.vjs-default-skin .vjs-volume-bar,
.vjs-default-skin .vjs-load-progress {
    background-color: #373737 !important;
}
/* bottom margin added - 2016 */
.embed-responsive-16by9 {
	margin-bottom: 20px;
	height: auto;
}
/* REMOVED 2016
.video-js .vjs-tech {
	height: auto !important;
}
*/
/*.video-js {
	padding-top: 0 !important;
	width: 100%;
}
*/
/*
===============================
HTML5 GALLERY
===============================
*/
.html5gallery {
	margin-bottom: 50px;
}
.flickr-img-container li {
	margin-bottom: 10px;
}
/*
===============================
DOUGHNUT CHART
===============================
*/
/*main {
  margin: 10px auto;
  padding: 10px 20px;
overflow: visible;
}
*/#pie-chart {
  height: 225px;
  position: relative;
  overflow: visible;
  padding-left: 5px;
}
#pie-chart::before {
  content: "";
  position: absolute;
  display: block;
  height: 115px;
  left: 300px;
  top: 0;
  background: transparent;
}
#pie-chart::after {
  content: "";
  position: absolute;
  display: block;
  top: 260px;
  left: 9%;
  width: 50%;
  height: 2px;
  background: rgba(0,0,0,0.1);
  border-radius: 50%;
  box-shadow: 0 0 3px 4px rgba(0,0,0,0.1);
}
/*
===============================
GOOGLE
===============================
*/
/*––––––––––––––––––––––––––––– 
  GOOGLE CAL
–––––––––––––––––––––––––––––––*/
iframe #document html body {
	background-color: yellow !important;
}
/*––––––––––––––––––––––––––––– 
  GOOGLE MAPS
–––––––––––––––––––––––––––––––*/
.fluid-wrapper {
	position: relative;
	padding-bottom: 56.25%;    /* 16:9 */
	padding-bottom: 70%;    /* 16:9 */
}
.fluid-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none;
}
#webapp_map_27177 {
	width: 100% !important;
}
/*@media (max-width: 991.98px) {
.map-holder .google-map-holder,
.google-map-holder {
	height: inherit !important;
}
}*/
.map-holder .google-map-holder,
.google-map-holder {
	height: 450px !important;
	background-color: #ebe9e4 !important;
}

.map-holder .google-map-holder.top,
.google-map-holder.top {
	height: 600px !important;
	background-color: #ebe9e4 !important;
}


iframe div div {
position: absolute;
left: 0px;
bottom: 50px;
}





/*
===============================
YOUTUBE EMBED
===============================
*/
/* RESPONSIVE */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*
===============================
FLEXSLIDER
===============================
jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/
Copyright 2012 WooThemes * Free to use under the GPLv2 license. 
http://www.gnu.org/licenses/gpl-2.0.html
Contributing author:Tyler Smith (@mbmufffin) */
/* Browser Resets */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {
outline:none;
}
.slides,.flex-control-nav,.flex-direction-nav {
margin:0;
padding:0;
list-style:none;
}
/* FlexSlider Necessary Styles*********************************/ .flexslider {
margin:0;
padding:0;
}
.flexslider .slides>li {
display:none;
-webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .slides {
display:block;
}
* html .slides {
height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script,such as Modernizr,make sure you * include js that eliminates this class on page load */
.no-js .slides>li:first-child {
display: block;
}
/* FlexSlider Default Theme*********************************/
.flexslider.project {
}
.flexslider {
margin:0 0 0px;
position:relative;
zoom:1;
color:#fff;
}
.flexslider h1 {
color:#fff;
text-shadow:2px 4px 3px rgba(0,0,0,0.3);
text-shadow:horizontal-spanoffset- vertical-spanoffset- blur color;
}
.flex-viewport {
max-height:2000px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
transition:all 1s ease;
}
.loading .flex-viewport {
max-height:300px;
}
.flexslider .slides {
zoom:1;
}
.carousel li {
margin-right: 5px
}
/* Direction Nav */
.flex-direction-nav {
*height:0;
}
.flex-direction-nav a {
width:30px;
height:34px;
margin:-20px 0 0;
display:block;
background:url(../img/bg_direction_nav.png) no-repeat 0 0;
position:absolute;
top:50%;
z-index:10;
cursor:pointer;
text-indent:-9999px;
opacity:0;
-webkit-transition:all .3s ease;
}
.flex-direction-nav .flex-next {
background-position:100% 0;
right:-36px;
}
.flex-direction-nav .flex-prev {
left:-36px;
}
.flexslider:hover .flex-next {
opacity:0.8;
right:5px;
}
.flexslider:hover .flex-prev {
opacity:0.8;
left:5px;
}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
opacity:1;
}
.flex-direction-nav .flex-disabled {
opacity:.3!important;
filter:alpha(opacity=30);
cursor: default;
}
/* Control Nav */
.flex-control-nav {
width:100%;
position:absolute;
bottom:-40px;
text-align:center;
}
.flex-control-nav li {
margin:0 6px;
display:inline-block;
zoom:1;
*display:inline;
}
.flex-control-paging li a {
width:15px;
height:15px;
display:block;
background:#eee;
cursor:pointer;
text-indent:-9999px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-o-border-radius:20px;
border-radius:20px;
box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover {
background:#fff;
}
.flex-control-paging li a.flex-active {
background:#fff;
cursor:default;
}
.flex-control-thumbs {
margin:5px 0 0;
position:static;
overflow:hidden;
}
.flex-control-thumbs li {
width:25%;
float:left;
margin:0;
}
.flex-control-thumbs img {
width:100%;
display:block;
opacity:.7;
cursor:pointer;
}
.flex-control-thumbs img:hover {
opacity:1;
}
.flex-control-thumbs .flex-active {
opacity:1;
cursor:default;
}
@media screen and (max-width:860px) {
	.flex-direction-nav .flex-prev {
			opacity:1;
			left:0;
	}
	.flex-direction-nav .flex-next {
			opacity:1;
			right: 0;
	}
}
/*
===============================
COUNTER
===============================
*/
.counters span {
	/*color: var(--CounterColor);*/
}
.counter {
	position: relative;
	top: 0;
	left: auto;
	z-index: 2;
	padding: 0;
	margin-left: 0;
	/*font-size: 100%;*/
	color: #fff;
	background-color: transparent !important;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/* Adjust Social FontAwesome 
.svg-inline--fa {
	vertical-align: middle !important;
}
*/
/*
===============================
CAROUSEL
===============================
*/
.carousel .carousel-control-next-icon,
.carousel .carousel-control-prev-icon{
    background-image: none;
}
.carousel-control-next-icon::before,
.carousel-control-prev-icon::before {
    color: white;
}
.visual .carousel-control-prev button:focus, 
.visual .carousel-control-next button:focus,
.visual .carousel-control-prev:focus, 
.visual .carousel-control-next:focus {
	border: 0px solid var(--color1xl);
}
.visual .carousel-indicators button {
	color: white;
}
.list_carousel {
	margin-left:-10px;
	clear:both;
}
.list_carousel ul {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}
.list_carousel li {
	max-width:100%;
	display:block;
	float:left;
	margin-left:10px;
	cursor:default !important;
	height:auto;
}
.list_carousel.responsive {
	width:auto;
	margin-left:-10px;
}
.list_carousel .carousel_nav {
	position:relative;
	margin-top:-43px;
	background:#fff;
	padding-left:5px;
	float:right;
	padding-right:4px;
}
.carousel a.prev,
.carousel a.next {
	background:url(../img/carousel_arrows.png) no-repeat var(--color1, #424242);
	width:24px;
	height:24px;
	display:block;
	position:relative;
	float:left;
	margin-left:3px;
	-webkit-background-clip:padding-box;
	/* for Safari */background-clip:padding-box;
	box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1);
}
.carousel a.prev:hover,
.carousel a.next:hover {
	background-color:#444;
}
.carousel a.prev {
	background-position:-2px 0
}
.carousel a.prev.disabled {
	background-color:#555
}
.carousel a.next {
	background-position:-22px 0
}
.carousel a.next.disabled {
	background-color:#555
}
.carousel a.prev.disabled,
.carousel a.next.disabled {
	cursor:default
}
.carousel a.prev span,
.carousel a.next span {
	display:none
}
.pager {
	float:left;
	width:300px;
	text-align:center;
}
.pager a {
	margin:0 5px;
	text-decoration:none;
}
.pager a.selected {
	text-decoration:underline
}
.timer {
	background-color:#999;
	height:6px;
	width:0px;
}
.testimonials .list_carousel li {
	width:330px
}
.carousel-content {
	float:left;
	width:100%;
}
.featured-projects {
	background:#fff;
	font-size:12px;
	-moz-box-shadow:0 1px 3px rgba(34,25,25,0.4);
	text-align:center;
	overflow:hidden;
	position:relative;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	border:1px solid #eee;
}
.featured-projects:hover {
}
.featured-projects-image {
	padding:0px
}
.featured-projects-image img {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
.featured-projects-image a {
	display:block
}
.featured-projects-content {
	padding:0 10px
}
.featured-projects-content p {
	margin-bottom:10px
}
.featured-projects-content h1 {
	font-size:13px;
	line-height:1;
	font-weight:bold;
}
.featured-projects-content h1 a {
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	display:block;
	color:#222;
}
.featured-projects-content .small {
	font-size:12px
}
.grayimage {
	filter:url("data:image/svg+xml;nowhitespace:afterproperty;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0 1 0\'/></filter></svg>#grayscale");
	/* Firefox 10+,Firefox on Android */ filter:gray;
	/* IE6-9 */ -webkit-filter: grayscale(100%);
	/* Chrome 19+,Safari 6+,Safari 6+iOS */
}
.imgproject {
	float:left;
	margin-right:20px;
}
.carousel-control-prev,
.carousel-control-next {
  width: 11%; }
.carousel-control-prev-icon,
.carousel-control-next-icon {
  line-height: 4.5; }
  .carousel-control-prev-icon:before,
  .carousel-control-next-icon:before {
    font-family: "icomoon";
    font-size: 30px;
    line-height: 1; }
    @media (min-width: 992px) {
      .carousel-control-prev-icon:before,
      .carousel-control-next-icon:before {
        font-size: 50px; } }
.carousel-control-prev-icon {
  background: none; }
  .carousel-control-prev-icon:before {
    content: "\e909"; }
.carousel-control-next-icon {
  background: none; }
  .carousel-control-next-icon:before {
    content: "\e902"; }
.carousel-indicators li {
  border-radius: 50%; }
.custom-carousel {
  position: relative;
  margin-bottom: 41px;
  padding: 0 20px 1px; }
  @media (min-width: 768px) {
    .custom-carousel {
      margin-bottom: 100px;
      padding: 0 45px; } }
  @media (min-width: 1200px) {
    .custom-carousel {
      padding: 0; } }
  .custom-carousel .slideset,
  .custom-carousel .slide {
    display: -ms-flexbox;
    display: flex; 
    margin: 5px auto;
    }
  .custom-carousel .bx-pager {
    font-size: 0;
    line-height: 0;
    text-align: center;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0; }
    @media (min-width: 992px) {
      .custom-carousel .bx-pager {
        bottom: -60px; } }
    .custom-carousel .bx-pager .bx-pager-item {
      display: inline-block;
      vertical-align: top;
      margin: 0 10px; }
    .custom-carousel .bx-pager .bx-pager-link {
      width: 10px;
      height: 10px;
      display: inline-block;
      vertical-align: top;
      background: #bcbcbc;
      border-radius: 50%; }
      .custom-carousel .bx-pager .bx-pager-link.active {
        background: #9e9e9e; }
  .custom-carousel .controls {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: 1290px;
    width: 100vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    pointer-events: none; }
  .custom-carousel .btn-next,
  .custom-carousel .btn-prev {
    text-decoration: none;
    color: #000;
    font-size: 30px;
    pointer-events: auto; }
    @media (min-width: 992px) {
      .custom-carousel .btn-next,
      .custom-carousel .btn-prev {
        font-size: 50px; } }
  .custom-carousel .btn-prev {
    left: 10px; }
  .custom-carousel .btn-next {
    right: 10px; }
  @media (max-width: 991.98px) {
    .custom-carousel .bx-wrapper {
      margin: 0 auto; } 
}
.productCarousel .carousel-item {
    align-self: center;
}
.productCarousel .carousel-indicators li {
  border-radius: 0 !important; }
.productCarousel .carousel-indicators {
    height: 80px;
    margin: 10px 0 0 0;
    overflow: hidden !important;
    border-radius: 0;
}
.productCarousel .carousel-indicators li {    
    position: relative;    
  align-self: center;
    z-index: 2 !important;
}
.productCarousel .carousel-control-prev,
.productCarousel .carousel-control-next {    
    z-index: 1 !important;
}
.ProdThumb {
    overflow: hidden;
    position: relative;
    display: inline-block !important;
    height: 100px;
    width: 140px;
    margin: 0 10px 6px 0;
}
#zoomiocontainer img { 
	max-width: none;
}
/* sample CSS to for gallery */
#gallerycontainer{
	width: 100%;
	max-width: 1250px;
}
#gallery-target{
	width: 100%;
	/*height: auto;  for Product L hover*/
}
#gallery-thumbs {
    text-align: center;
    /* height: 70px; */
    overflow: hidden;
    display: block;
    position: relative;
    margin: 40px -25px 40px -10px;
    padding: 10px;
}
#gallery-thumbs img {
    /* width: 105px; */
    /* max-height: 60px; */
    /* margin: 0 8px 8px 0; */
    cursor: pointer;
    /* display: inline-block; */
}
@media (min-width: 1200px) /* navbar-expand-xl */ {}
@media (max-width: 1200px) /* navbar-expand-lg */ {}
@media (min-width: 992px) /* navbar-expand-lg */ {}
@media (max-width: 992px) /* navbar-expand-md */ {}
@media (min-width: 768px) /* navbar-expand-md */ {}
@media (max-width: 768px) /* navbar-expand-sm */ {}
@media (min-width: 576px) /* navbar-expand-sm */ {}
@media (max-width: 576px) /* navbar-expand-xs */ {
.ProdThumb {
    height: 90px;
    width: 120px;
    margin: 0 8px 6px 0;
}
#gallery-thumbs {
    margin: 30px -25px 30px -10px;
    padding: 10px;
}
    
}
#zoomiocontainer { /* container containing enlarged image (native sized image) */
	position: absolute;
	z-index: 1000;
	overflow: hidden;
	background: white;
	visibility: visible;
}
#zoomiocontainer img{ /* image inside zoom container */
	width: auto;
	height: auto !important;
	position: absolute !important;
	display: block !important;
}
.disablepointer{
	pointer-events: none;
}
#zoomiocontainer.mobileclass{ /* CSS class added to zoom container on mobile OS */
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
/* ### Loading DIV CSS ### */
#zoomioloadingdiv{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	visibility: hidden;
	overflow: hidden;
	display: flex;
	pointer-events: none;
	z-index: 10000;
	background: white;
}
#zoomioloadingdiv .spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #333;
  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}
/*
===============================
FANCY BOX
===============================
*/
.fancybox-active {
  height: auto; }
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden; }
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 100%;
  z-index: 99992; }
.fancybox-container * {
  box-sizing: border-box; }
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto; }
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }
.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997; }
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible; }
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.fancybox-toolbar {
  right: 0;
  top: 0; }
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 99994; }
.fancybox-is-open .fancybox-stage {
  overflow: hidden; }
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994; }
.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0; }
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0; }
.fancybox-slide--image::before {
  display: none; }
.fancybox-slide--html {
  padding: 6px; }
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle; }
.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
          animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995; }
.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out; }
.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in; }
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab; }
.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing; }
.fancybox-container [data-selectable='true'] {
  cursor: text; }
.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%; }
.fancybox-spaceball {
  z-index: 1; }
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%; }
.fancybox-slide--video .fancybox-content {
  background: #000; }
.fancybox-slide--map .fancybox-content {
  background: #e5e3df; }
.fancybox-slide--iframe .fancybox-content {
  background: #fff; }
.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%; }
/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0; }
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%; }
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0; }
/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px; }
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc; }
.fancybox-button:hover {
  color: #fff; }
.fancybox-button.fancybox-focus {
  outline: 1px dotted; }
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none; }
/* Fix IE11 */
.fancybox-button div {
  height: 100%; }
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%; }
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0; }
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none; }
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none; }
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0;
          transform-origin: 0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: linear;
  z-index: 99998; }
/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401; }
.fancybox-close-small:hover {
  color: #fff;
  opacity: 1; }
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0; }
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden; }
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none; }
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px; }
.fancybox-navigation .fancybox-button div {
  padding: 7px; }
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px; }
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right); }
/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996; }
@supports (padding: calc(max(0px))) {
  .fancybox-caption {
    padding: 75px calc(max(44px, env(safe-area-inset-right))) calc(max(25px, env(safe-area-inset-bottom))) calc(max(44px, env(safe-area-inset-left))); } }
.fancybox-caption--separate {
  margin-top: -50px; }
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all; }
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none; }
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline; }
/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
          animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999; }
@-webkit-keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0); }
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0); }
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
          transform: scale3d(1.5, 1.5, 1.5); }
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
          transform: scale3d(0.5, 0.5, 0.5); }
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1); }
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg); }
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg); }
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
          transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
          transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
          transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
          transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }
.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
          transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }
.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1); }
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px; }
  .fancybox-slide--image {
    padding: 6px 0; }
  .fancybox-close-small {
    right: -6px; }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px; }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px; }
  @supports (padding: calc(max(0px))) {
    .fancybox-caption {
      padding-left: calc(max(12px, env(safe-area-inset-left)));
      padding-right: calc(max(12px, env(safe-area-inset-right))); } } }
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center; }
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0; }
.fancybox-share p {
  margin: 0;
  padding: 0; }
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap; }
.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff; }
.fancybox-share__button:hover {
  text-decoration: none; }
.fancybox-share__button--fb {
  background: #3b5998; }
.fancybox-share__button--fb:hover {
  background: #344e86; }
.fancybox-share__button--pt {
  background: #bd081d; }
.fancybox-share__button--pt:hover {
  background: #aa0719; }
.fancybox-share__button--tw {
  background: #1da1f2; }
.fancybox-share__button--tw:hover {
  background: #0d95e8; }
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px; }
.fancybox-share__button svg path {
  fill: #fff; }
.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%; }
/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995; }
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden; }
.fancybox-show-thumbs .fancybox-thumbs {
  display: block; }
.fancybox-show-thumbs .fancybox-inner {
  right: 212px; }
.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%; }
.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px; }
.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px; }
.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991; }
.fancybox-thumbs__list a:focus::before {
  opacity: .5; }
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1; }
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px); } }
.picker__header select { display: inline-block !important; }
/*
===============================
MISC . TREEPL / BC
===============================
*/
::after, ::before {
  box-sizing: border-box
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}
[tabindex="-1"]:focus {
  outline: 0 !important
}
abbr[data-original-title], abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}
.carousel-control-next, .carousel-control-prev {
  width: 11%
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  line-height: 4.5
}
.carousel-control-next-icon:before, .carousel-control-prev-icon:before {
  font-family: Font Awesome 5 Pro;
  font-size: 30px;
  line-height: 1
}
@media (min-width:992px) {
  .carousel-control-next-icon:before, .carousel-control-prev-icon:before {
    font-size: 50px
  }
}
.carousel-control-prev-icon {
  background: 0 0
}
.carousel-control-prev-icon:before {
  content: "\e909"
}
.carousel-control-next-icon {
  background: 0 0
}
.carousel-control-next-icon:before {
  content: "\e902"
}
.carousel-indicators li {
  border-radius: 50%
}
.custom-carousel {
  position: relative;
  margin-bottom: 41px;
  padding: 0 20px 1px
}
@media (min-width:768px) {
  .custom-carousel {
    margin-bottom: 71px;
    padding: 0 45px
  }
}
@media (min-width:1200px) {
  .custom-carousel {
    padding: 0;
    margin-left: -15px;
    margin-right: -15px
  }
}
.custom-carousel .slide, .custom-carousel .slideset {
  display: -ms-flexbox;
  display: flex
}
.custom-carousel .slide {
  /*padding: 0 15px;*/
}
.custom-carousel .bx-pager {
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0
}
@media (min-width:992px) {
  .custom-carousel .bx-pager {
    bottom: -60px
  }
}
.custom-carousel .bx-pager .bx-pager-item {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px
}
.custom-carousel .bx-pager .bx-pager-link {
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: top;
  background: #bcbcbc;
  border-radius: 50%
}
.custom-carousel .bx-pager .bx-pager-link.active {
  background: #9e9e9e
}
.custom-carousel .controls {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 1290px;
  width: 100vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  pointer-events: none
}
.custom-carousel .btn-next, .custom-carousel .btn-prev {
  text-decoration: none;
  color: #000;
  font-size: 30px;
  pointer-events: auto
}
@media (min-width:992px) {
  .custom-carousel .btn-next, .custom-carousel .btn-prev {
    font-size: 50px
  }
}
.custom-carousel .btn-prev {
  left: 10px
}
.custom-carousel .btn-next {
  right: 10px
}
@media (max-width:991.98px) {
  .custom-carousel .bx-wrapper {
    margin: 0 auto
  }
}
.breadcrumb-item + .breadcrumb-item:before {
  font-family: icomoon;
  font-size: .625rem
}
.breadcrumb-item a {
  color: inherit
}
.portfolio-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -5px 18px
}
.portfolio-nav li {
  padding: 0 5px 10px
}
.portfolio-nav .btn {
  text-transform: uppercase
}
.portfolio-nav .btn:hover {
  background-color: #ffa000;
  border-color: #ffa000
}
.portfolio-nav .active .btn {
  color: #fff
}
.portfolio-nav .active .btn:focus {
  box-shadow: none
}
.portfolio-list {
  max-width: 1920px;
  margin: 0 auto 10px
}
@media (min-width:768px) {
  .portfolio-list {
    margin: 0 auto 30px
  }
}
.portfolio-list .card {
  color: #fff;
  position: relative;
  margin-bottom: 30px
}
.portfolio-list .card:focus .card-body, .portfolio-list .card:focus .link, .portfolio-list .card:focus-within .card-body, .portfolio-list .card:focus-within .link, .portfolio-list .card:hover .card-body, .portfolio-list .card:hover .link {
  opacity: 1
}
.portfolio-list .link {
  color: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  text-align: center;
  width: 44px;
  height: 44px;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
  text-decoration: none;
  opacity: 0;
  transition: opacity .3s ease-in-out
}
.portfolio-list .link:before {
  content: "\e912";
  font-family: icomoon !important;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}
.portfolio-list .link:hover {
  color: #ffa000;
  border-color: #ffa000
}
.portfolio-list .card-body {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: rgba(0, 0, 0, .7);
  padding: 1.85rem 1.8rem .5rem 1.8rem;
  opacity: 0;
  transition: opacity .3s ease-in-out
}
.portfolio-list .card-title {
  margin-bottom: 13px;
  text-transform: none;
  font-weight: 400
}
.portfolio-list .card-title a {
  color: inherit
}
.portfolio-list .card-title a:hover {
  color: #ffa000
}
.portfolio-list .card-title i {
  vertical-align: middle
}
.portfolio-list .card-text {
  font-size: 13px
}
.portfolio-list a {
  text-decoration: none
}
.banner {
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 40px 0
}
.banner h1 {
  margin-bottom: 0
}
@media (min-width:992px) {
  .banner h1 {
    margin-bottom: .5625rem
  }
}
.banner:after {
  content: "";
  display: block;
  width: 0
}
@media (min-width:992px) {
  .banner:after {
    min-height: 418px
  }
}
.bg-block {
  background: #eee
}
@media (max-width:991.98px) {
  .google-map-holder {
    height: 300px
  }
}
.portfolio-list .pagination {
  display: none
}
.hover .link {
  opacity: 1
}
.hover .hover-block {
  opacity: 1 !important
}
.card-body:focus, .hover .card-body {
  opacity: 1
}
.card:focus .link {
  opacity: 1
}
.card:focus .hover-block {
  opacity: 1 !important
}
.hover .hover-block, .hover-block:focus {
  opacity: 1
}
.visual {
  text-align: center
}
.visual .carousel-item {
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
  background-size: cover;
  background-position: 50% 50%;
  text-align: center;
  color: #000
}
.visual .carousel-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111;
  pointer-events: none;
  opacity: .6
}
												.visual .carousel-item {
												  background-size: cover;
												  background-position: 50% 50%;
												  height: calc(100vh - 0px)
												}
.visual .carousel-caption {
  font-size: .9375rem;
  width: 85%;
  white-space: normal;
  top: 30%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  vertical-align: middle;
  padding-left: 40px;
  padding-right: 40px
}
@media (max-width:767.98px) {
  .visual .carousel-caption {
    padding: 20px 10px
  }
}
@media (max-width:575.98px) {
  .visual .carousel-caption {
    top: 25%
  }
}
.visual .carousel-caption .text {
  line-height: 1.5;
  padding: 0 0 20px;
  font-size: 20px
}
@media (min-width:576px) {
  .visual .carousel-caption .text {
    padding: 0 0 30px;
    font-size: 1.875rem
  }
}
@media (min-width:992px) {
  .visual .carousel-caption .text {
    padding-bottom: 122px
  }
}
.visual .carousel-caption h1 {
  font-size: 1.875rem;
  margin-bottom: 1.5rem
}
@media (min-width:576px) {
  .visual .carousel-caption h1 {
    font-size: 3.75rem
  }
}
@media (min-width:992px) {
  .visual .carousel-caption h1 {
    margin-bottom: 1.9rem
  }
}
.visual .carousel-control-next, .visual .carousel-control-prev {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100px
}
.visual .carousel-control-next:focus, .visual .carousel-control-prev:focus {
  outline: 1px solid #ffa000
}
.visual .carousel-indicators {
  bottom: 33px
}
.visual .carousel-indicators li {
  position: relative;
  height: 0
}
.visual .carousel-indicators li:hover {
  opacity: 1
}
.visual .carousel-indicators button {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 50%;
  padding: 3px;
  border-style: solid
}
.visual .carousel-indicators button:hover {
  background-color: var(--color3lf2, #ececec);
  border-color: var(--color3lf2, #ececec)
}
@media (max-width:575.98px) {
  .cards-list {
    margin-bottom: 10px
  }
}
.cards-list [class^=col] {
  margin-bottom: 30px
}
.team-slider .card {
  position: relative;
  margin: 0 auto
}
.team-slider .card:focus .hover-block, .team-slider .card:focus-within .hover-block, .team-slider .card:hover .hover-block {
  opacity: 1
}
.team-slider .img-block {
  position: relative
}
.team-slider .hover-block {
  transition: opacity .3s ease-in-out;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(0, 0, 0, .7);
  padding: 1.85rem 2.1rem;
  opacity: 0
}
@media (max-width:991.98px) {
  .team-slider .hover-block {
    padding: 10px
  }
}
.team-slider .card-title {
  margin-bottom: 0;
  text-transform: none;
  text-align: center
}
.team-slider .info {
  margin-bottom: 1px;
  margin-bottom: 30px;
  width: 100%
}
.team-slider .info li {
  padding: 10px 0;
  border-bottom: 1px solid #9e9e9e
}
.team-slider .info .position {
  font-size: 1.125rem;
  padding-bottom: 26px
}
.team-slider a {
  color: inherit;
  text-decoration: none
}
.team-slider a:hover {
  color: #ffa000
}
.team-slider .social-networks {
  color: #fff;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -5px
}
.team-slider .social-networks a {
  color: inherit;
  line-height: 30px;
  font-size: 20px;
  width: 30px;
  height: 30px;
  border: 1px solid #bdbdbd;
  display: block
}
.team-slider .social-networks a:hover {
  color: #ffa000;
  border: 1px solid #ffa000
}
.team-slider .social-networks li {
  padding: 0 5px 5px
}
.team-slider .social-networks .icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  border: none;
  font-size: 17px
}
.visual-banner {
  background-size: cover;
  padding: 46px 0
}
.visual-banner .value {
  display: block;
  margin-bottom: 0
}
@media (min-width:992px) {
  .visual-banner .value {
    margin-bottom: 10px
  }
}
.visual-banner .counter-holder .box {
  margin-bottom: 1.2rem
}
@media (min-width:768px) {
  .visual-banner .counter-holder .box {
    margin: 0
  }
}
.visual-banner .counter-holder .box:last-child {
  margin: 0
}
.visual-banner .counter-holder p {
  margin: 0
}
.testimonials-slider .card {
  padding: 1.5625rem .9375rem;
  margin: 0 auto
}
@media (min-width:992px) {
  .testimonials-slider .card {
    padding: 25px 0 30px
  }
}
.testimonials-slider .card-body {
  padding: 1.125rem 0
}
.testimonials-slider .card-title {
  text-transform: none;
  margin-bottom: 1.6875rem
}
.testimonials-slider .name, .testimonials-slider .position {
  display: block
}
.testimonials-slider .position {
  font-size: .8125rem
}
.testimonials-slider .name {
  font-size: 1.125rem;
  margin-bottom: .8125rem;
  padding: 0 .9375rem
}
.testimonials-slider img {
  display: inline-block;
  vertical-align: top;
  margin-bottom: .75rem
}
.testimonials-slider .slick-dots {
  bottom: -70px
}
.projects-gallery .mask {
  text-align: center;
  margin-bottom: 30px
}
.projects-gallery .thumbnail-wrap {
  padding: 0 33px;
  position: relative
}
.projects-gallery .thumbnail-wrap li {
  padding: 1px;
  margin: 1px
}
.projects-gallery .thumbnail-wrap li:focus {
  outline: 0
}
.projects-gallery .thumbnail-wrap button.holder {
  padding: 0;
  margin: 0 5px;
  border: 0
}
.projects-gallery .slick-slide:focus:focus {
  outline-color: #ffa000;
  border: 1px solid #ffa000
}
.projects-gallery .btn-next, .projects-gallery .btn-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #000;
  text-decoration: none
}
.projects-gallery .btn-next:before, .projects-gallery .btn-prev:before {
  font-family: icomoon;
  font-size: 32px;
  line-height: 1
}
@media (min-width:992px) {
  .projects-gallery .btn-next:before, .projects-gallery .btn-prev:before {
    font-size: 30px
  }
}
.projects-gallery .btn-prev {
  left: -5px
}
.projects-gallery .btn-prev:before {
  content: "\e909"
}
.projects-gallery .btn-next {
  right: -5px
}
.projects-gallery .btn-next:before {
  content: "\e902"
}
.projects-gallery img {
  margin: 0 auto
}
.projects-gallery ul li {
  padding: 0;
  text-align: center
}
.projects-gallery ul li:before {
  display: none
}
.test:focus .card-body {
  opacity: 1
}
.contact-info .list-group-item {
  border-left-width: 0;
  border-right-width: 0;
  padding-left: 0;
  padding-right: 0
}
.contact-info .list-group-item:last-child {
  border-bottom: none
}
.contact-info .phone-group .holder:first-child {
  margin-bottom: 10px
}
.contact-info .holder {
  position: relative;
  padding-left: 27px
}
.contact-info .holder .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  color: #ffa000
}
.contact-info address {
  margin: 0
}
.contact-info .social-networks {
  -ms-flex-pack: start;
  justify-content: flex-start;
  color: #bdbdbd
}
.contact-info .social-networks i {
  border-color: #bdbdbd
}
.contact-info a {
  color: inherit
}
.system-section {
  background-size: cover;
  background-position: 50% 50%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 50px;
}
.system-section .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (min-width:992px) {
  .system-section.thankyou .jumbotron {
    padding: 4.1875rem 2.8125rem
  }
}
.system-section.comming .jumbotron {
  padding-left: 10px;
  padding-right: 10px;
  margin: 0
}
@media (min-width:992px) {
  .system-section.comming .jumbotron {
    padding: 4.1875rem 1.875rem
  }
}
.system-section .jumbotron {
  background: rgba(255, 255, 255, .8);
  max-width: 740px;
  padding: 1.25rem;
  margin: 1.875rem .9375rem
}
@media (min-width:992px) {
  .system-section .jumbotron {
    padding: 1.9375rem 2.8125rem;
    width: 740px
  }
}
.system-section .jumbotron h2 {
  margin-bottom: .625rem
}
@media (min-width:992px) {
  .system-section .jumbotron h2 {
    margin-bottom: 1.375rem
  }
}
.system-section .jumbotron .lead {
  line-height: 1.7
}
@media (min-width:992px) {
  .system-section .jumbotron .lead {
    margin-bottom: 2.6875rem
  }
}
.system-section .large-text {
  font-size: 60px;
  line-height: 1;
  color: #ffa000;
  font-weight: 400;
  margin-bottom: .625rem
}
@media (min-width:768px) {
  .system-section .large-text {
    margin-bottom: 1.875rem;
    font-size: 80px
  }
}
@media (min-width:992px) {
  .system-section .large-text {
    font-size: 120px
  }
}
.comming h1 {
  margin-bottom: 1.5rem
}
.thankyou .jumbotron {
  max-width: 580px
}
@media (min-width:992px) {
  .thankyou .jumbotron {
    width: 580px
  }
}
.timer {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 20px;
  max-width: 280px
}
@media (min-width:768px) {
  .timer {
    max-width: 480px;
    margin-bottom: 30px
  }
}
@media (min-width:992px) {
  .timer {
    margin-bottom: 60px
  }
}
.timer .column {
  text-align: center;
  width: 25%;
  text-align: center;
  padding: 0 5px
}
@media (min-width:768px) {
  .timer .column {
    padding: 0 15px
  }
}
.timer .holder {
  font-size: 25px;
  display: block;
  padding: 17px 10px;
  width: 100%;
  background: #222;
  display: inline-block;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 10px
}
@media (min-width:768px) {
  .timer .holder {
    font-size: 35px
  }
}
.timer .holder span {
  display: block;
  margin-bottom: 8px;
  font-weight: 600
}
.timer p {
  font-size: 11px;
  margin-bottom: 0;
  text-transform: capitalize
}
@media (min-width:768px) {
  .timer p {
    font-size: 14px
  }
}
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?h6yg28");
  src: url("../fonts/icomoon/icomoon.eot?h6yg28#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.woff2?h6yg28") format("woff2"), url("../fonts/icomoon/icomoon.ttf?h6yg28") format("truetype"), url("../fonts/icomoon/icomoon.woff?h6yg28") format("woff"), url("../fonts/icomoon/icomoon.svg?h6yg28#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon-plus:before {
  content: "\e912";
}
.icon-angle-down-solid:before {
  content: "\e911";
}
.icon-envelope:before {
  content: "\e90d";
}
.icon-phone:before {
  content: "\e90e";
}
.icon-map-marker:before {
  content: "\e90f";
}
.icon-chevron-double-right:before {
  content: "\e90b";
}
.icon-chevron-double-left:before {
  content: "\e90c";
}
.icon-instagram:before {
  content: "\e900";
}
.icon-long-arrow-left:before {
  content: "\e901";
}
.icon-long-arrow-right:before {
  content: "\e908";
}
.icon-right-arrow:before {
  content: "\e902";
}
.icon-left-arrow:before {
  content: "\e909";
}
.icon-twitter:before {
  content: "\e903";
}
.icon-youtube:before {
  content: "\e904";
}
.icon-angle-right:before {
  content: "\e905";
}
.icon-angle-left:before {
  content: "\e90a";
}
.icon-facebook:before {
  content: "\e906";
}
.icon-google-plus:before {
  content: "\e907";
}
.icon-check:before {
  content: "\e910";
}
body.compensate-for-scrollbar {
  overflow: hidden;
}
.fancybox-active {
  height: auto;
}
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}
.fancybox-container * {
  box-sizing: border-box;
}
.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fancybox-toolbar {
  right: 0;
  top: 0;
}
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next {
  display: block;
}
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}
.fancybox-slide--image::before {
  display: none;
}
.fancybox-slide--html {
  padding: 6px;
}
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
  cursor: text;
}
.fancybox-image, .fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.fancybox-slide--video .fancybox-content {
  background: #000;
}
.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}
.fancybox-video, .fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}
.fancybox-button, .fancybox-button:visited, .fancybox-button:link {
  color: #ccc;
}
.fancybox-button:hover {
  color: #fff;
}
.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}
/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}
.fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: linear;
  z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}
.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}
.fancybox-navigation .fancybox-button div {
  padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}
@supports (padding: calc(max(0px))) {
  .fancybox-caption {
    padding: 75px calc(max(44px, env(safe-area-inset-right))) calc(max(25px, env(safe-area-inset-bottom))) calc(max(44px, env(safe-area-inset-left)));
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: calc(max(0px))) {
    .fancybox-caption {
      padding-left: calc(max(12px, env(safe-area-inset-left)));
      padding-right: calc(max(12px, env(safe-area-inset-right)));
    }
  }
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.fancybox-share p {
  margin: 0;
  padding: 0;
}
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.fancybox-share__button:visited, .fancybox-share__button:link {
  color: #fff;
}
.fancybox-share__button:hover {
  text-decoration: none;
}
.fancybox-share__button--fb {
  background: #3b5998;
}
.fancybox-share__button--fb:hover {
  background: #344e86;
}
.fancybox-share__button--pt {
  background: #bd081d;
}
.fancybox-share__button--pt:hover {
  background: #aa0719;
}
.fancybox-share__button--tw {
  background: #1da1f2;
}
.fancybox-share__button--tw:hover {
  background: #0d95e8;
}
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}
.fancybox-share__button svg path {
  fill: #fff;
}
.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}
.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}
.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}
.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}
.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
  opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}





/*
===============================
MODAL
===============================
*/
.modal {
    z-index: 1000000 !important;
}
.modal-dialog {
	max-width: 800px;
}
.modal-header {
	border-bottom: 0px solid #dee2e6;
	background-color: transparent;
}










/*
===============================
IMG VIEWER . (SIZE CHART)
===============================
*/
#imgViewer .modal {
padding-right: 0 !important;
background-color: rgba(0,0,0,.2) !important;
}
#imgViewer .modal {
    z-index: 2001;
}
#imgViewer .modal-lg, 
#imgViewer .modal-xl {
    max-width: 2500px;
    width: 95%;
}
#imgViewer .modal .embed-responsive-16by9 {
    margin-bottom: 0px; 
}
#imgViewer .modal-dialog {
    height: -webkit-fill-available;
}
#imgViewer .modal-dialog .modal-content {
    border-radius: 0;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.2);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#imgViewer .modal-footer {
    padding: 15px 0 15px 0 !important;
    background-color: rgba(0,0,0,0) !important;
    border-top: 0px solid black !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
#imgViewer img {
    max-width: none;
    padding: 0 0 10px 0 !important;
}
#imgViewer::-webkit-scrollbar {
    -webkit-appearance: none;
}
#imgViewer::-webkit-scrollbar:vertical {
    width: 11px;
}
#imgViewer::-webkit-scrollbar:horizontal {
    height: 11px;
}
#imgViewer::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: var(--color2);
}
/*
===============================
ALERT MESSAGES . OVERLAY
===============================
*/
#alertbox {
        width:100%;
        display:none;
        position:fixed;
        top:250px;
        z-index:9999;
        text-align:center;
        pointer-events: none;
    }
#alertbox .alertmsg {
        min-width:300px;
        color: white;
        background: rgba(3,147,3,.85);
        margin: 0 auto;
        padding: 30px 20px;
        pointer-events: none;
    }
	
	
	
	
/*
===============================
PDFmyURL
===============================
*/

	
.pagebreak {
	display: block;
	clear: both;
	page-break-after: always;
}