html {
		overflow: hidden;
	}

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
		background: transparent;
	}
	html, body{
		height: 100vh;
	}
	#interactionBody .mCSB_inside > .mCSB_container {
		margin-right: 0;
		padding-right: 0;
	}
	h1, h2, h3, h4, h5, h6 {
		clear: both;
	}

	ul {
		list-style: none;
	}

	ol, ul{
		padding-left: 15px;
	}

	blockquote {
		quotes: none;
	}

	blockquote:before, blockquote:after {
		content: '';
		content: none;
	}

	del {
		text-decoration: line-through;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	a img {
		border: none;
	}

	html {
		/* height: 101%; */
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	a {
		font-style: none;
	}
	.vcenter {
		top: 50% !important;
		transform: translateY(-50%);
		-moz-transform:translateY(-50%);
	}
	nav, .title-interaction{
		transition: all 0.1s;
	}
	nav.scrollUp, .title-interaction.scrollUp {
		transform: translateY(-170px);
	}
	/* ///////////////////////////////////////////////////////////////////// 
//  02 - Owl Carousel
/////////////////////////////////////////////////////////////////////*/

	.owl-item .owl-dots {
		position: absolute;
		bottom: 15px;
		left: 0;
		width: 100%;
	}

	.owl-dots {
		text-align: center
	}

	.owl-dots .owl-dot {
		width: 15px;
		height: 15px;
		border-radius: 50px;
		opacity: 1;
		border: 2px solid #fff !important;
		background: transparent !important;
		margin: 10px 4px;
	}

	.owl-dots .owl-dot.active {
		background: #403F50 !important;
		border: 2px solid #403F50 !important;
	}

	.owl-item .owl-dots .owl-dot span {
		width: 14px !important;
		height: 14px !important;
	}

	/* ///////////////////////////////////////////////////////////////////// 
//  02 - Global 
/////////////////////////////////////////////////////////////////////*/

	.alignSelf{
		align-self: normal;
		display: unset !important;
	}

	img {
		user-select: none;
	}

	body {
		background-color: #000;
		font-family: Verdana, sans-serif;
		font-size: 14px;
		line-height: 20px;
		color: #fff;
		margin: 0;
		/* overflow-x: hidden; */
		/* overflow-y: auto; */
		text-rendering: optimizeLegibility;
		backface-visibility: hidden;
		background-attachment: fixed;
	}

	h1, h2, h3, h4, h5, h6 {
		font-size: 20px;
		line-height: 24px;
		font-weight: 700;
		font-family: 'Montserrat', sans-serif;
	}

	a {
		text-decoration: none;
		color: #6e8291;
	}

	a:hover {
		text-decoration: none;
		color: #6C6C6C;
	}

	hr {
		border: 0;
		height: 3px;
		width: 25%;
		background-color: #555;
	}

	h1 {
		font-size: 30px;
		line-height: normal;
		margin-bottom: 20px;
		font-weight: bold;
	}

	h2 {
		font-size: 26px;
		line-height: normal;
		text-transform: uppercase;
		margin-bottom: 15px;
		font-weight: bold;
	}

	h4 {
		font-size: 14px;
		margin-bottom: 20px;
		font-weight: normal;
	}

	.hidden {
		visibility: hidden;
		display: none;
	}

	.overlay {
		height: 100%;
		width: 100%;
		position: absolute;
		background: transparent;
		z-index: 99;
	}

	.float-left {
		float: left;
	}

	.float-right {
		float: right;
	}

	#wrapper {
		width: 100%;
		height: auto;
		overflow-y: auto;
		/* overflow-x: hidden; */
	}

	#wrapper-body{
		height: 100vh;
	}

	.on-top-div {
		position: fixed;
		top: 22%;
		width: 100%;
		z-index: 1000;
		transition: 0.8s;
		transition-timing-function: cubic-bezier(0.6, 0.05, 0.4, 1);
	}

	.hero-slider {
		opacity: 0;
	}

	.hero-slider.show {
		opacity: 1;
	}

	.mCSB_container{
		margin: 0 !important;
		padding-right: 30px;
	}

	.on-top-div.scrolled-section {
		top: 0%;
		transform: scale(0.7);
	}

	.scrolled-section-to.on-top-div {
		top: 30%;
		transform: initial;
	}

	.on-bottom-div {
		position: absolute;
		top: 10%;
		width: 100%;
		z-index: 1000;
		transform: scale(0.8)
	}

	.content-panel {
		padding-top: 106px;
		position: absolute;
		left: 0;
		right: 0;
	}

	.content-main-sec {
		height: calc(100vh - 164px);
		width: 95%;
		margin: 0 auto;
		border: 2px solid rgba(255, 255, 255, 0.29);
		border-radius: 10px;
	}

	.content-main-sec .inner {
		display: flex;
		align-self: center;
		height: 100%;
		width: 100%;
		padding: 0 3%;
		padding-top: 90px;
		padding-bottom: 36px;
	}

	.content-main-sec .inner .left-panel {
		width: 50%;
		margin-right: 20px;
	}

	.content-main-sec .inner .right-panel {
		width: 50%;
		margin-right: 0px;
	}

	#owl-carousel .carousel-cell .inner .left-panel, 
	#owl-carousel .carousel-cell .inner .right-panel {
		/* display: inline-flex; */
	}

	.content-main-sec .inner .text-sec, .content-main-sec .inner .image-sec, .content-main-sec .inner .video-sec {
		position: relative;
	}

	.content-main-sec .inner .text-sec .text-content-added {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		transform: translate(0%, -50%);
		padding-right: 20px;
		font-size: 21px;
		line-height: 1.4;
	}

	.content-main-sec .inner .text-sec .text-content-added h1:before {
		/* content: ''; */
		height: 146px;
		width: 73px;
		background: #FFC107;
		position: absolute;
		left: -19px;
		top: -10px;
		bottom: 0;
		margin: auto;
		z-index: -1;
	}

	.content-main-sec .inner .text-sec .text-content-added h1 {
		font-weight: 400;
		letter-spacing: 1px;
		font-size: 60px;
		line-height: normal;
		position: relative;
	}

	.content-main-sec .inner .image-sec img {
		margin: auto;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		max-width: 100%;
		max-height: 100%;
	}

	.right-panel.float-right.image-sec:before {
		width: 559px;
		height: 360px;
		border: 3px solid #ffffff;
		position: absolute;
		left: -13px;
		top: 70px;
		/* content: ''; */
		transition: all 0.5s
	}

	.right-panel.float-right.image-sec:after {
		width: 200px;
		height: 200px;
		border: 5px solid #FFC107;
		position: absolute;
		bottom: 70px;
		right: -17px;
		/* content: ''; */
		transition: all 0.5s;
	}

	.inner:hover .right-panel.float-right.image-sec:before {
		left: -25px;
		top: 58px;
	}

	.inner:hover .right-panel.float-right.image-sec:after {
		bottom: 51px;
		right: -38px;
	}

	.absolute-Center {
		height: 200px;
		width: 100%;
		text-align: center;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	#loading h1 {
		font-size: 120px;
	}

	#loading .sentence {
		margin-top: 60px;
	}

	#progress {
		width: 0;
	}

	.sentence {
		height: 100px;
		line-height: 100px;
	}

	.sentence span {
		margin: 0 10px;
	}

	.rotation180 {
		transform: rotate(180deg);
	}

	.sentence img:first-child {
		width: 50px;
	}

	.sentence img:last-child {
		width: 30px;
	}

	.align-top {
		vertical-align: top;
	}

	.align-bottom {
		vertical-align: bottom;
	}

	.speaker-icon {
		background: #ffffffbd;
		padding: 12px;
	}

	.sound-on-off img.speaker-icon {
		position: absolute;
		left: 20px;
		top: 20px;
		z-index: 99;
	}

	.sound-on-off img.speaker-icon.speaker-off {
		display: none;
		height: 56px;
		width: 56px;
	}

	.title-interaction {
		font-size: 2rem;
		line-height: normal;
		text-align: center;
		margin: 20px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
		position: absolute;
		z-index: 1;
		color: #fff;
		text-align: center;
		left: 0;
		right: 0;
		letter-spacing: 1px;
		margin-top: 25px;
	}

	.intro-discription {
		width: 100%;
		margin: auto;
		font-size: 1.2rem;
		line-height: 26px;
		position: absolute;
		opacity: 0.8;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
		padding: 20px ;
	}

	.intro-discription:after {
		/* height: 4px;
		width: 66px;
		content: '';
		background: #fff;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: -21px; */
	}

	/* //////////////////////////////////////////////////////////////////////
//  03 - Navbar Layout 
//////////////////////////////////////////////////////////////////////*/

	nav .nav {
		max-width: 700px;
		margin: 0 auto 36px;
		padding: 0;
		width: 70%;
		height: 100px;
		position: relative;
		z-index: 3;
		perspective-origin: 50% 50%;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		perspective: 1000px;
		-ms-transform: translate3d(0, 0, 0);
		transform: all .2s ease-in-out;
	}

	@media (min-width: 751px) {
		nav .nav {
			margin-bottom: 0;
			height: 230px;
			max-width: 700px;
			width: 100%;
		}
	}

	@media only screen and (min-width: 1025px) {
		nav .nav {
			max-width: 745px;
			height: 250px;
		}
		#wrapper nav .nav{
			margin-top: 30px;
		}
	}

	#wrapper nav .nav {
		left: 0;
	}

	.subpage nav .nav {
		width: 77%;
	}

	nav .nav .hit {
		position: absolute;
		left: 50%;
		margin-left: auto;
		margin-right: auto;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		top: -30px;
		width: 230px;
		height: 140px;
		background-color: transparent;
		z-index: 50;
	}

	@media (min-width: 751px) {
		nav .nav .hit {
			height: 250px;
		}
	}

	nav .nav {
		max-width: none;
		text-align: center
	}

	#wrapper nav .nav .hit {
		display: none;
	}

	nav .owl-carousel .owl-item:first-child{
		margin-left: 0;
	}

	nav .owl-carousel .owl-item{
		margin-left: -30px;
	}

	nav .nav li {
		max-width: 160px;
		max-height: 160px;
		cursor: pointer;
		display: inline-block;
		margin-left: -30px;
		position: relative;
		/* transition: 0.8s; */
		transition-timing-function: cubic-bezier(0.6, 0.05, 0.4, 1);
		line-height: 0
	}

	nav .nav li:hover{
		z-index: 999999;
	}

	.scrolled-section nav .nav li {
		transition-timing-function: cubic-bezier(0.6, 0.05, 0.4, 1);
	}

	.scrolled-section nav .nav li {
		position: relative;
	}

	.scrolled-section nav .nav li .overlay-scrolled {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.47058823529411764);
	}

	.scrolled-section nav .nav li.active .overlay-scrolled {
		display: none
	}

	.scrolled-section nav .nav li.circle .overlay-scrolled {
		border-radius: 50%
	}

	.scrolled-section nav .nav li:hover:before {
		background: transparent
	}

	.scrolled-section nav .nav li.active:before {
		content: none
	}

	nav .nav li:first-child {
		margin-left: 0;
	}

	nav .nav li h4 {
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
	}

	.scrolled-section nav .nav li.active h4 {
	    top: auto;
    bottom: 100%;
    margin-bottom: 6px;
	}

	.scrolled-section nav .nav li h4 {
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
		top: calc(50% - 9px);
		bottom: 0;
		margin: auto 0;
	}

	.subpage nav .nav li {
		width: 19.8%;
		left: 40%;
	}

	nav .nav li .hexagon-img polygon {
		stroke: #fff;
		stroke-width: 3px;
	}

	nav .nav li img {
		width: 100%;
		height: 100%;
		border: 5px solid #fff;
		object-fit: cover;
		object-position: center;
	}

	nav .nav li.circle img, nav .nav li.circle .js-tilt-glare, nav .nav li.circle {
		border-radius: 50%;
	}
	nav .nav li.studio .title {
		background: url("/img/global/nav-studio@2x.png") top left no-repeat;
		background-size: 100% 100%;
	}

	nav .nav li.studio .bg {
		background: url("/img/global/nav-bg-dark-gray.png") top left no-repeat;
	}

	nav .nav li.work .title {
		background: url("/img/global/nav-work@2x.png") top left no-repeat;
		background-size: 100% 100%;
	}

	nav .nav li.work .bg {
		background: url("/img/global/nav-bg-blue.png") top left no-repeat;
	}

	nav .nav li.home {
		z-index: 10;
	}

	nav .nav li.home img {
		padding: 30px;
		background-color: #FFC107;
	}

	#wrapper nav .nav li.home {
		cursor: default;
	}

	#wrapper nav .nav li.hover {
		z-index: 99999999999;
	}
	

	#wrapper nav .nav li.active {
		transform: scale(1.2) !important;
		z-index: 99999999999;
		pointer-events: none;
	}

	nav .owl-item.selected-topic{
		z-index: 99999999999;
		pointer-events: none;
	}

	#wrapper nav .nav li.home a {
		cursor: default;
	}

	#wrapper nav .nav li h4 {
		opacity: 0;
		transition: all
	}

	#wrapper .scrolled-section nav .nav li h4 {
		opacity: 0.5;
		transition: all
	}

	#wrapper .scrolled-section nav .nav li.active h4 {
		opacity: 1;
	}

	#wrapper nav .nav li:hover h4 {
		opacity: 1;
		transition: all 1s
	}

	nav .nav li.home .bg {
		background: url("/img/global/nav-bg-light-gray.png") top left no-repeat;
	}

	nav .nav li.brands .title {
		background: url("/img/global/nav-brands@2x.png") top left no-repeat;
		background-size: 100% 100%;
	}

	nav .nav li.brands .bg {
		background: url("/img/global/nav-bg-orange.png") top left no-repeat;
	}

	nav .nav li.inquire .title {
		background: url("/img/global/nav-inquire@2x.png") top left no-repeat;
		background-size: 100% 100%;
	}

	nav .nav li.inquire .bg {
		background: url("/img/global/nav-bg-yellow.png") top left no-repeat;
	}

	nav .nav li.blank {
		height: 120px;
		pointer-events: none;
	}

	@media (min-width: 751px) {
		nav .nav li.blank {
			height: 170px;
		}
	}

	nav .nav li.blank.blank1 {
		background-color: rgba(80, 106, 113, 0.93);
	}

	nav .nav li.blank.blank2 {
		background-color: rgba(133, 180, 192, 0.93);
	}

	nav .nav li.blank.blank3 {
		background-color: rgba(185, 130, 91, 0.93);
	}

	nav .nav li.blank.blank4 {
		background-color: rgba(203, 150, 76, 0.93);
	}

	nav .nav li .sticky {
		position: relative;
	}

	nav .nav li .sticky .title {
		text-align: center;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		transition: 0.2s opacity;
	}

	nav .nav li .sticky .title img {
		width: 100%;
	}

	.subnav-open nav .nav li .sticky .title {
		opacity: 1 !important;
	}

	#wrapper nav .nav li .sticky .title {
		opacity: 0;
	}

	nav .nav li .sticky .icon {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 5;
		transition: 0.15s opacity;
		background: url("/img/global/ring-tree.png") top left no-repeat;
		background-size: 100% 100%;
	}

	#wrapper nav .nav li .sticky .icon {
		display: none;
	}

	nav .nav li .sticky .icon img {
		width: 100%;
		max-width: 170px;
	}

	nav .nav li .sticky .home-icon {
		position: absolute;
		top: 0;
		left: 0px;
		width: 100%;
		padding-bottom: 100%;
		max-width: 170px;
		z-index: 51;
		background: url("/img/global/ring-tree.png") top left no-repeat;
		background-size: 100% 100%;
	}

	#wrapper nav .nav li .sticky .home-icon {
		opacity: 0;
	}

	nav .nav li .sticky .bg {
		max-width: 170px;
		width: 100%;
		opacity: 0.94;
		padding-bottom: 100%;
		background-size: 100% 100%;
	}

	/* //////////////////////////////////////////////////////////////////////
//  03 - General Layout 
//////////////////////////////////////////////////////////////////////*/

	.carte {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		visibility: hidden;
	}

	.carte-container {}

	.carte .black-bg {
		background-color: #000;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		z-index: 1;
	}

	.carte .white-bg {
		width: 80%;
		height: 80%;
		margin: auto;
		position: absolute;
		left: calc(50% - 40%);
		top: calc(50% - 40%);
		background-color: #f1f2f2;
		z-index: 5;
	}

	.carte .closeBtn {
		position: absolute;
		top: 0;
		right: 0;
		opacity: 0.6;
		z-index: 3;
		padding: 20px;
	}

	.carte .arrow-left {
		position: absolute;
		left: 0;
		top: calc(50% - 40%);
		cursor: pointer;
		z-index: 4;
		width: 10%;
		height: 80%;
	}

	.arrow-left img {
		position: relative;
		top: calc(50% - 40px);
		left: 50%;
	}

	.carte .arrow-right {
		position: absolute;
		right: 0;
		top: calc(50% - 40%);
		cursor: pointer;
		z-index: 3;
		width: 10%;
		height: 80%;
	}

	.arrow-right img {
		position: relative;
		top: calc(50% - 40px);
		left: calc(50% - 41px);
	}

	.carte .picture {
		float: left;
		width: 50%;
		height: 100%;
	}

	.picture #slideshowMenu {
		width: 100%;
		height: 100%;
	}

	#slideshowMenu .caption {
		position: absolute;
		bottom: 50px;
		text-align: center;
		left: 50%;
		font-family: Roboto;
		text-transform: uppercase;
	}

	.caption p {
		background-color: rgba(255, 255, 255, 0.6);
		padding: 3px 10px;
		color: #000;
		width: auto;
		margin: auto;
		position: relative;
		left: -50%;
		text-align: center;
		vertical-align: middle;
		line-height: 13px;
	}

	.picture #slideshowMenu .slide-img {
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center center;
	}

	.picture ul.rslides_tabs {
		position: absolute;
		bottom: 15px;
		z-index: 20;
		display: inline-block;
		width: 100%;
		text-align: center;
	}

	.picture ul.rslides_tabs li {
		display: inline-block;
		margin: 2px;
		width: 10px;
		height: 10px;
	}

	.picture ul.rslides_tabs li a .puce {
		transition: opacity 0.5s;
		background-color: #000;
		color: #000;
		border-radius: 50%;
		width: 10px;
		height: 10px;
		opacity: 0.3;
	}

	.picture ul.rslides_tabs li a .puce:hover {
		opacity: 0.4;
	}

	.picture ul.rslides_tabs li.rslides_here a .puce {
		opacity: 0.5;
	}

	#listingContent {
		margin: auto;
		width: 90%;
		max-width: 400px;
		position: relative;
		height: 100%;
	}

	.carte .listing {
		float: left;
		width: 50%;
		height: 100%;
		color: #000;
		overflow: hidden;
	}

	.carte .listing .title h3 {
		text-transform: uppercase;
		margin-bottom: 7px;
		width: auto;
	}

	.listing .title {
		width: auto;
		margin: 0;
		margin-top: 80px;
		margin-bottom: 20px;
		border-bottom: 5px solid #86c37a;
	}

	.listing .list-item {
		height: calc(100% - 220px);
		overflow: hidden;
		position: relative;
	}

	.listing ul {
		height: auto;
	}

	.listing h5 {
		font-family: roboto;
		font-size: 14px;
		text-transform: uppercase;
		line-height: 14px;
	}

	ul li p {
		line-height: 12px;
		margin-top: 4px;
		font-size: 12px;
	}

	.listing li {
		margin: 11px 0;
		width: 100%;
		position: relative;
		vertical-align: top;
		display: inline-block;
		line-height: 11px;
		height: auto;
	}

	ul li .blocLeft {
		width: 80%;
		text-align: left;
		display: inline-block;
		vertical-align: top;
		height: auto;
	}

	ul li .blocRight {
		vertical-align: top;
		text-align: right;
		position: absolute;
		top: 0;
		right: 0;
		width: 20%;
		font-weight: 700;
		font-family: roboto;
		font-size: 14px;
		text-transform: uppercase;
		line-height: 14px;
	}

	.listing .arrow-up {
		top: 120px;
		position: absolute;
		left: 0;
		bottom: 60px;
		width: 100%;
		text-align: center;
		height: 100px;
		z-index: 10;
		cursor: pointer;
	}

	.listing .arrow-down {
		transform: rotate(180deg);
		position: absolute;
		left: 0;
		bottom: 60px;
		width: 100%;
		text-align: center;
		height: 100px;
		z-index: 11;
		cursor: pointer;
	}

	.fixed {
		position: fixed;
		top: 0;
		z-index: 1;
	}

	.menu {
		mix-blend-mode: difference;
		position: fixed;
		z-index: 1000;
		right: 0;
		top: 40%;
		text-align: right;
		margin-right: 25px;
		opacity: 1;
	}

	.menu li {
		line-height: 25px;
	}

	.menu span {
		text-transform: uppercase;
		font-size: 10px;
		letter-spacing: 0.4em;
		vertical-align: middle;
		line-height: 12px;
		opacity: 0;
	}

	.menu .circle-o {
		line-height: 40px;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		position: relative;
		display: inline-block;
		vertical-align: middle;
		/*border: 1px solid #fff;*/
		background-color: #FFF;
	}

	.menu .circle {
		background-color: #fff;
		line-height: 20px;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		position: relative;
		display: inline-block;
		vertical-align: middle;
		border: 1px solid #fff;
	}

	.menu .logoFB {
		margin-top: 40px;
		opacity: 0.5;
		transition: opacity 0.5s;
	}

	.menu .logoFB:hover {
		cursor: pointer;
		opacity: 1;
	}

	.menu .logoFB a {
		color: #fff;
	}

	.menu .logoFB img {
		width: 13px;
		vertical-align: middle;
	}

	h1 {
		color: #fff;
		font-size: 40px;
		font-weight: lighter;
		margin-bottom: 10px;
	}

	#languages {
		position: absolute;
		right: 25px;
		top: 25px;
		z-index: 1000;
	}


	#languages #lang_sel a {
		font-family: Roboto;
		text-transform: uppercase;
		font-size: 10px;
		letter-spacing: 0.4em;
		background: none;
		border: none;
		color: #FFFFFF;
	}

	#languages a {
		text-decoration: none;
		font-family: Roboto;
		text-transform: uppercase;
		font-size: 10px;
		letter-spacing: 0.4em;
		background: none;
		border: none;
		color: #FFFFFF;
	}

	#languages #lang_sel li {
		width: auto;
	}

	#languages #lang_sel a:hover {
		text-decoration: none !important;
	}

	#languages #lang_sel a.lang_sel_sel:hover {
		text-decoration: none !important;
	}

	#languages #lang_sel ul ul {
		border: none;
	}

	/* //////////////////////////////////////////////////////////////////////
//  03 - SECTION 1
//////////////////////////////////////////////////////////////////////*/

	.section1, .section2, .section3, .section4, .section5, .section6, .section7, .section8, .section9, .section10 {
		/*overflow: hidden;*/
	}

	.section1 {
		height: 100vh;
		width: 100%;
		background-color: #000;
		position: relative;
		overflow: hidden;
	}

	.section1 .container {
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}

	.section1 .container .scene {
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}

	.section1 .container .scene .layer {
		width: 110%;
		height: 110vh;
		overflow: hidden;
	}
	.section1 .layer .medium {
		background-image: url(../images/forest2.jpg);
		background-size: cover;
		background-position: center;
		background-size: cover;
		position: absolute;
		width: 100%;
		height: 100%;
		left: -5%;
		top: -5%;
	}

	.section1 .titleslide {
		position: absolute;
		z-index: 102;
	}

	.section1 .arrow {
		position: absolute;
		z-index: 106;
		bottom: 20px;
		left: 50%;
		cursor: pointer;
		opacity: 0;
		font-family: Roboto;
		text-transform: uppercase;
		font-size: 10px;
		letter-spacing: 0.4em;
	}

	.section1 .arrow .align-middle {
		left: -50%;
		position: relative;
		text-align: center;
	}

	.section1 #scrollTitle {
		margin-bottom: 10px;
	}

	.titleslide {
		position: absolute;
		z-index: 10002;
		left: 50%;
		top: calc(50% - 100px);
	}

	.titleslide .title {
		width: 100%;
		text-align: center;
		height: 84px;
	}

	.titleslide .titleunder {
		display: block;
		vertical-align: middle;
		width: 100%;
		height: 100px;
		overflow: hidden;
		margin: auto;
		margin-top: 10px;
		margin-right: 13px;
		opacity: 0;
	}

	.titleslide .titleunder img {
		width: 300px;
		height: auto;
	}

	.align-middle {
		position: relative;
		left: -50%;
	}

	.blackscreen {
		height: 100%;
		width: 100%;
		background-color: #1f2326;
		position: absolute;
		z-index: 100;
		opacity: 1;
	}

	.blackscreen2 {
		height: 100vh;
		width: 100%;
		background-color: #000;
		position: fixed;
		z-index: 10001;
		opacity: 1;
	}

	.blackscreen2 .loader {
		width: 100px;
		/* margin: auto; */
		left: 50%;
		bottom: calc(50% - 100px);
		position: absolute;
		text-align: center;
	}

	.blackscreen2 .circlesvg, .blackscreen2 .circlesvg-bg {
		position: absolute;
		left: -50%;
		opacity: 0;
	}

	.blackscreen2 .circlesvg-bg {
		opacity: 0.3;
	}

	.blackscreen2 #logoLoading {
		opacity: 0;
	}

	.section1 .list {
		position: absolute;
		z-index: 103;
		left: 50%;
		top: 60%;
	}

	.listWord {
		position: relative;
		left: -50%;
		text-align: center;
	}

	.listWord li {
		display: inline-block;
		margin: 0 15px;
	}

	.listWord .word {
		opacity: 0;
	}

	.point1 {
		position: absolute;
		left: 143px;
		top: 15px;
		opacity: 0;
	}

	.point2 {
		position: absolute;
		left: 153px;
		top: 0px;
		opacity: 0;
	}

	.containerText {
		position: absolute;
		z-index: 105;
		width: 100%;
		height: 100%;
	}

	.textIntro {
		text-align: center;
		/* centrage horizontal */
		height: 100%;
		line-height: 100vh;
	}

	.textIntro span {
		color: #FFFFFF;
		transition: color 1s;
	}

	.textIntro span:nth-child(1) {
		transition-delay: 0.5s
	}

	.textIntro span:nth-child(2) {
		transition-delay: 1s
	}

	.textIntro span:nth-child(3) {
		transition-delay: 1.5s
	}

	.textIntro span:nth-child(4) {
		transition-delay: 2s
	}

	.textIntro.colored span:nth-child(1) {
		color: #cde4b0;
	}

	.textIntro.colored span:nth-child(2) {
		color: #ffe09c;
	}

	.textIntro.colored span:nth-child(3) {
		color: #6d969c;
	}

	.textIntro.colored span:nth-child(4) {
		color: #e98e7d;
	}

	.bloc {
		font-family: BernardoModaSemibold;
		color: #fff;
		text-transform: uppercase;
		font-size: 40px;
		max-width: 700px;
		text-align: justify;
		margin: 0 50px;
		line-height: 55px;
		display: inline-block;
		vertical-align: middle;
		user-select: none;
		cursor: default;
	}

	/* //////////////////////////////////////////////////////////////////////
//  03 - SECTION 2
//////////////////////////////////////////////////////////////////////*/

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

	.panel {
		height: 100%;
		width: 100%;
		position: absolute;
	}

	.section2 section:nth-child(1) {
		height: 100vh;
		display: table;
		z-index: 5;
	}

	.section2 section:nth-child(2) {
		height: 100vh;
		display: table;
		z-index: 4;
	}

	.section2 section:nth-child(3) {
		height: 100vh;
		display: table;
		z-index: 3;
	}

	.section2 section h2 {
		font-weight: lighter;
		font-size: 40px;
		text-transform: uppercase;
		text-align: center;
	}

	.section2 section p {
		text-align: center;
	}

	.section2 section:nth-child(1), .section2 section:nth-child(3) {
		color: #0f5152;
	}

	.section2 section:nth-child(2) {
		color: #f4c9c0;
	}

	.inside {
		display: table-cell;
		vertical-align: middle;
	}

	.bg1 {
		background-color: #cde4b0;
		z-index: -5;
		width: 101%;
		height: 100%;
		position: absolute;
	}

	.bg2 {
		background-color: #0f5152;
		z-index: -4;
		width: 101%;
		height: 100%;
		position: absolute;
		/*	background-image:  linear-gradient(-45deg, #ffe09c 0%, #ffe09c 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(-135deg, #ffe09c 0%, #ffe09c 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
background-position:  top right, top right;
background-size:  1rem 1rem, 1rem 1rem;
background-repeat: repeat-y;*/
	}

	.bg3 {
		background-color: #ffe09c;
		z-index: -3;
		width: 101%;
		height: 100%;
		position: absolute;
	}

	.title {
		display: table;
		margin: auto;
		width: 100%;
	}

	.title .titleObj {
		position: absolute;
		width: 100%;
	}

	.p {
		display: table;
		margin: auto;
		width: 100%;
	}

	.p .pObj {
		position: absolute;
		width: 100%;
	}

	.imgList {
		display: table;
		height: 500px;
		width: 100%;
		max-width: 1000px;
		margin: auto;
		font-size: 0;
	}

	.section2 section:nth-child(2) .imgList, .section2 section:nth-child(3) .imgList {
		display: table;
		height: 500px;
		margin: auto;
		padding: 100px 0 0 0;
	}

	.imgList .obj {
		width: 25%;
		display: inline-block;
	}

	.obj .objimg {
		width: 25%;
		max-width: 250px;
		height: auto;
		position: absolute;
	}

	.obj .objimg img {
		width: 100%;
	}

	.trigger1 {
		position: absolute;
		bottom: 50%;
	}

	/* //////////////////////////////////////////////////////////////////////
//  03 - SECTION 3
//////////////////////////////////////////////////////////////////////*/

	.textOverparallax {
		max-width: 450px;
		position: absolute;
	}

	.section3 {
		background-color: #fff;
		height: 100vh;
		width: 100%;
		position: relative;
		/* overflow: hidden; */
	}

	.section3 .back-to-top{
		position: fixed;
		bottom: 20px;
		z-index: 999;
		right: 20px;
		color: #fff;
	}

	.section3 .textOverparallax {
		z-index: 16;
		bottom: 10%;
		left: calc(50% - 200px);
	}

	.section3 .textOverparallax p, .section3 .textOverparallax h1 {
		text-align: left;
	}

	.parallax-window {
		background-size: cover;
		background-position: center center;
		width: 100%;
		height: 100vh;
	}

	.lampe {
		text-align: center;
		z-index: 20;
		position: absolute;
		bottom: 30%;
		left: calc(50% - 275px);
		left: calc(50% - 15%);
		width: 30%;
		min-width: 350px;
	}

	.lampe img {
		margin-top: -200px;
		width: 100%;
	}

	/* //////////////////////////////////////////////////////////////////////
//  03 - SECTION 4
//////////////////////////////////////////////////////////////////////*/

	.section4 {
		height: 100vh;
		width: 100%;
		background-color: #6d969c;
		position: relative;
		overflow: hidden;
	}

	.section4 .textOverparallax {
		z-index: 16;
		top: 35%;
		left: 20%;
	}

	.section4 .parallax-window, .section4 .parallax-window2 {
		background-size: cover;
		background-position: center center;
		position: absolute;
		height: 100vh;
		width: 100%;
		top: 0;
	}

	.section4 .parallax-window {
		z-index: 2
	}

	.section4 .parallax-window2 {
		z-index: 1
	}

	.triggerSection4 {
		position: absolute;
		bottom: 10px;
	}

	/* //////////////////////////////////////////////////////////////////////
//  03 - SECTION 5
//////////////////////////////////////////////////////////////////////*/

	.section5 {
		height: 100vh;
		width: 100%;
		position: relative;
	}

	.section5 .calme {
		background-color: #6d969c;
		height: 25%;
	}

	.section5para {
		overflow: hidden;
	}

	.section5 .calme:after {
		content: '';
		background-color: transparent;
		background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="200px" viewBox="0 0 10.4 117" enable-background="new 0 0 10 117" xml:space="preserve"><polygon fill="%236d969c" points="0,0 0,112.3 5.2,117.5 10.5,112.3 10.5,0 "/></svg>') repeat-x;
		background-position: bottom;
		height: 200px;
		width: 100%;
		position: absolute;
		top: 25%;
		z-index: 501;
		overflow: hidden;
		margin-top: -150px;
	}

	.parassol {
		position: absolute;
	}

	.parassol img {
		width: 350px;
		height: auto;
	}

	.verre {
		position: absolute;
		z-index: 510;
		top: calc(25% - 100px);
		left: calc(50% - 650px);
	}

	.verre img {
		width: 250px;
		height: auto;
	}

	.goutte {
		position: absolute;
		z-index: 120;
	}

	.goutte img {
		width: 30px;
		height: auto;
	}

	.parassol.ombre img {
		width: 410px;
		height: auto;
	}

	.parassol.rouge {
		z-index: 521;
		top: -15px;
		left: calc(50% - 660px);
	}

	.parassol.rouge.ombre {
		z-index: 520;
		top: 15px;
		left: calc(50% - 690px);
	}

	.parassol.vert {
		z-index: 526;
		top: -190px;
		right: calc(50% - 400px);
	}

	.parassol.vert.ombre {
		z-index: 525;
		top: -160px;
		right: calc(50% - 430px);
	}

	.parassol.creme {
		z-index: 524;
		top: 50px;
		right: calc(50% - 550px);
	}

	.parassol.creme.ombre {
		z-index: 523;
		top: 80px;
		right: calc(50% - 560px);
	}

	.calme .title {
		position: absolute;
		top: 10%;
		left: calc(50% - 325px);
		z-index: 502;
		max-width: 450px;
	}

	.calme .title h1 {
		color: #ffe09c;
		margin-bottom: 15px;
	}

	.section5 .section5para {
		height: 75%;
		width: 100%;
		/*background-image: linear-gradient(to bottom, #6d969c 0%, #194853 100%  );*/
	}

	.section5 .section5para .parallax-window {
		height: 100%;
		width: 100%;
	}

	.section5 .section5para .parallax-window img {
		min-width: calc(100% + 400px);
		min-height: 75vh;
		position: absolute;
		bottom: 0;
		/*background-image: linear-gradient(to bottom, #6d969c 0%, #194853 100%  );*/
	}

	/* //////////////////////////////////////////////////////////////////////
//  03 - SECTION 6
//////////////////////////////////////////////////////////////////////*/

	.section6 h1, .section6 h2 {
		margin: 10px 0;
	}



	.atable .title {
		margin-top: 60px;
		text-align: center;
		width: 250px;
	}

	svg#tracesvg {
		position: absolute;
		top: 530px;
		left: calc(50% - 623px);
		z-index: 610;
	}

	.selpoivre {
		position: absolute;
		right: 0;
		top: 400px;
	}

	.selpoivre img {
		height: 500px;
	}

	.basilic {
		position: absolute;
		top: 0;
		left: calc(50% - 400px);
		z-index: 616;
	}

	.huile {
		position: absolute;
		top: 160px;
		left: calc(50% - 500px);
		z-index: 616;
	}

	.huile img {
		width: 200px;
	}

	.menucarte {
		position: absolute;
		top: 40px;
		right: calc(50% - 545px);
		z-index: 615;
	}

	.plate1 {
		position: absolute;
		top: 300px;
		left: calc(50% - 534px);
		z-index: 620;
	}

	.salade {
		position: absolute;
		top: 440px;
		left: calc(50% + 12px);
	}

	.planchecharcuterie {
		position: absolute;
		top: 747px;
		left: calc(50% + 34px);
		z-index: 621;
	}

	.tomates-cerise {
		position: absolute;
		top: 791px;
		left: calc(50% - 700px);
		z-index: 621;
		transform: rotate(20deg);
	}

	.tomates-cerise img {
		width: 360px;
	}

	/* TRGGER */

	.trigger-salades {
		position: absolute;
		top: 750px;
	}

	.surlepouce {
		position: absolute;
		top: 1055px;
		left: calc(50% - 355px);
	}

	.moutarde {
		position: absolute;
		top: 1796px;
		left: calc(50% - 449px);
		z-index: 622;
	}

	.moutarde img {
		width: 180px;
	}

	.burger {
		position: absolute;
		top: 1370px;
		left: calc(50% - 455px);
		z-index: 622;
	}

	.burger img {
		width: 90%;
	}

	.frittes {
		position: absolute;
		top: 1488px;
		left: calc(50% + 250px);
		z-index: 622;
	}

	.frittes img {
		width: 520px;
	}

	.nosplats {
		position: absolute;
		top: 1480px;
		left: calc(50% + 40px);
	}

	.soja {
		position: absolute;
		top: 2063px;
		left: calc(50% + 689px);
		z-index: 622;
	}

	.soja img {
		width: 200px;
	}

	.wasabi {
		position: absolute;
		top: 1820px;
		left: calc(50% + 600px);
		z-index: 622;
	}

	.wasabi img {
		width: 150px;
	}

	.sushis {
		position: absolute;
		top: 1850px;
		left: calc(50% + 90px);
		z-index: 622;
	}

	.enviedesushi {
		position: absolute;
		top: 2061px;
		left: calc(50% + 40px);
	}

	.morceaux-chocolat {
		position: absolute;
		top: 2714px;
		left: calc(50% + 360px);
		z-index: 625;
	}

	.oeuf {
		position: absolute;
		top: 2660px;
		left: calc(50% + 310px);
		z-index: 626;
		transform: rotate(-10deg);
	}

	.gourmandise-1 {
		position: absolute;
		top: 2157px;
		left: calc(50% - 565px);
		z-index: 625;
	}

	.gourmandise-2 {
		position: absolute;
		top: 2513px;
		left: calc(50% + -558px);
		z-index: 626;
	}

	.gourmandise-3 {
		position: absolute;
		top: 2306px;
		left: calc(50% + 40px);
		z-index: 627;
	}

	.nosgourmandises {
		position: absolute;
		top: 2590px;
		left: calc(50% - 73px);
	}

	.agrumes {
		position: absolute;
		top: 3170px;
		left: calc(50% - 805px);
		z-index: 628;
	}

	.cocktail {
		position: absolute;
		top: 2970px;
		left: calc(50% - 315px);
		z-index: 628;
	}

	.cocktails {
		position: absolute;
		top: 3114px;
		left: calc(50% - 477px);
	}

	.cuillere {
		position: absolute;
		top: 3803px;
		left: calc(50% - 592px);
		z-index: 629;
		transform: rotate(-17deg);
	}

	.muffin {
		position: absolute;
		top: 3539px;
		left: calc(50% - 560px);
		z-index: 629;
	}

	.mug-3 {
		position: absolute;
		top: 3300px;
		left: calc(50% - 60px);
		z-index: 630;
	}

	.teatime {
		position: absolute;
		top: 3552px;
		left: calc(50% - 134px);
	}

	/* MENU SECTION 6 */

	.rollover {
		position: absolute;
		border-radius: 50%;
		/*background-color: rgba(0,255,0,0.5);*/
	}

	#decouvrir {
		opacity: 0;
	}

	.roundbtn {
		opacity: 0;
		position: absolute;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 1);
		height: 150px;
		width: 150px;
		transform-origin: 50% 50%;
		transform: scale(0);
		margin: calc(50% - 75px);
		text-align: center;
		line-height: 150px;
		vertical-align: middle;
		font-family: BernardoModa;
		font-size: 14px;
		text-transform: uppercase;
	}

	.plate1 .rollover {
		top: 5px;
		left: 62px;
		width: 478px;
		height: 478px;
	}

	.planchecharcuterie .rollover {
		top: 34px;
		left: 19px;
		width: 470px;
		height: 470px;
	}

	.burger .rollover {
		top: 38px;
		left: 29px;
		width: 400px;
		height: 400px;
	}

	.sushis .rollover {
		top: 51px;
		left: 139px;
		width: 400px;
		height: 400px;
	}

	.gourmandise-1 .rollover {
		top: 7px;
		left: 28px;
		width: 300px;
		height: 300px;
	}

	.cocktail .rollover {
		top: 6px;
		left: 70px;
		width: 310px;
		height: 310px;
	}

	.mug-3 .rollover {
		top: 15px;
		left: 94px;
		width: 320px;
		height: 320px;
	}

	/* //////////////////////////////////////////////////////////////////////
//  03 - SECTION 7
//////////////////////////////////////////////////////////////////////*/

	.section7 {
		background-color: #fff;
		height: 400px;
		width: 100%;
		position: relative;
		overflow: hidden;
		color: #000;
	}

	.section7 .textOverparallax {
		z-index: 72;
		position: absolute;
		top: 43%;
		left: 20%;
		opacity: 1;
	}

	.section7 .textOverparallax p, .section7 .textOverparallax h1 {
		color: #000;
		text-align: left;
	}

	.section7 .parallax-window {
		background-position: middle right;
	}

	/* //////////////////////////////////////////////////////////////////////
//  03 - SECTION 8
//////////////////////////////////////////////////////////////////////*/

	.section8 {
		height: 100vh;
		width: 100%;
		background-color: #000;
		position: relative;
		/*background-image: url("http://le-mugs.com/wp-content/themes/mugs/./images/diapo.jpg");
background-position: center;
background-size: cover;*/
	}

	.slideshow {
		height: 100vh;
		width: 100%;
	}

	.rslides li {
		width: 100%;
		height: 100%;
	}

	.rslides_nav {
		position: absolute;
		bottom: 40px;
		z-index: 100;
		width: 100px;
		height: 100px;
		line-height: 100px;
		text-align: center;
		overflow: visible;
		transition: all 0.3s;
	}

	.rslides_nav:hover {
		opacity: 0.5;
	}

	a.rslides_nav.rslides1_nav.prev:hover {
		background-position: 40%;
	}

	a.rslides_nav.rslides1_nav.next:hover {
		background-position: 60%;
	}


	.slide {
		width: 100%;
		height: 100%;
		background-position: center center;
		background-size: cover;
	}

	/* //////////////////////////////////////////////////////////////////////
//  03 - SECTION 9
//////////////////////////////////////////////////////////////////////*/

	.section9 {
		height: 200vh;
		width: 100%;
		background-color: #FFF;
		position: relative;
	}

	.equipe1 {
		position: absolute;
		right: calc(50% + 110px);
		top: 10vh;
	}

	.equipe1 img {
		height: 90vh;
	}

	.equipe2 {
		position: absolute;
		bottom: 10vh;
		left: calc(50% - 90px);
		z-index: 900;
	}

	.equipe2 img {
		height: 125vh;
	}

	.equipe3 {
		position: absolute;
		right: calc(50% + 110px);
		top: calc(100vh + 20px);
	}

	.equipe3 img {
		height: 70vh;
	}

	.section9 .paragraph {
		position: absolute;
		bottom: 145vh;
		left: calc(50% - 90px);
	}

	.paragraph h1 {
		color: #000;
	}

	.paragraph p {
		color: #000;
		width: 320px;
	}

	/* //////////////////////////////////////////////////////////////////////
//  03 - SECTION 10
//////////////////////////////////////////////////////////////////////*/

	.section10 {
		height: 25vh;
		width: 100%;
		background-color: #ffda81;
		position: relative;
	}

	.section10:after {
		background-color: transparent;
		background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="200px" viewBox="0 0 10.4 117" enable-background="new 0 0 10 117" xml:space="preserve"><polygon fill="%23ffda81" points="0,0 0,112.3 5.2,117.5 10.5,112.3 10.5,0 "/></svg>') repeat-x;
		background-position: bottom;
		height: 200px;
		width: 100%;
		position: absolute;
		top: 25vh;
		overflow: hidden;
		content: '';
		margin-top: -150px;
		z-index: 500;
	}

	.section10 .paragraph {
		position: absolute;
		top: calc(50% - 64px);
		left: calc(50% - 250px);
		z-index: 501;
		text-shadow: #000 -100px 10px 20px;
	}

	.spot {
		position: absolute;
		bottom: calc(50% - 64px);
		left: calc(50% + 150px);
		z-index: 850;
	}

	.spot img {
		width: 200px;
	}

	/* //////////////////////////////////////////////////////////////////////
//  03 - SECTION 11
//////////////////////////////////////////////////////////////////////*/

	.section11 {
		height: 75vh;
		width: 100%;
		position: relative;
		background-image: linear-gradient(to bottom, #ffda81 0%, #ffda81 40%, #e98e7d 100%);
		overflow: hidden;
	}

	.section11 .container {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.section11 .container .scene {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.section11 .container .scene .layer {
		width: 110%;
		height: 110%;
		overflow: hidden;
	}

	/* //////////////////////////////////////////////////////////////////////
//  03 - SECTION 12
//////////////////////////////////////////////////////////////////////*/

	.section12 {
		height: calc(100vh);
		width: 100%;
		position: relative;
		background-color: #aad4b3;
	}

	.info-container {
		position: absolute;
		top: 0;
		height: 65vh;
		left: 50%;
		display: table-row-group;
		vertical-align: middle;
		z-index: 3;
	}

	.info {
		position: relative;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		height: 65vh;
		left: -50%;
	}

	.info .logo {
		position: relative;
		left: -50%;
	}

	.info .logo .title img {
		width: 150px;
	}

	.info .logo .title {
		text-align: center;
	}

	.info .logo .titleunder {
		text-align: center;
	}

	.info .logo .titleunder img {
		width: 200px;
	}

	.info h3 {
		text-transform: uppercase;
		margin-bottom: 10px;
	}

	.horaires {}

	.horaires .title {
		width: 400px;
	}

	.info p {
		font-size: 20px;
		font-family: RobotoThin;
	}

	.days {
		float: left;
		width: 60%;
		text-align: left;
		font-size: 20px;
		line-height: 30px;
		font-family: RobotoThin;
	}

	.hours {
		float: right;
		width: 40%;
		text-align: right;
		font-size: 20px;
		line-height: 30px;
		font-family: RobotoThin;
	}

	.phone {
		text-align: center;
		margin: 20% 0;
	}

	.phone p {
		font-size: 22px;
		color: #fff;
	}

	.likeus {
		text-align: center;
		font-size: 20px;
		line-height: 30px;
		font-family: RobotoThin;
	}

	.legume {
		position: absolute;
	}

	.legume1 {
		top: -100px;
		left: calc(50% + 550px);
	}

	.legume1 img {
		width: 220px;
	}

	.legume2 {
		top: -150px;
		right: calc(50% - 400px);
	}

	.legume2 img {
		width: 150px;
	}

	.legume3 {
		top: 500px;
		left: calc(50% + 650px);
	}

	.legume3 img {
		width: 240px;
	}

	.legume4 {
		top: 100px;
		left: calc(50% - 850px);
	}

	.legume4 img {
		width: 200px;
	}

	.legume5 {
		top: 700px;
		left: calc(50% - 50px);
	}

	.legume6 {
		top: -650px;
		left: calc(50% - 520px);
	}

	.legume7 {
		top: 0px;
		left: calc(50% + 320px);
	}

	.legume7 img {
		width: 150px;
	}

	.legume8 {
		top: 150px;
		left: calc(50% - 550px);
	}

	.legume8 img {
		width: 190px;
	}

	.map {
		height: 35vh;
		width: 100%;
		position: relative;
	}

	.infomap {
		z-index: 2;
		position: absolute;
		left: 50%;
		bottom: 10%;
	}

	.infomap a {
		text-decoration: none;
		color: #fff;
	}

	.address {
		margin-top: 100px;
		width: 350px;
		height: auto;
		background-color: rgba(26, 75, 85, 0.8);
		padding: 10px;
	}
	.watermark-block {
		position: fixed;
		left:20px;
		bottom: 20px;
		z-index: 999999;
		pointer-events: none;
	  }
	  
	  .watermark-block img{
	  width: 120px;
		  display: block;
	  }
	  
	  /* watermark end */
	/*////////////////////////////////////////////////////////////////////
//  03 - SECTION 13 
////////////////////////////////////////////////////////////////////*/

	.section13 {
		background-color: #aad4b3;
		height: auto;
	}

	.section13 .container {
		font-family: Roboto;
		margin: auto;
		padding: 40px 0px;
		max-width: 850px;
	}

	.section13 .container H4 {
		font-family: Roboto;
		font-weight: normal;
		text-align: center;
	}

	.section13 .container .text_wrapp {
		width: 75%;
		display: inline-block;
		vertical-align: middle;
	}

	.section13 #subForm {
		font-size: 0px;
		margin: auto;
		width: 60%;
	}

	.section13 .container .text_wrapp #fieldEmail {
		background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
		border: medium none;
		box-shadow: none;
		color: #fff;
		float: left;
		font-size: 24px;
		font-weight: 300;
		width: 100%;
		position: relative;
		top: 4px;
	}

	.section13 .container .text_wrapp #fieldEmail::-webkit-input-placeholder {
		color: rgba(255, 255, 255, 0.7);
		font-weight: normal;
	}

	.section13 .container .bnt_wrapp {
		width: 25%;
		display: inline-block;
	}

	.section13 .container .bnt_wrapp .btn {
		user-select: none;
		background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 1;
		margin-bottom: 0;
		min-width: 155px;
		padding: 14px 28px 13px;
		text-align: center;
		text-transform: uppercase;
		transition: all 0.3s ease 0s;
		vertical-align: middle;
		white-space: nowrap;
		border: 3px solid #FFFFFF;
	}

	.section13 .container .bnt_wrapp .btn:hover {
		color: #333333;
		background: #FFFFFF;
		border-color: #FFFFFF;
	}

	.section13 input:focus {
		outline: 0;
	}

	.section13 .btn:focus {
		outline: 0;
	}

	#thankyou {
		display: block;
		margin: auto;
		padding: 20px;
		width: 340px;
		margin-top: 20px;
	}

	#madeby {
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 10px;
	}

	#madeby a {
		text-decoration: none;
		color: #fff;
	}

	#madeby img {
		height: 40px;
		vertical-align: middle;
	}

	.gm-err-container {
		height: 100%;
		width: 100%;
		display: table;
		background-color: #e0e0e0;
		position: relative;
		left: 0;
		top: 0
	}

	.gm-err-content {
		border-radius: 1px;
		padding-top: 0;
		padding-left: 10%;
		padding-right: 10%;
		position: static;
		vertical-align: middle;
		display: table-cell
	}

	.gm-err-content a {
		color: #4285f4
	}

	.gm-err-icon {
		text-align: center
	}

	.gm-err-title {
		margin: 5px;
		margin-bottom: 20px;
		color: #616161;
		font-family: Roboto, Arial, sans-serif;
		text-align: center;
		font-size: 24px
	}

	.gm-err-message {
		margin: 5px;
		color: #757575;
		font-family: Roboto, Arial, sans-serif;
		text-align: center;
		font-size: 12px
	}

	.gm-err-autocomplete {
		padding-left: 20px;
		background-repeat: no-repeat;
		background-size: 15px 15px
	}

	.gm-control-active>img {
		box-sizing: content-box;
		display: none;
		left: 50%;
		pointer-events: none;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%)
	}

	.gm-control-active>img:nth-child(1) {
		display: block
	}

	.gm-control-active:hover>img:nth-child(1), .gm-control-active:active>img:nth-child(1) {
		display: none
	}

	.gm-control-active:hover>img:nth-child(2), .gm-control-active:active>img:nth-child(3) {
		display: block
	}

	.gm-ui-hover-effect {
		opacity: .6
	}

	.gm-ui-hover-effect:hover {
		opacity: 1
	}

	.gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div {
		font-size: 10px;
		box-sizing: border-box
	}

	@media print {
		.gm-style .gmnoprint, .gmnoprint {
			display: none
		}
	}

	@media screen {
		.gm-style .gmnoscreen, .gmnoscreen {
			display: none
		}
	}

	.gm-style-pbc {
		transition: opacity ease-in-out;
		background-color: rgba(0, 0, 0, 0.45);
		text-align: center
	}

	.gm-style-pbt {
		font-size: 22px;
		color: white;
		font-family: Roboto, Arial, sans-serif;
		position: relative;
		margin: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.gm-style img {
		max-width: none;
	}

	.gm-style {
		font: 400 11px Roboto, Arial, sans-serif;
		text-decoration: none;
	}

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 .07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}

	.wpml-ls-legacy-dropdown {
		width: 15.5em;
		max-width: 100%
	}

	.wpml-ls-legacy-dropdown>ul {
		position: relative;
		padding: 0;
		margin: 0 !important;
		list-style-type: none
	}

	.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu {
		visibility: visible
	}

	.wpml-ls-legacy-dropdown .wpml-ls-item {
		padding: 0;
		margin: 0;
		list-style-type: none
	}

	.wpml-ls-legacy-dropdown a {
		display: block;
		text-decoration: none;
		color: #444;
		border: 1px solid #cdcdcd;
		background-color: #fff;
		padding: 5px 10px;
		line-height: 1
	}

	.wpml-ls-legacy-dropdown a span {
		vertical-align: middle
	}

	.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
		position: relative;
		padding-right: calc(10px + .7em + .7em)
	}

	.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
		padding-right: 10px;
		padding-left: calc(10px + .7em + .7em)
	}

	.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
		content: '';
		vertical-align: middle;
		display: inline-block;
		border: .35em solid transparent;
		border-top: .5em solid;
		position: absolute;
		right: 10px;
		top: calc(50% - .175em)
	}

	.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
		right: auto;
		left: 10px
	}

	.wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
		color: #000;
		background: #eee
	}

	.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
		visibility: hidden;
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		border-top: 1px solid #cdcdcd;
		padding: 0;
		margin: 0;
		list-style-type: none;
		z-index: 101
	}

	.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
		border-width: 0 1px 1px 1px
	}

	.wpml-ls-legacy-dropdown .wpml-ls-flag {
		display: inline;
		vertical-align: middle;
		width: 18px;
		height: 12px
	}

	.wpml-ls-legacy-dropdown .wpml-ls-flag+span {
		margin-left: .4em
	}

	.rtl .wpml-ls-legacy-dropdown .wpml-ls-flag+span {
		margin-left: 0;
		margin-right: .4em
	}

	.wpml-ls-statics-shortcode_actions {
		background-color: #ffffff;
	}

	.wpml-ls-statics-shortcode_actions, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .wpml-ls-statics-shortcode_actions a {
		border-color: #cdcdcd;
	}

	.wpml-ls-statics-shortcode_actions a {
		color: #444444;
		background-color: #ffffff;
	}

	.wpml-ls-statics-shortcode_actions a:hover, .wpml-ls-statics-shortcode_actions a:focus {
		color: #000000;
		background-color: #eeeeee;
	}

	.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a {
		color: #444444;
		background-color: #ffffff;
	}

	.wpml-ls-statics-shortcode_actions .wpml-ls-current-language:hover>a, .wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a:focus {
		color: #000000;
		background-color: #eeeeee;
	}

	.rslides {
		position: relative;
		list-style: none;
		overflow: hidden;
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.rslides li {
		-webkit-backface-visibility: hidden;
		position: absolute;
		display: none;
		width: 100%;
		left: 0;
		top: 0;
	}

	.rslides li:first-child {
		position: relative;
		display: block;
		float: left;
	}

	.rslides img {
		display: block;
		height: auto;
		float: left;
		width: 100%;
		border: 0;
	}

	.effects-top {
		z-index: 10000;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		overflow: hidden;
	}

	.top-layer {
		position: absolute;
		width: 100%;
		height: 100%;
		top: -100%;
		left: 0;
		bottom: auto;
		right: auto;
		background: #6c567b;
		transition: all 0.9s cubic-bezier(0.6, 0.05, 0.4, 1);
	}

	.top-layer.active {
		top: 100%;
	}

	.top-layer--2 {
		background: #393e46;
		transition-delay: 0.8s;
	}

	.top-layer--3 {
		background: #6c5b7b;
		transition-delay: 0.6s;
	}

	.top-layer--4 {
		background: #c06c84;
		transition-delay: 0.4s;
	}

	.top-layer--5 {
		background: #f67280;
		transition-delay: 0.2s;
	}

	.bottom-layer {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 100%;
		left: 0;
		bottom: auto;
		right: auto;
		background: #48466d;
		transition: all 0.9s cubic-bezier(0.6, 0.05, 0.4, 1);
	}

	.bottom-layer.active {
		top: -100%;
	}

	.bottom-layer--2 {
		background: #ecf3a3;
		transition-delay: 0.8s;
	}

	.bottom-layer--3 {
		background: #95a792;
		transition-delay: 0.6s;
	}

	.bottom-layer--4 {
		background: #6c5b7b;
		transition-delay: 0.4s;
	}

	.bottom-layer--5 {
		background: #c06c84;
		transition-delay: 0.2s;
	}

	.hide-element {
		display: block;
		top: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		background: #2a2b6d;
	}

	.tilt-wrap {
		overflow: hidden;
		/*
	Change the perspective to increase or decrease the effect.
	You may have to adjust the scale transform in the JS to
	keep the image from tilting so far that it exposes the
	background. Test it out on a big screen.
	*/
		perspective: 1000px;
	}

	.tilt {
		width: 100%;
		height: 1000px;
		transform-style: preserve-3d;
		background: url('https://images.unsplash.com/photo-1460500063983-994d4c27756c?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=27c2758e7f3aa5b8b3a4a1d1f1812310');
		background-size: cover;
	}

	.owl-carousel .owl-stage {
		margin: 0 auto;
	}

	#interactionTopicList .owl-stage.alignC {
		justify-content: center;
		align-items: center;
		display: flex;
	}

	
