@charset "utf-8";
* {
  scrollbar-width: thin;
  scrollbar-color: #313131 #f37815;
}
*::-webkit-scrollbar {
  width: 10px;
  background: #f37815;
}
*::-webkit-scrollbar-track {
  background: #f37815;
}
::-webkit-scrollbar-thumb {
  background: #313131;
  border: 0;
  border-radius:0px;
}
::-webkit-resizer,
::-webkit-scrollbar-corner,
::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover {
  background: #313131;
}
.w-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #313131 #ffffff;
}
.w-scrollbar::-webkit-scrollbar {
  width: 10px;
  background: #ffffff;
}
.w-scrollbar::-webkit-scrollbar-track {
  background: #ffffff;
}
.w-scrollbar::-webkit-scrollbar-thumb {
  background: #313131;
  border: 0;
  border-radius:0px;
}
.w-scrollbar::-webkit-resizer,
.w-scrollbar::-webkit-scrollbar-corner,
.w-scrollbar::-webkit-scrollbar-thumb:active,
.w-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #313131;
}



/* #621FEE #1DF2FF */ 


.option-filters {
  scrollbar-width: thin;
  scrollbar-color: #621FEE #1DF2FF;
}
.option-filters::-webkit-scrollbar {
  width: 8px;
  background: #1DF2FF;
}
.option-filters::-webkit-scrollbar-track {
  background: #1DF2FF;
}
.option-filters::-webkit-scrollbar-thumb {
  background: #621FEE;
  border: 0;
  border-radius:0px;
}
.option-filters::-webkit-resizer,
.option-filters::-webkit-scrollbar-corner,
.option-filters::-webkit-scrollbar-thumb:active,
.option-filters::-webkit-scrollbar-thumb:hover {
  background: #621FEE;
}





