@charset "utf-8";
/* CSS Document */

body { color:#333; }
h1,h2,h3,h4,h5,h6 {  font-weight:600; }
.element-header { font-weight:600; }

.main-section .frame a[class=""], .main-section .frame a:not([class]) {
  color: #262F3C;
}

#frame-backgroundimage-c29 { height:210px; mask-image: url("gfx/area-logo-mask.svg"); mask-repeat: no-repeat; mask-position: center; position:relative; top:-60px; }
#c15 { background:#ddd; margin-top:-20px; }

.tx-ns-news-slider { display:block; padding-bottom:20px; position:relative; top:-100px;  }
.tx-ns-news-slider .rsMinW, .tx-ns-news-slider .rsMinW .rsOverflow, .tx-ns-news-slider .rsMinW .rsSlide, .tx-ns-news-slider .rsMinW .rsVideoFrameHolder, .tx-ns-news-slider .rsMinW .rsThumbs, .tx-ns-news-slider .infoBlockLeftBlack { background: none; }
.tx-ns-news-slider .infoBlock { left:unset; right:unset; max-width:100%; }
.tx-ns-news-slider .rsABlock { left:unset; text-align:center; width:100%; }
.tx-ns-news-slider .rsMinW .rsThumb { width:190px;  }
.tx-ns-news-slider .rsMinW .rsThumb.rsNavSelected { background:none; }

.tx-ns-news-slider .infoBlock a { display:block; width:100%; padding:10px; position:relative; top: 10px; }
.tx-ns-news-slider .infoBlock a.more { width:100%; height:100%; padding:100px; background:none; }

.main-section .frame .tx-ns-news-slider a:not([class]) {  text-decoration:none; color: #9b9b9b; 
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    transition-delay: 50ms;}
.tx-ns-news-slider .infoBlock a span { background:#fff; border:2px solid #ddd; color:#9b9b9b;  border-radius:10px; padding:10px 25px; 
   -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    transition-delay: 50ms; }	
.tx-ns-news-slider .infoBlock a:hover span { background:#ddd; border:2px solid #fff; color:#9b9b9b; 
   -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    transition-delay: 50ms; }

.tx-ns-news-slider .rsMinW .rsThumbsHor { height:80px; }
.tx-ns-news-slider .rsMinW .rsThumb.rsNavSelected span.thumbIco { border:none; }
.tx-ns-news-slider .rsThumbs { top:-30px; }
.tx-ns-news-slider .rsContent { display:table-cell; vertical-align:middle; }

.tx-ns-news-slider img.rsImg { max-height:200px; max-width:350px; display: inline-block; margin-top:unset !important; margin-left:unset !important; position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); }
/* .tx-ns-news-slider img.rsImg { scale:70%; } */

/* .tx-ns-news-slider .rsSlide .rsContent { background:#fff; } */

.royalSlider img { width: 100%; height: auto; }
.tx-ns-news-slider .rsOverflow { margin-bottom:-20px; }
.tx-ns-news-slider .rsMinW .rsThumb { overflow: visible; }
.tx-ns-news-slider .rsMinW .rsArrowLeft { bottom:67px; }
.tx-ns-news-slider .rsMinW .rsArrowRight { bottom:67px; }

.card-group-element-item .card-img-top img { width:50%; margin-left: auto;  margin-right: auto; margin-top:20px;  display: block;  }
.card-group-element-item .card-title { text-align:center; font-weight:bold; }
.card-group-element-item .card-subtitle { text-align:center; font-weight:400; }
.card-group-element-item .card-footer { text-align:center; }

.tt_address_list #ttaddress__map { min-height:510px; }


#page-content .justified-gallery a .caption {
  width: 100%;
  background: rgba(16, 35, 47, 0.7);
  text-align:center;
  font-weight: 600;
}

.leaflet-popup-content .btn { display:none; }

.fancybox-inner .fancybox-caption { background:rgba(16, 35, 47, 0.7); font-size:21px; bottom:270px; margin-top:-150px; padding-top:25px; }

.powermail_fieldset .row > * { padding-left:0; }
.powermail_fieldwrap .col-sm-2, .powermail_fieldwrap .col-sm-10, .powermail_fieldwrap.col-md-6 { width:100%; }