.owl-nav {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: left !important;
        margin-top: 0;
        height: 0;
}

.owl-nav [class*=owl-] {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0 20px !important;
        padding: 8px 14px !important;
}

.owl-nav i {
        font-size: 80px;
        outline: none !important
}

.owl-nav .disabled {
        pointer-events: none;
}

.owl-next {
        float: right;
}

	#interactionTopicList.owl-carousel .owl-stage-outer {
		padding: 27px 0;
		overflow: visible;
	}

	.hero-slider .owl-carousel, .hero-slider .owl-stage-outer, .hero-slider .owl-stage-outer .owl-stage, .hero-slider .owl-stage-outer .owl-stage .owl-item {
		/* height: auto !important; */
	}

	.hero-slider .carousel-cell.scolling-start .inner {
		opacity: 0.4;
		-webkit-transition: opacity ease-in 0.4s 0.8s;
		-moz-transition: opacity ease-in 0.4s 0.8s;
		-o-transition: opacity ease-in 0.4s 0.8s;
		-ms-transition: opacity ease-in 0.4s 0.8s;
		transition: opacity ease-in 0.4s 0.4s;
	}

	.hero-slider .owl-item.active .scolling-start .inner.smoothshow {
		opacity: 1;
	}

	.hero-slider .carousel-cell.is-selected.scolling-start .inner {
		opacity: 1;
	}

	.hero-slider .carousel-cell .inner .left-panel {
		width: 50%;
		margin-right: 20px;
	}

	.float-left {
		float: left;
	}

	.float-right {
		float: right;
	}

	.hero-slider .carousel-cell .inner .right-panel {
		width: 50%;
		margin-left: 20px;
	}

	.hero-slider .carousel-cell .inner .subtitle {
		font-family: 'Roboto Slab', serif;
		font-size: 2.2rem;
		line-height: 1.2em;
		font-weight: 200;
		font-style: italic;
		letter-spacing: 3px;
		color: rgba(255, 255, 255, 0.5);
		margin-bottom: 5px;
	}

	.hero-slider .carousel-cell .inner .text-content-added {
		font-family: 'Montserrat', sans-serif;
		font-size: 1rem;
	}

	.hero-slider .carousel-cell .inner .image-sec {
		height: auto;
	}

	.hero-slider .carousel-cell .inner .image-sec, .hero-slider .carousel-cell .inner .video-sec {
		position: relative;
	}

	.hero-slider .carousel-cell .inner .image-sec img {
		margin: auto;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		max-width: 600px;
		max-height: 100%;
		width: 100%;
	}

	.hero-slider .carousel-cell .inner .video-sec iframe {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.hero-slider .carousel-cell .inner .video-sec video {
		max-height: 100%;
		max-width: 600px;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		outline: none;
		width: 100%;
	}

	.hero-slider .carousel-cell .inner .text-sec {
		position: relative;
	}

	.hero-slider .carousel-cell .inner .text-sec .text-content-added {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		transform: translate(0%, -50%);
		overflow: hidden;
		padding-right: 0px;
	}

	.hero-slider .carousel-cell .inner .text-sec .text-content-added .slide-title{
		margin-bottom: 20px;
	}

	.hero-slider .carousel-cell .inner .text-sec .text-content-added .slide-discription{
		max-height: calc(100vh - 350px);
	}

	.hero-slider .carousel-cell .inner .title {
		font-family: 'Montserrat', sans-serif;
		font-size: 45px;
		line-height: 1.2em;
		letter-spacing: 3px;
		text-align: left;
	}

	.hero-slider .carousel-cell .inner .btn {
		border: 1px solid #fff;
		padding: 14px 18px;
		text-transform: uppercase;
		font-family: 'Montserrat', sans-serif;
		font-size: 0.8rem;
		letter-spacing: 3px;
		color: #fff;
		text-decoration: none;
		transition: all 0.2s ease;
	}

	.hero-slider .carousel-cell .inner .btn:hover {
		background: #fff;
		color: #000;
	}

	.mt-60 {
		margin-top: 60px;
	}

	.mt-40 {
		margin-top: 40px;
	}

	@media only screen and (max-width: 1200px) and (min-width: 1024px) {
		.hero-slider .carousel-cell .inner .right-panel {
			margin-top: 0;
		}
		nav .owl-carousel .owl-item {
			margin-left: -70px;
		}
	}

	@media only screen and (max-width: 1024px) {
		.background-img, .hero-slider {
			width: 95%;
		}
		.scrolled-section nav .nav li{
			transform: scale(.9) !important;
		}
		#wrapper nav .nav li.active, .scrolled-section nav .nav li.active {
			transform: scale(1) !important;
		}
		.hero-slider .carousel-cell .inner .text-sec .text-content-added {
			max-height: 100%;
		}
		.hero-slider .carousel-cell .inner .text-sec .text-content-added .slide-title {
			margin-bottom: 10px;
		}

		#wrapper nav .nav {
			left: 0px;
		}
		ul#interactionTopicList{
			padding-left: 5px;
		}
	}
	@media only screen and (min-width: 768px) {
		#interactionTopicList .owl-stage {
			width: 100% !important;
			display: flex;
			justify-content: center;
		}
	}
	@media only screen and (max-width: 1023px) and (orientation: landscape) {
		.background-img, .hero-slider {
			width: 95%;
		}
		.hero-slider .carousel-cell .inner .title {
			font-size: 30px;
		}
		.hero-slider .carousel-cell .inner .paratext {
			font-size: 10px;
			line-height: 18px;
		}
	}

	@media only screen and (min-width: 900px) {
		.existing-iframe-example.vimeo, .existing-iframe-example.youtube {
			width: 100%;
			height: 100%;
		}
		.existing-iframe-example.youtube{
			max-width: 600px;
		}
	}

	@media only screen and (max-width: 900px) {
		.existing-iframe-example.vimeo, .existing-iframe-example.youtube {
			width: auto;
			height: 100%;
		}
		#interactionTopicList.owl-carousel .owl-stage-outer{
			padding: 26px 0;
		}
		
		#wrapper {
			height: auto;
		}
	}

	@media only screen and (max-width:991px){
		.intro-discription{
			position: relative;
			top: 0;
    		margin-top: -565px;
		}
	}
	@media only screen and (max-width: 768px) {
		.content-main-sec{
			padding-top: 30px;	
			height: calc(100vh - 169px);
		}
		.intro-discription {
			padding: 20px 20px;
		}
	}
	@media only screen and (max-width: 767px) {
		.intro-discription{
			position: relative;
			top: 0;
    		margin-top: -265px;
		}
		.section3, .parallax-window {
			height: auto;
			min-height: 100vh;
			padding-bottom: 10px;
		}
		.section3 .back-to-top {
			bottom: 15px;
			right: 30px;
		}
	}
	@media only screen and (max-width: 900px) and (orientation: landscape) {
		.section3, .parallax-window {
			height: auto;
			min-height: 100vh;
			padding-bottom: 0;
		}
		.pb-50, .parallax-window{
			padding-bottom: 70px;
		}
		.content-main-sec .inner{
			padding: 55px 40px 40px;
		}
		.hero-slider .carousel-cell .inner .text-sec .text-content-added {
			height: auto;
			position: relative;
			top: auto;
			transform: none;
			max-height: unset;
			overflow: visible;
		}
		.hero-slider .carousel-cell .inner {
			min-height: 65vh;
			height: auto;
		}
		.hero-slider .carousel-cell .inner .text-sec .slide-discription {
			height: 80%;
			max-height: unset !important;
		}
		.title-interaction{
			margin-top: 30px;
		}
		.hero-slider .carousel-cell .inner .video-sec video {
			display: block;
			/* height: 100%;
			width: auto;
			max-width: 100%; */
		}
		.hero-slider .carousel-cell .inner .image-sec img,
		.hero-slider .carousel-cell .inner .video-sec video,
		.hero-slider .carousel-cell .inner .video-sec video{
			position: relative;
		}
		.scrolled-section nav .nav li.active h4 {
			top: auto;
			bottom: 100%;
			margin-bottom: 6px;
		}
		.on-top-div.scrolled-section {
			transform: scale(0.7);
			top: -7%;
		}
		.content-main-sec .inner .text-sec .text-content-added h1 {
			font-size: 3rem;
			line-height: 1;
		}
		.content-main-sec .inner .text-sec .text-content-added p {
			font-size: 12px;
			line-height: 1.4;
		}
		.content-panel {
			padding-top: 76px;
		}
		.content-main-sec {
			height: auto;
			padding-top: 0;
		}
		.background-img, .hero-slider {
			width: 95%;
			height:auto
		}
		.interaction-title {
			margin: 15px;
		}
		.owl-dots {
			bottom: 0
		}
		.owl-dots .owl-dot {
			width: 12px;
			height: 12px
		}
		.on-top-div {
			top: 25%;
			height: 130px;
		}
		.intro-discription {
			margin-top: -100px;
		}
		#nav-carousel.owl-carousel .owl-stage-outer {
			padding: 50px 0;
		}
		#interactionTopicList {
			width: 90% !important;
			height: auto;
			/* margin-bottom: 0; */
		}
		#interactionTopicList .owl-stage {
			width: 100% !important;
			display: flex;
			justify-content: center;
		}
	}

	@media only screen and (max-width: 1023px) and (orientation: portrait) {
		.hero-slider .carousel-cell .inner .text-sec .text-content-added .slide-discription{
			max-height: unset;
		}

		.section3, .parallax-window {
			height: auto;
			min-height: 100vh;
			padding-bottom: 0;
		}
		.parallax-window{
			padding-bottom: 70px;
		}
		.hero-slider .carousel-cell .inner .image-sec{
			height: 40%;
		}
		.hero-slider .carousel-cell {
			display: block
		}
		.content-main-sec {
			padding-top: 40px;
			height: auto;
			min-height:70vh;
			margin-bottom: 0;
		}
		.hero-slider .carousel-cell .inner {
			position: relative;
			flex-direction: column;
    		justify-content: center;
			width: 100%;
			height: auto;
			min-height:70vh;
			padding: 3% 10%;
		}
		.hero-slider .carousel-cell .inner .left-panel, .hero-slider .carousel-cell .inner .right-panel {
			width: 100% !important;
			margin: 10px 0;
			/* max-height: 300px; */
		}
		.hero-slider .carousel-cell .inner .title {
			font-size: 35px;
		}
		.hero-slider .carousel-cell .inner .right-panel {
			/* margin-top: 30px; */
		}
		.background-img, .hero-slider {
			/* height: 100vh; */
		}
		.hero-slider .carousel-cell .inner .image-sec img, 
		.hero-slider .carousel-cell .inner .video-sec video,
		.hero-slider .carousel-cell .inner .video-sec iframe {
			position: relative;
		}
		.background-img .inner-img {
			background-size: cover !important;
		}
		.hero-slider .carousel-cell .inner .text-sec .text-content-added {
			position: relative;
			top: auto;
			transform: none;
			overflow: visible;
			max-height: unset;
		}
		.hero-slider .carousel-cell .inner .text-sec .text-content-added {
			padding: 0;
		}
	}

	@media only screen and (max-width: 768px) and (orientation: portrait) {
		
		.hero-slider .carousel-cell .inner .paratext {
			line-height: 22px;
			margin-top: 11px;
		}
		#interactionTopicList.owl-carousel .owl-stage-outer{
			padding: 25px 0;
			overflow: visible;
		}
		.existing-iframe-example.vimeo, .existing-iframe-example.youtube {
			width: 100%;
			height: 300px;
		}	
	}

	@media only screen and (max-width: 640px) and (orientation: portrait) {
		.hero-slider .carousel-cell .inner .text-sec .text-content-added .slide-discription{
			max-height: unset
		}
		.background-img, .hero-slider {
			padding-top: 110px;
		}
		.on-top-div {
			top: 30%;
		}
		.content-main-sec .inner .text-sec .text-content-added h1 {
			margin-top: 10px;
			font-size: 3rem
		}
		.on-top-div.scrolled-section {
			top: 0%;
			transform: scale(1);
		}
		.scrolled-section nav .nav li {
			margin: 0
		}
		nav .nav li.home img {
			padding: 10px;
		}
		nav .nav li h4 {
			font-size: 12px;
		}
		.on-top-div.scrolled-section nav .nav {
			width: 100%;
		}
		#wrapper nav .nav {
			left: 0;
		}
		nav .nav {
			width: 100%;
		}
		.hero-slider .carousel-cell .inner {
			padding: 3% 5%;
		}
		.hero-slider .carousel-cell .inner .video-sec {
			/* height: 40%;
			 margin-top: 15px !important; */
		}
		.sound-on-off img.speaker-icon {
			position: absolute;
			left: 20px;
			bottom: 20px;
			top: auto;
			right: auto;
			z-index: 99999;
		}
		.background-img, .hero-slider {
			width: 100%;
			height: 100%;
		}
		.hero-slider .carousel-cell .inner .paratext {
			line-height: 28px;
		}
		.hero-slider .carousel-cell .inner .image-sec {
			height: 40%;
			/* margin-top: 15px !important; */
		}
		.hero-slider .carousel-cell .inner .text-sec{
			height: auto;
			padding: 15px 0 0;
			margin-top: 0;
		} 
		.hero-slider .carousel-cell .inner .text-sec .text-content-added {
			height: 100%;
		}
		.hero-slider .carousel-cell .inner .text-sec .slide-discription {
			height: 80%;
		}
		.text-sec .slide-discription p{
			font-size: 14px !important;
		} 
		.text-sec .slide-title span{
			font-size: 22px !important;
		}
		.hero-slider .carousel-cell .inner .image-sec img {
			position: relative;
		}
		.hero-slider .carousel-cell,
		.hero-slider .carousel-cell .inner {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: auto;
		}
		.existing-iframe-example.vimeo, .existing-iframe-example.youtube {
			width: 100%;
			height: 100%;
		}

		.hero-slider .carousel-cell .inner .video-sec video,
		.hero-slider .carousel-cell .inner .video-sec iframe{
			position: relative;
			min-height: 200px;
		}
		.hero-slider .carousel-cell .inner{
			min-height: 65vh;
		}
		.section3, .parallax-window{
			height: auto;
			min-height: 100vh;
		}
		.pb-50, .parallax-window{
			padding-bottom: 70px;
		}
		
	}