.n-select{
	-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
 	-webkit-backface-visibility:hidden;backface-visibility:hidden;
}
/*animations*/
@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes blobby {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.10);
            transform: scale(1.10);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes blobby {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.10);
            transform: scale(1.10);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes blobby2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes blobby2{
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
/*filters*/
@-webkit-keyframes inshrFadeIn {
 0% {
  opacity:0
 }
 to {
  opacity:1
 }
}
@keyframes inshrFadeIn {
 0% {
  opacity:0
 }
 to {
  opacity:1
 }
}
@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pulse-me {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 0.1;
  }
  70% {
    opacity: 0.09;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}
@-webkit-keyframes pulse-me {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 0.1;
  }
  70% {
    opacity: 0.09;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    stroke-width: 2;
    stroke: rgba(104, 196, 198, 0.75);
  }
  100% {
    stroke-width: 50;
    stroke: rgba(104, 196, 198, 0);
  }
}
@-webkit-keyframes pulse {
  0% {
    stroke-width: 2;
    stroke: rgba(104, 196, 198, 0.75);
  }
  100% {
    stroke-width: 50;
    stroke: rgba(104, 196, 198, 0);
  }
}
/* fonts */
@font-face {
    font-family: 'Lekton';
    src: url('../fonts/Lekton-Bold.eot');
    src: url('../fonts/Lekton-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lekton-Bold.woff2') format('woff2'),
        url('../fonts/Lekton-Bold.woff') format('woff'),
        url('../fonts/Lekton-Bold.ttf') format('truetype'),
        url('../fonts/Lekton-Bold.svg#Lekton-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lekton';
    src: url('../fonts/Lekton-Regular.eot');
    src: url('../fonts/Lekton-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lekton-Regular.woff2') format('woff2'),
        url('../fonts/Lekton-Regular.woff') format('woff'),
        url('../fonts/Lekton-Regular.ttf') format('truetype'),
        url('../fonts/Lekton-Regular.svg#Lekton-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* main css */
html{
	min-height: -webkit-fill-available;
}
body {
	background: #fff;
	margin: 0;
	width: 100%;height: 100%;
	min-height: 100vh;
	min-height: -webkit-fill-available;
/*
	background: url('../img/bk_home_l1.png') no-repeat center center fixed; /* img deleted
	background-size: cover;
	background-image: linear-gradient(to right top, #6228e6, #6927e7, #7027e7, #7726e8, #7d25e8, #7c23e9, #7c22ea, #7b20eb, #731eed, #6a1cf0, #601af2, #5419f5);
*/
    background: -moz-linear-gradient(50deg, rgba(99,39,232,1) 0%, rgba(125,38,231,1) 30%, rgba(132,37,233,1) 52%, rgba(115,33,236,1) 74%, rgba(103,33,236,1) 85%, rgba(82,25,246,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(99,39,232,1)), color-stop(30%, rgba(125,38,231,1)), color-stop(52%, rgba(132,37,233,1)), color-stop(74%, rgba(115,33,236,1)), color-stop(85%, rgba(103,33,236,1)), color-stop(100%, rgba(82,25,246,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(50deg, rgba(99,39,232,1) 0%, rgba(125,38,231,1) 30%, rgba(132,37,233,1) 52%, rgba(115,33,236,1) 74%, rgba(103,33,236,1) 85%, rgba(82,25,246,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(50deg, rgba(99,39,232,1) 0%, rgba(125,38,231,1) 30%, rgba(132,37,233,1) 52%, rgba(115,33,236,1) 74%, rgba(103,33,236,1) 85%, rgba(82,25,246,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(50deg, rgba(99,39,232,1) 0%, rgba(125,38,231,1) 30%, rgba(132,37,233,1) 52%, rgba(115,33,236,1) 74%, rgba(103,33,236,1) 85%, rgba(82,25,246,1) 100%); /* ie10+ */
    background: linear-gradient(40deg, rgba(99,39,232,1) 0%, rgba(125,38,231,1) 30%, rgba(132,37,233,1) 52%, rgba(115,33,236,1) 74%, rgba(103,33,236,1) 85%, rgba(82,25,246,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5219F6', endColorstr='#6327E8',GradientType=0 ); /* ie6-9 */ 
	font-family: 'Lekton', sans-serif;
	overflow: hidden;
}

a {
  color: #313131;
  transition: 0.5s;
}
a:hover, a:active, a:focus {
  color: #1df2ff;
  outline: none; text-decoration: none;
}
p {padding: 0;margin: 0 0 30px 0;}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Lekton', sans-serif;
  font-weight: 400; margin: 0 0 20px 0; padding: 0;
}

/* Back to top button */
.l-back-to-top,
.m-back-to-top,
.back-to-top {
  position: fixed;
  display: none;
  background: #313131;
  color: #1df2ff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 1050;
}
.l-back-to-top i,
.m-back-to-top i,
.back-to-top i {
  padding-top: 12px;
}
.l-back-to-top:hover,
.m-back-to-top:hover,
.back-to-top:hover{
  background: #1df2ff;
}
.l-back-to-top:hover i,
.m-back-to-top:hover i,
.back-to-top:hover i {
  color: #313131;
}
@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}
/* Prelaoder */
#preloader {
  position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;overflow: hidden;background: rgba(26, 26, 26, 0.6);transition: ease-in-out 0.3s;
}
#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #007FFF;
  border-top: 6px solid #1df2ff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}
/*ajax preloader*/
#pageloader {
	position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;overflow: hidden;background: #fff;
  width: 100%;height: 100%;
  background: rgba(26, 26, 26, 0.6);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.3s;
}
#pageloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #007FFF;
  border-top: 6px solid #1df2ff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

.blob {
  -webkit-animation: blobby 4s infinite;
          animation: blobby 4s infinite;
}
.blob2 {
  -webkit-animation: blobby2 9s infinite;
          animation: blobby2 9s infinite;
}
.region-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 940;overflow: hidden;position: fixed;background: rgba(26, 26, 26, 0.6);transition: ease-in-out 0.3s;}
.region-wrap {display:none;top: 0;left: 0;width: 100%;height: 100%;z-index: 941;position: fixed;outline: none !important;-webkit-backface-visibility: hidden; }
#bkmenu.active{display:block;}
/* background: #0b0b0b;opacity: 0.8; */
/*MENU*/
.page-container{width: 100%;height: 100vh;margin: 0 auto;overflow: hidden;position:relative;z-index:3;}
.bk_home_l1{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  overflow: hidden;
  width: 100%;height:37vh;
  background: url('../img/cloud_2.png') 100% 0% no-repeat;
  background-size: cover;
}
.bk_home_l2{
  position: fixed;
  top: 0;left: 0;right: 0;bottom: 0;
  overflow: hidden;
  width: 100%;height:100vh;
  background: url('../img/cloud_1.png') 50% 50% no-repeat;
  background-size: cover;
}
.bk_home_l3{
  position: fixed;
  top: 40px;left: 40px;right: 40px;bottom: 40px;
  overflow: hidden;
  width: calc(100% - 80px); height: calc(100% - 80px);
  background-image: url('../img/map-grid.svg');
  background-repeat: none;
  background-size: cover;
  background-position: center;
}
.bk_home_l4{
  position: fixed;
  top: 0;left: 0;right: 0;bottom: 0;
  overflow: hidden;
  width: 100%;height:100vh;
  background: url('../img/bk_home_lines.png') 50% 50% no-repeat;
  background-size: cover;
}
.bk_home_l5{
  position: fixed;
  top: 100px; left: 100px; right: 100px; bottom: 100px;
  overflow: hidden;
  width: calc(100% - 200px); height: calc(100% - 200px);
  text-align:center;
  background: url('../img/harta-listare.svg') no-repeat;
  background-size: contain;
  background-position: center;
}
.logo-inshr {
  cursor: pointer;position: absolute;
  width: 200px; min-height: 80px;text-align:center;
  left: 50px;top: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow:hidden; z-index:5;
}
.logo-inshr.woText{height:106px;min-height:106px;}
.logo-inshr svg{height:90px;}
.logo-inshr a{display:block;width:100%;height:100%;text-decoration:none;}
.inshr-bg{position:relative;z-index:1;width:100%;height:100%;}

.controls{position:absolute;bottom:30px;right:30px;z-index:50;}
.controls .btn-map{display:block;margin:0 auto 10px auto;width:40px;height:40px;border:2px solid #313131; color:#313131;background:none;font-size:30px;line-height:40px;outline:none;z-index: 999;cursor: pointer;-webkit-transition: all 0.3s;transition: all 0.3s;border-radius:0;text-align:center;}
.controls .btn-map:hover{color:rgb(29, 242, 255);border-color:rgb(29, 242, 255);outline:none;outline-offset:0;}
.controls .btn-map.btn-zoom-reset{width:auto;text-transform:uppercase;font-size:20px;line-height:36px;font-weight:bold;padding:0px 10px;}
.controls .btn-map.btn-zoom-out{margin:0px auto;}

/* events list */
.event-list-container {position:absolute;left:300px;top:180px;bottom:100px;right:0px;overflow:hidden;z-index:2;width:100%;}
.event-list-scroll-container{
 position:absolute;top:0px;bottom:0px;width:calc(100% - 300px);
 height:100%;
	overflow-x: hidden;
    overflow-y: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}
.event-item{margin:2px 2px 2px 2px;position:relative;overflow:hidden;}
.event-item img{max-width:100%;}
.event-item a img {
 -webkit-transition:all 350ms ease;
 -moz-transition:all 350ms ease;
 -o-transition:all 350ms ease;
 transition:all 350ms ease;
 max-width:100%;
 opacity:1;
}
.event-item a:hover img {
 opacity:1;
 -webkit-transform:scale(1.1) rotate(2deg);
 -moz-transform:scale(1.1) rotate(2deg);
 -o-transform:scale(1.1) rotate(2deg);
 transform:scale(1.1) rotate(2deg)
}
.event-item a .event-name{display:block;position:absolute;bottom:20px;left:20px;padding:20px; width: calc(100% - 100px);background-color: rgb(56, 56, 56,.9);color: rgb(243, 120, 21);font-size:20px;font-weight:700;}
.event-item a .event-name span.event-time{display:block;}
.event-item a .event-name span, .event-item a .event-name span.month{font-weight:400;}
.event-item a .event-name a{color:rgb(243, 120, 21);}
.event-item a:hover .event-name{background-color: rgb(56, 56, 56,1);color:rgb(255, 255, 255);}

.insh-container {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
   }

/*modal*/
.modal-dialog.insh-dialog{
	max-width:100%;
	margin:0;
}
.modal-dialog.insh-dialog .modal-content {
  width: 100%;
  min-height:100vh;
  background-color: #fff;
  border:0;
  border-radius:0;
}
.modal-dialog.insh-dialog .modal-header{ 
	padding: 1rem 1rem;
	border-bottom: 1px solid #f4c;
	border-top-left-radius:0px;
	border-top-right-radius:0px;	
}
.modal-dialog.insh-dialog .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}
.filter-container {
 position:absolute;left:0;top:0px;bottom:0px;overflow:hidden;z-index:8;/*top:0;bottom:0;*/
 width:300px;
}
.filter-scroll-container {
 position:absolute;
 top:150px;bottom:100px;
 width:198px;left:25px;
 left: calc(50% - 100px);
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.option-filters {
 width:100%;
 text-align:center;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d;
 opacity:0;
 -webkit-animation:inshrFadeIn .7s .2s forwards;
 animation:inshrFadeIn .7s .2s forwards;
 overflow-y:auto;
}
.filter-item {
 font-size:28px;font-weight:400;color:#fff;
 letter-spacing:.0385em;
 position:relative;overflow:hidden;
 margin:2px 0; display:block;
 cursor:pointer;
 -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
 -webkit-backface-visibility:hidden;backface-visibility:hidden;
 padding-right:7px
 -webkit-transition:opacity .4s,-webkit-transform .6s;
 transition:opacity .4s,-webkit-transform .6s;
 transition:transform .6s,opacity .4s;
 transition:transform .6s,opacity .4s,-webkit-transform .6s;
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d;
 opacity:.5;
}
.filter-item:hover{
	opacity:1 !important;
}
.filter-item.active{
	opacity:1;color:#1df2ff;
}
.filter-label{
 	-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
	color:#fff;text-align:center;font-size:20px;border:2px solid rgba(29,242,255,1);padding:3px 0px; margin-bottom:15px;margin-top:15px;
}
.filter-label.region{margin-top:15px;}

/*event details*/

	.ebody{background:#fff;overflow-x:hidden;overflow-y:auto;}
	.vbox-open{overflow:hidden;}
	.widget-img{padding:80px 0px 40px 0px;text-align:center;background:#f47914;margin-bottom:20px;position:relative;}
	.widget-img img{width:100%;}

	.widget-img.bk-romania{background:#FFAD01;}
	.widget-img.bk-basarabia{background:#E983F1;}
	.widget-img.bk-bucovina{background:#D140C3;}
	.widget-img.bk-transnistria{background:#00EAFF;}

	.widget-template2-img{padding:80px 40px 20px 40px; text-align:center;position:relative;}
	.widget-template2-img img{width:100%;}
	.row-flex {display: flex;flex-wrap: wrap;}

	.contact-info{margin-bottom:30px;}
	.contact-info svg, .contact-info img{width:80%;max-width:450px;}

	.img-legend{color:#fff;font-size:18px;margin-top:40px;}
	.event-details{padding:80px 40px 20px 40px;position:relative;}
.btnEvClose {
	position: absolute;right: 40px;top: 0px;width:50px;height:50px;
	border:2px solid #313131;color:#313131;
	font-size: 50px;line-height:50px;
  	z-index: 991;text-align:center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btnEvClose.zone1{display:none;}
.btnEvClose:hover{background:#313131;color:#fff;}
.btnEvClose i {
  opacity: 0.7;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btnEvClose:hover i {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

	.event-details .event-title{margin-bottom:40px;}
	.event-details .event-title h1{font-weight:700;font-size:50px;line-height:60px;margin:0;padding:0;}
	.event-details .event-description{font-size:18px;line-height:28px;}
	.event-details .event-description p{margin:0 0 15px 0;padding:0;}
	.gallery-item{margin:0px 2px;}
	.event-gallery{padding:10px 20px;}
	
.event-gallery img {
  max-width: 100%;
  opacity: 0.5;
  transition: 0.3s;
  padding: 10px 2px;
}
.event-gallery img:hover {opacity: 1;}
.event-gallery .owl-nav, .event-gallery .owl-dots {
  margin-top: 5px;
  text-align: center;
}
.event-gallery .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
}
.event-gallery .owl-dot.active {
  background-color: #18d26e;
}
.event-gallery .owl-prev, .event-gallery .owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
    border:0px solid black;outline:none;
}
.event-gallery .owl-prev { left: -20px; }
.event-gallery .owl-next { right: -20px; }
.event-gallery .owl-prev i, .event-gallery .owl-next i {transform : scale(2,5); color: #f47914;}
.event-gallery .owl-prev:hover i, .event-gallery .owl-next:hover i {color: #313131;}
/*map event*/

.modal-dialog.insh-event .modal-content {
  width: 100%;
  /*min-height:100vh;*/
  background-color: #fff;
  border:0;
  border-radius:0;
}
#eventModal .btnclose {
	position: absolute;right: 1rem;top:1rem;
	border:2px solid #313131;color:#313131;
	font-size: 30px;line-height:30px;
  	z-index: 991;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#eventModal .btnclose:hover{
	background:#313131;
	color:#fff;
}
#eventModal .btnclose i {
  opacity: 0.7;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#eventModal .btnclose:hover i {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#eventModal .event-sdetails{padding:5px 5px;position:relative;}
#eventModal .event-img{padding:5px 5px;position:relative;}
#eventModal .event-img img{width:100%;}
#eventModal .pop-controller{text-align:center;}
#eventModal a.button-pop{
	position: relative;display:inline-block; height:40px;font-size:18px;line-height:38px;color:#313131;text-align:center;
	border:2px solid rgba(49, 49, 49,1);background-color: transparent;padding:0px 15px;
	transition: all .5s ease-in-out;
	-webkit-transition: all 0.5s;transition: all 0.5s;
}
#eventModal a.button-pop:hover{
	background: rgba(29,242,255,1);
	/* border-color:#1df2ff; */
}
#eventModal h1{font-size:1.8rem;}
.modal-body .multi-events{
	padding-bottom:5px; margin-bottom:5px;
	border-bottom:2px solid rgba(244, 121, 20,.5);
	/* border-bottom:2px solid rgba(29, 242, 255,.3); */
}
.modal-body .multi-events:last-child{
	padding-bottom:0px; margin-bottom:0px;
	border-bottom:0;	
}
/*nav mode */
.mod-view {
	 position:absolute;z-index:10;bottom:30px;left:40px;overflow:hidden;
}
.mod-view a.mv-button{
	position: relative;overflow:hidden;display:block;width:100px;height:40px;font-size:22px;line-height:40px;color:#313131;text-align:center;
	border:2px solid rgba(49, 49, 49,1);background-color: transparent;float:left;top:10px;
	/*transition: all .5s ease-in-out;*/
	-webkit-transition: all 0.5s;transition: all 0.5s;
}
.mod-view a.mv-button:hover{
	background: rgba(49, 49, 49,1);color:#fff;
}
.mod-view a.mv-button.active{
	top:0px;height:60px;line-height:60px;
	border-color:#1df2ff;color:#fff;
}





#mobile-nav-region{
	display:none;position: fixed;
	right: 132px;top: 50px;width:60px;height:60px;
	border:2px solid #313131;text-align:center;
	color:#313131;background:none;
	font-size: 42px;line-height:63px;
  	z-index: 999;
  	cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; 
}
#mobile-nav-region:hover{
	background:#313131;
	color:#fff;
}
#mobile-nav-region i {
  opacity: 0.7;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#mobile-nav-region:hover i {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#mobile-region {
  position: fixed;
  right: -45%;top: 0;bottom: 0;
  color: #313131;text-align:center;
  background: rgba(250, 250, 250, 0.9);
  -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
  width: 45%;height: 100%;
   z-index: 998;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-transition: 400ms right cubic-bezier(0.77, 0, 0.175, 1);
  transition: 400ms right cubic-bezier(0.77, 0, 0.175, 1);
	overflow-y: auto;
	overflow-x:hidden;
}
#mobile-region ul {padding: 0;margin: 0;list-style: none;}
#mobile-region ul li {position: relative;margin-bottom:30px;}
#mobile-region ul li:last-child{margin-bottom:0;}
#mobile-region li {
  -webkit-animation: fadeInRight 0.5s ease forwards;
          animation: fadeInRight 0.5s ease forwards;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
#mobile-region ul li a {
	outline: none;
  	font-size: 1.8em;
	position: relative;
  	display:block;
  font-weight: 400;text-align: center;
  color: #313131; opacity: 0.7;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#mobile-region ul li.menu-active a,
#mobile-region ul li a:hover,
#mobile-region ul li a:focus,
#mobile-region ul li a:active {
	color:#f47914;
  opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#mobile-region .section-options{text-align:center;margin-bottom:40px;}
#mobile-region .section-options .section-title {
	color:#f47914; border:2px solid #f47914;padding:5px 15px;font-weight:700;
	font-size: 30px;line-height:40px; width:auto;height:50px; display:inline-block;
	margin:0px 10px 0px 10px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#mobile-nav-year{
	display:none;position: fixed;
	right: 214px;top: 50px;width:60px;height:60px;
	border:2px solid #313131;text-align:center;
	color:#313131;background:none;
	font-size: 38px;line-height:63px;
  	z-index: 999;
  	cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; 
}
#mobile-nav-year:hover{
	background:#313131;
	color:#fff;
}
#mobile-nav-year i {
  opacity: 0.7;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#mobile-nav-year:hover i {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#mobile-year {
  position: fixed;
  right: -45%;top: 0;bottom: 0;
  color: #313131;text-align:center;
  background: rgba(250, 250, 250, 0.9);
  -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
  width: 45%;height: 100%;
   z-index: 998;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-transition: 400ms right cubic-bezier(0.77, 0, 0.175, 1);
  transition: 400ms right cubic-bezier(0.77, 0, 0.175, 1);
	overflow-y: auto;
	overflow-x:hidden;
}
#mobile-year ul {padding: 0;margin: 0;list-style: none;}
#mobile-year ul li {position: relative;margin-bottom:30px;}
#mobile-year ul li:last-child{margin-bottom:0;}
#mobile-year li {
  -webkit-animation: fadeInRight 0.5s ease forwards;
          animation: fadeInRight 0.5s ease forwards;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
#mobile-year ul li a {
	outline: none;
  	font-size: 1.8em;
	position: relative;
  	display:block;
  font-weight: 400;text-align: center;
  color: #313131; opacity: 0.7;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#mobile-year ul li.menu-active a,
#mobile-year ul li a:hover,
#mobile-year ul li a:focus,
#mobile-year ul li a:active {
	color:#f47914;
  opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#mobile-year .section-options{text-align:center;margin-bottom:40px;}
#mobile-year .section-options .section-title {
	color:#f47914; border:2px solid #f47914;padding:5px 15px;font-weight:700;
	font-size: 30px;line-height:40px; width:auto;height:50px; display:inline-block;
	margin:0px 10px 0px 10px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


/*NAVIGATION*/
#mobile-nav-toggle {
	display:block;position: fixed;
	right: 50px;top: 50px;width:60px;height:60px;
	border:2px solid #313131;text-align:center;
	color:#313131;background:none;
	font-size: 48px;line-height:60px;
  	z-index: 999;
  	cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; 
}
#mobile-nav-toggle:hover{
	background:#313131;
	color:#fff;
}
#mobile-nav-toggle i {
  opacity: 0.7;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#mobile-nav-toggle:hover i {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* Mobile Nav Styling */
#mobile-nav {
  position: fixed;
  right: -45%;top: 0;bottom: 0;
  color: #313131;text-align:center;
  background: rgba(250, 250, 250, 0.9);
  -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
  width: 45%;height: 100%;
   z-index: 998;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-transition: 400ms right cubic-bezier(0.77, 0, 0.175, 1);
  transition: 400ms right cubic-bezier(0.77, 0, 0.175, 1);
	overflow-y: auto;
	overflow-x:hidden;
}
#mobile-nav ul {padding: 0;margin: 0;list-style: none;}
#mobile-nav ul li {position: relative;margin-bottom:30px;}
#mobile-nav ul li:last-child{margin-bottom:0;}


#mobile-nav li {
  -webkit-animation: fadeInRight 0.5s ease forwards;
          animation: fadeInRight 0.5s ease forwards;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
#mobile-nav li:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
#mobile-nav li:nth-of-type(3) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
#mobile-nav li:nth-of-type(4) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
#mobile-nav ul li a {
	outline: none;
  	font-size: 1.8em;
	position: relative;
  	display:block;
  font-weight: 400;text-align: center;
  color: #313131; opacity: 0.7;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#mobile-nav ul li.menu-active a,
#mobile-nav ul li a:hover,
#mobile-nav ul li a:focus,
#mobile-nav ul li a:active {
	color:#f47914;
  opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#mobile-nav ul li.lang-options{text-align:center;margin-bottom:40px;}
#mobile-nav ul li.lang-options a.btn-lang {
	color:#313131; border:2px solid #313131;font-weight:700;
	font-size: 30px;line-height:50px; width:50px;height:50px; display:inline-block;
	margin:0px 10px 0px 10px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#mobile-nav ul li.lang-options a.btn-lang:hover{
	background:#313131; color:#fff;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#mobile-nav ul li.lang-options a.btn-lang.active{
	color:#f47914;border-color:#f47914;
}
.mobile-overly-bg {
  width: 100%;height: 100%;z-index: 997;
  top: 0;left: 0;position: fixed;
  background: rgba(26, 26, 26, 0.6);
  display: none;
}
body.mobile-nav-active{overflow: hidden;}
body.mobile-nav-active #mobile-nav {right: 0;}

body.mobile-nav-year-active{overflow: hidden;}
body.mobile-nav-year-active #mobile-year {right: 0;}

body.mobile-nav-region-active{overflow: hidden;}
body.mobile-nav-region-active #mobile-region {right: 0;}



/*region nav*/
a.nav-region-menu {
	display:none;position: fixed;
	right: 50px;top: 50px;width:60px;height:60px;
	border:2px solid #313131;text-align:center;
	color:#313131;background:none;
	font-size: 48px;line-height:60px;
  	z-index: 1010;
  	cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; 
}
a.nav-region-menu:hover{
	background:#313131;
	color:#fff;
}
a.nav-region-menu i {
  opacity: 0.7;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.nav-region-menu:hover i {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


.region-menu {
  position: fixed;
  right: -45%;top: 0;bottom: 0;
  color: #313131;text-align:center;
  background: rgba(244, 121, 20, 0.9);
  -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
  width: 45%;height: 100%;
   z-index: 998;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: flex-start;
  -webkit-transition: 400ms right cubic-bezier(0.77, 0, 0.175, 1);
  transition: 400ms right cubic-bezier(0.77, 0, 0.175, 1);
	overflow-y: auto;
	overflow-x:hidden;
}

.region-menu.bk-all{background:rgba(244, 121, 20, 0.9);}
.region-menu.bk-romania{background:rgba(255, 173, 1, 0.95);}/* #FFAD01; */
.region-menu.bk-basarabia{background:rgba(233, 131, 241, 0.95);}/* #E983F1; */
.region-menu.bk-bucovina{background:rgba(209, 64, 195, 0.95);}/*#D140C3;*/
.region-menu.bk-transnistria{background:rgba(0, 234, 255, 0.95);}/*#00EAFF;*/

.region-menu.active {right: 0;}
.region-section{text-align:center;font-size:50px;line-height:50px;font-weight:700;color:#313131;margin-top:120px;}
.region-menu ul {padding: 0;margin: 0;list-style: none;}
.region-menu ul li {position: relative;margin-bottom:15px;}
.region-menu ul li:last-child{margin-bottom:30px;}
nav.overlay-region-menu  {
  font-size: 1.4em;
  position: relative;
  height: auto;margin-top:50px;
  font-weight: 400;
  text-align: center;
  overflow-x:hidden;
  overflow-y:auto;
}
.overlay-region-menu ul li a {
	outline: none;
	position: relative;
  	display:block;
  font-weight: 400;text-align: center;
  color: #313131; opacity: 0.7;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.overlay-region-menu ul li.menu-active a,
.overlay-region-menu ul li a:hover,
.overlay-region-menu ul li a:focus,
.overlay-region-menu ul li a:active {
	color:#fff;
  opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/* END NAV*/
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.arrowhint {
  position: absolute;
  font-size: 4em;
  bottom: 20px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 60px;
  color:#f37815;
  z-index:99;
  display:none;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

	.mentenanta{background:rgba(255,255,255,.95);padding:1rem;text-align:center;}
	.mentenanta img{width:100%;}
	.img-mentain{margin-top:30px;}
	.mentenanta h1{font-size:1.8rem;color:#f47914;margin-top:10px;}
	.mentenanta h4{font-size:1.2rem;}
	.mentenanta-center{text-align:center;}




/* checking* */



/*
@media only screen and (max-width: 600px) {
  .main-menu {
    width: 250px;
    right: -250px;
    padding: 50px;
  }
  .region-menu {
    width: 250px;
    right: -250px;
    padding: 50px;
  }
}
*/

@media (min-width: 1200px) {
  .insh-container {
    max-width:1140px;
  }
  .event-list-scroll-container{
  	max-width:1140px;
  }
}
@media (min-width: 1400px) {
  .insh-container {
    max-width:1340px;
  }
  .event-list-scroll-container{
  	max-width:1340px;
  }
}

@media all and (max-width: 980px) {

}
@media all and (max-width: 480px) {

}
@media all and (max-width: 480px) and (max-width: 480px) {
  .content {
    margin-right: 380px;
  }
}



.set-responsive{position:absolute;width:100%;height:30px;top:0;left:0;z-index:9999;background:rgba(0,76,102,.75);}

/* uuuuu */
@media (min-width: 50px){ /* 0 - gry */
	.set-responsive{background:rgba(68,68,68,.75);}


	.logo-inshr {width:210px;left:10px;}
	.logo-inshr svg{height:70px;}
	
	#mobile-nav-toggle{top:45px;right:20px;width:45px;height:45px;font-size: 34px;line-height:45px;}
	a.nav-region-menu{top:45px;right:20px;width:45px;height:45px;font-size: 34px;line-height:45px;}
	
	
	#mobile-nav-region{top: 45px;right: 83px;width:45px;height:45px;font-size: 30px;line-height:45px;}
	#mobile-nav-year{top: 45px;right: 147px;width:45px;height:45px;font-size: 28px;line-height:45px;}
	.controls{right:21px;bottom:80px;}

	#mobile-nav ul li.lang-options a.btn-lang{font-size: 24px;line-height:38px; width:40px;height:40px;}

	#mobile-region, #mobile-year, #mobile-nav{right: -100%;width: 100%;
	  -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	}
	.region-menu {right: -100%;width: 100%;
	  -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	}

	#mobile-region ul li a, #mobile-year ul li a, #mobile-nav ul li a {font-size: 1.2em;}
	nav.overlay-region-menu {font-size: 1.2em;}

	#mobile-region ul li {margin-bottom:20px;}
	#mobile-year ul li {margin-bottom:20px;}



	.region-section{font-size:40px;line-height:50px;margin-top:120px;}
	#mobile-year .section-options .section-title, #mobile-region .section-options .section-title {font-size:20px;}

	#eventModal h1{font-size:1.4rem;}
	#eventModal .event-sdetails{font-size:.9rem;}
	#eventModal .event-sdetails p{margin-bottom:15px;}
	#eventModal a.button-pop{font-size:14px;}

.mod-view{bottom:75px;left:21px;}
.mod-view a.mv-button{top:10px;width:80px;height:30px;font-size:20px;line-height:27px;}
.mod-view a.mv-button.active{top:0px;height:50px;line-height:47px;}

.insh-container{width:96%;}
.event-list-container {left:0px;top:160px;bottom:160px;right:0px;}
.event-list-scroll-container{top:0px;width:100%;height:100%;}
	.col-custom{
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	.event-details{padding:20px 5px 20px 5px;}
	.btnEvClose {display:none;right: 0px;top: 0px;width:50px;height:50px;font-size: 48px;line-height:50px;}
	.btnEvClose.template3{display:block;}
	.btnEvClose.zone1{display:block;right: 15px;top: 15px;}
	.event-details .event-title h1{font-size:2.2rem;line-height:1.2;}
	.event-details .event-title h3{font-size:1.5rem;line-height:1.2;}
	.event-item a .event-name{bottom:15px;left:15px;padding:15px; width: calc(100% - 50px);font-size:20px;}
}




@media (min-width: 456px){ /* green */
	.set-responsive{background:rgba(0,217,0,.75);}
	
	.insh-container{width:98%;}
	.col-custom{
	    -ms-flex: 0 0 91.666667%;
	    flex: 0 0 91.666667%;
	    max-width: 91.666667%;
	}

}

@media (min-width: 576px){ /*sm - magenta */
	.set-responsive{background:rgba(255,0,255,.75);}

	.logo-inshr {width:210px;left:10px;}
	.logo-inshr svg{height:70px;}

	#mobile-nav-toggle{top:45px;right:20px;width:45px;height:45px;font-size: 34px;line-height:45px;}
	a.nav-region-menu{top:45px;right:20px;width:45px;height:45px;font-size: 34px;line-height:45px;}
	#mobile-nav-region{top: 45px;right: 83px;width:45px;height:45px;font-size: 30px;line-height:45px;}
	#mobile-nav-year{top: 45px;right: 147px;width:45px;height:45px;font-size: 28px;line-height:45px;}
	.controls{right:21px;bottom:30px;}

	#mobile-region, #mobile-year, #mobile-nav{right: -90%;width: 90%;
  -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
	
	} 
	.region-menu {right: -90%;width: 90%;
  -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
	}
	#mobile-nav ul li.lang-options a.btn-lang{font-size: 30px;line-height:50px; width:50px;height:50px;}
	#mobile-region ul li a, #mobile-year ul li a, #mobile-nav ul li a {font-size: 1.4em;}
	nav.overlay-region-menu {font-size: 1.2em;}

	.region-section{font-size:40px;line-height:50px;margin-top:120px;}
	#mobile-year .section-options .section-title, #mobile-region .section-options .section-title {font-size:26px;}

	#mobile-region ul li {margin-bottom:25px;}
	#mobile-year ul li {margin-bottom:25px;}

	#eventModal h1{font-size:1.4rem;}
	#eventModal .event-sdetails{font-size:.9rem;}
	#eventModal .event-sdetails p{margin-bottom:15px;}
	#eventModal a.button-pop{font-size:14px;}

	.mod-view{bottom:30px;left:40px;}
	.mod-view a.mv-button{top:10px;width:100px;height:40px;font-size:22px;line-height:40px;}
	.mod-view a.mv-button.active{top:0px;height:60px;line-height:60px;}


	.event-list-container {top:160px;bottom:120px;}
	.col-custom{
	    -ms-flex: 0 0 83.333333%;
	    flex: 0 0 83.333333%;
	    max-width: 83.333333%;
	}
	.event-details{padding:20px 10px 20px 10px;}
	.btnEvClose {display:none;right: 0px;top: 0px;width:50px;height:50px;font-size: 48px;line-height:50px;}
	.btnEvClose.template3{display:block;}
	.btnEvClose.zone1{display:block;right: 15px;top: 15px;}
	.event-details .event-title h1{font-size:2.2rem;line-height:1.2;}
	.event-details .event-title h3{font-size:1.5rem;line-height:1.2;}
	.event-item a .event-name{bottom:15px;left:15px;padding:15px; width: calc(100% - 80px);font-size:20px;}
	
}

@media (min-width: 768px){ /*md - yellow */
	.set-responsive{background:rgba(255,255,0,.75);}

	.logo-inshr {width:210px;left:20px;}
	.logo-inshr svg{height:70px;}

	#mobile-nav-toggle{top:42px;right:40px;width:50px;height:50px;font-size: 40px;line-height:50px;}
	a.nav-region-menu{top:42px;right:40px;width:50px;height:50px;font-size: 40px;line-height:50px;}
	#mobile-nav-region{top: 42px;right: 110px;width:50px;height:50px;font-size: 36px;line-height:50px;}
	#mobile-nav-year{top: 42px;right: 182px;width:50px;height:50px;font-size: 32px;line-height:50px;}
	.controls{right:27px;}
	#mobile-region, #mobile-year, #mobile-nav{right: -80%;width: 80%;} 
	.region-menu {right: -80%;width: 80%;}

	#mobile-region ul li a, #mobile-year ul li a, #mobile-nav ul li a {font-size: 1.4em;}
	nav.overlay-region-menu {font-size: 1.2em;}

	.region-section{font-size:40px;line-height:50px;margin-top:120px;}
	#mobile-year .section-options .section-title, #mobile-region .section-options .section-title {font-size:26px;}

	#eventModal h1{font-size:1.4rem;}
	#eventModal .event-sdetails{font-size:.9rem;}
	#eventModal .event-sdetails p{margin-bottom:15px;}
	#eventModal a.button-pop{font-size:14px;}
	
	.event-list-container {top:180px;bottom:120px;}
	.col-custom{
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}

	.event-details{padding:20px 10px 20px 10px;}
	.btnEvClose {display:none;right: 0px;top: 0px;width:50px;height:50px;font-size: 48px;line-height:50px;}
	.btnEvClose.zone1{display:block;right: 15px;top: 15px;}
	.event-details .event-title h1{font-size:2.4rem;line-height:1.2;}
	.event-details .event-title h3{font-size:1.75rem;line-height:1.2;}
	.event-item a .event-name{bottom:15px;left:15px;padding:15px; width: calc(100% - 60px);font-size:18px;}
}



@media (min-width: 992px){ /*lg - red */
	.set-responsive{background:rgba(217,0,0,.75);}

	#mobile-nav-toggle{top:40px;right:40px;width:50px;height:50px;font-size: 40px;line-height:50px;}
	a.nav-region-menu{top:40px;right:40px;width:50px;height:50px;font-size: 40px;line-height:50px;}
	#mobile-nav-region{top: 40px;right: 110px;width:50px;height:50px;font-size: 36px;line-height:50px;}
	#mobile-nav-year{top: 40px;right: 182px;width:50px;height:50px;font-size: 32px;line-height:50px;}
	
	#mobile-region, #mobile-year, #mobile-nav{right: -70%;width: 70%;} 
	.region-menu {right: -70%;width: 70%;}
	#mobile-region ul li a, #mobile-year ul li a, #mobile-nav ul li a {font-size: 1.6em;}
	nav.overlay-region-menu {font-size: 1.4em;}
	.region-section{font-size:40px;line-height:50px;margin-top:120px;}
	#mobile-year .section-options .section-title, #mobile-region .section-options .section-title {font-size:26px;}
	#eventModal h1{font-size:1.4rem;}
	#eventModal .event-sdetails{font-size:.9rem;}
	#eventModal .event-sdetails p{margin-bottom:15px;}
	#eventModal a.button-pop{font-size:14px;}
	.col-custom{
	    -ms-flex: 0 0 33.333333%;
	    flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	}
	.event-details{padding:80px 10px 20px 10px;}
	.btnEvClose {display:block;right: 0px;top: 0px;width:50px;height:50px;font-size: 48px;line-height:50px;}
	.btnEvClose.zone1{display:none;}
	.event-details .event-title h1{font-size:2.2rem;line-height:1.2;}
	.event-details .event-title h3{font-size:1.5rem;line-height:1.2;}
	.event-item a .event-name{bottom:15px;left:15px;padding:15px; width: calc(100% - 60px);font-size:18px;}

}

@media (min-width: 1024px){ /* verde */
	.set-responsive{background:rgba(127,255,0,.75);}
	
	.logo-inshr {width:210px;left:50px;}
	.logo-inshr svg{height:70px;}
	
	.filter-label{width:180px;margin-left:auto;margin-right:auto;}
	#mobile-nav-toggle{top:35px;right:36px;width:60px;height:60px;font-size: 48px;line-height:60px;}
	a.nav-region-menu{top:35px;right:36px;width:60px;height:60px;font-size: 48px;line-height:60px;}
	#mobile-nav-region{right: 132px;top: 35px;width:60px;height:60px;font-size: 42px;line-height:60px;}
	#mobile-nav-year{right: 214px;top: 35px;width:60px;height:60px;font-size: 38px;line-height:60px;}
	.controls{right:28px;}

	#mobile-region, #mobile-year, #mobile-nav{right: -65%;width: 65%;} 
	.region-menu {right: -65%;width: 65%;}
	#mobile-region ul li a, #mobile-year ul li a, #mobile-nav ul li a {font-size: 1.8em;}
	nav.overlay-region-menu {font-size: 1.4em;}
	.region-section{font-size:50px;line-height:50px;margin-top:120px;}
	#mobile-year .section-options .section-title, #mobile-region .section-options .section-title {font-size:30px;}
	#mobile-region ul li {margin-bottom:30px;}
	#mobile-year ul li {margin-bottom:30px;}
	#eventModal h1{font-size:1.6rem;}
	#eventModal .event-sdetails{font-size:1rem;}
	#eventModal a.button-pop{font-size:18px;}
	#eventModal .event-sdetails p{margin-bottom:20px;}

	.event-list-container {left:280px;top:180px;bottom:100px;right:0px;}
	.event-list-scroll-container{top:0px;width:calc(100% - 300px);height:100%;}
	.insh-container{width:100%;}
	.col-custom{
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}

	.event-details{padding:80px 15px 20px 15px;}
	.btnEvClose {right: 40px;top: 0px;width:50px;height:50px;font-size: 48px;line-height:50px;}
	.btnEvClose.zone1{display:none;}
	.event-details .event-title h1{font-size:2.4rem;line-height:1.2;}
	.event-details .event-title h3{font-size:1.75rem;line-height:1.2;}
	.event-item a .event-name{bottom:15px;left:15px;padding:15px; width: calc(100% - 80px);font-size:18px;}
}

@media (min-width: 1200px){ /*xl - blue */
	.set-responsive{background:rgba(0,255,255,.75);}
	
	#mobile-nav-toggle{top:35px;right:36px;width:60px;height:60px;font-size: 48px;line-height:60px;}
	a.nav-region-menu{top:35px;right:36px;width:60px;height:60px;font-size: 48px;line-height:60px;}
	#mobile-nav-region{right: 132px;top: 35px;width:60px;height:60px;font-size: 42px;line-height:60px;}
	#mobile-nav-year{right: 214px;top: 35px;width:60px;height:60px;font-size: 38px;line-height:60px;}
	.controls{right:30px;}
	#mobile-region, #mobile-year, #mobile-nav{right: -60%;width: 60%;} 
	.region-menu {right: -60%;width: 60%;}
	#eventModal h1{font-size:1.8rem;}
	#eventModal .event-sdetails{font-size:1rem;}
	#eventModal a.button-pop{font-size:18px;}
	#eventModal .event-sdetails p{margin-bottom:20px;}
	.event-list-container {left:280px;top:180px;bottom:100px;right:0px;}
	.col-custom{
	    -ms-flex: 0 0 33.333333%;
	    flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	}
	.event-details{padding:80px 15px 20px 15px;}
	.event-details .event-title h1{font-size:2.4rem;line-height:1.2;}
	.event-details .event-title h3{font-size:1.75rem;line-height:1.2;}

	.event-item a .event-name{bottom:15px;left:15px;padding:20px; width: calc(100% - 80px);font-size:18px;}

}
@media (min-width: 1300px){
	.event-item a .event-name{bottom:20px;left:20px;padding:20px; width: calc(100% - 100px);font-size:20px;}
}


@media (min-width: 1600px){ /* mov */
	.set-responsive{background:rgba(191,0,255,.75);}
	.logo-inshr {width:270px;}
	.logo-inshr svg{height:80px;}
	#mobile-region, #mobile-year, #mobile-nav{right: -46%;width: 46%;} 
	.region-menu {right: -46%;width: 46%;}
	#mobile-nav-toggle{top:44px;right:36px;width:60px;height:60px;font-size: 48px;line-height:60px;}
	a.nav-region-menu{top:44px;right:36px;width:60px;height:60px;font-size: 48px;line-height:60px;}
	#mobile-nav-region{right: 132px;top: 44px;width:60px;height:60px;font-size: 42px;line-height:60px;}
	#mobile-nav-year{right: 214px;top: 44px;width:60px;height:60px;font-size: 38px;line-height:60px;}
	.event-list-container {left:300px;}
	.event-details{padding:80px 40px 20px 40px;}
	.event-details .event-title h1{font-size:3rem;line-height:60px;}
	.event-details .event-title h3{font-size:1.75rem;line-height:1.2;}
	.event-item a .event-name{bottom:20px;left:20px;padding:20px; width: calc(100% - 100px);font-size:20px;}

/*
	.filter-container{width:250px;}
	.filter-scroll-container{width:248px;bottom:100px;}	
	
*/
}

@media screen and (max-width:1024px) {
	.mod-view{
	  white-space:nowrap;
/*
	bottom:30px;
	  left:50%;
	  -webkit-transform:translateX(-50%) translateX(-2px);
	  transform:translateX(-50%) translateX(-2px)
*/
	}
	.filter-container{display:none;}
	#mobile-nav-year, #mobile-nav-region{display:block;}

}









































/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/*
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 26px 0;
  background: rgba(0, 0, 0, 0.9);
}

#header.header-transparent {
  background: transparent;
}

#header.header-scrolled {
  background: rgba(0, 0, 0, 0.9);
  padding: 18px 0;
}

#header .logo {
  font-size: 34px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  padding-left: 10px;
  border-left: 4px solid #18d26e;
}

#header .logo a {
  color: #fff;
}

#header .logo img {
  max-height: 40px;
}

@media (max-width: 992px) {
  #header .logo {
    font-size: 28px;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */



/*
.nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu > ul {
  display: flex;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  padding: 10px 0 10px 28px;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #fff;
  transition: 0.3s;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #18d26e;
}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 13px;
  text-transform: none;
  color: #333333;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #18d26e;
}

.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

/* Mobile Navigation */  

/*
.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 15px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #fff;
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: #fff;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  padding: 10px 0;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #333333;
  padding: 10px 20px;
  font-weight: 500;
  outline: none;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #18d26e;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa1";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(26, 26, 26, 0.6);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}
*/ 













/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/
/*
#intro {
  width: 100%;
  height: 100vh;
  background: #000;
  overflow: hidden;
  position: relative;
}

@media (max-height: 500px) {
  #intro {
    height: 150vh;
  }
}

#intro .carousel, #intro .carousel-inner, #intro .carousel-item, #intro .carousel-item::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#intro .carousel-item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#intro .carousel-item::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.7);
}

#intro .carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 70px;
  left: 50px;
  right: 50px;
}

#intro .container {
  text-align: center;
}

#intro h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 48px;
  font-weight: 700;
}

@media (max-width: 768px) {
  #intro h2 {
    font-size: 28px;
  }
}

#intro p {
  width: 80%;
  margin: 0 auto 30px auto;
  color: #fff;
}

@media (min-width: 1024px) {
  #intro p {
    width: 60%;
  }
}

#intro .carousel-fade {
  overflow: hidden;
}

#intro .carousel-fade .carousel-inner .carousel-item {
  transition-property: opacity;
}

#intro .carousel-fade .carousel-inner .carousel-item,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right {
  opacity: 0;
}

#intro .carousel-fade .carousel-inner .active,
#intro .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
#intro .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
  transition: 0.5s;
}

#intro .carousel-fade .carousel-inner .carousel-item-next,
#intro .carousel-fade .carousel-inner .carousel-item-prev,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

#intro .carousel-control-prev, #intro .carousel-control-next {
  width: 10%;
}

@media (min-width: 1024px) {
  #intro .carousel-control-prev, #intro .carousel-control-next {
    width: 5%;
  }
}

#intro .carousel-control-next-icon, #intro .carousel-control-prev-icon {
  background: none;
  font-size: 32px;
  line-height: 1;
}

#intro .carousel-indicators li {
  cursor: pointer;
}

#intro .btn-get-started {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 32px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  background: #18d26e;
}

#intro .btn-get-started:hover {
  background: #fff;
  color: #18d26e;
}

*/


/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section {
  overflow: hidden;
}

/* Sections Header
--------------------------------*/
.section-header h3 {
  font-size: 32px;
  color: #111;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
}

.section-header h3::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-header h3::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #18d26e;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-header p {
  text-align: center;
  padding-bottom: 30px;
  color: #333;
}

/* Section with background
--------------------------------*/
.section-bg {
  background: #f7f7f7;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 20px 0;
  background-color: #f7f7f7;
  min-height: 40px;
  margin-top: 90px;
}

@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 80px;
  }
}

.breadcrumbs h2 {
  font-size: 24px;
  margin-bottom: 0;
  font-weight: 400;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #6c757d;
  content: "/";
}

@media (max-width: 768px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }
  .breadcrumbs ol {
    display: block;
  }
  .breadcrumbs ol li {
    display: inline-block;
  }
}

/* Featured Services Section
--------------------------------*/
#featured-services {
  background: #000;
}

#featured-services .box {
  padding: 30px 20px;
}

#featured-services .box-bg {
  background-image: linear-gradient(0deg, #000000 0%, #242323 50%, #000000 100%);
}

#featured-services i {
  color: #18d26e;
  font-size: 48px;
  display: inline-block;
  line-height: 1;
}

#featured-services h4 {
  font-weight: 400;
  margin: 15px 0;
  font-size: 18px;
}

#featured-services h4 a {
  color: #fff;
}

#featured-services h4 a:hover {
  color: #18d26e;
}

#featured-services p {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 0;
}

/*Map*/

#mapCover {
  background: url("../images/bk_cover.jpg") center center no-repeat fixed;
  background-size: cover;
  height: 100vh;
  /*padding: 40px 0 40px 0;*/
  position: relative;
}

