@font-face {
    font-family: 'GilroyRegular';
    src: url('../fonts/GilroyRegular.eot');
    src: url('../fonts/GilroyRegular.eot') format('embedded-opentype'),
         url('../fonts/GilroyRegular.woff2') format('woff2'),
         url('../fonts/GilroyRegular.woff') format('woff'),
         url('../fonts/GilroyRegular.ttf') format('truetype'),
         url('../fonts/GilroyRegular.svg#GilroyRegular') format('svg');
}

@font-face {
    font-family: 'GilroyLight';
    src: url('../fonts/GilroyLight.eot');
    src: url('../fonts/GilroyLight.eot') format('embedded-opentype'),
         url('../fonts/GilroyLight.woff2') format('woff2'),
         url('../fonts/GilroyLight.woff') format('woff'),
         url('../fonts/GilroyLight.ttf') format('truetype'),
         url('../fonts/GilroyLight.svg#GilroyLight') format('svg');
}


@font-face {
    font-family: 'GilroySemiBold';
    src: url('../fonts/GilroySemiBold.eot');
    src: url('../fonts/GilroySemiBold.eot') format('embedded-opentype'),
         url('../fonts/GilroySemiBold.woff2') format('woff2'),
         url('../fonts/GilroySemiBold.woff') format('woff'),
         url('../fonts/GilroySemiBold.ttf') format('truetype'),
         url('../fonts/GilroySemiBold.svg#GilroySemiBold') format('svg');
}



/*FULL_PAGE*/


html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}

.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.fp-right {
    right: 17px;
}
#fp-nav.fp-left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
    bottom: 17px;
}
.fp-slidesNav.fp-top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

.fp-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


/*FULL_PAGE*/





/*REVEALBOX*/


@keyframes goRight {
  from {
    left: 0;
    right: 100%;
  }
  40% {
    left: 0;
    right: 0;
  }
  60% {
    left: 0;
    right: 0;
  }
  to {
    left: 100%;
    right: 0;
  }
}
@keyframes goLeft {
  from {
    left: 100%;
    right: 0;
  }
  40% {
    left: 0;
    right: 0;
  }
  60% {
    left: 0;
    right: 0;
  }
  to {
    left: 0;
    right: 100%;
  }
}
@keyframes goTop {
  from {
    top: 100%;
    bottom: 0;
  }
  40% {
    top: 0;
    bottom: 0;
  }
  60% {
    top: 0;
    bottom: 0;
  }
  to {
    top: 0;
    bottom: 100%;
  }
}
@keyframes goBottom {
  from {
    top: 0;
    bottom: 100%;
  }
  40% {
    top: 0;
    bottom: 0;
  }
  60% {
    top: 0;
    bottom: 0;
  }
  to {
    top: 100%;
    bottom: 0;
  }
}
@keyframes backRight {
  from {
    left: 0;
    right: 100%;
  }
  40% {
    left: 0;
    right: 0;
  }
  60% {
    left: 0;
    right: 0;
  }
  to {
    left: 0;
    right: 100%;
  }
}
@keyframes backLeft {
  from {
    left: 100%;
    right: 0;
  }
  40% {
    left: 0;
    right: 0;
  }
  60% {
    left: 0;
    right: 0;
  }
  to {
    left: 100%;
    right: 0;
  }
}
@keyframes backTop {
  from {
    top: 100%;
    bottom: 0;
  }
  40% {
    top: 0;
    bottom: 0;
  }
  60% {
    top: 0;
    bottom: 0;
  }
  to {
    top: 100%;
    bottom: 0;
  }
}
@keyframes backBottom {
  from {
    top: 0;
    bottom: 100%;
  }
  40% {
    top: 0;
    bottom: 0;
  }
  60% {
    top: 0;
    bottom: 0;
  }
  to {
    top: 0;
    bottom: 100%;
  }
}
.revealedBox-in.goRight > span,
.revealedBox-in.goLeft > span,
.revealedBox-in.backRight > span,
.revealedBox-in.backLeft > span {
  height: 100%;
  top: 0;
}

.revealedBox-in.goRight.childrenSpan-2 > span,
.revealedBox-in.goLeft.childrenSpan-2 > span,
.revealedBox-in.backRight.childrenSpan-2 > span,
.revealedBox-in.backLeft.childrenSpan-2 > span {
  height: 50%;
}
.revealedBox-in.goRight.childrenSpan-2 > span:nth-child(2),
.revealedBox-in.goLeft.childrenSpan-2 > span:nth-child(2),
.revealedBox-in.backRight.childrenSpan-2 > span:nth-child(2),
.revealedBox-in.backLeft.childrenSpan-2 > span:nth-child(2) {
  top: 50%;
}

.revealedBox-in.goRight.childrenSpan-3 > span,
.revealedBox-in.goLeft.childrenSpan-3 > span,
.revealedBox-in.backRight.childrenSpan-3 > span,
.revealedBox-in.backLeft.childrenSpan-3 > span {
  height: 33.33333%;
}
.revealedBox-in.goRight.childrenSpan-3 > span:nth-child(2),
.revealedBox-in.goLeft.childrenSpan-3 > span:nth-child(2),
.revealedBox-in.backRight.childrenSpan-3 > span:nth-child(2),
.revealedBox-in.backLeft.childrenSpan-3 > span:nth-child(2) {
  top: 33.33333%;
}
.revealedBox-in.goRight.childrenSpan-3 > span:nth-child(3),
.revealedBox-in.goLeft.childrenSpan-3 > span:nth-child(3),
.revealedBox-in.backRight.childrenSpan-3 > span:nth-child(3),
.revealedBox-in.backLeft.childrenSpan-3 > span:nth-child(3) {
  top: 66.66666%;
}

