@font-face {
    font-family: 'mosk';
    src: url('../fonts/MoskThin100.eot');
    src: url('../fonts/MoskThin100.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MoskThin100.woff2') format('woff2'),
        url('../fonts/MoskThin100.woff') format('woff'),
        url('../fonts/MoskThin100.ttf') format('truetype'),
        url('../fonts/MoskThin100.svg#MoskThin100') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'mosk';
    src: url('../fonts/MoskExtra-Light200.eot');
    src: url('../fonts/MoskExtra-Light200.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MoskExtra-Light200.woff2') format('woff2'),
        url('../fonts/MoskExtra-Light200.woff') format('woff'),
        url('../fonts/MoskExtra-Light200.ttf') format('truetype'),
        url('../fonts/MoskExtra-Light200.svg#MoskExtra-Light200') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'mosk';
    src: url('../fonts/MoskBold700.eot');
    src: url('../fonts/MoskBold700.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MoskBold700.woff2') format('woff2'),
        url('../fonts/MoskBold700.woff') format('woff'),
        url('../fonts/MoskBold700.ttf') format('truetype'),
        url('../fonts/MoskBold700.svg#MoskBold700') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'mosk';
    src: url('../fonts/MoskSemi-Bold600.eot');
    src: url('../fonts/MoskSemi-Bold600.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MoskSemi-Bold600.woff2') format('woff2'),
        url('../fonts/MoskSemi-Bold600.woff') format('woff'),
        url('../fonts/MoskSemi-Bold600.ttf') format('truetype'),
        url('../fonts/MoskSemi-Bold600.svg#MoskSemi-Bold600') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'mosk';
    src: url('../fonts/MoskLight300.eot');
    src: url('../fonts/MoskLight300.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MoskLight300.woff2') format('woff2'),
        url('../fonts/MoskLight300.woff') format('woff'),
        url('../fonts/MoskLight300.ttf') format('truetype'),
        url('../fonts/MoskLight300.svg#MoskLight300') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'mosk';
    src: url('../fonts/MoskMedium500.eot');
    src: url('../fonts/MoskMedium500.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MoskMedium500.woff2') format('woff2'),
        url('../fonts/MoskMedium500.woff') format('woff'),
        url('../fonts/MoskMedium500.ttf') format('truetype'),
        url('../fonts/MoskMedium500.svg#MoskMedium500') format('svg');
    font-weight: 500;
    font-style: normal;
}

/*SIDEBAR*/

body .outline{
	padding:0;
	background-attachment: fixed;
}