#mapCover::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0);
  z-index: 9;
}

#mapCover .container, #mapCover .container-fluid{
  position: relative;
  height:100%;
  z-index: 10;
}
#mapCover .mapLayout{
	width:70%;

}
#mapCover .mapValign{
	margin-bottom:auto;
	margin-top:auto;
}



/* About Us Section
--------------------------------*/
#about {
  background: url("../img/about-bg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 60px 0 40px 0;
  position: relative;
}

#about::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.92);
  z-index: 9;
}

#about .container {
  position: relative;
  z-index: 10;
}

#about .about-col {
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}

#about .about-col .img {
  position: relative;
}

#about .about-col .img img {
  border-radius: 4px 4px 0 0;
}

#about .about-col .icon {
  width: 64px;
  height: 64px;
  padding-top: 8px;
  text-align: center;
  position: absolute;
  background-color: #18d26e;
  border-radius: 50%;
  text-align: center;
  border: 4px solid #fff;
  left: calc( 50% - 32px);
  bottom: -30px;
  transition: 0.3s;
}

#about .about-col i {
  font-size: 36px;
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}

#about .about-col:hover .icon {
  background-color: #fff;
}

#about .about-col:hover i {
  color: #18d26e;
}

#about .about-col h2 {
  color: #000;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  padding: 0;
  margin: 40px 0 12px 0;
}