.revealedBox-in.goRight.childrenSpan-4 > span,
.revealedBox-in.goLeft.childrenSpan-4 > span,
.revealedBox-in.backRight.childrenSpan-4 > span,
.revealedBox-in.backLeft.childrenSpan-4 > span {
  height: 25%;
}
.revealedBox-in.goRight.childrenSpan-4 > span:nth-child(2),
.revealedBox-in.goLeft.childrenSpan-4 > span:nth-child(2),
.revealedBox-in.backRight.childrenSpan-4 > span:nth-child(2),
.revealedBox-in.backLeft.childrenSpan-4 > span:nth-child(2) {
  top: 25%;
}
.revealedBox-in.goRight.childrenSpan-4 > span:nth-child(3),
.revealedBox-in.goLeft.childrenSpan-4 > span:nth-child(3),
.revealedBox-in.backRight.childrenSpan-4 > span:nth-child(3),
.revealedBox-in.backLeft.childrenSpan-4 > span:nth-child(3) {
  top: 50%;
}
.revealedBox-in.goRight.childrenSpan-4 > span:nth-child(4),
.revealedBox-in.goLeft.childrenSpan-4 > span:nth-child(4),
.revealedBox-in.backRight.childrenSpan-4 > span:nth-child(4),
.revealedBox-in.backLeft.childrenSpan-4 > span:nth-child(4) {
  top: 75%;
}

.revealedBox-in.goRight.childrenSpan-5 > span,
.revealedBox-in.goLeft.childrenSpan-5 > span,
.revealedBox-in.backRight.childrenSpan-5 > span,
.revealedBox-in.backLeft.childrenSpan-5 > span {
  height: 20%;
}
.revealedBox-in.goRight.childrenSpan-5 > span:nth-child(2),
.revealedBox-in.goLeft.childrenSpan-5 > span:nth-child(2),
.revealedBox-in.backRight.childrenSpan-5 > span:nth-child(2),
.revealedBox-in.backLeft.childrenSpan-5 > span:nth-child(2) {
  top: 20%;
}
.revealedBox-in.goRight.childrenSpan-5 > span:nth-child(3),
.revealedBox-in.goLeft.childrenSpan-5 > span:nth-child(3),
.revealedBox-in.backRight.childrenSpan-5 > span:nth-child(3),
.revealedBox-in.backLeft.childrenSpan-5 > span:nth-child(3) {
  top: 40%;
}
.revealedBox-in.goRight.childrenSpan-5 > span:nth-child(4),
.revealedBox-in.goLeft.childrenSpan-5 > span:nth-child(4),
.revealedBox-in.backRight.childrenSpan-5 > span:nth-child(4),
.revealedBox-in.backLeft.childrenSpan-5 > span:nth-child(4) {
  top: 60%;
}
.revealedBox-in.goRight.childrenSpan-5 > span:nth-child(5),
.revealedBox-in.goLeft.childrenSpan-5 > span:nth-child(5),
.revealedBox-in.backRight.childrenSpan-5 > span:nth-child(5),
.revealedBox-in.backLeft.childrenSpan-5 > span:nth-child(5) {
  top: 80%;
}

.revealedBox-in.goTop > span,
.revealedBox-in.goBottom > span,
.revealedBox-in.backTop > span,
.revealedBox-in.backBottom > span {
  width: 100%;
}

.revealedBox-in.goTop.childrenSpan-2 > span,
.revealedBox-in.goBottom.childrenSpan-2 > span,
.revealedBox-in.backTop.childrenSpan-2 > span,
.revealedBox-in.backBottom.childrenSpan-2 > span {
  width: 50%;
}
.revealedBox-in.goTop.childrenSpan-2 > span:nth-child(2),
.revealedBox-in.goBottom.childrenSpan-2 > span:nth-child(2),
.revealedBox-in.backTop.childrenSpan-2 > span:nth-child(2),
.revealedBox-in.backBottom.childrenSpan-2 > span:nth-child(2) {
  left: 50%;
}

.revealedBox-in.goTop.childrenSpan-3 > span,
.revealedBox-in.goBottom.childrenSpan-3 > span,
.revealedBox-in.backTop.childrenSpan-3 > span,
.revealedBox-in.backBottom.childrenSpan-3 > span {
  width: 33.33333%;
}
.revealedBox-in.goTop.childrenSpan-3 > span:nth-child(2),
.revealedBox-in.goBottom.childrenSpan-3 > span:nth-child(2),
.revealedBox-in.backTop.childrenSpan-3 > span:nth-child(2),
.revealedBox-in.backBottom.childrenSpan-3 > span:nth-child(2) {
  left: 33.33333%;
}
.revealedBox-in.goTop.childrenSpan-3 > span:nth-child(3),
.revealedBox-in.goBottom.childrenSpan-3 > span:nth-child(3),
.revealedBox-in.backTop.childrenSpan-3 > span:nth-child(3),
.revealedBox-in.backBottom.childrenSpan-3 > span:nth-child(3) {
  left: 66.66666%;
}

.revealedBox-in.goTop.childrenSpan-4 > span,
.revealedBox-in.goBottom.childrenSpan-4 > span,
.revealedBox-in.backTop.childrenSpan-4 > span,
.revealedBox-in.backBottom.childrenSpan-4 > span {
  width: 25%;
}
.revealedBox-in.goTop.childrenSpan-4 > span:nth-child(2),
.revealedBox-in.goBottom.childrenSpan-4 > span:nth-child(2),
.revealedBox-in.backTop.childrenSpan-4 > span:nth-child(2),
.revealedBox-in.backBottom.childrenSpan-4 > span:nth-child(2) {
  left: 25%;
}
.revealedBox-in.goTop.childrenSpan-4 > span:nth-child(3),
.revealedBox-in.goBottom.childrenSpan-4 > span:nth-child(3),
.revealedBox-in.backTop.childrenSpan-4 > span:nth-child(3),
.revealedBox-in.backBottom.childrenSpan-4 > span:nth-child(3) {
  left: 50%;
}
.revealedBox-in.goTop.childrenSpan-4 > span:nth-child(4),
.revealedBox-in.goBottom.childrenSpan-4 > span:nth-child(4),
.revealedBox-in.backTop.childrenSpan-4 > span:nth-child(4),
.revealedBox-in.backBottom.childrenSpan-4 > span:nth-child(4) {
  left: 75%;
}