body .outline .middle{
	text-align:left;
	width:100%;
	margin:0px auto;
	clear:both;
}
body .outline .middle{
	display:block;
	float:none;
	clear:both;
}
body .outline .middle:after{
	content: " ";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
body .outline .middle{
	/* clearfix(for IE6,7) */
	zoom:1;
}

body .outline .middle .column1{
	width:50%;
	float:left;    background: #F8F7F8;
}

body .outline .middle .column2{
	width:50%;
	float:left;
}
.localnavi{position: relative; width: 100%; height: 100vh;}
.pd-tp{display: table-cell; vertical-align: middle;width: 100%; height: 100vh;}
.pdtp-main{padding: 5% 10% 5% 20%}
.pro-info{padding: 80px 10% 80px 20%}
.pro-info h3{color: #000; font-size: 30px; font-weight: 700; border-bottom:1px solid #707070; margin: 0 0 10px; padding-bottom: 20px }
.pro-info ul li{padding: 30px 0px 30px 40px; border-bottom:1px solid #707070;}
.pro-info ul li ul li{padding: 0 0 0 25px; border: none; line-height: 24px; margin: 0 0 8px; position: relative; color: #656565; font-size: 15px}
.pro-info ul li ul li:before{position: absolute; left: 0; top: 9px; content: ""; width: 4px; height: 4px; border-radius: 100%; background: #656565}
.pro-info ul li h4{margin:0 0 15px; color: #000; font-size: 17px; position: relative}
.pro-info ul li h4:before{position: absolute; left: -30px; top: 0; content: "+"}
.pro-info ul li p{color: #656565; font-size: 15px}
.pdct-det{overflow: hidden}
.pro-info ul li a{color: #000; font-size: 15px}
.pro-info ul li a img{margin-right: 15px}
.tab-content h4{position: absolute; left: 0; right: 0; text-align: center; bottom: 130px; color: #000; font-size: 16px; font-weight: 400; z-index: 1}
.ic-det h4{bottom: 90px;}



/*SIDEBAR*/


/*FULLPAGE*/

html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -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-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.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: #c58b3e;
    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;
}

/*Only display content to screen readers*/
.fp-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.intro{display: flex; flex-wrap: wrap; width: 100%; height: 100vh; align-items: center; overflow: hidden;background: rgb(248, 247, 248);}
.main-lft{width: 55%;}
.main-rgt{height: 100%; width: 45%}
.main-rgt img{width: 100%; height: 100%; object-fit: cover;}
.fp-section.active .main-rgt img{}
.myContent{height: 417px}
.produ .main-lft, .produ .main-rgt{width: 50%}
.produ .main-rgt img{height: 100vh}
.produ #fp-nav{display: none}


/*FULLPAGE*/

/*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; position: absolute; top: -2px; color: #707070;
    font-size: 20px;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next:hover, .owl-carousel .owl-nav .owl-prev:hover{color: #C58C3E}
.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:-30px}
.owl-prev{left:-30px}

.owl-theme .owl-nav [class*=owl-]:hover {
	color: #fff;
	text-decoration: none; background:#d8b273; border-color:#d8b273
}
.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: #353535;
	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: #FCAF17; 
}



@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.slider-container{
position: relative;
display: block;
}
.slider-container:before{position:absolute; left:-5%; top:0; width:110%; height:100%; content:""; border:1px solid #c3c3c3; border-width:1px 0}
.slider-container:after{position:absolute; top:-5%; left:0; height:110%; width:100%; content:""; border:1px solid #c3c3c3; border-width:0px 1px}
.slider-container .slider .content img{
width: 100%;
}
.slider-container .slider-controls a{
position: absolute;
top: 45%;
z-index: 100;
color: #333333;
}
.slider-container .slider-controls a.slider-left{
left: -25px;
}
.slider-container .slider-controls a.slider-right{
right: -25px;
}
.slider-container img{width: 100%; height: 100vh; object-fit: cover}
.thumbnail-slider-container{
margin-top: 5px; width:63%; margin:auto; position: absolute; left: 0; right: 0; bottom: 50px
}
.thumbnail-slider .content{
padding:5px;
}
.thumbnail-slider .owl-item{cursor: pointer;}
.thumbnail-slider .owl-item.active.center{border: 3px solid #333333; }
.thumbnail-slider .owl-item .item{width:100%; color: #000; font-size: 19px; text-align: center;font-weight: 300; transition: all 0.5s ease}
.thumbnail-slider .owl-item .item:hover, .thumbnail-slider .owl-item.current .item{color: #C58C3E}
/*.thumbnail-slider .owl-item:first-child .item{display: none}*/


.produ .owl-theme .owl-nav.disabled+.owl-dots{position: absolute; left: 0; bottom: 20px; text-align: center; width: 50vw;}
.produ .owl-carousel .owl-dot, .multicontainer .owl-carousel .owl-nav .owl-next, .multicontainer .owl-carousel .owl-nav .owl-prev{position: relative}


/*CATE*/

/*MENU*/

.menu-button {
	width:50px;
	height:50px;
	position: absolute; background: #fff; border-radius: 100%; border: 1px solid #EBEBEB; right: 20px; top: 40px; z-index: 11; cursor: pointer
}
.menu-button span {
	width: 20px;
	height: 2px;
	border-radius: 6px;
	background: #C58C3E;
	content: "";
	display: block;
	bottom: 0;
	margin-top: 0;
	transition: 0.2s ease-in-out;
	position: absolute; left: 14px
}
.menu-button span:nth-child(1) {
	top: 17px;
}
.menu-button span:nth-child(2) {
	top: 23px;
}
.menu-button span:nth-child(3) {
	top: 29px;
}
.menu-button:hover span {
	transform: scaleY(1);
	transition: 0.2s ease-in-out;
}
.nav-active .menu-button span:nth-child(1) {
	margin-bottom: 10px;
	transform-origin: top left;
	transform: rotate(-45deg) scaleX(0.5) translateY(2px) translatex(-14px);
}
.nav-active .menu-button span:nth-child(2) {
	margin-bottom: 10px;
	transform-origin: center;
	transform: scaleY(1);
}
.nav-active .menu-button span:nth-child(3) {
	margin-bottom: 10px;
	transform-origin: top right;
	transform: rotate(45deg) scaleX(0.5) translateY(12px) translatex(-20px);
}
.main-navigation {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #fff url(../images/nav_bg.png);
	left: 0;
	top: 0px;
	transform-origin: left center;
	transform: scale3d(0, 1, 1);
	transition: 1s;
	transition-delay: .4s;
	z-index: 1;
}
.nav-active .main-navigation {
	transform: scale3d(1, 1, 1);
	transition: 0.3s;
	transition-delay: .6s;
}
.menu-slide {
	z-index: 1;
	position: fixed;
	height: 100%;
	width: 100%;
	background: #9994;
	left: 0px;
	top: 0px;
	transform-origin: left center;
	transform: scale3d(0, 1, 1);
	transition: 0.3s;
	transition-delay: .6s;
}
.nav-active .menu-slide {
	transform: scale3d(1, 1, 1);
	transition: 0.3s;
	transition-delay: 0.3s;
}
.main-navigation {
	display: flex;
	align-content: center;
	flex-direction: column;
}
.menu-hauptmenue-container {
	margin: auto;
	padding: 1rem 8%;
	width: 100%;
}
.menu-hauptmenue-container ul.menu {
	line-height: 2em; display: inline-block
}
.menu-hauptmenue-container .menu > li {
	padding: 21px 0;
	text-align: left;
	list-style-type: none;
}
.menu-hauptmenue-container .menu > li a {
	text-transform: none;
	font-size: 31px;
	font-weight: 700;
	text-decoration: none;
	color: #BEBEBE;
}
.menu-hauptmenue-container ul.menu > li:first-child {
	padding-top: 0;
}

.menu-hauptmenue-container ul.menu > li:last-child {
	padding-bottom: 0;
}
.menu-hauptmenue-container ul.menu a {
	display: inline-block;
	position: relative;
	transition: 0.3s;
}
.menu-hauptmenue-container a::before {
	background: #c58c3e;
	content: "";
	position: absolute;
	bottom: -10px;
	left: -15px;
	height: 2px;
	width: 100%;
	transition: all 0.8s ease;
	z-index: -1;
}

.menu-hauptmenue-container a:hover::before {
	left: 0px;
}
.current_page_item a {
	color: #fff0 !important;
	-webkit-text-stroke: 1px #2223;
	transition: 0.3s;
}

.current-menu-item a {
	color: #C58C3E !important;
	transition: 0.3s;
}
.current-menu-item ul li a{color: #BEBEBE !important}
.menu-item a:hover {
	color: #fff9;
}
.menu-item {
	position: relative;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
	opacity: 0;
	transform: translateY(100px);
	-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
	transition: opacity .2s ease, -webkit-transform .3s ease;
	transition: opacity .2s ease, transform .3s ease;
	transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease;
}
body.nav-active .menu-item {
	opacity: 1;
	-webkit-transform: translateX(0%);
	transform: translateY(0%);
	-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, transform .3s ease, color .3s ease;
	transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
}

body.nav-active .menu-item:nth-child(0) {
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
body.nav-active .menu-item:nth-child(1) {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
body.nav-active .menu-item:nth-child(2) {
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
body.nav-active .menu-item:nth-child(3) {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
body.nav-active .menu-item:nth-child(4) {
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
body.nav-active .menu-item:nth-child(5) {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
body.nav-active .menu-item:nth-child(6) {
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
body.nav-active .menu-item:nth-child(7) {
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}

.nav-img{position: absolute; top: 0; right: 0; width: 65%; height: 100%}
.nav-img img{width: 100%; height: 100%; object-fit: cover}
.nav-img h4{color: #fff; font-size: 28px; font-weight: 600; line-height: 36px; position: absolute; left: 5%; bottom: 10%; width: 50%; transition: all 0.8s ease; opacity: 0; transform: translateY(100px); text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16)}
.nav-img h6{color: #fff; font-size: 16px; line-height: 40px; position: absolute; left: 5%; bottom: 2%;transition: all 0.8s ease; opacity: 0; transform: translateY(100px) }
.nav-active .nav-img h4{opacity: 1; transform: translateY(0px); transition-delay: 0.8s}
.nav-active .nav-img h6{opacity: 1; transform: translateY(0px); transition-delay: 1.3s}
.logo{position: absolute; left: 20px; top: 20px; }
.logo img{width: 95px}
header{position: fixed; z-index: 11; width: 100%; top: 0}
::-webkit-scrollbar { 
    display: none; 
}


.file_menu {
    display:none;
    position: relative;
	padding: 30px 30px 0
}
.file_menu li{padding: 15px 0}
.file_menu li a{transition: all 0.8s ease}
.file_menu li a:hover{color: #C58C3E !important}
.file_menu li a:before{display: none}


/*MENU*/



/*MULTISCROLL*/

.spacer {
  height: 461px;
  width: 100%;
  position:relative;
  z-index: 999;
}

.multicontainer {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow:hidden;
}

.normal {
  height: 400px !important;
  width: 100%;
  background: red;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.ms-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ms-section.ms-table{
    display: table;
    width: 100%;
}
.ms-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.ms-easing {
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
}
#multiscroll-nav {
    position: fixed;
    z-index: 1;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#scrollbuttons{position: fixed; left: 15px; top: 50%; height: 70px; transform: translateY(-50%)}
.sb_up, .sb_down{width: 10px; position: absolute; height: 12px; cursor: pointer}
.sb_up:before{position: absolute; left: -3px; top: -42px; content: "\f106";  font-family: 'FontAwesome'; font-size: 28px; transition: all 0.8s ease; cursor: pointer; color: #707070}
.sb_down:before{position: absolute; left: -3px; bottom: -35px; content: "\f107";  font-family: 'FontAwesome'; font-size: 28px; transition: all 0.8s ease; cursor: pointer; color: #707070}
.sb_down{bottom: 0}
.sb_up:hover:before, .sb_down:hover:before{color: #C58C3E}
#multiscroll-nav.right {
    right: 17px;
}
#multiscroll-nav.left {
    left: 17px;
}
#multiscroll-nav ul{
  margin: 0;
  padding: 0;
}
#multiscroll-nav li{
    display: block;
    width: 10px;
    height: 10px;
    margin: 10px 0;
    position:relative;
}
#multiscroll-nav li a{
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#multiscroll-nav li .active span{
    background: #C58C3E;    box-shadow: 0 0 0 6px #f8f7f8, 0 0 0 8px #C58C3E;
}
#multiscroll-nav span{
    top: 2px;
    left: 2px;
    width: 5px;
    height: 5px;
    border: 1px solid #ACACAC;
    background: #ACACAC;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1; transition: all 0.8s ease
}
.ms-right img, .ms-left img{width: 100%; height: 100vh; object-fit: cover}
.pdct{padding: 5% 21% 5% 17%}
.pdct h2, .pdtp-main h2{color: #C58C3E; font-size: 49px; font-weight: 700; margin: 0 0 25px}
.pdct h2, .pdct p, .pdct a, .pdct h6, .pdct h4{transition: all 0.8s ease; transform: translateY(80px); opacity: 0}
.active .pdct h2, .active .pdct p, .active .pdct a, .active .pdct h6, .active .pdct h4{transform: translateY(0px); opacity: 1; transition-delay: 0.8s}
.active .pdct h2{transition-delay: 1.1s}
.active .pdct h4{transition-delay: 1.4s}
.active .pdct p{transition-delay: 1.7s}
.active .pdct a{transition-delay: 2.1s}
.pdct h4, .pdtp-main h4{color: #000; font-size: 30px; line-height: 45px; margin: 0 0 20px}
.pdct h6, .pd-tp h6{text-transform: uppercase; margin: 0;    color: #000;}
.pdct p, .pdtp-main p{color: #989898; font-size: 17px; line-height: 25px}
.pdct p span{color: #C58C3E}
.pdct a, .pdtp-main a{color: #000; font-size: 16px; padding-bottom: 10px; position: relative; margin-left: 30px}
.pdct a:before, .pdtp-main a:before{position: absolute; left: -30px; bottom: 0; content: ""; width: 100%; height: 2px; background: #C58C3E; border-radius: 6px; transition: all 0.8s ease}
.pdct a:before{width: 0}
.active .pdct a:before{width: 100%; transition-delay: 1.7s}
.produ .active .pdct a:before{transition-delay: 2.4s}
.pdct a:hover:before, .pdtp-main a:hover:before{left: 0; transition-delay: 0.1s;}
.pdtp-main a{margin-right: 45px}
.pdtp-main a:last-child:before{display: none}
.pdct h2 span{position: relative; margin: 0 0 0 2px}
.pdtp-main h2 span{position: relative;}
.ps h2 span:before{position: absolute; left: 3px; bottom: 0; content: ""; width: 24px; height: 38px; background: url(../images/.svg) no-repeat;     background-size: contain;}
.hn h2{margin: 0 0 40px}
.hn h2 span:before{position: absolute; left: -3px; bottom: -46px; content: ""; background: url(../images/y.svg) no-repeat; width: 62px; height: 84px; background-size: contain; }
.ic span{transform: rotate(90deg); writing-mode: vertical-rl; margin: 0 -24px !important;}

.multi-hm .ms-left{width: 55% !important}
.multi-hm .ms-right{width: 45% !important}
.multi-hm .pdct{padding: 5% 27% 5% 15%}
.intro .pdct p{color: #000; margin-bottom: 30px; font-weight: 300}
.hia{position: absolute; bottom: 3%; left: 5%; color: #414141; font-size: 16px; z-index: 1; transition: all 0.5s ease}
.fp-viewing-3 .hia{opacity: 0}
.hia a{color: #414141}
.hm-rgt{position: absolute; bottom: 3%; right: 2%; color: #C58C3E; font-size: 13px; z-index: 1}
.hm-rgt a{color: #000}
.hm-rgt a i{color: #C58C3E; margin-right: 10px; font-size: 16px; position: relative; top: 1px}
.msw #multiscroll-nav, .msw #scrollbuttons{display: none}


/*MULTISCROLL*/


/*VERTICAL_TAB*/

.tabs {
  position: relative;
  min-height: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; 
}
.tabs .tab:first-child {
  margin-top: 9%;
}
@media screen and (min-width: 55rem) {
  .tabs .tab {
    float: left;
    clear: left;
    width: 40%;
  }
}
.tabs .tab .tab-toggle {
	padding:25px 0 25px 30%;
	position: relative;
	outline: none;
	width: 100%;
	cursor: pointer;
	font-size: 17px; color: #000; 
}

@media screen and (min-width: 55rem) {
  .tabs .tab .tab-toggle {
    text-align: left;
  }
}
.tabs .tab .tab-toggle.active {
  cursor: pointer;
  position:relative; 
}
.tabs .tab .tab-toggle:before{position:absolute; left: 24%; top: 0; width: 4px; height: 100%; content: ""; background: #E3E3E3}
.tabs .tab .tab-toggle:after{position:absolute; left: 24%; top: 0; width: 4px; height: 0; content: ""; background: #C58C3E; transition: all 0.8s ease}
.tabs .tab .tab-toggle.active:after{height: 100%}

.tabs .content {
  max-height: 0;
  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: 60%;
    opacity: 0;
    padding: 0px;
    transform: translateX(0);
  }
}
.tabs .content.active {
  max-height: 3000px;
}
@media screen and (min-width: 55rem) {
  .tabs .content.active {
    max-height: none;
    opacity: 1;
    transform: none; z-index: 1
  }
}
.tabs .tab .tab-toggle h4{color: #000; font-size: 18px; font-weight: 600; margin: 0 0 15px}
.tabs .tab .tab-toggle p{color: #656565; line-height: 35px}
.tabs .tab .tab-toggle p a{color: #656565}
.gmap{width: 100%; float: right; height: 100vh; filter: grayscale(1);}
.con{overflow: hidden; padding-bottom: 0 !important; position: relative; width: 100%; height: 100vh; top: 0; transition: all 0.5s ease; padding: 0 !important}
.shrink{position: fixed}
.tabs .content figure{position: absolute; width: 50%; height: 400px; bottom: 0; left: 0}
.tabs .content figure img{width: 100%; height: 100%; object-fit: cover}
.tabs .content figcaption{position: absolute; left: 20px; right: 20px; bottom: 20px; color: #fff}
.tabs .tab h3{margin: 0 0 10% 24%; color: #C58C3E; font-size: 50px; font-weight: 700}
.tabs .tab h5{color: #C58C3E; font-size: 16px; margin: 0 0 -13px 30%}

/*VERTICAL_TAB*/





.abt{background: #fff url(../images/abt_tp.png) repeat-x top center; padding: 80px 0 50px;background-size: cover;}
.abt-tp{padding: 60px 0}
.abt-tp h6{text-transform: uppercase; color: #000; font-size: 16px}
.abt-tp h3{color: #C58C3E; line-height: 39px; font-size: 34px; padding: 0 10% 0 0; font-weight: 600; margin: 0 0 30px}
.abt-tp p{color: #989898; font-size: 20px; line-height: 31px}
.abt-mid figure{position: relative; padding-bottom: 30px}
.abt-mid figure figcaption{position: absolute; left: 30px; bottom: 0px; color: #C58C3E; font-weight: 300}
.abt-mid h3{color: #C58C3E; font-size: 40px;  font-weight: 600; margin: 0px 0 40px}
.abt-mid p{font-weight: 300; font-size: 18px; line-height: 31px}
.abt-mid h4{color: #C58C3E; font-weight: 600; font-size: 30px; margin: 50px 0 10px}
.abt-mid h4:first-child{margin-top: 0px}
.bs-50{padding: 50px}
.wwo{padding: 60px 0; background: #151515}
.wwo h3{color: #C58C3E; font-weight: 600; font-size: 30px; margin: 0 0 30px}
.wwo-top{background: #F7F7F7; padding:50px 50px 70px }
.wwo-top figure{position: relative; transition: all 0.5s ease}
.wwo-top figcaption{position: absolute; left: 0; right: 0; bottom: -20px; text-align: center; color: #000; font-size: 15px }
.wwo-img{height: 350px; line-height: 350px; text-align: center}
.wwo-btm{display: flex; position: absolute; background: rgba(213, 213, 213, 0.97); width: 100%; height: 100%; top: 100%; align-items: center; text-align: center; justify-content: center; transition: all 0.5s ease; }
.wwo-btm ul li{transition: all 0.8s ease; margin: 15px 0; display: block; color: #2C2C2C; font-size: 19px; line-height: 29px; font-weight: 300; transform: translateY(50px); opacity: 0}
.wwo-btm h4{color: #2C2C2C; font-size: 26px; margin: 0 0 20px}
.wwo-btm h5{color: #C58C3E; font-size: 15px}
.wwo .item a{display: block; position: relative; overflow: hidden}
.wwo .item a:hover .wwo-btm{top: 0;}
.wwo .item a:hover .wwo-top figure{filter: blur(10px); transition-delay: 0.5s}
.wwo .item a:hover .wwo-btm ul li{transition-delay: 0.3s; transform: translateY(0); opacity: 1}
.wwo .item a:hover .wwo-btm ul li:nth-child(2){transition-delay: 0.6s;}
.wwo .item a:hover .wwo-btm ul li:nth-child(3){transition-delay: 0.9s;}
.wwo .item a:hover .wwo-btm ul li:nth-child(4){transition-delay: 1.2s;}
.wwo .item a:hover .wwo-btm ul li:nth-child(5){transition-delay: 1.5s;}
.wwo .item a:hover .wwo-btm ul li:nth-child(6){transition-delay: 1.8s;}
.wwo .item a:hover .wwo-btm ul li:nth-child(7){transition-delay: 2.1s;}
.wwo .item a:hover .wwo-btm ul li:nth-child(8){transition-delay: 2.4s;}
.wwo .item a:hover .wwo-btm ul li:nth-child(9){transition-delay: 2.7s;}
.va{margin: 30px 0 0}
.va a{color: #fff; font-size: 16px; position: relative; padding-left: 30px; transition: all 0.8s ease; padding-bottom: 8px}
.va a:before{position: absolute; left: 0; bottom: 0; content: ""; width: 80%; height: 2px; border-radius: 45px; background: #C58C3E; transition: all 0.5s ease}
.va a:hover{padding-left: 0}
.va a:hover:before{width: 100%}
footer{background: #fff url(../images/ftr.png) no-repeat; background-size: cover;}
.ftr-tp{padding: 20px 0 20px;}
.ftr-tp h4{color: #C58C3E; font-size: 16px; margin: 0 0 20px}
.ftr-tp ul li{margin: 12px 0}
.ftr-tp ul li a{color: #555555; font-size: 16px; transition: all 0.7s ease}
.ftr-tp ul li a:hover{padding-left: 15px}
.ftr-btm{padding: 0 5% 20px}
.ftr-lft{float: left; color: #414141; font-size: 16px; }
.ftr-rgt{float: right; color: #414141; font-size: 14px; }
.ftr-rgt a, .insta-tp a{color: #414141}
.ftr-rgt a i, .insta-tp a i{color: #C58C3E; font-size: 16px; margin: 0 7px 0 0}
.form{font-size: 18px; color: #161616; background: transparent; border: none; font-weight: 600; padding: 0; margin: 0 0 20px -5px; cursor: pointer}
.box h5{color: #C58C3E; font-size: 17px}
.box p{color: #555; font-size: 16px; line-height: 35px}
.box p a{color: #555}
#instafeed-gallery-feed{display: flex; flex-wrap: wrap}
#instafeed-gallery-feed a{position: relative; display: block; width: 33.3333333%; padding: 0 15px; height: 394px; margin: 15px 0}
#instafeed-gallery-feed a img{width: 100%; height: 394px; object-fit: cover}
.instaInfo{position: absolute; left: 15px; right: 15px; top: 0; opacity: 0; transform: scale(0); transition: all 0.8s ease; background: rgba(0, 0, 0, 0.70); height: 100%; padding: 30px; align-items: flex-end; display: flex;}
#instafeed-gallery-feed a:hover .instaInfo{opacity: 1; transform: scale(1)}
.instaInfo p{color: #fff}
.instaInfo .fa-comment{margin-left: 20px}
.instaInfo .caption{display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.btn-lm{background: transparent; border: none; color: #747474; font-size: 22px; margin: 30px 0 0}
.insta h3{text-align: center; color: #C58C3E; margin: 30px 0; font-size: 34px}
.git{padding: 80px 0; background: linear-gradient(to right, #ffffff 0%,#f8f8f8 100%); position: relative}
.git h4{color: #000; font-size: 30px; margin: 0 0 30px; text-align: center; font-weight: 600}
.git label{color: #5C5C5C; font-size: 15px; margin: 0 0 10px}
.git .form-control{border-radius: 0; border-color: #BEBEBE; height: 53px; background: #FCFCFC}
.git textarea.form-control{height: 150px; resize: none}
.con-btn{background: #C58C3E; padding: 13px 40px; border: none; color: #fff; margin: 20px 0 0}
.header img{width: 100%; height: 101vh; object-fit: cover}
.header{width: 100%; height: 100vh}
.header video{object-fit: cover; width: 100%; height: 100%; z-index: 0; position: absolute; top: 0; left: 0;}
.sfn, .hny, .cvr{position: absolute; left: 10%; right: 0; margin: auto; z-index: 1; transform: translateY(-50%); top: 50%; width: 220px; transition: all 0.5s ease; opacity: 0}
.sfn img, .hny img, .cvr img{max-width: 100%}
.active .sfn, .active .hny, .active .cvr{opacity: 1; transition-delay: 0.3s}
.hny{width: 500px}
.cvr{width: 300px}
.sfn:before{position: absolute; left: -15%; top: -115px; content: ""; width: 125%; height: 100%; background: url(../images/flwr.png) no-repeat; background-size: contain; z-index: -1; transition: all 0.5s ease; transform: scale(0)}
.active .sfn:before{transform: scale(1); transition-delay: 0.8s}
.hny:before{position: absolute; right: -80px; top: -50px; content: ""; width: 160px; height: 66px; background: url(../images/bee.png) no-repeat; opacity: 0}
.active .hny:before{animation-duration: 1.3s; animation-fill-mode: both; opacity: 1; animation-name: zoomInLeft;}
.hny:after{position: absolute; left: -50%; top: 20px; content: ""; width: 69px; height: 69px; background: url(../images/bee1.png) no-repeat; opacity: 0}
.active .hny:after{animation-duration: 1.5s; animation-fill-mode: both; opacity: 1; animation-name: zoomInRight; animation-delay: 0.5s}
.cvr:before{position: absolute; right: 0; bottom: 0; content: ""; background: url(../images/cvr.png) no-repeat; width: 72px; height: 70px; transition: 0.8s ease; transform: translate3d(-150px, -123px, 0px); z-index: -1; opacity: 0}
.active .cvr:before{opacity: 1; transform: translate3d(0px, 0px, 0px); transition-delay: 0.8s}
.cvr:after{position: absolute; left: 0; top: 0; content: ""; background: url(../images/cvr1.png) no-repeat; width: 38px; height: 35px; transition: 0.8s ease; transform: translate3d(150px, 123px, 0px); z-index: -1; opacity: 0}
.active .cvr:after{opacity: 1; transform: translate3d(0px, 0px, 0px); transition-delay: 0.8s}



@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.viewd {
    position: absolute;
    top: 343px;
    right: 17px;
}
.viewd a{padding: 20px 37px 20px 38px; font-size: 12px; color: #000; background: #fff; }
.viewd a:first-child{background: #C58C3E; color: #fff}
.slider-container .item{position: relative; height: 100vh}
.carousel-inner img, .slider-container .item img{position:absolute; left:0; transition:all 1s ease;}
.carousel-inner:hover img.top, .slider-container .item:hover img.top{opacity:0}
.insta-tp{position: absolute; left: 2%;bottom: 4%; z-index: 1; transition: all 0.8s ease; opacity: 0; transform: translateY(100px)}
.nav-active .insta-tp{opacity: 1; transform: translateY(0); transition-delay: 1.3s}




@media (min-width:993px) and (max-width:1024px) {
	
	.sfn, .hny, .cvr{width: 180px}
	.cvr{width: 230px;}
	.hny {width: 400px;}
	.nav-link{margin: 0 25px}
	.nav-img{width: 60%}
	.pdct h4, .pdtp-main h4{font-size: 20px; line-height: 25px;}
	.pdct h2, .pdtp-main h2{font-size: 30px}
	.ps h2 span:before{width: 11px; height: 22px;}
	.hn h2 span:before{width: 19px; height: 68px;}
	.ic span{margin: 0 -14px !important;}
	
}


@media (min-width:768px) and (max-width:992px) {
	.hia{display: none}
	.pdct h2, .pdtp-main h2{font-size: 35px}
	.hny {width: 400px;}
	.cvr {width: 250px;}
	.ic span{    margin: 0 -17px !important;}
	.hn h2 span:before{height: 74px}
	.ps h2 span:before{left: 2px; height: 26px;}
	.nav-img{width: 55%}
	.nav-img h4{width: 90%;}
	.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 10px; position: absolute; left: 0; right: 0; bottom: -30px;}
	.owl-theme .owl-dots .owl-dot span{background: #fff}
	.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{position: relative}
	.thumbnail-slider .owl-nav .owl-next, .thumbnail-slider .owl-nav .owl-prev{position: absolute}
	#instafeed-gallery-feed a img{height: 100%}
	.insta{padding: 0}
	#instafeed-gallery-feed a{padding: 0 10px; height: 210px;}
	.con{position: relative; z-index: 1; height: auto}
	.tabs .tab .tab-toggle{    padding: 25px 0 25px 50px; background: #fff}
	.gmap{float: none; width: 100%;    height: 350px;}
	.tabs .content figure{position: relative; width: 100%; height: auto;}
	.tabs .tab .tab-toggle:before{width: 100%; height: 4px; left: 0; top: inherit; bottom: 0}
	.tabs .tab .tab-toggle:after{width: 0; height: 4px; left: 0; top: inherit; bottom: 0}
	.tabs .tab .tab-toggle.active:after{width: 100%; height: 4px}
	.tabs .content{padding: 0 1rem;}
	.tabs .content.active{padding-bottom: 20px; border-bottom: 4px solid #E3E3E3;}
	.tabs .tab:first-child{margin-top: 150px}
	.tabs .tab h3{margin: 0 0 10% 0;    text-align: center;}
	.tabs .tab h5{text-align: center; margin: 0}
	.git{margin: 0}
	.pdct h4, .pdtp-main h4{font-size: 25px;}
	.nav-link{margin: 0 10px;}
	.header{height: 430px !important;}
	.header video{object-fit: contain; position: relative;}
	.jq_sidebar_fix{position: relative !important}
	body .outline .middle .column1, body .outline .middle .column2{width: 100%; float: none}
	.pdtp-main {padding: 5% 20px;}
	.pd-tp{height: auto}
	.pro-info {padding: 40px 20px;}
	.produ .main-lft, .produ .main-rgt, .main-lft, .main-rgt{width: 100%}
	.produ .main-rgt img, .main-rgt img {height: 650px;}
	.intro{height: auto}
	.main-lft{padding: 80px 0 50px}
	.hny:before{background-size: contain; right: -30px; width: 130px;}
	.active .pdct h2, .active .pdct h6, .active .pdct h4{transition-delay: 0.5s;}
	.active .pdct p{transition-delay: 0.8s;}
	.active .pdct a{transition-delay: 1.1s;}
	.sfn, .hny, .cvr{transform: none; top: inherit; bottom: 50px}
	
}



@media (max-width:767px) {
	
	.multi-hm .ms-right, .ps h2 span:before, .hn h2 span:before, .hia{display: none}
	.multicontainer{height: 90vh}
	.pdct h2 span{margin: 0}
	.multi-hm .ms-left{width: 100% !important}
	.multi-hm .pdct {padding: 5% 5% 40% 15%}
	.pdct h2, .pdtp-main h2{font-size: 25px; margin-bottom: 10px}
	.pdct p, .pdtp-main p{font-size: 15px}
	.sfn, .hny, .cvr{bottom: 40px; top: inherit; width: 120px; transform: none; left: 0; right: 0; margin: auto;}
	.logo img {width: 80px;}
	.logo{top: 10px}
	.multi-hm .pdct p{margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	.sfn:before{top: -60px;}
	.hny {width: 250px;}
	.ic span{margin: 0 -11px !important;}
	.cvr {width: 200px;}
	.hny:after{left: -10%}
	.nav-img{width: 100%; top: 60%;height: 40%}
	.nav-img h4{font-size: 20px; line-height: 21px; width: 95%; bottom: 25%; display: none}
	.nav-img h6{font-size: 14px}
	.menu-hauptmenue-container .menu > li{padding: 10px 0;}
	.menu-hauptmenue-container .menu > li a{    font-size: 25px;}
	.main-navigation{display: block}
	.menu-hauptmenue-container{padding: 10% 8% 5%;}
	.abt-tp h3{padding: 0; font-size: 24px}
	.abt-mid h3{margin: 50px 0 40px 0px;}
	.bs-50, .insta{padding: 0}
	.abt-mid h4:first-child {margin-top: 20px;}
	.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 10px; position: absolute; left: 0; right: 0; bottom: -30px;}
	.owl-theme .owl-dots .owl-dot span{background: #fff}
	.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{position: relative}
	.ftr-lft, .ftr-rgt{float: none; text-align: center}
	.ftr-tp h4{margin: 20px 0}
	#instafeed-gallery-feed a{width: 50%;padding: 0 5px; height: 140px; margin: 5px 0;}
	#instafeed-gallery-feed a img{height: 100%}
	.con{position: relative; height: auto; z-index: 1}
	.git{margin: 0}
	.tabs .tab .tab-toggle{padding: 25px 0 25px 6%;    background: #fff;}
	.gmap{float: none; width: 100%;    height: 350px;}
	.tabs .content figure{position: relative; width: 100%; height: auto;}
	.tabs .tab .tab-toggle:before{width: 100%; height: 4px; left: 0; top: inherit; bottom: 0}
	.tabs .tab .tab-toggle:after{width: 0; height: 4px; left: 0; top: inherit; bottom: 0}
	.tabs .tab .tab-toggle.active:after{width: 100%; height: 4px}
	.tabs .content{padding: 0 1rem;}
	.tabs .content.active{padding-bottom: 20px; border-bottom: 4px solid #E3E3E3;}
	.tabs .tab:first-child{margin-top: 150px}
	.tabs .tab h3{margin: 0 0 10% 0;    text-align: center;}
	.tabs .tab h5{text-align: center; margin: 0}
	.ms-left, .ms-right{width: 100% !important;}
	.pdct{padding: 40px 15px 0}
	.pdct h4, .pdtp-main h4{font-size: 20px; line-height: 28px;}
	.ms-section.ms-table{background-color: rgba(248, 247, 248, 0.8) !important}
	.ms-viewing-0 .ms-left, .ms-viewing-2 .ms-left{z-index: 1}
	.pdct p{color: #000;}
	.header{height: 210px !important;    margin-top: 30%;}
	.header video{object-fit: contain; position: relative; height: 210px}
	.jq_sidebar_fix{position: relative !important}
	body .outline .middle .column1, body .outline .middle .column2{width: 100%; float: none}
	.pdtp-main {padding: 5% 20px;}
	.pd-tp{height: auto}
	.pro-info {padding: 40px 20px;}
	.nav-link{margin: 0 10px}
	.thumbnail-slider-container{width: 90%;    bottom: 40px;}
	.thumbnail-slider .owl-nav .owl-next, .thumbnail-slider .owl-nav .owl-prev{position: absolute}
	.thumbnail-slider .owl-prev{left: -15px}
	.thumbnail-slider .owl-next{right: -15px}
	.ic-det h4 h4{    bottom: 80px;}
	.aos-init.aos-animate{transition-delay: .3s !important;     transition-duration: .5s !important;}
	.abt-tp {padding: 0px 0;}
	.produ .main-lft, .produ .main-rgt, .main-lft, .main-rgt{width: 100%}
	.produ .main-rgt img, .main-rgt img {height: 400px;}
	.intro{height: auto}
	.main-lft{padding: 80px 0 50px}
	.hny:before{background-size: contain; right: -30px; width: 130px;}
	.active .pdct h2, .active .pdct h6, .active .pdct h4{transition-delay: 0.5s;}
	.active .pdct p{transition-delay: 0.8s;}
	.active .pdct a{transition-delay: 1.1s;}
	
}