#about .about-col h2 a {
  color: #000;
}

#about .about-col h2 a:hover {
  color: #18d26e;
}

#about .about-col p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-bottom: 0;
  padding: 0 20px 20px 20px;
}

/* Services Section
--------------------------------*/
#services {
  background: #fff;
  background-size: cover;
  padding: 60px 0 40px 0;
}

#services .box {
  margin-bottom: 30px;
}

#services .icon {
  float: left;
}

#services .icon i {
  color: #18d26e;
  font-size: 36px;
  line-height: 1;
  transition: 0.5s;
}

#services .title {
  margin-left: 60px;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

#services .title a {
  color: #111;
}

#services .box:hover .title a {
  color: #18d26e;
}

#services .description {
  font-size: 14px;
  margin-left: 60px;
  line-height: 24px;
  margin-bottom: 0;
}

/* Call To Action Section
--------------------------------*/
#call-to-action {
  background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/call-to-action-bg.jpg) fixed center center;
  background-size: cover;
  padding: 60px 0;
}

#call-to-action h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

#call-to-action p {
  color: #fff;
}

#call-to-action .cta-btn {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 25px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}

#call-to-action .cta-btn:hover {
  background: #18d26e;
  border: 2px solid #18d26e;
}

/* Call To Action Section
--------------------------------*/
#skills {
  padding: 60px 0;
}