.revealedBox-in.goTop.childrenSpan-5 > span,
.revealedBox-in.goBottom.childrenSpan-5 > span,
.revealedBox-in.backTop.childrenSpan-5 > span,
.revealedBox-in.backBottom.childrenSpan-5 > span {
  width: 20%;
}
.revealedBox-in.goTop.childrenSpan-5 > span:nth-child(2),
.revealedBox-in.goBottom.childrenSpan-5 > span:nth-child(2),
.revealedBox-in.backTop.childrenSpan-5 > span:nth-child(2),
.revealedBox-in.backBottom.childrenSpan-5 > span:nth-child(2) {
  left: 20%;
}
.revealedBox-in.goTop.childrenSpan-5 > span:nth-child(3),
.revealedBox-in.goBottom.childrenSpan-5 > span:nth-child(3),
.revealedBox-in.backTop.childrenSpan-5 > span:nth-child(3),
.revealedBox-in.backBottom.childrenSpan-5 > span:nth-child(3) {
  left: 40%;
}
.revealedBox-in.goTop.childrenSpan-5 > span:nth-child(4),
.revealedBox-in.goBottom.childrenSpan-5 > span:nth-child(4),
.revealedBox-in.backTop.childrenSpan-5 > span:nth-child(4),
.revealedBox-in.backBottom.childrenSpan-5 > span:nth-child(4) {
  left: 60%;
}
.revealedBox-in.goTop.childrenSpan-5 > span:nth-child(5),
.revealedBox-in.goBottom.childrenSpan-5 > span:nth-child(5),
.revealedBox-in.backTop.childrenSpan-5 > span:nth-child(5),
.revealedBox-in.backBottom.childrenSpan-5 > span:nth-child(5) {
  left: 80%;
}

.revealedBox .contentBox {
  opacity: 0;
}
.revealedBox > span {
  position: absolute;
  display: block;
  background: #00A6DD; z-index: 1
}

.revealedBox-in > .contentBox {
  opacity: 1;
  transition-delay: 1.05s;
}

.revealedBox-in.goRight > span {
  animation: goRight 1.4s;
}

.revealedBox-in.goLeft > span {
  animation: goLeft 1.4s;
}

.revealedBox-in.backRight > span {
  animation: backRight 1.4s;
}

.revealedBox-in.backLeft > span {
  animation: backLeft 1.4s;
}

.revealedBox-in.goTop > span {
  animation: goTop 1.4s;
}

.revealedBox-in.goBottom > span {
  animation: goBottom 1.4s;
}

.revealedBox-in.backTop > span {
  animation: backTop 1.4s;
}

.revealedBox-in.backBottom > span {
  animation: backBottom 1.4s;
}

.revealedBox-in > span {
  animation-delay: 0.1s;
}

.revealedBox-in > span:nth-child(2) {
  animation-delay: 0.2s;
}

.revealedBox-in > span:nth-child(3) {
  animation-delay: 0.3s;
}

.revealedBox-in > span:nth-child(4) {
  animation-delay: 0.4s;
}

.revealedBox-in > span:nth-child(5) {
  animation-delay: 0.5s;
}

/*REVEALBOX*/


/*CATE*/