footer .footer-section-meta { background:#585858; }


/* =Variables
------------------------------------- */
// Colors
$pure-white: hsla(0, 0%, 100%, 1); // #fff
$pure-black: hsla(0, 0%, 0%, 1); // #000
$dark-jungle-green: hsla(210, 3%, 11%, 1); // #1c1d1e
$grey-dark: hsla(0, 0%, 25%, 1); // #404040
$white-dark: hsla(0, 0%, 95%, 1); /// #f1f1f1
$fuel-yellow: hsla(36, 100%, 49%, 1); // #f89500


// transition
$transition: .5s cubic-bezier(.77, 0, .175, 1);
$transition-fast: .2s cubic-bezier(.77, 0, .175, 1);

/* =Functions
------------------------------------- */
// Convert a pixel value to REM units
@function rem($pixel) {
  @return $pixel / 16 + rem;
}

/* =Styles
------------------------------------- */



/* =Custom Styles
------------------------------------- */
.c-glitch,
.c-glitch__img {  background-repeat: no-repeat;	background-position: 50% 50%;	background-size: cover;}
.c-glitch {  height: calc(100vh - 200px);  margin: 0 auto;  overflow: hidden;	position: relative;  width: 100%;  opacity: 0.25;}

.c-glitch__img {
  background-blend-mode: none;
  background-color: transparent;
  height: calc(100% + 5px * 2);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate3d(0, 0, 0);
  width: calc(100% + 10px * 2);
  
  .c-glitch:hover &:nth-child(n+2) {
    animation-duration: 2s;
    animation-delay: 0;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
  }
  
  .c-glitch:hover &:nth-child(2) {    animation-name: glitch-anim-1;  }
  .c-glitch:hover &:nth-child(3) {    animation-name: glitch-anim-2;  }
  .c-glitch:hover &:nth-child(4) {    animation-name: glitch-anim-3;  } 
  .c-glitch:hover &:nth-child(5) {    animation-name: glitch-anim-4;    background-blend-mode: overlay;    background-color: #af4949;  }
}

.c-glitch__img:nth-child(n+2) {	opacity: 0;}

@keyframes glitch-anim-1 {
	0%, 100% { 		opacity: 1;		transform: translate3d(40px, 0, 0) scale3d(-1, -1, 1);		clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);	} 
	20% {		clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);	}
  	30% {		clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);	}
  	40% {		clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);	}
  	50% {		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);	}
  	55% {		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);	}
  	60% {		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);	}
    65% {		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);	}
	70% {		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);	}
	80% {		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);	}
	85% {		clip-path: polygon(0 60%, 100% 60%, 100% 65%, 0 65%);	}
	95% {		clip-path: polygon(0 72%, 100% 72%, 100% 78%, 0 78%);	}
}

@keyframes glitch-anim-2 {
	0%, 100% { 		opacity: 1;		transform: translate3d(-10px, 0, 0);		clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);	}  
	10% {		clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);	} 
	15% {		clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);	} 
	17% {		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);	}  
	19% {		clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);	} 
	33% {		clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);	} 
	35% {		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);	} 
	40% {		clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);	} 
	45% {		clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);	} 
	49% {		clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);	} 
	50% {		clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);	} 
	55% {		clip-path: polygon(0 15%, 100% 15%, 100% 35%, 0 35%);	} 
	60% {		clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);	} 
	70% {		clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);	} 
	80% {		clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);	} 
	90% {		clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);	}
}

@keyframes glitch-anim-3 {
	0%, 100% {		opacity: 1;		transform: translate3d(0, -5px, 0) scale3d(-1, -1, 1);		clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);	}
	5% {		clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);	}
  	11% {		clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);	}
  	20% {		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);	}
  	25% {		clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);	}
  	35% {		clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);	}
  	42% {		clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);	}
  	48% {		clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);	}
  	50% {		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);	}  
	56% {		clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);	}
  	61% {		clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);	}
  	68% {		clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);	}
  	72% {		clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);	}
  	77% {		clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);	}
  	81% {		clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);	}
  	86% {		clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);	}
  	90% {		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);	}
  	92% {		clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);	}
  	94% {		clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);	}
}

@keyframes glitch-anim-4 {
	0%, 5% { 		opacity: 0.2; 		transform: translate3d(10px, 5px, 0);	}
	5.5%, 100% {		opacity: 0;		transform: translate3d(0, 0, 0);	}
}


@media (min-width:992px) {
  .navbar-mainnavigation {
    --mainnavigation-nav-height: 77px
  }
  .navbar-mainnavigation .nav-style-simple .dropdown-menu {
    width: max-content;
  }
}
@media (min-width:1200px) {
  .navbar-mainnavigation {
    --mainnavigation-nav-height: 77px
  }
}
@media (min-width:1400px) {
  .navbar-mainnavigation {
    --mainnavigation-nav-height: 77px;
  }
}


@media only screen and (min-width: 1400px) {
    .navbar-mainnavigation .navbar-brand { height: 70px; }
	.navbar-mainnavigation .navbar-nav { justify-content: right; }
}

@media only screen and (min-width: 992px) {
    .navbar-mainnavigation .navbar-brand-image img { max-height: 100%; }
	
}