#skills .progress {
  height: 35px;
  margin-bottom: 10px;
}

#skills .progress .skill {
  font-family: "Open Sans", sans-serif;
  line-height: 35px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
}

#skills .progress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}

#skills .progress-bar {
  width: 1px;
  text-align: left;
  transition: .9s;
}

/* Facts Section
--------------------------------*/
#facts {
  background: url("../img/facts-bg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 60px 0 0 0;
  position: relative;
}

#facts::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.88);
  z-index: 9;
}

#facts .container {
  position: relative;
  z-index: 10;
}

#facts .counters span {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 48px;
  display: block;
  color: #18d26e;
}

#facts .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #111;
}

#facts .facts-img {
  text-align: center;
  padding-top: 30px;
}

/* Portfolio Section
--------------------------------*/
#portfolio {
  padding: 60px 0;
}

#portfolio #portfolio-flters {
  padding: 0;
  margin: 5px 0 35px 0;
  list-style: none;
  text-align: center;
}

#portfolio #portfolio-flters li {
  cursor: pointer;
  margin: 15px 15px 15px 0;
  display: inline-block;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 20px;
  color: #666666;
  border-radius: 4px;
  text-transform: uppercase;
  background: #fff;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

#portfolio #portfolio-flters li:hover, #portfolio #portfolio-flters li.filter-active {
  background: #18d26e;
  color: #fff;
}

#portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

#portfolio .portfolio-wrap {
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

#portfolio .portfolio-wrap:hover {
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
}

#portfolio .portfolio-item {
  position: relative;
  height: 360px;
  overflow: hidden;
}

#portfolio .portfolio-item figure {
  background: #000;
  overflow: hidden;
  height: 240px;
  position: relative;
  border-radius: 4px 4px 0 0;
  margin: 0;
}

#portfolio .portfolio-item figure:hover img {
  opacity: 0.4;
  transition: 0.3s;
}

#portfolio .portfolio-item figure .link-preview, #portfolio .portfolio-item figure .link-details {
  position: absolute;
  display: inline-block;
  opacity: 0;
  line-height: 1;
  text-align: center;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  transition: 0.2s linear;
}

#portfolio .portfolio-item figure .link-preview i, #portfolio .portfolio-item figure .link-details i {
  padding-top: 6px;
  font-size: 22px;
  color: #333;
}

#portfolio .portfolio-item figure .link-preview:hover, #portfolio .portfolio-item figure .link-details:hover {
  background: #18d26e;
}

#portfolio .portfolio-item figure .link-preview:hover i, #portfolio .portfolio-item figure .link-details:hover i {
  color: #fff;
}

#portfolio .portfolio-item figure .link-preview {
  left: calc(50% - 38px);
  top: calc(50% - 18px);
}