.owl-carousel, .owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative;
	transition:all 0.5s ease
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1;
	position:relative
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
	display: inline-block;
	max-width: 100%
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	display: none
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
	display: block
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}
.owl-carousel.owl-hidden {
	opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab
}
.owl-carousel.owl-rtl {
	direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
	float: right
}
.owl-carousel .animated {
	animation-duration: 1s;
	animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
	z-index: 0
}
.owl-carousel .owl-animated-out {
	z-index: 1
}
.owl-carousel .fadeOut {
	animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height {
	transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
	margin-top: 10px;
}
.owl-next{right:-35px}
.owl-prev{left:-35px}
.owl-theme .owl-nav [class*=owl-] {
	color: #b3ada8;
	margin: 5px;
	display: inline-block;
	cursor: pointer;
	border-radius: 100%;
	transition:all 0.5s ease;
	position:absolute;
	top:220px; width:53px; height:53px; border-radius:100%; text-align:center; line-height:53px; font-size: 25px; background: #fff;
}
.owl-theme .owl-nav [class*=owl-]:hover {
	color: #fff;
	text-decoration: none; background:#00A6DD;
}
.owl-theme .owl-nav .disabled {
	opacity: .5;
	cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 10px
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
	width: 7px;
	height: 7px;
	margin: 5px 3px;
	background: #818285;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
	transition:all 0.5s ease
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #c0c1c3; 
}
.pro {text-align: center;height: 100%; display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.pro figure{position: relative; overflow: hidden}
.pro figure:before{position: absolute;left: 0;top: 0;width: 100%; height: 100%; content: ""; background: rgba(36, 36, 36, 0.5); transition: all 0.5s ease;transform: scale(1)}
.pro figure:hover:before{transform: scale(0)}
.pro figure img{width: 100%; height: 450px; object-fit: cover; object-position: center}
.pro figcaption{position:absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 50px;z-index: 1}
.pro figcaption h4{color: #fff;font-family: 'GilroySemiBold';text-align: left; transition: all 1s ease}
.pro figcaption h4 span{font-family: GilroyLight; font-size: 14px}
.pro figcaption h6{color: #fff; position: absolute; left: 20px; bottom: 15px; writing-mode: vertical-lr; transform: rotate(180deg); font-size: 20px; transition: all 1s ease}
.pro figure:hover figcaption h4{transform: translateX(-600px)}
.pro figure:hover figcaption h6{transform: translateY(600px)}
.pro ul li{width: 25%; float: left; position: relative}
.pro-shadow{box-shadow: 0 -25px 88px -26px rgba(0, 0, 0, 0.16) inset}
.clnt .item{height: 120px; line-height: 90px; padding: 15px}
.clnt .item img{max-height: 100%; transition: all 0.5s ease}
.clnt .item:hover img{filter: grayscale(0)}
.team .item img{height: 250px; width: 100%; object-fit: cover; object-position: top center}
.team .item figcaption{padding: 20px; background: #fff; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); position: relative; margin: -20px 0 0 0px; width: 100%; color: #00A6DD; font-size: 16px;font-family: 'GilroySemiBold'; line-height: 24px}
.team .item figcaption span{font-size: 14px; color: #242424;font-family: 'GilroyRegular';}
.team .owl-carousel .owl-stage{padding-bottom: 30px}
.team .owl-carousel{margin-top: 50px}



/*CATE*/


/*NAV*/


.cd-auto-hide-header {
  position: fixed;
  z-index: 1111;
  top: 0;
  left: 0;
  width: 100%;
  height: 130px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s; padding: 30px 5%
}
.fp-viewing-1 .cd-auto-hide-header, .fp-viewing-2 .cd-auto-hide-header, .fp-viewing-3 .cd-auto-hide-header, .fp-viewing-4 .cd-auto-hide-header{display: none; transition: all 0.5s ease}
.cd-auto-hide-header::after {
  clear: both;
  content: "";
  display: block;
}
.cd-auto-hide-header.is-hidden {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.menubg{background: #242424; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 15px 5%}


/*NAV*/

/*MOUSE_SCROLL*/

.mouse {
  width: 25px;
  height: 40px;
  border-radius: 13px;
  border: 2px solid #fff;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%); z-index: 111;
}
.mouse::before {
  content: "";
  width: 3px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translate(-50%, 0);
  animation: scrollDown 1.2s ease-in-out;
  animation-iteration-count: infinite;
}
.mouse__arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  width: 2px;
  height: 2px;
  animation: fading 1.2s ease;
  animation-iteration-count: infinite;
}
.mouse__arrow:last-child {
  width: 0;
  height: 0;
  background-color: transparent;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 3px solid #fff;
}
.mouse__arrow:nth-child(1) {
  animation-delay: 0s;
  bottom: -8px;
}
.mouse__arrow:nth-child(2) {
  animation-delay: 0.4s;
  bottom: -14px;
}
.mouse__arrow:nth-child(3) {
  animation-delay: 0.8s;
  bottom: -20px;
}

@keyframes scrollDown {
  0% {
    transform: translate(-50%, 0);
  }
  70%, 90% {
    transform: translate(-50%, 100%);
  }
  100% {
    transform: translate(-50%, 0);
  }
}
@keyframes fading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

/*MOUSE_SCROLL*/


/*SCROLLBAR*/

.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ 
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}
.mCSB_container{ 
	overflow: hidden;
	width: auto;
	height: auto;
}
.mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } 
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ 
	margin-right: 0;
	margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } 
.mCSB_scrollTools{ 
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: 0px; } 
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ 
	right: auto;
	left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } 
.mCSB_scrollTools .mCSB_draggerContainer{ 
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0; 
	height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 40px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
	width: 2px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ 
	cursor: pointer;
	width: 100%;
	height: 30px; 
	z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px;  }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px;  }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonUp{ top: 18px; }
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 18px; }
.mCSB_horizontal.mCSB_inside > .mCSB_container{
	margin-right: 0;
	margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } 
.mCSB_scrollTools.mCSB_scrollTools_horizontal{
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } 
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	width: 100%;
	height: 2px;
	margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
	width: 30px;
	height: 100%;
	left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 4px;
	margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
	height: 12px; 
	margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
	height: 8px; 
	margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }
.mCSB_container_wrapper{
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container{
	padding-right: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ 
	margin-right: 0;
	margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
	margin-right: 0; 
	margin-left: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }

.mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
	-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
				margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
				margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
				opacity .2s ease-in-out, background-color .2s ease-in-out; 
	-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
				margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
				margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
				opacity .2s ease-in-out, background-color .2s ease-in-out; 
	-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
				margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
				margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
				opacity .2s ease-in-out, background-color .2s ease-in-out; 
	transition: width .2s ease-out .2s, height .2s ease-out .2s, 
				margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
				margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
				opacity .2s ease-in-out, background-color .2s ease-in-out; 
}
.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail{
	background-color: #000; background-color: rgba(0,0,0,0.4);
	filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #fff; background-color: rgb(36, 36, 36)
	filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background-color: #fff; background-color: rgba(255,255,255,0.85);
	filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #fff; background-color: rgba(255,255,255,0.9);
	filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image: url(../images/mCSB_buttons.png); /* css sprites */
	background-repeat: no-repeat;
	opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}