#portfolio .portfolio-item figure .link-details {
  right: calc(50% - 38px);
  top: calc(50% - 18px);
}

#portfolio .portfolio-item figure:hover .link-preview {
  opacity: 1;
  left: calc(50% - 44px);
}

#portfolio .portfolio-item figure:hover .link-details {
  opacity: 1;
  right: calc(50% - 44px);
}

#portfolio .portfolio-item .portfolio-info {
  background: #fff;
  text-align: center;
  padding: 30px;
  height: 90px;
  border-radius: 0 0 3px 3px;
}

#portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  line-height: 1px;
  font-weight: 700;
  margin-bottom: 18px;
  padding-bottom: 0;
}

#portfolio .portfolio-item .portfolio-info h4 a {
  color: #333;
}

#portfolio .portfolio-item .portfolio-info h4 a:hover {
  color: #18d26e;
}

#portfolio .portfolio-item .portfolio-info p {
  padding: 0;
  margin: 0;
  color: #b8b8b8;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

/* Portfolio Details
--------------------------------*/
.portfolio-details {
  padding-top: 30px;
}

.portfolio-details .portfolio-details-container {
  position: relative;
}

.portfolio-details .portfolio-details-carousel {
  position: relative;
  z-index: 1;
}

.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {
  margin-top: 5px;
  text-align: left;
}

.portfolio-details .portfolio-details-carousel .owl-dot {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.portfolio-details .portfolio-details-carousel .owl-dot.active {
  background-color: #18d26e !important;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  position: absolute;
  right: 0;
  bottom: -70px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 50px;
}

.portfolio-details .portfolio-description h2 {
  width: 50%;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0 0 0 0;
}

@media (max-width: 768px) {
  .portfolio-details .portfolio-description h2 {
    width: 100%;
  }
  .portfolio-details .portfolio-info {
    position: static;
    margin-top: 30px;
  }
}

/* Clients Section
--------------------------------*/
#clients {
  padding: 60px 0;
}

#clients img {
  max-width: 100%;
  opacity: 0.5;
  transition: 0.3s;
  padding: 15px 0;
}

#clients img:hover {
  opacity: 1;
}

#clients .owl-nav, #clients .owl-dots {
  margin-top: 5px;
  text-align: center;
}

#clients .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
}

#clients .owl-dot.active {
  background-color: #18d26e;
}

/* Testimonials Section
--------------------------------*/
#testimonials {
  padding: 60px 0;
}

#testimonials .section-header {
  margin-bottom: 40px;
}

#testimonials .testimonial-item {
  text-align: center;
}

#testimonials .testimonial-item .testimonial-img {
  width: 120px;
  border-radius: 50%;
  border: 4px solid #fff;
  margin: 0 auto;
}

#testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}

#testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0 0 15px 0;
}

#testimonials .testimonial-item .quote-sign-left {
  margin-top: -15px;
  padding-right: 10px;
  display: inline-block;
  width: 37px;
}

#testimonials .testimonial-item .quote-sign-right {
  margin-bottom: -15px;
  padding-left: 10px;
  display: inline-block;
  max-width: 100%;
  width: 37px;
}

#testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
}

@media (min-width: 992px) {
  #testimonials .testimonial-item p {
    width: 80%;
  }
}

#testimonials .owl-nav, #testimonials .owl-dots {
  margin-top: 5px;
  text-align: center;
}

#testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
}

#testimonials .owl-dot.active {
  background-color: #18d26e;
}

/* Team Section
--------------------------------*/
#team {
  background: #fff;
  padding: 60px 0;
}

#team .member {
  text-align: center;
  margin-bottom: 20px;
  background: #000;
  position: relative;
}

#team .member .member-info {
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
}

#team .member .member-info-content {
  margin-top: -50px;
  transition: margin 0.2s;
}

#team .member:hover .member-info {
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
  transition: 0.4s;
}

#team .member:hover .member-info-content {
  margin-top: 0;
  transition: margin 0.4s;
}

#team .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
  color: #fff;
}

#team .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #fff;
}

#team .member .social {
  margin-top: 15px;
}

#team .member .social a {
  transition: none;
  color: #fff;
}

#team .member .social a:hover {
  color: #18d26e;
}

#team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

/* Contact Section
--------------------------------*/
#contact {
  padding: 60px 0;
}

#contact .contact-info {
  margin-bottom: 20px;
  text-align: center;
}

#contact .contact-info i {
  font-size: 48px;
  display: inline-block;
  margin-bottom: 10px;
  color: #18d26e;
}

#contact .contact-info address, #contact .contact-info p {
  margin-bottom: 0;
  color: #000;
}

#contact .contact-info h3 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
}

#contact .contact-info a {
  color: #000;
}

#contact .contact-info a:hover {
  color: #18d26e;
}

#contact .contact-address, #contact .contact-phone, #contact .contact-email {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #contact .contact-address, #contact .contact-phone, #contact .contact-email {
    padding: 20px 0;
  }
}

@media (min-width: 768px) {
  #contact .contact-phone {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
}

#contact .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
}

#contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

#contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

#contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

#contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

#contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

#contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

#contact .php-email-form input, #contact .php-email-form textarea {
  padding: 10px 14px;
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}

#contact .php-email-form input::focus, #contact .php-email-form textarea::focus {
  background-color: #18d26e;
}

#contact .php-email-form button[type="submit"] {
  background: #18d26e;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  cursor: pointer;
}

#contact .php-email-form button[type="submit"]:hover {
  background: #13a456;
}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #000;
  padding: 0 0 30px 0;
  color: #eee;
  font-size: 14px;
}

#footer .footer-top {
  background: #111;
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 34px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 10px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  border-left: 4px solid #18d26e;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  color: #eee;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #333;
  color: #eee;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #18d26e;
  color: #fff;
}

#footer .footer-top h4 {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top h4::before, #footer .footer-top h4::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
}

#footer .footer-top h4::before {
  right: 0;
  background: #555;
}

#footer .footer-top h4::after {
  background: #18d26e;
  width: 60px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 8px;
  color: #ddd;
}

#footer .footer-top .footer-links ul li {
  border-bottom: 1px solid #333;
  padding: 10px 0;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #eee;
}

#footer .footer-top .footer-links ul a:hover {
  color: #18d26e;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
  line-height: 26px;
}

#footer .footer-top .footer-newsletter {
  margin-bottom: 30px;
}

#footer .footer-top .footer-newsletter input[type="email"] {
  border: 0;
  padding: 6px 8px;
  width: 65%;
}

#footer .footer-top .footer-newsletter input[type="submit"] {
  background: #18d26e;
  border: 0;
  width: 35%;
  padding: 6px 0;
  text-align: center;
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
}

#footer .footer-top .footer-newsletter input[type="submit"]:hover {
  background: #13a456;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  text-align: center;
  font-size: 13px;
  color: #ddd;
}