.mCSB_scrollTools .mCSB_buttonUp{
	background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown{
	background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft{
	background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight{
	background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color:  rgb(36, 36, 36) }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color:rgb(36, 36, 36) }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -80px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -81px -19px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


/*SCROLLBAR*/



/*VERTICAL_TAB*/

.tabs {
  position: relative;
  min-height: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; 
}
.tabs .tab {
  margin-bottom: 1px;
}
@media screen and (min-width: 55rem) {
  .tabs .tab {
    float: left;
    clear: left;
    width: 20%;
  }
	.career .tabs .tab{width: 25%}
}
.tabs .tab .tab-toggle {
	padding:20px;
	position: relative;
	outline: none;
	width: 100%;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: 1px solid #eaeaea;
}

@media screen and (min-width: 55rem) {
  .tabs .tab .tab-toggle {
    text-align: left;
  }
}
.tabs .tab .tab-toggle.active {
  color: #242424;
  cursor: pointer;
  text-transform:uppercase;
  font-weight:600;
  position:relative; background: #f3f3f3;
}
.tabs .tab .tab-toggle:before{position:absolute; left:0; bottom:0; width:0; height:2px; content:""; background:#00A6DD; transition: all 0.5s ease}
.tabs .tab .tab-toggle.active:before{width: 100%}
.tabs .tab .tab-toggle img{height: 45px;}
.tabs .tab .tab-toggle span{display: block; margin-bottom: 10px}

.tabs .content {
  max-height: 0;
  overflow: hidden;
  padding: 0 2rem;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
@media screen and (min-width: 55rem) {
  .tabs .content {
    max-height: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 80%;
    opacity: 0;
    padding: 10px 0 45px 33px;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
	.career .tabs .content{width: 75%}
}
.tabs .content.active {
  max-height: 3000px;
}
@media screen and (min-width: 55rem) {
  .tabs .content.active {
    max-height: none;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
.tab-toggle{border:none; font-weight:700; font-size:15px; color:#242424}


/*VERTICAL_TAB*/


/*ATTACHMENTS*/

.form-field-file label {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 45px;
  padding: 0 1.5em 0 4em;
  background: #fff;
  border-radius: 2px;
  font-size: 14px;
  line-height: 45px;
  color: #A0A0A0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  transition: background 0.25s ease-in-out;  margin: 0;     border: 1px solid #00A6DD; border-radius: 45px
}
.form-field-file label:hover, .form-field-file label:active {
  background: #00A6DD; color: #fff
}
.form-field-file label:after {
  content: '\f093';
  position: absolute;
  top: 0;
  left: 2.34em;
  z-index: 2;
  display: block;
  font-family: 'FontAwesome';
}
.form-field-file input[type="file"] {
  position: absolute;
  z-index: -1;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
}

.career .form-group{margin-bottom: 30px}

/*ATTACHMENTS*/


/*FANCYBOX*/

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;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    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: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .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;
    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;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    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 {
    animation-timing-function: cubic-bezier(.5, 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;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -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, .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:focus {
    outline: none;
}

.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;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: 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, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(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: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) 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 {
    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;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    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(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    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: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: 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, .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, .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);
    outline: none;
    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 .2s cubic-bezier(.25, .46, .45, .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);
    }
}

/*FANCYBOX*/



/*FILTER*/

.cd-header {
  position: relative;
  height: 150px;
  background-color: #331d35;
}
.cd-header h1 {
  color: #ffffff;
  line-height: 150px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 300;
}
@media only screen and (min-width: 1170px) {
  .cd-header {
    height: 180px;
  }
  .cd-header h1 {
    line-height: 180px;
  }
}

.cd-main-content {
  position: relative;
  min-height: 100vh; 
}
.cd-main-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-main-content.is-fixed .cd-tab-filter-wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
.cd-main-content.is-fixed .cd-gallery {
  padding-top: 76px;
}
.cd-main-content.is-fixed .cd-filter {
  position: fixed;
  height: 100vh;
  overflow: hidden;
}
.cd-main-content.is-fixed .cd-filter form {
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.cd-main-content.is-fixed .cd-filter-trigger {
  position: fixed;
}
@media only screen and (min-width: 768px) {
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 0px;
  }
}

.cd-tab-filter-wrapper {
  z-index: 1;
}
.cd-tab-filter-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.cd-tab-filter {
  position: relative;
  height: 75px;
  width: 140px;
  margin: 0 auto;
  z-index: 1;
}
.cd-filters::after {
  content: '';
  position: absolute;
  right: 14px;
  top: 25px;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/cd-icon-arrow.svg") no-repeat center center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none; opacity: 0
}
.cd-tab-filter ul {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  box-shadow: inset 0 -2px 0 #41307c;
}
.cd-tab-filter li {
  display: none;
}
.cd-tab-filter li:first-child {
  /* this way the placehodler is alway visible */
  display: block;
}
.cd-tab-filter a {
  display: block;
  /* set same size of the .cd-tab-filter */
  height: 50px;
  width: 140px;
  line-height: 50px;
  padding-left: 14px;
}
.cd-tab-filter a.selected {
  background: #2bb3e6;
  color: #ffffff;
}
.cd-tab-filter.is-open::after {
  /* small arrow rotation */
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.cd-tab-filter.is-open ul {
  box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, 0.2);
}
.cd-tab-filter.is-open ul li {
  display: block;
}
.cd-tab-filter.is-open .placeholder a {
  /* reduces the opacity of the placeholder on mobile when the menu is open */
  opacity: .4;
}
@media only screen and (min-width: 768px) {
  .cd-tab-filter {
    /* tabbed navigation style on medium devices */
    width: auto;
    cursor: auto;
  }
  .cd-tab-filter::after {
    /* hide the arrow */
    display: none;
  }
  .cd-tab-filter ul {
    background: transparent;
    position: static;
    box-shadow: none;
    text-align: center;
  }
  .cd-tab-filter li {
    display: inline-block; width: auto !important
  }
  .cd-tab-filter li.placeholder {
    display: none !important;
  }
  .cd-tab-filter a {
    display: inline-block;
    padding: 0 1em;
    width: auto;
    color: #a3a3a5;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
  }
  .no-touch .cd-tab-filter a:hover {
    color: #41307c;
  }
  .cd-tab-filter a.selected {
    background: transparent;
    color: #28b6e7;
    /* create border bottom using box-shadow property */
    box-shadow: inset 0 -2px 0 #28b6e7;
  }
  .cd-tab-filter.is-open ul li {
    display: inline-block;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-tab-filter {
    /* tabbed navigation on big devices */
    width: 100%;
    float: left;
    margin: 0;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s; padding: 10px 30px
  }
  .cd-tab-filter.filter-is-visible {
    /* reduce width when filter is visible */
    width: 80%;
  }
}

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

.cd-filter-content{position: absolute; right: 360px; top: 17px}
.cd-filter-content select{width: 230px; height: 40px;border-radius: 45px; padding: 0 20px;background: rgba(0, 0, 0, 0.4); color: #a3a3a5; border: 1px solid #a3a3a5; }
.cd-filter-content select option{color: #fff}
.search{position: absolute;  right: 30px; top: 17px}
.search input{width: 300px; height: 40px; border-radius: 45px; border: none; padding: 12px 40px 12px 20px;background: rgba(0, 0, 0, 0.4); color: #a3a3a5; border: 1px solid #a3a3a5;}
.search button{position: absolute; right: 8px; top: 7px; background: transparent; border: none; color: #a3a3a5}
:focus { outline: -webkit-focus-ring-color auto 0px;}


/*FILTER*/


.no-padding{padding: 0}
.abt, .pro, .ser, .clnt, .abt-tpsec, .core-value, .abt-tp, .ser-sec, .clients, .con, .produ, .det, .career{padding: 80px 3%}
.abt, .ser, .clnt{background: #F0F0F0; position: relative; overflow: hidden; height: 100%; display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.abt{background: #242424}
.abt-tp{padding-top: 180px; padding-bottom: 20px; color: #fff; font-family: 'GilroySemiBold'; font-size: 30px}
.abt:before, .clnt:before{position: absolute; content: ""; left: 0px; width: 30%; height: 50%; background: url(../images/logo.svg) no-repeat; background-size: contain; opacity: 0.03; }
.abt:before{bottom: 0}
.clnt:before{background: url(../images/ftr-logo.svg) no-repeat; background-size: contain;}
.abt-sec1 h3, .pro h3, .sec-sec1 h3, .cv-sec h3, .team h3, .produ h3, .career h3, .clnt h3, .certi h3{color: #00A6DD; font-size: 30px;font-family: 'GilroySemiBold'; margin-bottom: 20px}
.abt-sec1 h3 span, .abt-sec2 h4 span, .pro h3 span, .sec-sec1 h3 span, .cv-sec h3 span, .team h3 span, .clnt h3 span{color: #242424}
.abt-sec1 h3 span, .abt-sec2 h4 span{color: #fff}
.abt-sec1 p{line-height: 29px; font-weight: 300; margin-bottom: 20px; padding-right: 50px; color: #fff}
.abt-sec1 p span{font-family: 'GilroySemiBold';  font-size: 16px}
.abt-sec3 img{width: 100%; height: 390px ;object-fit: cover; object-position: center}
.abt-sec2 a, .sec-sec1 a, .btn-con, .pro h6 a{border-radius: 45px; padding: 10px 35px; border: 1px solid #00A6DD; position: relative; transition: all 0.5s ease;font-size: 16px}
.abt-sec2 a span, .sec-sec1 a span, .tp-caption.medium_grey a span, .btn-con span, .pro h6 a span{position: relative;}
.abt-sec2 a{color: #fff; margin: 11px 0 0; display: inline-block}
.abt-sec2 a:before, .sec-sec1 a:before, .btn-con:before, .pro h6 a:before{position: absolute; content: ""; opacity: 0; left: 0; top: 0; width: 0; height: 100%; transition: all 0.5s ease; background: #00A6DD;border-radius: 45px;}
.abt-sec2 a:hover:before, .sec-sec1 a:hover:before, .btn-con:hover:before, .pro h6 a:hover:before{width: 100%; opacity: 1}
.abt-sec2 a:hover, .btn-con:hover, .pro h6 a:hover{color: #fff; box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.16)}
.abt-sec2 h4{color: #00A6DD; font-size:24px;font-family: 'GilroySemiBold'; margin:40px 0 30px}
.abt-sec2 ul li{padding-left: 55px; font-family: 'GilroySemiBold'; margin-bottom: 30px; font-size: 18px; position: relative; color: #fff; padding-right: 35px; display: inline-block}
.abt-sec2 ul li img{position: absolute; left: 0; top: -8px; width: 41px}
.pro h3{margin-bottom: 40px}
.pro h6{text-align: center; font-size: 18px; margin: 30px 0 0}
.pro h6 a{display: inline-block; text-transform: uppercase; border-bottom: 1px solid #00A6DD; color: #00A6DD}
.sec-sec1 .contentBox{background: #00A6DD; padding: 50px}
.ser-rgt{position: absolute; right: 0; top: 0; height: 100%; width: 65%}
.ser-rgt img{width: 100%; height: 90%; object-fit: cover; object-position: center; margin: 4% 0}
.sec-sec1 h3{color: #fff}
.sec-sec1 h5{color: #fff; font-size: 18px; line-height: 29px}
.sec-sec1 p{color: #fff; line-height: 29px; margin-bottom: 35px}
.sec-sec1 a{color: #fff; border-color: #fff}
.sec-sec1 a:before{background: #fff}
.sec-sec1 a:hover{color: #00A6DD}
footer{padding: 50px 0; background: #fff}
footer h4, .con h4{margin-bottom: 15px; font-size: 18px;font-family: 'GilroySemiBold';}
.con h4{font-size: 22px; margin-bottom: 25px}
.con h5{font-size: 17px;font-family: 'GilroySemiBold';}
.ftr-add ul li, .ftr-link ul li, .con ul li{margin-bottom: 5px}
.ftr-link ul li a{position: relative; transition: all 0.5s ease}
.ftr-link ul li a:before{position: absolute; left: 0; top: 9px; content: ""; width: 0; height: 2px; background: #00A6DD; transition: all 0.5s ease}
.ftr-link ul li a:hover{padding-left: 40px}
.ftr-link ul li a:hover:before{width: 30px}
.ftr-btm{padding: 15px 0; background: #F0F0F0; text-align: center}
.ftr-lft{float: none; font-size: 13px}
.ftr-rgt{float: right; font-size: 13px}
.clnt{border-bottom: 1px solid #00A6DD; text-align: center; background: #fff; position: relative}
.clnt h3{margin: 30px 0}
.clnt .owl-theme .owl-nav [class*=owl-]{top: 30px}
.social{position: absolute; left: 30px; top: 50%; transform: translateY(-50%); z-index: 111; color: #fff; }
.social ul li{margin: 15px 0; writing-mode: vertical-lr; font-size: 18px}
.social ul li:first-child{transform: rotate(180deg)}
.abt-tp{height: 240px; background: #242424}
.abt-tp a{color: #fff; font-size: 18px}
.abt-tpsec{padding-top: 0; margin-top: -80px; padding-bottom: 0;}
.abt-tpsec img{width: 100%; height: 400px; object-fit: cover; object-position: center}
.pro-figimg img{height: 476px}
.abt-tpsec figure{position: relative; margin-bottom: 50px}
.abt-tpsec figure:before{position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: rgba(36, 36, 36, 0.75)}
.abt-tpsec figcaption{position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #a3a3a5; text-align: center; width: 100%;font-family: 'GilroySemiBold'; font-size: 50px; text-transform: uppercase}
.abt-tpsec h4{font-family: 'GilroySemiBold'; margin: 50px 0 15px; position: relative; padding-bottom: 10px}
.abt-tpsec h4:before{position: absolute; left: 0; width: 36px; height: 4px; content: ""; background: #333; bottom: 0}
.abt-tpsec p, .cv-sec p, .team p, .ser-rgtmn p{line-height: 24px}
.abt-tpsec p span{font-family: 'GilroySemiBold';}
.cv-sec{padding: 80px; background: #F0F0F0; width: 100%;}
.cv-sec ul{margin: 50px 0 0}
.cv-sec ul li{float: left; width: 20%; padding: 30px 30px 0 0;font-family: 'GilroySemiBold'; font-style: italic; position: relative}
.cv-sec ul li:before{position: absolute; left: 0; top: 0; content: ""; width: 13px; height: 13px; background: #00A6DD; border-radius: 100%}
.team{padding: 80px 0 80px 0; }
.team ul{display: flex; flex-wrap: wrap;}
.team ul li{width: 20%; padding: 0 10px; margin: 0 0 40px}
.ppl-main li{width: 25% !important}
.team .owl-theme .owl-nav [class*=owl-]{top: 120px}
.ser-lft{display: inline-block; padding-right: 5%; width: 49%; vertical-align: middle; position: relative}
.ser-lft img{width: 100%; height: 400px; object-fit: cover; object-position: center}
.ser-rgtmn{display: inline-block; padding-left: 5%; width: 49%; position: relative; vertical-align: middle;}
.ser-rgtmn h3{color: #d2d2d2; font-size: 45px;font-family: 'GilroySemiBold';}
.ser-rgtmn h4{color: #242424; font-size: 30px;font-family: 'GilroySemiBold'; padding-right: 40%; line-height: 45px}
.ser-sec ul{position: relative}
.ser-sec ul:before{position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 1px; height: 100%; content: ""; background: #242424}
.ser-sec ul li{position: relative; margin-bottom: 80px; display: flex; flex-wrap: wrap; }
.ser-sec ul li:last-child{margin: 0}
.ser-sec ul li:nth-child(2n) .ser-lft{padding-left: 5%} 
.ser-sec ul li:nth-child(2n) .ser-rgtmn{padding-right: 5%; padding-left: 0} 
.ser-sec ul li:nth-child(2n){flex-flow: row-reverse}
.ser-sec ul li:before{position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%); content: ""; background: #242424; width: 35px; height: 35px; border-radius: 100%; box-shadow: 0px 0px 1px 5px #fff inset; border: 1px solid #242424}
.clients ul li{float: left; width: 20%; padding: 30px; height: 150px; line-height: 90px; text-align: center; border-bottom: 1px solid #B9B8B8; position: relative}
.clients ul li img{max-width: 100%; max-height: 100%}
.clients ul li:before{position: absolute; right: 0; top: -4px; content: ""; width: 1px; height: 103%; background: #B9B8B8; transform: rotate(15deg)}
.clients ul li:nth-child(5n):before{display: none}
.con ul li:last-child{margin-top: 25px}
.con ul li img{margin-right: 10px}
.gmap{height: 300px; margin-top: 50px}
.btn-con{background: transparent}
.produ, .career{overflow: hidden}
.produ h4{margin: 10px 0; font-size: 18px;font-family: 'GilroySemiBold';text-transform: uppercase; position: relative; padding-bottom: 10px}
.produ h4:before{position: absolute; left: 0; bottom: 0; content: ""; width: 36px; height: 2px; background: #242424}
.produ ul{margin-bottom: 30px}
.produ ul li{position: relative; padding-left: 25px}
.produ ul li:before, .det-rgt ul li:before{position: absolute; left: 0; top: 5px; width: 10px; height: 10px; background: #00A6DD; border-radius: 100%; content: ""}
.det{padding-top: 0; }
.det .item img{width: 100%; height: 550px; object-fit: cover; object-position: center}
.det-rgt{position: relative; padding: 20% 7% 20% 7%; margin-top: -70px;    min-height: 700px; height: 700px}
.det-rgt:before{position: absolute; left: -20%; top: 0; content: ""; width: 120%; height: 100%; background: #00A6DD}
.det-rgt h3{text-transform: uppercase; color: #fff; position: relative;font-family: 'GilroySemiBold'; font-size: 28px; margin-bottom: 20px}
.det-rgt h4{text-transform: uppercase; color: #fff; position: relative; font-size: 16px; line-height: 35px}
.det-rgt h5{text-transform: uppercase; color: #fff; position: relative; font-size: 19px; margin: 20px 0 10px;font-family: 'GilroySemiBold';}
.det-rgt ul{position: relative}
.det-rgt ul li{position: relative; padding-left: 25px; color: #fff; margin-bottom: 5px; line-height: 24px; font-size: 16px}
.det-rgt ul li:before{background: #fff}
.plr-12{padding: 0 7%; margin-bottom: 80px; text-align: center}
.pro-det{padding: 0; position: relative}
.pro-det:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(36, 36, 36, 0.75);}
.ser-nine{width: 500px; margin-bottom: 100px}
.abt-ser{padding: 0; margin: 0}
.ftr-logo{position: relative; left: -80px}
.bu{font-weight: 700; border-bottom: 1px solid #fff}
/*.pro-img{background: url(../images/abt-rgt.jpg) no-repeat; background-attachment: fixed;background-size: cover;}*/
.h-400{height: 400px}
.certi{padding: 80px 0; text-align: center; box-shadow: 0 -25px 88px -26px rgba(0, 0, 0, 0.5) inset}
.certi img{max-width: 100%; height: 484px; object-fit: cover; border: 1px solid #ccc}
.certi h3{margin-bottom: 50px}
header{position: fixed; width: 100%; top: 0; z-index: 11;padding: 30px 5%; transition: all 0.5s ease}
.poab{display: none}
.fp-viewing-0 .poab{display: block}
.content_tabs .item img{width: 100%; object-fit:cover; height:250px;}
.content_tabs .owl-theme .owl-nav [class*=owl-]{top: 100px}


@media (max-width:1400px) {
	.pro figure img{height: 400px}
}

@media (min-width:993px) and (max-width:1024px) {
	
	.cd-filters::after{display: none}
	.cv-sec{padding: 40px;}
	.team ul li{width: 25%}
	.ppl-main li {width: 33% !important;}
	.certi img{height: 360px}
	.pro ul li{width: 33.333333%}
	.det .col-md-8, .det .col-md-4{flex: 0 0 100%; max-width: 100%;}
	.det-rgt:before{left: 0; width: 100%}
	
}


@media (min-width:768px) and (max-width:992px) {
	
	.cd-filter-content, .cd-filters::after, .produ h3, .clients ul li:nth-child(4n){display: none}
	.wsmenu-list>li>a:before{width: 100%; bottom: 0}
	.fp-section{min-height: 100%; height: auto !important;}
	.ser-rgt{width: 92%; position: relative; right: 0; margin: auto;}
	.ser-rgt img{margin: 0}
	.ftr-logo{left: 0}
	.cv-sec{padding: 50px}
	.cv-sec ul li{width: 50%; min-height: 126px}
	header{height: 85px; padding: 15px 5%;}
	.menubg .smallogo>img{width: 60px}
	.team ul li{width: 33.33333333%;}
	.ppl-main li {width: 40% !important;}
	.certi img{height: 262px}
	.h-400 {height: 200px;}
	.pro ul li{width: 50%}
	.det .col-md-8, .det .col-md-4{flex: 0 0 100%; max-width: 100%;}
	.det-rgt:before{left: 0; width: 100%}
	.ser-rgtmn h4{padding: 0}
	.tabs .content.active{padding: 30px 0;border-bottom: 1px solid #eaeaea;}
	.clients ul li{width: 25%}
	.clients ul li:nth-child(5n){display: block}
	
}


@media (max-width:767px) {
	
	.cd-filter-content, .ser-sec ul li:before, .ser-sec ul:before, .produ h3, .clients ul li:nth-child(2n):before{display: none}
	.fp-section{min-height: 100%; height: auto !important;}
	.cd-auto-hide-header{padding: 20px 5%; height: 100%; position: absolute; overflow: hidden;}
	.wsmenu-list>li>a:before{width: 100%; bottom: 0}
	.abt-sec3 img{height: auto; margin-top: 50px}
	.ser-rgt{width: 83%; left: 0; margin: auto; position: relative}
	.ser-rgt img{margin: 0 auto; height: auto}
	.sec-sec1 .contentBox{padding: 40px 25px;}
	.ser-nine{max-width: 100%}
	.ftr-logo{left: 0}
	.ftr-logo img{max-width: 50%}
	footer h4, .con h4{margin-top: 20px}
	.ftr-lft, .ftr-rgt{float: none; text-align: center}
	.owl-theme .owl-nav [class*=owl-]{top: 190px}
	.abt-tpsec figcaption{font-size: 22px;}
	.abt-tpsec img{height: 250px}
	.cv-sec{padding: 30px}
	.cv-sec ul {margin: 20px 0 0;}
	.cv-sec ul li{margin-bottom: 30px; width: 100%}
	.ppl-main li, .team ul li, .pro ul li {width: 100% !important;}
	.team .item img, .ser-lft img{height: auto}
	.ser-lft img{margin: 0 0 20px}
	.h-400 {height: 100px;}
	.cd-tab-filter ul{right: 0; margin: auto; width: 133px;z-index: 1}
	.cd-tab-filter{height: 146px; width: 100%; margin: 0 auto;}
	.search{right: 20px; top: 77px;}
	.search input{width: 100%}
	.cd-tab-filter a{text-align: left;}
	header{height: 80px; padding: 14px 5%}
	.menubg .smallogo>img{width: 55px}
	.det .item img{height: 250px}
	.det-rgt:before{width: 100%; left: 0}
	.det-rgt{ margin-top: 0px;}
	.det .owl-theme .owl-nav [class*=owl-]{top: 90px; width: 43px; height: 43px; line-height: 43px; font-size: 18px}
	.ser-lft, .ser-rgtmn{width: 100%; padding: 0}
	.ser-rgtmn h4, .ser-sec ul li:nth-child(2n) .ser-lft, .plr-12{padding: 0}
	.tabs .content.active{padding: 20px 0; border-bottom: 1px solid #eaeaea}
	.clients ul li{width: 50%}
	.clients ul li:nth-child(5n):before, .poab{display: block}
	.btn-con{margin-top: 20px}
	.ftr-link ul{display: flex; flex-wrap: wrap}
	.ftr-link ul li{padding-right: 10px}
	.tp-caption.big_dark{top: 28% !important; width: 81% !important; white-space: inherit;}
  .tp-caption.big_dark h1{font-size: 2.2rem !important;}
	.tp-caption.medium_grey{font-size: 18px !important; top: 56% !important;    width: 81% !important;
    white-space: inherit;
    line-height: 25px !important;}
	.tp-bullets.simplebullets.round .bullet{width: 10px; height: 10px}
	.tp-bullets:before{height: 50px; top: -60px}
	.tp-bullets:after{height: 50px; bottom: -60px}
	.cd-filters::after{opacity: 1}
	.tp-caption.medium_grey a{padding: 8px 30px;}
	.ser-sec ul li:nth-child(2n) {flex-flow: wrap;}
	
}