@import url("css/content.css");
@import url("css/showcase.css");
@import url("css/portfolio.css");
@import url("css/shortcodes.css");
@import url("css/assets.css");
@import url("css/splide.css");
@import url("css/lenis.css");
@import url("css/bootstrap-grid.min.css");

/*------------------------------------------------------------------

01. General Styles
02. Magic Cursor
03. Page Preloader
04. Header Elements
05. Main Content
06. Footer Elements
07. Responsive Media Querries

-------------------------------------------------------------------*/
:root {
	--main-color: #2e8dd4;
	--primary-font: 'Jost', sans-serif;
	--main-dark: #444444;
	--main-white:#FFFFFF;
}

/*--------------------------------------------------
	01. General Settings
---------------------------------------------------*/

	html,body{
		font-family: var(--primary-font);
		font-weight: 400;
		font-size:16px;
		height:100%;
		width:100%;
		color:var(--main-dark);
		background-color:var(--main-white);
		/*
		user-select: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		*/
	}

	html {
		box-sizing: border-box;
		margin-right: 0px!important;
		overflow: visible!important;
	}

	body {
		overflow: hidden;
		overflow-y:scroll;
		-webkit-transition: opacity 0.2s ease-in-out 0.2s;
		transition: opacity 0.2s ease-in-out 0.2s;
	}
	body.is_loading,
	body.hamburger_open,
	body.smooth-scroll {
		overflow:hidden;
	}

	body.hidden {
		opacity:0;
	}

	main {
		-webkit-transition: background 0.5s ease-in-out 0s;
		transition: background 0.5s ease-in-out 0s;
	}

	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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
	}

	article,
	aside,
	details,
	figcaption,
	footer,
	header,
	hgroup,
	nav,
	section {
		display: block;
	}

	audio {
		display: inline-block;
		max-width: 100%;
	}

	address {
		font-style: italic;
		margin-bottom: 24px;
	}

	abbr[title] {
		border-bottom: 1px dotted #2b2b2b;
		cursor: help;
	}

	b,
	strong {
		font-weight: 600;
		color:#000;
	}

	.light-content b, .light-content strong, .dark-section b, .dark-section strong {
		font-weight: 600;
		color:var(--main-white);
	}

	.light-content .light-section b, .light-content .light-section strong {
		font-weight: 600;
		color:#000;
	}

	cite,
	dfn,
	em,
	i {
		font-style: italic;
	}

	mark, ins {
		background: none repeat scroll 0 0 #000;
		text-decoration: none;
		color: var(--main-white);
		padding: 2px 8px;
		display: inline-block;
		border-radius: 2px;
	}

	.light-content mark, .light-content ins, .dark-section mark, .dark-section ins {
		background: none repeat scroll 0 0 var(--main-white);
		color:#000;
	}

	.light-content .light-section mark, .light-content .light-section ins {
		background: none repeat scroll 0 0 #111;
		color:var(--main-white);
	}

	code,
	kbd,
	tt,
	var,
	samp,
	pre {
		font-family: monospace, serif;
		font-size: 15px;
		-webkit-hyphens: none;
		-moz-hyphens:    none;
		-ms-hyphens:     none;
		hyphens:         none;
		line-height: 1.6;
	}

	pre {
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
		margin-bottom: 24px;
		max-width: 100%;
		overflow: auto;
		padding: 12px;
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
		background-color:rgba(0,0,0,0.05)
	}

	.light-content pre, .dark-section pre {
		background-color:rgba(255,255,255,0.05);
		color:var(--main-white);
	}

	.light-content .light-section pre {
		background-color:rgba(0,0,0,0.05);
		color:#000;
	}

	blockquote,
	q {
		-webkit-hyphens: none;
		-moz-hyphens:    none;
		-ms-hyphens:     none;
		hyphens:         none;
		quotes: none;
	}

	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: "";
		content: none;
	}

	blockquote {
		color: #000;
		line-height: 1.6;
		font-size: 1.5rem;
		margin-bottom: 2.1875rem;
		font-weight: 500;
		padding-left: 3.5rem;
		margin: 0 0 1.5625rem;
		position:relative;
	}

	.light-content blockquote, .dark-section blockquote {
		color: var(--main-white);
	}

	.light-content .light-section blockquote {
		color: #000;
	}

	blockquote::before {
		content: "\275D";
		position: absolute;
		left: 0;
		top: 5px;
		line-height: 1;
		font-size: 3rem;
		font-weight: 500;
	}

	blockquote cite,
	blockquote small {
		color: #2b2b2b;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
	}

	.light-content blockquote cite, .light-content blockquote small {
		color:var(--main-white);
	}

	blockquote em,
	blockquote i,
	blockquote cite {
		font-style: normal;
	}

	blockquote strong,
	blockquote b {
		font-weight: 600;
	}

	small {
		font-size: smaller;
	}

	big {
		font-size: 125%;
	}

	sup,
	sub {
		font-size: 75%;
		height: 0;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	sup {
		bottom: 1ex;
	}

	sub {
		top: .5ex;
	}

	dl {
		margin-bottom: 24px;
	}

	dt {
		font-weight: bold;
	}

	dd {
		margin-bottom: 24px;
	}

	ul,
	ol {
		list-style: none;
		margin: 0 0 24px 20px;
	}

	ul,
	ol {
		list-style: none;
		margin:20px 0 25px 20px;
	}

	ul {
		list-style: disc;
	}

	ol {
		list-style: decimal;
	}

	li > ul,
	li > ol {
		margin: 20px 0px 15px 25px;
	}

	li {
		line-height: 20px;
		color:var(--main-dark);
		margin-bottom:25px;
	}

	.light-content li, .dark-section li {
		color: #ccc;
	}

	.light-content .light-section li {
		color: var(--main-dark);
	}

	figure {
		margin:0;
		position:relative;
		display: block;
	}

	figure.has-parallax {
		overflow:hidden;
	}

	.full figure.has-parallax {
		overflow:hidden;
		height:100vh;
	}

	figure img {
		max-width:100%;
	}

	.has-parallax-content > img {
		width:100%;
		height: 100%;
		position:absolute;
		display:block;
		object-position: center;
		object-fit: cover;
	}

	figcaption {
		background-color: rgba(0,0,0,0.3);
		bottom: 0px;
		color: var(--main-white);
		font-weight:400;
		font-size: 10px;
		padding: 5px 10px;
		position: absolute;
		right: 0px;
		z-index: 10;
		border-radius:0;
	}

	fieldset {
		border: 1px solid rgba(0, 0, 0, 0.1);
		margin: 0 0 24px;
		padding: 0;
	}

	legend {
		white-space: normal;
	}

	button,	input {
		line-height: normal;
	}

	input,
	textarea {
		background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
	}

	button, html input[type="button"], input[type="reset"], input[type="submit"] {
		cursor: pointer;
	}

	button[disabled],
	input[disabled] {
		cursor: default;
	}

	input[type="checkbox"],
	input[type="radio"] {
		padding: 0;
	}

	input[type="search"] {
		-webkit-appearance: textfield;
	}

	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	button::-moz-focus-inner, input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	textarea {
		overflow: auto;
		vertical-align: top;
	}

	table {
		border-collapse: separate;
		border-spacing: 0;
		border-width: 1px 0 0 1px;
		margin-bottom: 24px;
		width: 100%;
		color:var(--main-dark);
	}

	thead, .light-content .light-section thead {
		background-color:rgba(0,0,0,1);
		color:var(--main-white);
	}

	.light-content thead, .dark-section thead {
		background-color:rgba(255,255,255,1);
	}

	thead tr, .light-content .light-section thead tr {
		color:var(--main-white);
	}

	.light-content thead tr, .dark-section thead tr {
		color:#000;
	}

	tr, .light-content .light-section tr {
		color:var(--main-dark);
	}

	.light-content tr, .dark-section tr{
    	color:#CCC;
	}

	tr:nth-child(2n), .light-content .light-section tr:nth-child(2n) {
    	background-color:rgba(0,0,0,0.05);
	}

	.light-content tr:nth-child(2n), .dark-section tr:nth-child(2n){
    	background-color:rgba(255,255,255,0.1);
	}

	caption, th, td {
		font-weight: normal;
		text-align: left;
	}

	th {
		border-width: 0 1px 1px 0;
		padding: 10px;
	}

	td {
		border-width: 0 1px 1px 0;
		padding: 10px;
	}

	del {
		color: #767676;
	}

	hr {
		border: 0;
		height: 28px;
		width:100%;
		float:none;
		margin:0;
		display:inline-block;
		opacity: 1!important;
		-webkit-transition: translateY(0px)!important;
		transform: translateY(0px)!important;
	}

	hr.animated-line {
		height:2px;
		padding-top:12px;
		padding-bottom:12px;
	}

	hr.animated-line:before {
		content: "";
		display: block;
		width:0;
		height:2px;
		background:rgba(0,0,0,1);
	}

	.light-content hr.animated-line:before, .dark-section hr.animated-line:before {
		background:rgba(255,255,255,1);
	}

	.light-content .light-section hr.animated-line:before {
		background:rgba(0,0,0,1);
	}

	hr.animated.animated-line:before {
		width:100%;
		-webkit-transition: width 0.7s ease-in-out 0.1s;
		transition: width 0.7s ease-in-out 0.1s;
	}

	hr:after {
		clear: both;
		content: " ";
		display: block;
		height: 0;
		visibility: hidden;
	}

	::selection {
		background: #000;
		color: var(--main-white);
		text-shadow: none;
	}

	::-moz-selection {
		background: #000;
		color: var(--main-white);
		text-shadow: none;
	}

	img {
		border: 0 none;
		max-width: 100%;
		vertical-align: middle;
		height:auto;
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight:500;
		color:#000;
		margin-bottom:10px;
	}

	h1.big-title{
		font-size:10vw;
		line-height:13vw;
		font-weight:500;
		margin-left:-0.7vw;
	}

	h1.big-title span {
		display:table;
		margin-top:-2vw;
	}

	h1{
		font-size: calc(1rem + 4.15vw);
		line-height: calc(1rem + 5.5vw);
	}

	h1 span {
		display:table;
		margin-top:-0.7vw;
	}

	h1.inline-title span {
		display: inline-table;
		margin-right:0.7vw;
	}

	h2{
		font-size: calc(1rem + 3vw);
		line-height: calc(1rem + 4.5vw);
	}

	h2 span {
		display:table;
		margin-top:-0.7vw;
	}

	h2.inline-title span {
		display: inline-table;
		margin-right:0.7vw;
	}

	h3{
		font-size: calc(1rem + 2vw);
		line-height: calc(1rem + 3.5vw);
	}

	h3 span {
		display:table;
		margin-top:-0.7vw;
	}

	h3.inline-title span {
		display: inline-table;
		margin-right:0.7vw;
	}

	h4{
		font-size: calc(1rem + 1vw);
		line-height: calc(1rem + 2.5vw);
	}

	h5{
		font-size: calc(1rem + 0.42vw);
		line-height: calc(1rem + 1.5vw);
	}

	h6 {
		font-size:18px;
		line-height: 36px;
	}

	h6.has-icon {
		padding-left: 20px;
		box-sizing: border-box;
		display: inline-block;
		width: auto;
		position: relative;
	}

	h6.has-icon::before {
		font: var(--fa-font-solid);
		content: "\f101";
		font-size: 12px;
		line-height: inherit;
		text-align: left;
		position: absolute;
		left: 0;
	}

	.no-margins {
		margin:0;
	}

	.light-content h1, .light-content h2, .light-content h3, .light-content h4, .light-content h5, .light-content h6, .dark-section h1, .dark-section h2, .dark-section h3, .dark-section h4, .dark-section h5, .dark-section h6 {
		color: var(--main-white);
	}

	.light-content .light-section h1, .light-content .light-section h2, .light-content .light-section h3, .light-content .light-section h4, .light-content .light-section h5, .light-content .light-section h6 {
		color: #000;
	}

	p {
		font-size:18px;
		line-height: 36px;
		margin-bottom: 25px;
		color:var(--main-dark);
	}

	.light-content p, .dark-section p{
		color:#aaa;
	}

	.light-content .light-section p {
		color:var(--main-dark);
	}

	.bigger {
		font-size: 18px;
		line-height: 32px;
	}

	.smaller {
		font-size: 12px;
		line-height: 24px;
	}

	.container {
		max-width:1280px;
		width:100%;
		margin:0 auto;
		box-sizing:border-box;
	}

	.container::after {
		clear: both;
		content: " ";
		display: table;
	}

	a:hover, a:active {
	  outline: 0;
	  color: #000;
	}

	a, .light-content .light-section a {
		text-decoration: none;
		color: #000;
		outline: 0;
	}

	.light-content a, .dark-section a, .white-header a {
		color: var(--main-white);
	}

	.light-content .white-header a {
		color:#000;
	}

	a:hover {
		text-decoration:none;
	}

	.one_half {
    	width: 48%!important;
	}

	.one_third {
		width: 30.6%!important;
	}

	.one_fourth {
		width: 22%!important;
	}

	.one_fifth {
		width: 16.8%!important;
	}

	.one_sixth {
		width: 13.33%!important;
	}

	.two_fifth {
		width: 37.6%!important;
	}

	.two_fourth {
		width: 48%!important;
	}

	.two_third {
		width: 65.33%!important;
	}

	.three_fifth {
		width: 58.4%!important;
	}

	.three_fourth {
		width: 74%!important;
	}

	.four_fifth {
		width: 79.2%!important;
	}

	.five_sixth {
		width: 82.67%!important;
	}

	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left!important;
		margin-bottom: 10px!important;
		margin-right: 4%!important;
		position: relative!important;
	}

	.last {
		margin-right:0px!important;
	}

	.text-align-left {
		text-align:left;
	}

	.text-align-center {
		text-align:center;
	}

	.text-align-right {
		text-align:right;
	}

	.outer {
		display:table;
		width:100%;
		height:100%;
	}

	.inner {
		display:table-cell;
		vertical-align:middle;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	.light-section-wrapper, .dark-section-wrapper {
		margin-left: calc(50% - 50vw)!important;
		margin-right: calc(50% - 50vw)!important;
		max-width: 1000%!important;
		width: 100vw!important;
	}

	.light-section-container, .dark-section-container {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
	}

	.content-row {
		position:relative;
		width:100%;
		margin:0 auto;
		/*z-index:1;*/
		opacity:1;
		box-sizing:border-box;
	}

	.content-row::after {
		clear: both;
		content: " ";
		display: table;
	}

	.small {
		max-width:780px;
		width:100%;
		margin:0 auto;
	}

	.large {
		max-width:1380px;
		width:100%;
		margin:0 auto;
	}

	.full {
		margin-left: calc(50% - 50vw)!important;
		margin-right: calc(50% - 50vw)!important;
		max-width: 1000%!important;
		width: 100vw!important;
	}

	.row_padding_top {
		padding-top:8vw;
	}

	.row_padding_bottom {
		padding-bottom:8vw;
	}

	.row_padding_left {
		padding-left:80px;
	}

	.row_padding_right {
		padding-right:80px;
	}

	.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 80px;
		padding-right: 80px;
	}

	#rotate-device {
		width:100%;
		height:100%;
		position:fixed;
		z-index:1000;
		top:0;
		left:0;
		background-color:#0f1010;
		background-image:url(images/rotate.png);
		background-size:100px 100px;
		background-position:center;
		background-repeat:no-repeat;
		display:none;
	}

	i.arrow-icon {
		border: solid #000;
		border-width: 0px 3px 3px 0px;
		box-sizing:border-box;
		display: block;
		position:relative;
		top:0px;
		left:0px;
		height:20px;
		width:20px;
	}

	.light-content i.arrow-icon, .dark-content .item i.arrow-icon {
		border: solid var(--main-white);
		border-width: 0px 3px 3px 0px;
	}

	.light-content .change-header i.arrow-icon, .dark-content .change-header i.arrow-icon {
		border: solid #000;
		border-width: 0px 3px 3px 0px;
	}

	i.arrow-icon::after {
		content: "";
		position: absolute;
		width: 28px;
		height: 3px;
		top: 7px;
		left: -6px;
		background-color: #000;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}

	.light-content i.arrow-icon:after, .light-content .change-header i.arrow-icon::after, .dark-content .item i.arrow-icon::after {
		background-color:var(--main-white);
	}

	.light-content .change-header i.arrow-icon::after, .dark-content .change-header i.arrow-icon::after {
		background-color:#000;
	}

/*--------------------------------------------------
	02. Magic Cursor
---------------------------------------------------*/


	#magic-cursor {
	  position: absolute;
	  left:0;
	  top:0;
	  width: 30px;
	  height: 30px;
	  pointer-events: none;
	  z-index:10000;
	  -webkit-transition: opacity 0.2s ease-in-out 0.5s;
		transition: opacity 0.2s ease-in-out 0.5s;
	}

	.hidden-ball #magic-cursor {
		opacity:0!important;
		visibility:hidden;
	}

	#ball {
		position: fixed;
		width: 80px;
		height: 80px;
		border: 2px solid #999999;
		border-radius: 50%;
		pointer-events: none;
		opacity:1;
		box-sizing:border-box;
		 -webkit-transform: scale(0.5);
	  	transform: scale(0.5);
	}

	.mfp-zoom-out-cur #ball {
		opacity:0;
		-webkit-transition: opacity 0.2s ease-in-out 0s;
		transition: opacity 0.2s ease-in-out 0s;
	}

	.light-content #ball, #ball.over-movie,  .light-content #ball.with-icon {
		border: 2px solid #999999;
		border-color:#999999;
	}

	#ball:before {
		font: var(--fa-font-solid);
		content: "\f106";
		font-size:14px;
		width:8px;
		height:16px;
		line-height:16px;
		text-align:center;
		position:absolute;
		left: 32px;
		top: -42px;
		color:#999;
		opacity:0;
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.light-content #ball:before {
		color:#999;
	}

	#ball::after {
		font: var(--fa-font-solid);
		content: "\f107";
		font-size: 14px;
		width: 8px;
		height: 16px;
		line-height: 16px;
		text-align: center;
		position: absolute;
		left: 32px;
		top: 100px;
		color: #999;
		opacity:0;
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.light-content #ball:before, .light-content #ball:after {
		color:#999;
	}

	.scale-up #ball:before, .scale-drag-horizontal #ball:before {
		opacity:1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.scale-drag-horizontal #ball:before {
		color: var(--main-white);
	}

	.scale-up #ball:after, .scale-drag-horizontal #ball:after {
		opacity:1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.scale-drag-horizontal #ball:after {
		color: var(--main-white);
	}

	.scale-up.scale-none #ball:before, .scale-up.scale-none #ball:after {
		opacity:0;
	}

	#ball-drag-x {
		position: absolute;
		width: 72px;
		height: 72px;
		pointer-events: none;
		opacity:1;
		box-sizing:border-box;
	}

	#ball-drag-x::before {
		font: var(--fa-font-solid);
		content: "\f053";
		font-size: 14px;
		width: 8px;
		height: 16px;
		line-height: 16px;
		text-align: center;
		position: absolute;
		left: -37px;
		top: 30px;
		color: #000;
		opacity: 0;
		transform: translateX(-20px);
		-webkit-transform: translateX(-20px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.light-content #ball-drag-x:before {
		color:var(--main-white);
	}

	#ball-drag-x::after {
		font: var(--fa-font-solid);
		content: "\f054";
		font-size: 14px;
		width: 8px;
		height: 16px;
		line-height: 16px;
		text-align: center;
		position: absolute;
		right: -40px;
		left: auto;
		top: 30px;
		color: #000;
		opacity: 0;
		transform: translateX(20px);
		-webkit-transform: translateX(20px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.light-content #ball-drag-x:before, .light-content #ball-drag-x:after {
		color:var(--main-white);
	}

	.drag-cursor-white #ball-drag-x:before, .drag-cursor-white #ball-drag-x:after {
		color:var(--main-white);
	}

	.drag-cursor-black #ball-drag-x:before, .drag-cursor-black #ball-drag-x:after {
		color:#000;
	}

	.scale-drag-x #ball-drag-x:before {
		opacity:1;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.scale-drag-x #ball-drag-x:after {
		opacity:1;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.scale-up.scale-drag #ball-drag-x:before, .scale-up.scale-drag #ball-drag-x:after {
		opacity:0;
	}

	#ball-drag-y {
		position: absolute;
		width: 72px;
		height: 72px;
		pointer-events: none;
		opacity:1;
		box-sizing:border-box;
	}

	#ball-drag-y:before {
		font: var(--fa-font-solid);
		content: "\f077";
		font-size:14px;
		width:8px;
		height:16px;
		line-height:16px;
		text-align:center;
		position:absolute;
		left: 32px;
		top: -40px;
		color:#000;
		opacity:0;
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.light-content #ball-drag-y:before {
		color:var(--main-white);
	}

	#ball-drag-y::after {
		font: var(--fa-font-solid);
		content: "\f078";
		font-size: 14px;
		width: 8px;
		height: 16px;
		line-height: 16px;
		text-align: center;
		position: absolute;
		left: 32px;
		top: 100px;
		color: #000;
		opacity:0;
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.light-content #ball-drag-y:before, .light-content #ball-drag-y:after {
		color:var(--main-white);
	}

	.scale-drag-y #ball-drag-y:before {
		opacity:1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.scale-drag-y #ball-drag-y:after {
		opacity:1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.scale-up.scale-drag #ball-drag-y:before, .scale-up.scale-drag #ball-drag-y:after {
		opacity:0;
	}

	#ball i {
		color:var(--main-white);
		width:76px;
		height:80px;
		line-height:78px;
		text-align:center;
		font-size:14px;
		display:block;
		opacity:1;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	#ball p {
		color:var(--main-white);
		width:66px;
		height:16px;
		line-height:16px;
		padding-top:0px;
		padding-left:5px;
		margin:0;
		text-align:center;
		font-size:12px;
		font-weight:600;
		display:block;
		opacity:1;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.light-content #ball p {
		color:var(--main-white);
	}

	#ball p.first {
		padding-top:22px;
	}

	.light-content #ball i, #ball.over-movie i, .light-content #ball.with-icon i {
		color:var(--main-white);
	}

	.drag-cursor-white #ball i, .drag-cursor-white #ball.with-icon i {
		color:var(--main-white);
	}

	.drag-cursor-black #ball i, .drag-cursor-black #ball.with-icon i {
		color:#000;
	}

	.light-content #ball.with-icon.dark-icon i {
		color:#000;
	}

	.scale-up #ball i {
		opacity:0;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	#ball.with-icon i {
		width:76px;
	}

	#ball.with-icon i:nth-child(2) {
		display:none;
	}

	#ball.close-icon i {
		width:75px;
		height:76px;
		font-size:14px;
	}

	#ball.over-movie i.fa-play, #ball.over-movie.pause-movie i.fa-pause {
		display:block;
	}

	#ball.over-movie i.fa-pause, #ball.over-movie.pause-movie i.fa-play {
		display:none;
	}

	#ball-loader {
		width: 100px;
		height: 100px;
		position:absolute;
		background-color: transparent;
		border-right: 4px solid transparent;
		border-bottom: 4px solid #999999;
		border-left: 4px solid transparent;
		border-top: 4px solid transparent;
		border-radius: 100px;
		box-sizing: border-box;
		opacity:0;
		-webkit-transform: translate(-14px, -14px) rotate(0deg);
		transform: translate(-14px, -14px) rotate(0deg);
		-webkit-animation: rotating 0.8s ease-in-out infinite;
		animation: rotating 0.8s ease-in-out infinite;
		-webkit-transition: opacity 0s ease-in-out 0s;
		transition: opacity 0s ease-in-out 0s;
	}

	.light-content #ball-loader {
		border-bottom: 4px solid #999999;
	}

	.show-loader #ball-loader {
		opacity:1;
		-webkit-transition: opacity 0.2s ease-in-out 0s;
		transition: opacity 0.2s ease-in-out 0s;
	}

	@keyframes rotating {
      0% {
		-webkit-transform: translate(-14px, -14px)rotate(0deg);
		transform:  translate(-14px, -14px)) rotate(0deg);
      }

	  95% {
        -webkit-transform:  translate(-14px, -14px) rotate(350deg);
		transform:  translate(-14px, -14px) rotate(350deg);
      }

      100% {
        -webkit-transform:  translate(-14px, -14px) rotate(360deg);
		transform:  translate(-14px, -14px) rotate(360deg);
      }
	}

	.show-loader a, .show-loader nav, .scale-up a, .scale-up .hide-ball, scale-up .link, .scale-up .button-wrap, .scale-up #burger-wrapper, .scale-up .disable-drag, .scale-drag a, .scale-drag .move-title {
		pointer-events:none!important;
	}

	.disable-cursor #magic-cursor {
		display:none;
	}

	#ball i.arrow-icon {
		border: solid #000;
		border-width: 3px 3px 0px 0px;
		box-sizing:border-box;
		display: block;
		position:absolute;
		top:28px;
		left:30px;
		height:20px;
		width:20px;
	}

	.light-content #ball i.arrow-icon {
		border: solid var(--main-white);
		border-width: 3px 3px 0px 0px;
	}

	#ball i.arrow-icon:after {
		content:"";
		position:absolute;
		width:30px;
		height:3px;
		top:8px;
	  	left:-8px;
		background-color:#000;
		transform: rotate(-45deg);
  		-webkit-transform: rotate(-45deg);
	}

	.light-content #ball i.arrow-icon:after {
		background-color:var(--main-white);
	}


/*--------------------------------------------------
	03. Page Preloader
---------------------------------------------------*/

	.disable-ajaxload .preloader-wrap {
		display:none;
	}

	.preloader-wrap {
		width: 100%;
		height:100%;
		position: fixed;
		top: 0;
		bottom: 0;
		background: #000;
		z-index : 1800;
		text-align:center;
	}

	.preloader-wrap .outer {
		padding: 0px;
		box-sizing:border-box;
	}

	.preloader-wrap .inner {
		vertical-align:middle;
		box-sizing:border-box;
	}

	.percentage-wrapper {
		height: 20px;
		position:absolute;
		margin-bottom: 20px;
		right:80px;
		bottom:40px;
	}

	.percentage-intro {
		height: 20px;
		position:absolute;
		margin-bottom: 20px;
		left:80px;
		bottom:40px;
		font-size: 12px;
		font-weight: 500;
		line-height: 20px;
		color:rgba(255,255,255,0.6);
	}

	.percentage {
		opacity: 1;
		font-size: 12px;
		font-weight: 500;
		line-height: 20px;
		width:30px;
		height: 100px;
		color:rgba(255,255,255,0.6);
		display: table;
		margin: 0 auto;
	}

	.percentage::after {
		content: "%";
		width: 20px;
		height: 20px;
		font-size: 12px;
		line-height: 20px;
		color:rgba(255,255,255,0.6);
	}

	.trackbar {
		width: auto;
		height: auto;
		margin:0 auto;
		display:table;
		position: relative;
		padding:20px;
		opacity: 1;
		overflow:hidden;
	}

	.loadbar {
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0);
		position: absolute;
		top: 0px;
		right: 0;
		overflow: hidden;
	}

	.hold-progress-bar {
		width: 0%;
		height: 0px;
		background: rgba(0,0,0,1);
		position: absolute;
		top: 0px;
		left: 0;
		right:0;
		overflow: hidden;
	}

	.preloader-intro {
		font-weight:500;
		position: relative;
		display:block;
		font-size:10vw;
		line-height:13vw;
		height:13vw;
		color:var(--main-white);
		overflow:hidden;
		margin:0;
	}

	.preloader-intro li {
		list-style:none;
		line-height:inherit;
		margin:0;
		color:var(--main-white);
	}

/*--------------------------------------------------
	04. Header Elements
---------------------------------------------------*/


	header {
		width:100%;
		height:120px;
		left:0;
		top:0;
		background-color:transparent;
		position:fixed;
		box-sizing:border-box;
		z-index:999;
		pointer-events:none;
		-webkit-transition: background 0.4s ease-in-out 0.3s;
		transition: background 0s ease-in-out 0s;
	}

	#header-container {
		box-sizing: border-box;
		height: inherit;
		padding: 20px 80px;
		margin: 0 auto;
		position: relative;
		width: 100%;
		z-index: 20;
		opacity: 0;
	}

	.header-visible #header-container{
		opacity:1;
	}

	#logo {
		position: relative;
		display: table;
		pointer-events: initial;
		z-index: 10;
		top: 0px;
		float: left;
	}

	#logo a {
		display:block;
		-webkit-transition: transform 0.5s ease-in-out 0.1s;
		transition: transform 0.5s ease-in-out 0.1s;
	}

	#logo a.disable, .open #logo a {
		pointer-events: none;
	}

	#logo img {
		display: block;
		height: 80px;
		width: auto;
		max-width:none;
		-webkit-transition: opacity 0.15s ease-in-out 0s;
		transition: opacity 0.15s ease-in-out 0s;
	}

	#logo img.black-logo {
		opacity:1;
	}

	.light-content #logo img.black-logo {
		opacity:0;
	}

	#logo img.white-logo {
		position:absolute;
		top:0;
		left:0;
		opacity:0;
	}

	.light-content #logo img.white-logo {
		opacity:1;
	}

	.white-header #logo img.black-logo {
		opacity:0;
	}

	.light-content .white-header #logo img.black-logo {
		opacity:1;
	}

	.light-content .white-header.over-white-section #logo img.black-logo, .show-loader1 .light-content .white-header #logo img.black-logo {
		opacity:0;
	}

	.white-header #logo img.white-logo {
		opacity:1;
	}

	.light-content .white-header #logo img.white-logo {
		opacity:0;
	}

	.light-content .white-header.over-white-section #logo img.white-logo, .show-loader1 .light-content .white-header #logo img.white-logo {
		opacity:1;
	}

	.menu-open.light-content .slide-in #logo img.white-logo {
		opacity:1;
	}

	nav {
		pointer-events: none;
	}

	nav.open {
		pointer-events: initial;
	}

	.dark-content-header #logo img.black-logo {
		opacity:1!important;
	}

	.dark-content-header #logo img.white-logo {
		opacity:0!important;
	}

	.light-content-header #logo img.black-logo {
		opacity:0!important;
	}

	.light-content-header #logo img.white-logo {
		opacity:1!important;
	}

	@media all and (min-width: 1025px) {

		.classic-menu nav {
			position: relative;
			width: auto;
			top: 0px;
			-webkit-transition: all 0.2s ease-in-out 0.5s;
			transition: all 0.2s ease-in-out 0.5s;
			display:block;
			float:right;
			height: 60px;
			margin: 10px 0;
			background-color:transparent!important;
		}

		.classic-menu .flexnav {
			display: block;
			float: right;
			position: relative;
			width: auto;
			max-height: 60px;
		}

		.classic-menu .flexnav li ul {
			min-width: 180px;
		}

		.classic-menu .flexnav .touch-button {
			background: transparent none repeat scroll 0 0;
		}

		.flexnav .touch-button .navicon {
			display:none;
		}

		.classic-menu .flexnav li {
			background: transparent none repeat scroll 0 0;
			padding:0 25px;
			padding-bottom:20px;
			padding-top:20px;
		}

		.classic-menu .menu-timeline {
			opacity:1!important;
			-webkit-transition: translateY(0px)!important;
			transform: translateY(0px)!important;
			pointer-events:initial;
		}

		.classic-menu .flexnav li:last-child {
			padding-right:0px;
		}

		.classic-menu .before-span {
			opacity:1!important;
			-webkit-transition: translateY(0px)!important;
			transform: translateY(0px)!important;

		}

		.classic-menu .flexnav li a {
			background: transparent none repeat scroll 0 0;
			padding: 0 5px;
			position:relative;
			border-left: medium none;
			color:#000;
			font-size:16px;
			font-weight:500;
			line-height:20px;
			display:block;
			overflow:hidden;
			-webkit-transition: all 0.15s ease-in-out;
			transition: all 0.15s ease-in-out;
		}

		.light-content .classic-menu .flexnav li a {
			color:var(--main-white);
		}

		.light-content  .classic-menu.white-header .flexnav li a {
			color:#000;
		}

		.classic-menu.white-header .flexnav li a {
			color:var(--main-white);
		}

		.flexnav:hover li a {
			color: rgba(0,0,0,0.4);
		}

		.light-content .classic-menu .flexnav:hover li a {
			color: rgba(255,255,255,0.4);
		}

		.classic-menu.white-header .flexnav:hover li a {
			color: rgba(255,255,255,0.4);
		}

		.light-content  .classic-menu.white-header .flexnav:hover li a {
			color: rgba(0,0,0,0.4);
		}

		.classic-menu .flexnav li:hover a {
			color:#000;
		}

		.light-content .classic-menu .flexnav li:hover a {
			color:var(--main-white);
		}

		.classic-menu.white-header .flexnav li:hover a {
			color:var(--main-white);
		}

		.light-content .classic-menu.white-header .flexnav li:hover a {
			color:#000;
		}

		.classic-menu .flexnav li a span {
			position: relative;
			display: block;
			-webkit-transition: -webkit-transform 0.2s;
			transition: transform 0.2s;
			transform-origin: 100% 0%;
		}

		.classic-menu .flexnav li a span::before {
			position: absolute;
			top: 100%;
			width:100%;
			left:0;
			content: attr(data-hover);
		}

		.classic-menu .flexnav li:hover a span {
			-webkit-transform: translateY(-100%);
			transform: translateY(-100%);
			transform-origin: 0% 0%;
		}

		.classic-menu .flexnav li ul li a {
			padding:0 20px 20px;
			background-color:transparent;
			font-size:14px;
			font-weight:500;
			text-transform:none;
			color:#fff!important;
			opacity:0.6;
			-webkit-transition: all 0.05s ease-in-out;
			-moz-transition: all 0.05s ease-in-out;
			-o-transition: all 0.05s ease-in-out;
			-ms-transition: all 0.05s ease-in-out;
			transition: all 0.05s ease-in-out;
		}

		.classic-menu .flexnav li ul li a.link::before {
			display:none;
		}

		.classic-menu .flexnav li ul li a.active, .classic-menu .flexnav li ul li a:hover {
			opacity:1;
		}

		.classic-menu .flexnav li > ul li {
			margin-left:0;
			padding:0;
			opacity: 1 !important;
			transform: none !important;
		}

		.classic-menu .flexnav li ul {
			-webkit-transform: translate3d(0px, 30px, 0px);
			transform: translate3d(0px, 30px, 0px);
			display:block!important;
			opacity:0!important;
			height:inherit!important;
			overflow:visible!important;
			visibility:hidden;
			left:15px;
			top:60px;
			padding-top:20px;
			background: #000;
			border-radius:3px;
			-webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out!important;
			transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out!important;
		}

		.classic-menu .flexnav li:last-child ul {
			left:auto;
			right:-10px;
		}

		.classic-menu .flexnav li ul ul {
			left:5px!important;

		}

		.classic-menu .flexnav li ul:after {
			display: block;
			content: '';
			position: absolute;
			top: -6px;
			left: 20px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 10px 9px;
			border-color: transparent transparent #000;
		}

		.classic-menu .flexnav li:last-child ul:after {
			left: auto;
			right: 20px;
		}

		.classic-menu .flexnav ul li ul:after {
			display: block;
			content: '';
			position: absolute;
			top: 15px;
			left: -10px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 10px 9px;
			border-color: transparent transparent #000;
			-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
		}

		.classic-menu .flexnav li ul li > ul, .classic-menu .flexnav li ul.open ul.open {
			top: -5px;
			z-index:10;
		}

		.classic-menu .flexnav li:last-child ul li > ul, .classic-menu .flexnav li:last-child ul.open ul.open {
			margin-left: -100%;
			left:-5px!important;
			right:auto;
			top: 0;
		}

		.classic-menu .flexnav li:last-child ul li ul::after {
			right: -10px;
			-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
		}

		.classic-menu .flexnav ul li ul li a {
			background: #000;
		}

		.classic-menu .flexnav ul li ul li ul li a {
			background: #000;
		}

		.classic-menu .flexnav li ul.flexnav-show {
			-webkit-transform: translate3d(0px, 0px, 0px);
			transform: translate3d(0px, 0px, 0px);
			opacity:1!important;
			visibility:visible;
			-webkit-transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s;
			transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s;
		}

		.classic-menu .flexnav .touch-button {
			display:none;
		}


		/*-- Full Screen Menu --*/

		.fullscreen-menu .nav-height {
			overflow-y: scroll;
			position: relative;
			height: 100%;
			padding: 40px 0;
			padding-right: 30px;
			width: calc(100% + 30px);
			box-sizing: border-box;
		}

		.fullscreen-menu nav {
			height: 100vh;
			position: fixed;
			top:0;
			left:0;
			width: 100%;
			box-sizing: border-box;
			visibility: visible;
			pointer-events:none;
			opacity:0;
			padding:20px 0;
			-webkit-transition: all 0.2s ease-in 0.6s;
			transition: all 0.2s ease-in 0.6s;
		}

		.fullscreen-menu nav.open {
			visibility:visible;
			pointer-events:initial;
			opacity:1;
			-webkit-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
		}

		.fullscreen-menu .flexnav {
			max-height: 2000px;
			-webkit-transition: all 0.2s ease-in 0.6s;
			transition: all 0.2s ease-in 0.6s;
			display: table;
			width: auto;
			padding:0 20px;
			box-sizing:border-box;
			margin: 0 auto;
			float: none;
		}

		.fullscreen-menu .flexnav.flexnav-show {
			-webkit-transition: all .3s ease-out 0.2s;
			transition: all .3s ease-out 0.2s;
		}

		.fullscreen-menu .flexnav li {
			text-align:center;
			padding:0;
			box-sizing:border-box;
			float:none;
		}

		.fullscreen-menu .menu-timeline {
			opacity:0;
		}

		.fullscreen-menu .flexnav .touch-button {
			width: 100%;
			display: block;
			height:100px;
		}

		.fullscreen-menu .flexnav li ul li .touch-button {
			height:32px;
		}

		.fullscreen-menu .flexnav:hover li ul li a.active, .fullscreen-menu .flexnav:hover li ul li:hover > a {
            opacity:1;
        }

		.fullscreen-menu .flexnav .touch-button .navicon {
			display:none;
		}

		.fullscreen-menu .flexnav li.link {
			border-bottom: none;
		}

		.fullscreen-menu .flexnav li a {
			font-weight: 500;
			font-size: calc(1rem + 4.15vw);
  			line-height: calc(1rem + 5.5vw);
			padding:0;
			-webkit-transition: all .1s ease-in-out 0s;
			transition: all .1s ease-in-out 0s;
		}

		@media only screen and (max-width: 1466px) {

			.fullscreen-menu .flexnav li a {
				font-size: calc(1rem + 5.15vw);
				line-height: calc(1rem + 7vw);
			}

		}

		.fullscreen-menu .flexnav li a {
			color:#000;
		}

		.fullscreen-menu.invert-header .flexnav li a {
			color: var(--main-white);
		}

		.fullscreen-menu .flexnav:hover li a, .fullscreen-menu .flexnav.hover li a {
			opacity:0.3;
		}

		.fullscreen-menu .flexnav li:hover a, .fullscreen-menu .flexnav li a.active{
			opacity:1;
		}

		.fullscreen-menu .flexnav:hover li ul li a {
			opacity:0.3;
		}

		.fullscreen-menu .flexnav:hover li ul li a.active, .fullscreen-menu .flexnav:hover li ul li:hover > a {
			opacity:1;
		}

		.fullscreen-menu .flexnav a.link::before {
			display:none;
		}

		.fullscreen-menu .flexnav li ul {
			margin-bottom:20px;
			position:relative;
			left:0;
		}

		.fullscreen-menu .flexnav li ul:after {
			display:none;
		}

		.fullscreen-menu .flexnav li ul li a {
			padding: 6px 0;
			font-size: 16px;
			line-height:28px;
			font-weight:500;
			border-top: none;
			text-transform:none;
		}

		.fullscreen-menu .flexnav ul li ul li a {
			background:transparent;
		}

		.fullscreen-menu .flexnav li ul li > ul, .fullscreen-menu .flexnav li ul.open ul.open {
			margin-left: 0;
			top: 0;
		}

		.fullscreen-menu .menu-timeline {
			opacity:1;
		}

		.fullscreen-menu .menu-timeline .before-span {
			opacity:0;
			display:block;
			-webkit-transform: translateY(120px);
			transform: translateY(120px);
		}

		.fullscreen-menu .flexnav li, .fullscreen-menu .flexnav li a  {
			background-color:transparent;
			border:0;
		}

		.fullscreen-menu .flexnav li a span {
			position: relative;
			display: block;
			-webkit-transition: -webkit-transform 0.2s;
			transition: transform 0.2s;
			transform-origin: 100% 0%;
			overflow:hidden;
		}

		.fullscreen-menu .open .flexnav li a span {
			overflow:visible;
		}

		.fullscreen-menu .flexnav li a span::before {
			position: absolute;
			top: 100%;
			width:100%;
			left:0;
			content: attr(data-hover);
		}

		.fullscreen-menu .flexnav li:hover a span {
			-webkit-transform: translateY(-100%);
			transform: translateY(-100%);
			transform-origin: 0% 0%;
		}

		.fullscreen-menu .flexnav li.hover a  span {
			-webkit-transform: translateY(-100%)!important;
			transform: translateY(-100%)!important;
			transform-origin: 0% 0%;
		}

	}

	nav, nav.open {
		-webkit-transition: all 0s ease-in 0s;
		transition: all 0s ease-in 0s;
		background:transparent;
	}

	#burger-wrapper {
		width: 40px;
		height: 40px;
		float: right;
		top: 0px;
		right: 0;
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		pointer-events: initial;
	}

	.classic-menu .button-wrap.right.menu {
		display:none;
	}

	.burger-dots #menu-burger {
		top:0px;
		width: 25px;
		height: 25px;
		position: relative;
		margin: 0 auto;
		z-index:2;
		pointer-events: none;
	}

	.menu-overlay #menu-burger {
		display:block;
	}

	.burger-dots #menu-burger span {
	  display: block;
	  position: absolute;
	  height: 5px;
	  width: 5px;
	  border-radius:5px;
	  background-color: #000;
	  opacity: 1;
	  top:10px;
	  left:0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  height  0.2s ease-in-out, width  0.2s ease-in-out, top 0.2s ease-in-out, left  0.2s ease-in-out;
	  transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  height  0.2s ease-in-out, width  0.2s ease-in-out, top 0.2s ease-in-out, left  0.2s ease-in-out;
	}

	#burger-wrapper .touch-button {
		display:none;
	}

	.burger-dots #menu-burger span:nth-child(1) {
	  	left: 0px;
	}

	.burger-dots #menu-burger span:nth-child(2){
	  	left: 10px;
	}

	.burger-dots #menu-burger span:nth-child(3){
	  	left: 20px;
	}

	.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(1) {
	  	left: 10px;
	}

	.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(3) {
	  	left: 10px;
	}

	.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(1) {
	  	left: 3px;
	}

	.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(3) {
	  	left: 3px;
	}

	.burger-dots #menu-burger.open span:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top:12px;
	  height: 2px;
	  width:20px;
	  left: 3px;
	}

	.burger-dots #menu-burger.open span:nth-child(2) {
	   -webkit-transform: scale(0);
	  transform: scale(0);
	}

	.burger-dots #menu-burger.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top:12px;
	  height: 2px;
	  width:20px;
	  left: 3px;
	}

	.button-wrap.right.burger-lines {
		right: -30px;
	}

	.burger-lines #menu-burger {
		width: 16px;
		height: 22px;
		position: relative;
		margin: 0 auto;
		z-index:2;
		pointer-events: none;
	}

	.burger-lines #menu-burger span {
	  display: block;
	  position: absolute;
	  height: 2px;
	  width: 100%;
	  opacity: 1;
	  right: 0;
	  background-color:#000;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  top  0.2s ease-in-out;
		transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  top  0.2s ease-in-out;
	}

	.burger-lines #menu-burger span:nth-child(1) {
	  top: 7px;
	}

	.burger-lines #menu-burger span:nth-child(2){
	  top: 15px;
	}

	.burger-lines #menu-burger span:nth-child(3){
		display:none;
	}

	.burger-lines #menu-burger.open span:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top:10px;
	}

	.burger-lines #menu-burger.open span:nth-child(2) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top:10px;
	}

	.light-content #menu-burger span {
		background-color:var(--main-white);
	}

	.white-header #menu-burger span {
		background-color:var(--main-white);
	}

	.light-content .white-header #menu-burger span {
		background-color:#000;
	}

	.light-content .white-header.over-white-section #menu-burger span, .show-loader1 .light-content .white-header #menu-burger span {
		background-color:var(--main-white);
	}

	.dark-content-header #menu-burger span {
		background-color:#000!important;
	}

	.light-content-header #menu-burger span {
		background-color:#fff!important;
	}

	.dark-content-header .button-text {
		color:#000!important;
	}

	.light-content-header .button-text {
		color:#fff!important;
	}


/*--------------------------------------------------
	05. Main Content
---------------------------------------------------*/

	#content-scroll {
		/*z-index:1;*/
		position:relative;
	}

	.smooth-scroll #content-scroll {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index:1;
		overflow:hidden;
	}

	.scroll-content {
		cursor:default!important;
	}

	.scale-up .scroll-content {
		cursor:grabbing!important;
	}

	.scrollbar-track {
		background: transparent!important;
	}


/*--------------------------------------------------
	06. Footer Elements
---------------------------------------------------*/

	footer {
		position:relative;
		width:100%;
		height:120px;
		z-index:900;
		box-sizing:border-box;
		text-align:center;
		bottom:0;
		left:0;
		overflow:hidden;
		pointer-events:none;
	}

	footer.fixed {
		position:fixed;
	}

	footer.showcase-footer{
		position:fixed;
	}

	#footer-container {
		padding: 0 80px;
		margin: 20px auto;
		height: 80px;
		opacity: 0;
		position: absolute;
		width: 100%;
		box-sizing: border-box;
		bottom: 0;
		left: 0;
	}

	.footer-middle {
		position: absolute;
		margin: 0 auto;
		width: 100%;
		height: inherit;
		display: table;
		left: 0;
		pointer-events: none;;
	}

	.copyright {
		position: relative;
		top: 25px;
		width: auto;
		height: 30px;
		overflow: hidden;
		font-size: 14px;
		line-height: 30px;
		font-weight: 500;
		color: #000;
		pointer-events: initial;
		display: table;
		width: auto;
		padding: 0px 20px 0px 20px;
		max-width: 820px;
		box-sizing:border-box;
		text-align:center;
		margin: 0 auto;
	}

	.light-content .copyright {
		color:var(--main-white);
	}

	.socials-wrap {
		position:relative;
		float: right;
		color: #000;
		width: 240px;
		height: 160px;
		box-sizing: border-box;
		pointer-events:initial;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.light-content .socials-wrap {
		color: var(--main-white);
	}

	footer .socials-wrap {
		margin-top:0px;
	}

	.socials-wrap:hover {
		transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
	}

	.socials-text {
		float:right;
		font-size:14px;
		font-weight: 500;
		line-height:40px;
		transform:translateY(20px);
	}

	.socials-wrap:hover .socials-text {
		transform: translateY(15px) translateX(5px);
		-webkit-transform: translateY(15px) translateX(5px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.socials-icon {
		float:right;
		width:30px;
		height:40px;
		font-size:14px;
		line-height:40px;
		text-align:right;
		margin-left:10px;
		transform:scale(1) translateY(20px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.socials-wrap:hover .socials-icon {
		transform:scale(0) translateY(40px);
		width:0;
		margin:0;
		overflow:hidden;

	}

	.socials-icon:after, .socials-text:after {
	  content: "";
	  clear: both;
	  display: table;
	}

	.socials {
		height: auto;
		line-height: 30px;
		position: relative;
		width: auto;
		margin:0 auto;
		margin-top: 10px;
		text-align: center;
		bottom: 0;
		display: table;
		transform: translateX(15px);
		-webkit-transform: translateX(15px);
	}

	.socials-wrap .socials {
		display: inline-block;
		width: 100%;
		text-align: right;
	}

	.socials li {
		margin-right: 0px;
		margin-left: 10px;
		list-style: none;
		color: #999;
		font-size: 15px;
		margin-bottom: 0;
		line-height: 40px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40px;
		width: 40px;
		float: right;
		z-index: 2;
		-webkit-transition: background 0.4s ease-in-out 0s;
		transition: background 0.4s ease-in-out 0s;
	}

	.socials-wrap .socials li {
		opacity:0;
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.socials-wrap:hover .socials li:nth-child(5) {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
		opacity:1;
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
	}

	.socials-wrap:hover .socials li:nth-child(4) {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
		opacity:1;
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
	}

	.socials-wrap:hover .socials li:nth-child(3) {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		opacity:1;
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
	}

	.socials-wrap:hover .socials li:nth-child(2) {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
		opacity:1;
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
	}

	.socials-wrap:hover .socials li:nth-child(1) {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
		opacity:1;
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
	}

	.socials li:last-child {
		margin-left: 0px;
	}

	.socials li a {
		color: #000;
		font-size:14px;
		font-weight: 600;
		display: block;
		height: 40px;
		width: 40px;
		line-height:40px;
		text-align:center;
		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}

	.socials:hover li  a {
		opacity:0.3;
	}

	.socials li a:hover {
		color: #000;
		opacity:1;
	}

	.light-content .socials li a {
		color: var(--main-white);
	}

	.light-content .socials:hover li  a {
		opacity:0.3;
	}

	.light-content .socials li a:hover {
		color: var(--main-white);
		opacity:1;
	}

	.button-wrap {
		position: relative;
		cursor: pointer;
		top: 0px;
		pointer-events: initial;
		width: auto;
		display: table;
	}

	.button-wrap:after {
		clear: both;
		content: " ";
		display: block;
		height: 0;
		visibility: hidden;
	}

	.button-wrap.left {
		float:left;
		left:-32px;
	}

	.button-wrap.right {
		float:right;
		right:-26px;
	}

	#main .button-wrap.left {
		float:none;
		left:-24px;
	}

	#main .button-wrap.button-link.left {
		float:none;
		left:-20px;
	}

	#main .button-wrap.right {
		float:none;
		right:auto;
	}

	#main .button-wrap.button-link.right {
		right:-2px;
	}

	.icon-wrap {
		width: 80px;
		height: 80px;
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		float:left;
	}

	#main .icon-wrap {
		width: 60px;
		height: 60px;
	}

	.button-wrap.left .icon-wrap {
		float:left;
	}

	.button-wrap.right .icon-wrap {
		float:right;
	}

	#main  .text-align-right .button-wrap.right {
		float:right;
	}

	.button-icon {
		height: 40px;
		width: 40px;
		color: #000;
		text-align: center;
		line-height: 40px;
		font-size: 18px;
	}

	.light-content .button-icon, .dark-section .button-icon {
		color:var(--main-white);
	}

	.light-content .light-section .button-icon {
		color:#000;
	}

	.white-header .button-icon {
		color:var(--main-white);
	}

	.light-content .white-header .button-icon {
		color:#000;
	}

	.button-icon i {
		height:40px;
		line-height:40px;
		width:40px;
		text-align:center;
	}

	#main .button-icon i {
		line-height:40px;
	}

	#main .button-icon i.fa.fa-arrow-right {
		font-size:14px;
	}

	.button-text {
		font-weight: 500;
		font-size: 14px;
		line-height:30px;
		margin:25px 0;
		overflow: hidden;
		width:auto;
		padding:0 10px;
		color:#000;
		-webkit-transition: color 0.05s ease-in-out;
		transition: color 0.05s ease-in-out;
	}

	#main #hero-footer .button-text span::after {
		content:none;
	}

	#main .button-text {
		font-size: 16px;
		line-height:30px;
		font-weight: 400;
		margin:15px 0;
		transition: transform .2s ease-out;
	}

	#main #hero .button-text {
		font-weight: 500;
		font-size: 14px;
	}

	#main .large-btn .button-text {
		font-size: 18px!important;
		font-weight:500;
		margin:15px 0;
		transition: transform .2s ease-out;
	}

	.light-content .button-text, .dark-section .button-text {
		color:var(--main-white);
	}

	.light-content .light-section .button-text {
		color:#000;
	}

	.white-header .button-text {
		color:var(--main-white);
	}

	.light-content .white-header .button-text {
		color:#000;
	}

	.light-content .white-header.over-white-section .button-text, .show-loader1 .light-content .white-header .button-text {
		color:var(--main-white);
	}

	.button-wrap.left .button-text {
		text-align:left;
		float: left;
	}

	.button-wrap.right .button-text {
		text-align:right;
		float: right;
		padding-left:0px;
	}

	.button-text span {
		position: relative;
		display: inline-block;
		-webkit-transition: -webkit-transform 0.2s;
		transition: transform 0.2s;
		width:auto;
		text-align:center;
		transform-origin: 100% 0%;
	}





	.button-link .button-text, #main .button-link .button-text {
		overflow:visible;
		transition: padding 0.3s ease-out;
	}

	.button-link.left .button-text {
		padding-left:0px;
	}

	.button-link.left:hover .button-text {
		padding-left:10px;
	}

	.button-link .button-text span::before {
		content: '';
		position: absolute;
		bottom: 1px;
		left: 0;
		width: 100%;
		height: 1px;
		background: rgba(0,0,0,0.3);
		transform: scaleX(1);
		transform-origin: right;
		transition: transform 0.3s ease-out;
	}

	.button-link.left .button-text span::before {
		transform-origin: left;
	}

	.light-content .button-link .button-text span::before, .dark-section .button-link .button-text span::before {
		background: rgba(255,255,255,0.4);
	}

	.light-content .light-section .button-link .button-text span::before {
		background: rgba(0,0,0,0.3);
	}

    .button-wrap.button-link:hover .button-text span {
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}

	.button-link:hover .button-text span::before {
		transform: scaleX(0);
		-webkit-transform: scaleX(0);
		transform-origin: left;
	}

	.button-link.left:hover .button-text span::before {
		transform-origin: right;
	}

	.button-link .button-icon i {
		background-color:transparent;
		border:1px solid rgba(0,0,0,0.4);
		color:transparent;
		font-size: 14px;
		border-radius:100%;
		transform: scale(0.25);
		box-sizing:border-box;
		transition: all .3s ease-out;
		text-indent:-100px;
		overflow:hidden;
	}

	.button-link:hover .button-icon i {
		background-color:#000;
		color:var(--main-white);
		border:1px solid rgba(0,0,0,1);
		transform: scale(1.2);
		text-indent:0px;
	}

	.light-content .button-link .button-icon i, .dark-section .button-link .button-icon i {
		border:1px solid rgba(255,255,255,0.4);
	}

	.light-content .button-link:hover .button-icon i, .dark-section .button-link:hover .button-icon i {
		background-color:var(--main-white);
		color:#000;
		border:1px solid rgba(255,255,255,1);
	}

	.light-content .light-section .button-link .button-icon i {
		border:1px solid rgba(0,0,0,1);
	}

	.light-content .light-section .button-link:hover .button-icon i {
		background-color:#000;
		color:var(--main-white);
		border:1px solid rgba(0,0,0,1);
	}


	.button-link.right .button-icon i {
		transform: scale(0.25) translateX(-40px);
		-webkit-transform: scale(0.25) translateX(-40px);
	}

	.button-link.right:hover .button-icon i {
		transform: scale(1.2) translateX(0px);
		-webkit-transform: scale(1.2) translateX(0px);
	}















	.button-wrap.left .button-text span {
		text-align:left;
	}

	.button-wrap.right .button-text span {
		text-align:right;
	}

	.button-text span::before {
		position: absolute;
		width:auto;
		top: 100%;
		left:0;
		content: attr(data-hover);
	}

	.header-middle .button-text span::before {
		content: attr(data-on);
	}

	.button-wrap:hover .button-text span {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		transform-origin: 0% 0%;
	}

	nav, nav.open {
		-webkit-transition: all 0s ease-in 0s;
		transition: all 0s ease-in 0s;
		background:transparent;
	}

/*--------------------------------------------------
	07. Responsive
---------------------------------------------------*/


@media only screen and (max-width: 1466px) {

	h1.big-title {
		font-size: 11vw;
		line-height: 14vw;
	}

	.row_padding_all {
		padding-left: 60px;
		padding-right: 60px;
	}

	.row_padding_left {
		padding-left:60px;
	}

	.row_padding_right {
		padding-right:60px;
	}

	.preloader-intro {
		font-size: 11vw;
		line-height: 14vw;
		height: 14vw;
	}

	.percentage-wrapper {
		right: 60px;
		bottom: 40px;
	}

	.percentage-intro {
		left: 60px;
		bottom: 40px;
	}

	header {
    	height: 94px;
	}

	#header-container {
		padding: 10px 60px;
	}

	.flexnav li {
    	padding: 20px;
	}

	footer {
    	height: 100px;
	}

	#footer-container {
    	padding: 0 60px;
		margin: 10px auto;
	}

}


@media only screen and (max-width: 1024px) {

	h1.big-title {
		font-size: 12vw;
		line-height: 16vw;
	}

	.parallax-wrap {
		transform:none!important;
	}

	.parallax-element {
		transform:none!important;
	}

	.has-parallax figcaption {
		display:none;
	}

	.destroy {
		display:none;
	}

	.row_padding_left {
		padding-left: 0px;
	}

	.row_padding_right {
		padding-right: 0px;
	}

	.full.row_padding_left {
		padding-left: 40px;
	}

	.full.row_padding_right {
		padding-right: 40px;
	}

	.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 0px;
		padding-right: 0px;
	}

	.full.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 40px;
		padding-right: 40px;
	}

	#magic-cursor {
		display:none;
	}

	.preloader-intro {
		font-size: 12vw;
		line-height: 16vw;
		height: 16vw;
	}

	.percentage-wrapper {
		right: 40px;
		bottom: 20px;
	}

	.percentage-intro {
		left: 40px;
		bottom: 20px;
	}

	header {
		height:80px;
	}

	#header-container {
    	padding: 0;
		margin: 0 auto;
	}

	#logo {
		left: 40px;
	}

	.header-middle {
		display:none;
	}

	.button-wrap.right.menu {
		right: 10px;
	}

	nav {
		height: 100vh;
		position: fixed;
		width: 100%;
		box-sizing: border-box;
		visibility: visible;
		pointer-events:none;
		opacity:0;
		padding:20px 0;
		-webkit-transition: all 0.2s ease-in 0.6s;
		transition: all 0.2s ease-in 0.6s;
	}

	nav.open {
		visibility:visible;
		pointer-events:initial;
		opacity:1;
		background-color: transparent;
		-webkit-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}

	.nav-height {
		position: relative;
		height: 100%;
		padding: 40px 0;
		width: 100%;
		box-sizing: border-box;
		overflow-y: auto;
	}

	.flexnav {
		padding: 0 20px;
    	max-height: 2000px;
		display: table;
		width: auto;
		margin: 0 auto;
		text-align:center;
		box-sizing:border-box;
		background: transparent;
		-webkit-transition: all 0.2s ease-in 0.6s;
		transition: all 0.2s ease-in 0.6s;
	}

	.flexnav.flexnav-show {
		-webkit-transition: all .3s ease-out 0.2s;
		transition: all .3s ease-out 0.2s;
	}

	.flexnav.opacity {
		opacity: 1;
	}

	.flexnav li {
		padding:0;
		-webkit-transition: color .15s ease-out 0s;
		transition: color .15s ease-out 0s;
	}

	.flexnav:hover li  {
		color:rgba(255,255,255,0.4)
	}

	.flexnav li:hover {
		color:rgba(255,255,255,1)
	}

	.flexnav li a, .flexnav li ul li a {
    	background: transparent;
	}

	.flexnav li a {
		font-weight:500;
		font-size: calc(1rem + 6vw);
		line-height: calc(1rem + 8.5vw);
		padding:0;
		border:none;
		-webkit-transition: all .1s ease-in-out 0s;
		transition: all .1s ease-in-out 0s;
	}

	.flexnav li a {
		color:#000;
	}

	.invert-header .flexnav li a {
		color: var(--main-white);
	}

	.flexnav:hover li a {
		opacity:0.3;
	}

	.flexnav li:hover a, .flexnav li a.active{
		opacity:1;
	}

	.flexnav li ul {
		margin-bottom:15px;
	}

	.flexnav li ul li a {
		padding: 10px 0;
		font-weight: 500;
		text-transform:none;
		font-size: 14px;
		line-height: 14px;
		border-top: none;
		opacity:0.4;
		-webkit-text-stroke:none;
	}

	.flexnav li ul li:hover a, .flexnav li ul li a.active{
		opacity:1;
	}

	.flexnav:hover li ul li a {
		opacity:0.3;
	}

	.flexnav:hover li ul li a.active, .flexnav:hover li ul li:hover > a {
		opacity:1;
	}

	.flexnav ul li ul li a {
		background: transparent;
	}

	.flexnav li ul li ul li a {
		padding: 10px 40px;
	}

	.flexnav .touch-button {
		width: 100%;
		display: block;
		height:60px;
	}

	.flexnav li ul li .touch-button {
		height:32px;
	}

	.flexnav .touch-button .navicon {
		display:none;
	}

	#menu-burger span.touch-button {
		display:none;
	}

	.classic-menu .button-wrap.right.menu {
		display: block;
	}

	footer {
		height: 80px;
	}

	#footer-container {
		margin: 0px auto;
		padding: 0 40px;
		height: 80px;
	}

	.footer-button-wrap {
    	bottom: 80px;
	}

	.copyright {
		text-align:center;
	}

	.socials-wrap {
		width: 240px;
		height: 40px;
		float:right;
		margin:0 auto;
		right:-10px;
		transform: translateX(0px) translateY(20px)!important;
		-webkit-transform: translateX(0px) translateY(20px)!important;
	}

	.socials-wrap:hover {
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
	}

	.socials-icon, .socials-text {
		display:none;
	}

	.socials-wrap .socials {
		margin-top: 5px;
		text-align: right;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
	}

	.socials-wrap .socials li {
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}

	.socials-wrap:hover .socials li {
		opacity: 1;
		transform: translateY(0px)!important;
		-webkit-transform: translateY(0px)!important;
	}

	.socials li {
		margin-right: 10px;
		line-height: 30px;
		height: 30px;
		width: 30px;
		margin: 0 5px auto;
		display: inline-block;
		float: none;
	}

	.socials li a {
		height: 30px;
		width: 30px;
		line-height: 30px;
	}

}


@media only screen and (max-width: 767px) {

	h1.big-title {
		font-size: 13vw;
		line-height: 17vw;
	}

	h1{
		font-size:34px;
		line-height: 48px;
	}

	h2{
		font-size: 28px;
		line-height: 44px;
	}

	h3{
		font-size:24px;
		line-height: 36px;
		margin-left:-1px;
	}

	h4{
		font-size:20px;
		line-height: 30px;
		margin-left:-1px;
	}

	h5{
		font-size:16px;
		line-height: 26px;
		margin-left:-1px;
	}

	h6{
		font-size:14px;
		line-height: 24px;
	}

	figcaption {
		background-color: rgba(0,0,0,0.3);
		bottom: 0px;
		font-size: 10px;
		padding: 5px 10px;
		right: 0px;
		border-radius: 0;
	}

	.text-aligh-right {
		text-align:left;
	}

	.one_half {
    	width: 100%!important;
	}

	.one_half {
    	padding-right: 0!important;
	}

	.one_half.last {
    	padding-left: 0!important;
	}

	.one_third {
		width: 100%!important;
	}

	.one_fourth {
		width: 100%!important;
	}

	.one_fifth {
		width: 100%!important;
	}

	.one_sixth {
		width: 100%!important;
	}

	.two_fifth {
		width: 100%!important;
	}

	.two_fourth {
		width: 100%!important;
	}

	.two_third {
		width: 100%!important;
	}

	.three_fifth {
		width: 100%!important;
	}

	.three_fourth {
		width: 100%!important;
	}

	.four_fifth {
		width: 100%!important;
	}

	.five_sixth {
		width: 100%!important;
	}

	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		margin-bottom: 20px!important;
		margin-right: 0%!important;
	}

	.row_padding_top {
		padding-top:10vw;
	}

	.row_padding_bottom {
		padding-bottom:10vw;
	}

	.row_padding_left {
		padding-left: 0px;
	}

	.row_padding_right {
		padding-right: 0px;
	}

	.full.row_padding_left {
		padding-left: 30px;
	}

	.full.row_padding_right {
		padding-right: 30px;
	}

	.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 0px;
		padding-right: 0px;
	}

	.full.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 30px;
		padding-right: 30px;
	}

	hr {
		height: 20px;
	}

	.preloader-intro {
		font-size: 13vw;
		line-height: 17vw;
		height: 17vw;
	}

	.percentage-wrapper {
		right: 30px;
		bottom: 10px;
	}

	.percentage-intro {
		left: 30px;
		bottom: 10px;
	}

	#logo {
		left: 30px;
	}

	.button-wrap.right.menu.burger-lines {
		right: 0px;
	}

	header .button-text {
		display: none;
	}

	.flexnav li a {
		font-size: calc(1rem + 7vw);
		line-height: calc(1rem + 9.5vw);
	}

	#footer-container {
		padding: 0 30px;
	}

	#footer-container #backtotop.button-wrap.left {
		float: none;
		top:10px;
		left: 0;
		right: 0;
		position: absolute;
		display:block;
	}

	#backtotop.button-wrap.left .button-text {
		text-align: left;
		float: left;
		display: none;
	}

	#backtotop.button-wrap.left .icon-wrap {
		float: none;
		position: absolute;
		right: 0;
		left: auto;
		margin: auto;
		top: 0px;
	}

	.footer-middle {
		max-width: 1180px;
		height:20px;
		position: absolute;
		margin: 0 auto;
		left: 0;
		width: 100%;
		top: 0px;
	}

	.copyright {
		margin: 0;
		left: 10px;
		top: 10px;
		text-align:left;
	}

	footer.showcase-footer .arrows-wrap {
		right: auto;
		left: -30px;
		float: left;
		margin: auto;
	}

	footer.showcase-footer .socials-wrap {
		width: 170px;
		float: right;
		left: auto;
		right: 0;
		top: 0;
	}

	.socials-wrap {
		width:170px;
		float: none;
		left: -6px;
		right: auto;
		top: 10px;
		margin: 0;
	}

	.socials-wrap .socials {
		text-align: left;
	}

	.socials li {
		margin: 0 0px auto;
	}

}


@media only screen and (max-width: 479px) {


	h1.big-title {
		font-size: 14vw;
		line-height: 18vw;
	}

	.row_padding_top {
		padding-top:12vw;
	}

	.row_padding_bottom {
		padding-bottom:12vw;
	}

	.row_padding_left {
		padding-left: 0px;
	}

	.row_padding_right {
		padding-right: 0px;
	}

	.full.row_padding_left {
		padding-left: 20px;
	}

	.full.row_padding_right {
		padding-right: 20px;
	}

	.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 0px;
		padding-right: 0px;
	}

	.full.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 20px;
		padding-right: 20px;
	}

	hr {
		height: 10px;
	}

	.preloader-intro {
		font-size: 14vw;
		line-height: 18vw;
		height: 18vw;
	}

	.percentage-wrapper {
		right: 20px;
		bottom: 10px;
	}

	.percentage-intro {
		left: 20px;
		bottom: 10px;
	}

	#logo {
		left: 20px;
	}

	.button-wrap.right.menu {
		right: -10px;
	}

	.button-wrap.right.menu.burger-lines {
		right: -10px;
	}

	#footer-container {
		padding: 0px;
		margin:0;
	}

	footer.showcase-footer #footer-container {
		padding: 0px 20px;
	}

	.copyright {
		left: 0px;
		font-size: 12px;
	}

	.socials-wrap {
		float: none;
		left: 14px;
		right: auto;
	}

	.arrows-wrap {
		left: -10px;
		width: 80px;
	}

	.prev-wrap, .next-wrap {
    	width: 40px;
	}

	footer.showcase-footer .arrows-wrap {
		right: 0;
		left: 0;
		float: none;
		margin: auto;
	}

	footer.showcase-footer .arrows-wrap {
		width: 100%;
	}

	footer.showcase-footer .prev-wrap, footer.showcase-footer .next-wrap {
    	width: 60px;
	}

	footer.showcase-footer .footer-middle {
		top: 0px;
	}

	footer.showcase-footer .showcase-subtitles-wrap {
		left: 0;
	}

	footer.showcase-footer .socials-wrap {
		display:none;
	}

	.button-text {
		display:none;
	}

	#main-page-content .button-text, #hero .button-text {
		display:block;
	}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {

	#rotate-device {
		display:block;
	}
}

.light-section.wcreative-color .marquee-text {color:var(--main-color);}
.bg-almond .page-nav-caption.marquee-title {padding-bottom: 180px;}


@media only screen and (max-width : 479px){
	.bg-almond .page-nav-caption.marquee-title {padding-bottom: 100px;}
}

@media only screen and (max-width : 767px){
	.bg-almond .page-nav-caption.marquee-title {padding-bottom: 100px;}
}

@media only screen and (max-width : 1024px){
	.bg-almond .page-nav-caption.marquee-title {padding-bottom: 120px;}
}

@media only screen and (max-width : 1466px){
	.bg-almond .page-nav-caption.marquee-title {padding-bottom: 160px;}
}


.bg-almond {background:var(--main-color)!important;}

#hero.has-image .hero-subtitle {color:var(--main-color);}
.al-color {color:var(--main-color)!important;}

.hero-text,
.hero-subtitle,
.hero-title {font-family: var(--primary-font);}
.clients-table li {width: 20%;}

.my-text a {color:var(--main-color);}
.my-text ol li,
.my-text ul li {font-size: 18px; line-height: 36px;}
#page-nav,
#page-nav .next-hero-title,
#page-nav .next-hero-subtitle {color:#fff}
#page-nav i.arrow-icon::after {background-color:var(--main-white);}
#page-nav i.arrow-icon {border-color: var(--main-white);}
.map_container iframe {width: 100%!important; height: 450px!important;}

.contact_forme .form-control a {color:var(--main-color);}

.contact_forme .form-control {
  font-size: 1rem;
  line-height: 1.1;
  display: flex;
  grid-template-columns: 1em auto;
  gap: 0.5em;
}

.contact_forme input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: var(--main-white);
  /* Not removed via appearance */
  margin: 0;
  appearance: none;
  background-color: var(--main-white);
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
}

.form-control + .form-control {
  margin-top: 1em;
}

.contact_forme input[type="checkbox"] {
  display: grid;
  place-content: center;
}

.contact_forme input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--main-color);
}

.contact_forme input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.contact_forme .privacy-go {margin-bottom: 0px;}
.contact_forme .captcha-go {display: flex; margin-top:20px; margin-bottom: 60px;}
.contact_forme .captcha-go .cap-field {width:200px; margin-left: 20px;  position:relative;}

span.help-block.form-error {color:red;}
.sending-overlay {background-color: rgba(255,255,255,0.8); position: absolute; width:100%; top:0; left:0; right:0; bottom:0; z-index: 1; display:none;}

.feedback.send_ok {text-align: center; width: 100%; padding:20px; color:var(--main-white); background-color:var(--main-color); float:left;}


.sending-overlay .spinner {
   width: 88px;
   height: 88px;
   display: grid;
   border: 2px solid #0000;
   border-radius: 50%;
   border-color: var(--main-color) #0000;
   animation: spinner-e04l1k 1.2s infinite linear;
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-44px;
   margin-left:-44px;
}

.sending-overlay .spinner::before,
.sending-overlay .spinner::after {
   content: "";
   grid-area: 1/1;
   margin: 3.5px;
   border: inherit;
   border-radius: 50%;
}

.sending-overlay .spinner::before {
   border-color: #000000 #0000;
   animation: inherit;
   animation-duration: 0.6s;
   animation-direction: reverse;
}

.sending-overlay .spinner::after {
   margin: 14px;
}

@keyframes spinner-e04l1k {
   100% {
	  transform: rotate(1turn);
   }
}

.container-fluid{width: auto;}
.content-row .container {padding:0 25px;}

.video-inline {position: relative; padding-top:56%;}
.video-inline iframe {position: absolute; width: 100%; height:100%; top:0; left: 0; right:0; bottom: 0;}


#logo img {height: 20px; margin-top:24px;}

.full figure.has-parallax {
	overflow: hidden;
	height: 80vh;
}

.mod_banner figure.has-parallax:before {content:''; background:rgba(255,255,255,0.3); position:absolute; top:0; left:0; right:0; bottom:0; height:100%; width:100%; z-index:1;}
.mod_banner.dark-section figure.has-parallax:before {content:''; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; right:0; bottom:0; height:100%; width:100%; z-index:1;}
.mod_gallerynew a {display:contents;}
.mod_gallerynew .panels{display: block;}
/*.mod_gallerynew .panels{height: auto!important;}*/

#hero.single-post .hero-title-wrappero,
#hero.has-image.single-post .hero-title-wrapper {margin-top: 80px; margin-left:0;}
#hero.single-post .hero-title,
#hero.has-image.single-post .hero-title {font-size: 5vw;line-height: 7vw;}
#hero.has-image.single-post .hero-subtitle {color:var(--main-white);}

#hero-image-wrapper.single-post:after{content:''; position: absolute; width:100%; height: 100%; background-color:rgba(0,0,0,0.5); top:0; left:0; right:0;}
#hero p.date-out {color:var(--main-color);}

#hero.has-image p.date-out {color:var(--main-white);}
.card-n {width: 100%;}


/* SELECT */

@arrow: escape(#2e8dd4);
select.filter-this {
  background-color:transparent;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: .9em;
  border-radius: 0px;
  border: none;
  color: #000;
  padding: 17px 30px 16px 10px;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border:0px;
  border-bottom:1px solid #e4e7ed;
  border-bottom: 1px solid rgba(0,0,0,0.3);
  font-size: 14px;
  &::-ms-expand { display: none };
}

@-moz-document url-prefix() {
  select {
	color: rgba(0,0,0,0);
	text-shadow: 0 0 0 #ffffff;
  }
}
/* SELECT */



/* Card news */
.card {
	border: 1px solid #e4e7ed;
	border-radius: 4px;
	background-color: var(--main-white);
	margin-bottom: 15px;
}
.posts__item--card .posts__thumb {
	float: none;
	margin: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.posts__item--card .posts__cat {
	display: block;
	position: absolute;
	left: 23px;
	top: 23px;
	overflow: hidden;
	margin-bottom: 8px;
	z-index: 1;
}

.posts__item--card .posts__thumb img {
	width: 100%;
	height: auto;
	-webkit-transition: -webkit-transform 0.5s ease;
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.posts__item--card .posts__thumb:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.posts__item--card .posts__thumb {
	float: none;
	margin: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.posts__item--card .posts__thumb:first-child {
	overflow: hidden;
}

.posts__item--card .posts__inner {
	padding-top: 18px;
	position: relative;
	padding:24px;
}

.posts__item--card .posts__footer {
	padding: 17px 24px;
	border-top: 1px solid #e4e7ed;
	/*display: table;
	width: 100%;
	height: 100%;*/
}

.posts__item--card .posts__cta {
	display: block;
	position: absolute;
	top: 0;
	right: 23px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.posts__item--card .posts__cat-label, .posts__item--card .posts__cta {
	background-color: var(--main-color);
}
.posts__cat-label {padding:5px 10px; color:var(--main-white); display: block;}
.posts__item--card .posts__date { font-size: 14px; line-height: 1.2em; text-transform: uppercase; color: var(--main-color);}


.posts__item--card .posts__cta::before {width: 17px;height: 3px;}
.posts__item--card .posts__cta::after { width: 3px; height: 17px;}
.posts__item--card .posts__cta::before, .posts__item--card .posts__cta::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: var(--main-white);
	-webkit-transition: -webkit-transform 0.25s ease;
	transition: -webkit-transform 0.25s ease;
	transition: transform 0.25s ease;
	transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.posts__item--card .posts__cta:hover::before, .posts__item--card .posts__cta:hover::after {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}

.posts__item--card .posts__title {font-size: 24px; font-weight: 600; letter-spacing: -1px; margin-top:20px;}
.posts__item--card .posts__title a {transition:all 0.4s;}
.posts__item--card .posts__title a:hover {color:var(--main-color);}

.dark-section .posts__item--card .posts__title a {color:#000;}
.dark-section .posts__item--card .posts__title a:hover {color:var(--main-color);}

.posts__item--card .post__meta { display: block; padding:0px; text-align: right; width: 100%; margin:0px;}

.posts__item--card .meta__item {
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.2em;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0px;
}
.posts__item--card .meta__item:before {
	font-size: 14px;
	line-height: 1em;
	vertical-align: middle;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-family: "Font Awesome 6 Free";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 4px;
	position: relative;
	top: -1px;
}
.meta__item--views::before {content:'\f06e'}
.meta__item--likes::before {content:'\f004'}
.meta__item + .meta__item {margin-left: 15px;}

.posts__item--card .posts__thumb {display: table; flex-direction: column;}
.posts__item--card .post-body,
.posts__item--card {height:100%; display: flex; flex-direction: column;}

.posts__item--card .post-body {justify-content: space-between;}

.news-cat {display: block; position: absolute; left: 23px; top: 23px; overflow: hidden; margin-bottom: 8px; z-index: 1;}
.news-cat span {padding: 5px 10px; color: var(--main-white); display: block; background-color:var(--main-color);}
/* Card news */

/* News Panel */
.carouseldynamic-panel .panel-content-wrapper {
	position: relative;
	width: 500px;

	overflow: hidden;
	display: flex;
	align-items: flex-start;
	justify-content:top;
	box-sizing: border-box;
	flex-direction: column;

	padding-left: 10px;
	padding-right: 10px;
}
/*.carouseldynamic-panel .panels-container > .panel {height: auto!important; flex-direction: unset;}*/
.carouseldynamic-panel .panels-container .panel img {margin:0px;}

@media (max-width : 1100px){
	.carouseldynamic-panel .panel-content-wrapper {width:400px}
}

@media (max-width : 568px){
	.carouseldynamic-panel .panel-content-wrapper {width:100%}
}

.mod_carouseldynamic .sw-container {padding:0px 20px;}
/* News Panel */


ul.ajx-paginate {padding: 0; margin:0; list-style: none; display: flex;}
ul.ajx-paginate li {margin-bottom: 0px;}
ul.ajx-paginate li a{width: 40px; height: 40px; margin-bottom: 0px; border:0px solid red; text-align: center; line-height: 40px; display: block;}
ul.ajx-paginate li.disabled a {color:#e2e2e2; cursor:default}
ul.ajx-paginate li.active a {color:var(--main-white); background:var(--main-color); cursor:default}

.paginate-filters select {width:100%;}

.navigate-post .box-icon {display: inline-block;}
.navigate-post .right-boxes {text-align: right;}

.row-share {border-top:1px solid #e4e7ed; padding-top:30px;}
.base-share {list-style: none; margin:0; padding:0; width: 100%;}
.base-share li {display: inline-block;}
.base-share li a {transition: all 0.4s;}
.base-share li.ico a {background: #000; width: 45px; height: 45px; display: block; text-align: center; line-height: 48px;}
.base-share li a svg {fill:var(--main-white);}
.base-share li.ico a:hover {background:var(--main-color);}

.base-share li.label {font-size: 16px;margin-right: 10px;}

.base-share li.simple a {color:var(--main-color); display:block; line-height: 1.8em;}

.base-share li.simple.tag a {background:#e4e7ed; padding:0px 8px;}
.base-share li.simple.tag a:hover {background:var(--main-color); color:var(--main-white);}
.base-share.right {text-align: right;}

@media (max-width : 991px){
	.base-share.right {text-align: left;}
}


/* LIKE SYSTEM **/
.subhead-metas {margin:0; padding:0; list-style:none;}
.subhead-metas li {list-style:none; display:inline-block;}
.view-card {color:var(--main-white); background-color:#000; padding:20px;margin-right: 10px; display: inline-block}
.like-card a{background: var(--main-color); color:var(--main-white); padding:20px;}
.view-card span,
.like-card a span {margin-left: 8px;}
/*.carousel-3 .swiper-slide {padding-top: 0px;}*/
/* LIKE SYSTEM **/

.swiper-container.sameheight {width: 100%; height:auto;}
.swiper-container.sameheight .slide-img.landscape-pic {width: 100%;}
.swiper-container.sameheight .slide-img.landscape-pic img {width: 100%;}
.swiper-container.sameheight .slide-img.portrait-pic img {height: 100%;}

.card.card-noresult {text-align: center; padding:20px;}

.aj-paginate .sending-overlay {display:block;}

/* Expanded div */
.expandedDiv {
  padding:0;
  width: 100%;
}
.expdiv {background:green; height: 100vh}

.expline {
  width: 100%;
  max-width: 800px;
  height: 8px;
  margin: 0 0 10px 0;
  position: relative;
  display: inline-block;
  background-color: rgba(255,255,255,1);
}

.fl-container,
.fl-spacer {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 8rem;
  visibility: hidden;
  background:rgba(255,255,255,0.5);
}

.fl-spacer {
  visibility: visible;
}


.mod_expandingdiv .sometext {position: absolute; z-index: 99; top:0; left:0; bottom:0; right:0; width:100%;}
.mod_expandingdiv .somecontent {display: flex; justify-content: center; align-items: center;height: 100%; color:var(--main-white);}
.mod_expandingdiv .somecontent h2 {color:var(--main-white);}

.mod_expandingdiv .sticky-circle_element:before {content:''; position: absolute; background:rgba(0,0,0,0.4); top:0;left:0;right:0;bottom:0;z-index: 99}
.mod_expandingdiv .txtcont { max-width: 800px; text-align: center; color:var(--main-white);}
.mod_expandingdiv .txtcont p,
.mod_expandingdiv .txtcont h2{color:var(--main-white);}
.mod_expandingdiv .button-border.outline {border-color: #FFF!important;}
.mod_expandingdiv .button-border.outline a {color:#FFF!important;}
.mod_expandingdiv .sticky-circle {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.mod_expandingdiv .sticky-circle_element {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	width: 35em;
	height: 35em;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 20px;
}

.mod_expandingdiv .sticky-circle_img {
	position: relative;
	width: 100vw;
	height: 100vh;
	max-width: none;
	min-height: 100vh;
	min-width: 100vw;
	-o-object-fit: cover;
	object-fit: cover;
}


/* Expanded div */

/* News Parallax */
.news-parallax.posts__item--card .post-body, .news-parallax.posts__item--card {
	height: auto;
}
.news-parallax.posts__item--card {border:0px;}
.news-parallax.posts__item--card .posts__title {font-weight: 500;}
.news-parallax.posts__item--card .posts__inner {padding:15px;}

.news-parallax a.link {font-size: 18px; line-height: 36px;}


.news-parallax a.link::after {
	content: '';
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,0.3);
}
/* News Parallax */

/* MOD SIMPLECARDS */
.mod_simplecards .box-icon-wrapper h6 {font-size: 24px; font-weight: 400; letter-spacing: -1px;}
.mod_simplecards .box-icon-wrapper p {font-size: 16px; line-height: 1.8em;}
.mod_simplecards .box-icon-wrapper .box-icon-content {padding:0px 10px;}
.mod_simplecards .box-icon-wrapper  a.link {font-size: 18px; line-height: 36px;}

.mod_simplecards .box-icon-wrapper a.link::after {
	content: '';
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,0.3);
}
.mod_simplecards.dark-section .box-icon-wrapper a.link::after {background: rgba(255,255,255,0.3);}
/* MOD SIMPLECARDS */


/* MOD TIMELINE */
.mod_timeline {
	display: -ms-grid;
	display: grid;
	grid-auto-columns: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
}
.mod_timeline-visual {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100vh;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.mod_timeline-content {
	/*padding: 4em;*/
	padding-top: 30vh;
	padding-bottom: 30vh;
	width: 100%;

}
.mod_timeline-image {
	position:absolute;
	opacity: 0;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}

.mod_timeline-text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-top: 3em;
	padding-bottom: 3em;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	grid-column-gap: 1.25em;
	grid-row-gap: 1.25em;
	opacity: 0.2;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.mod_timeline-text.is-active,
.mod_timeline-image.is-active {
	opacity: 1;
}

.mod_timeline.col-text,
.mod_timeline.col-visual {width: 50%;}

.mod_timeline.normal .col-visual {order: 2;}
.mod_timeline.normal .col-content {order: 1;}

.mod_timeline.normal .mod_timeline-visual {padding-left: 80px;}
.mod_timeline.inverted .mod_timeline-visual {padding-right: 80px;}

.mod_timeline .mobile-image {display: none;}

@media screen and (max-width: 991px){
	.mod_timeline .col-visual {display: none;}
	.mod_timeline .mobile-image,
	.mod_timeline {display: block;}
	.mod_timeline .col-text {max-width: 450px; margin:0 auto;}
	.mod_timeline-content {padding:0px;}
	.mod_timeline-text {opacity:1;}
}

@media screen and (max-width: 576px){
	.mod_timeline .col-text {max-width: 300px; margin:0 auto;}
}
/* MOD TIMELINE */

/* MOD TIMELINE YEARS */
.timeline_years { height: 100vh; justify-content: center; align-items: flex-start; padding: 0 0 0; display: flex; overflow: hidden;}
.timeline_years .circle_wrap {width: 90em; height: 42em;flex: none; margin-top: auto;}
.timeline_years .circle_height { width: 100%; padding-top: 100%; position: relative;}
.timeline_years .circle {width: 100%;height: 100%;text-align: center;border: 1px solid var(--main-white);border-radius: 50%;justify-content: center;align-items: center;transition: transform .6s cubic-bezier(.445, .05, .55, .95), opacity .2s;display: flex;position: absolute;top: 0%;bottom: 0%;left: 0%;right: 0%;opacity: 0;}
.timeline_years .circle_wrapper {width: 100%;height: 100%;}
.timeline_years .circle_list {width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative;}
.timeline_years .circle_item {pointer-events: none;}
.timeline_years .circle_item {height: 100%; flex-direction: column; justify-content: flex-start; align-items: center; display: flex; position: absolute; transform: rotate(0);}
.timeline_years .circle_link {pointer-events: auto; margin-top: -3.1em; display: block; position: relative;}
.timeline_years .circle_date {margin-bottom: 0;font-size: 1.8em;transition: opacity .2s;}
.timeline_years .circle_item.current .circle_dot {background-color: var(--main-color);}
.timeline_years .circle_dot {width: 1.5em; height: 1.5em; background-color: var(--main-white); border-radius: 50%; margin-left: auto; margin-right: auto; transition: transform .2s; display: block;}
.timeline_years .circle_item.current .circle_description {transition-delay: 500ms; opacity: 1;}
.timeline_years .circle_description {width: 30em;opacity: 0;flex: none;margin-top: 7.5em;transition: opacity .3s;position: absolute;}
.timeline_years .circle_line {width: 1px; height: 4.9em; background-color: var(--main-white); margin-top: -0.8em; margin-left: auto; margin-right: auto; position: absolute; top: 0%; bottom: auto;left: 0%; right: 0%; transform: translate(0, -100%);}
.timeline_years .circle_p {color: rgba(255, 255, 255, .7);font-size: 1.3em;line-height: 1.4;}
.timeline_years .circle_link:hover .circle_dot {transform: scale(0.7);}
.timeline_years .circle_link:hover .circle_date {opacity: 0.7;}

.light-section .timeline_years .circle {border:1px solid #000;}
.light-section .timeline_years .circle_dot,
.light-section .timeline_years .circle_line {background-color: #000;}

.timeline_years .the-background {width: 100%; height:100%; position: absolute; top:0; left:0; right:0; bottom:0; background-size: cover; background-repeat: no-repeat; background-position: center center; transition: all 0.8s; opacity: 0;}

.timeline_years.has-bg .the-background:after {content:''; position: absolute; background-color:rgba(0,0,0,0.5); top:0; left:0; right:0; bottom:0; width:100%; height: 100%}
.timeline_years.has-bg .the-background {opacity: 1;}

.timeline_years.has-bg p {color:var(--main-white);}
.timeline_years.has-bg .circle {border:1px solid var(--main-white);}
.timeline_years.has-bg .circle_dot,
.timeline_years.has-bg .circle_line {background-color: var(--main-white);}

@media (max-width: 568px){
  .timeline_years .circle_description {width: 320px; }
  .timeline_years .circle_p {font-size: 1em;}
  .timeline_years .circle_wrap {width: 30em; height:24em;}
}


/* MOD TIMELINE YEARS */

/** PINNED MOD **/
.mod_imagetext .pinned-section {max-width: 100%;}
@media (max-width: 768px){
  .mod_imagetext .pinned-section {display: grid; padding:0px 50px;}
  .mod_imagetext .pinned-element,
  .mod_imagetext .scrolling-element {padding:0px!important; width: 100%!important;}

  .mod_imagetext .scrolling-element {order: 1; margin-bottom: 30px;}
  .mod_imagetext .pinned-element {order: 2}
}

@media (max-width: 520px){
  .mod_imagetext .pinned-section {padding:0px;}
}
/** PINNED MOD **/


.preloader-wrap .background {
	align-items: center;
	display: flex;
	inset: 0;
	justify-content: center;
	position: absolute;
}

.preloader-wrap .background img {
	height: auto;
	max-width: 600px;
	opacity: .05;
	width: 75%;
}

/** New FOOTER **/
.footer .footer-links, .footer p { font-size: 16px; margin: 0; padding: 0; color: #aaa;}
.footer .footer-links li {margin-bottom: 0;}
.footer .footer-links li:not(:last-child) { margin-right: 24px;}

.footer .footer-links {
	align-items: center;
	display: flex;
	justify-content: center;
	line-height: 1;
	list-style-type: none;
	margin-top: 32px;
}
.footer .footer-links a {
	color: var(--main-white);
}

.footer {
	background-color: #262626;
	bottom: 0;
	color: var(--main-white);
	opacity: 1;
	position: relative;
	top: auto;
	/*visibility: hidden;*/
	width: 100%;
	z-index: 0;
}

.footer .footer-cont {padding: 0 24px 40px;}
.footer .footer-logo {
	display: flex;
	justify-content: center;
	padding: 80px 40px;
}

.footer .footer-logo img { height: auto; max-width: 386px; width: 100%;}

.footer .footer-bottom {
	text-align: center;
}

@media (min-width: 768px){
 .footer .footer-cont { padding: 0 72px 60px; position:relative;}
 .footer .footer-logo { padding: 160px 20px 150px;}
}

@media (min-width: 1024px){
 .footer .footer-bottom { align-items: flex-start; display: flex; justify-content: space-between;}
}

@media (min-width: 1024px){
	.footer .footer-bottom { align-items: flex-start; display: flex; justify-content: space-between;}
	.footer p {margin-top: 28px }
	.footer .footer-links {margin-top:30px;}
}

.follow a {background-color:var(--main-color); width: 25px; height: 25px; line-height: 25px; border-radius: 4px; border:1px solid var(--main-color); transition:all 0.4s;}
.follow a:hover {background: transparent; color:var(--main-color);}
/** New FOOTER **/


/** Horizontal Navigation **/
.menu-nav {float:right; margin-top:10px;}
.menu-nav a {cursor: pointer;}
.menu-nav ul {
   display: inline-flex;
   margin:0px;
   padding:0px;
 }
.menu-nav ul li {
   position: relative;
   list-style-type: none;
   margin-bottom: 0px;
 }
 .menu-nav ul li a {
   padding: 14px;
   color: #000;
   text-decoration: none;
   display: flex;
   transition: all 0.2s ease-in-out;
 }
 .menu-nav ul li a:hover {

 }
 .menu-nav ul li > ul {
   display: block;
   background: var(--main-white);
   position: absolute;
   padding: 0;
   margin:0;
   transition: all 0.3s ease-in-out;
   opacity: 0;
   visibility:hidden;
   margin-top:10px;
 }

 .menu-nav ul li:last-child > ul {right:0px;}

 .menu-nav ul li > ul li {
   width: 200px;
   margin-bottom: 0px;
 }
 .menu-nav ul li > ul li a.link {color:var(--main-dark);}
 .menu-nav ul li > ul li a.link.active,
 .menu-nav ul li > ul li a.link:hover {color:var(--main-color);}

 .menu-nav .menu .sub-menu i {margin-left: 10px;transition: all 0.4s;}
 .menu-nav .menu .sub-menu a.opened-this i {transform: scaleY(-1); margin-bottom:3px;}
 a.link.active::before,
 a.link.opened-this::before {transform: scaleX(1);transform-origin: left;}

.light-content .white-header .menu-nav  a.link::before,
.light-content .white-header .menu-nav  a.link.active::before,
.light-content .white-header .menu-nav   a.link.opened-this::before {background: rgba(0,0,0,1);}
 .menu-nav ul li > ul li a::before {display: none;}

.dark-content .white-header .menu-nav  a.link {color:var(--main-white);}
.dark-content .white-header .menu-nav  a.link::before,
.dark-content .white-header .menu-nav  a.link.active::before,
.dark-content .white-header .menu-nav   a.link.opened-this::before {background: rgba(255,255,255,1);}




.dark-content  .menu-nav ul li > ul,
.light-content .white-header .menu-nav ul li > ul { background-color: var(--main-white); box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1);}
.dark-content .menu-nav ul li > ul li a.link,
.light-content .white-header .menu-nav ul li > ul li a.link {color:var(--main-dark);}
.dark-content .menu-nav ul li > ul li a.link:hover,
.light-content .white-header .menu-nav ul li > ul li a.link:hover {color:var(--main-color);}

.dark-content .white-header .menu-nav ul li > ul {background:var(--main-white);}
.dark-content .white-header .menu-nav ul li > ul  a.link {color:#000;}
.dark-content .white-header .menu-nav ul li > ul li a.link:hover {color:var(--main-color);}


 .menu-nav ul li > ul li ul {
   left: 100%;
   top: 0;
 }

.menu-nav .open-this {opacity: 1; visibility: visible;}
.only-breakpoint {display: none;}
@media (max-width: 992px){
 .only-breakpoint {display: flex;}
 .menu-nav {display: none;}
}

.button-wrap.menu-horizontal {float:right;}

.language {margin-left: 10px;}
.language a:before {display: none;}
.language a.active-lang {border:1px solid var(--main-white); width:62px; display: block; text-align: center; padding: 15px 0px;}
.language a.active-lang.opened-this,
.language a.active-lang:hover {background:var(--main-white); color:#000;}
.language ul li {width: 64px!important;}
.language ul li a {text-align: center; display: block;}

.light-content .white-header .language a.active-lang,
.dark-content .language a.active-lang {border-color:#000;}
.light-content .white-header .language a.active-lang:hover,
.dark-content .language a.active-lang:hover {background:#000; color:var(--main-white);}

.dark-content .white-header .language a.active-lang {border-color:var(--main-white);}
.dark-content .white-header .language a.active-lang.opened-this,
.dark-content .white-header .language a.active-lang:hover {background:var(--main-white); color:#000;}
/** Horizontal Navigation **/


/** Bottom Nav Menu **/
.main-nav .bottom-nav {
	bottom: 0;
	position: fixed;
	width: 100%;
}
.main-nav .bottom-nav li:not(:last-child) {
	margin-right: 8px;
}
.list-unstyled {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
@media (min-width: 1200px) {
	.main-nav .bottom-nav {
		left: 50%;
		transform: translateX(-50%);
		width: 80%;
	}
}
.main-nav .bottom-nav .left {padding-left: 20px;}
.main-nav .bottom-nav .right {padding-right: 20px;}

.social-list a,
.burger-lang a {color:var(--main-white);}
.burger-lang li:not(:last-child):after {content:'/'; margin-left: 8px;}

.social-list a {font-size: 28px; width: 40px; height: 40px; display: block; line-height: 43px; text-align: center; transition: all 0.4s; border: 1px solid transparent;}
.social-list a:hover {border-color:var(--main-white);}
.social-list li:not(:last-child) {margin-right: 10px!important;}
/** Bottom Nav Menu **/


/** Dark sections addons **/
.dark-section .card {background-color:#222;}
.dark-section .posts__item--card .posts__title a {color:var(--main-white);}
.dark-section .posts__excerpt {color:#9d9d9d;}
.dark-section .card,
.dark-section .posts__item--card .posts__footer {border-color: #323232}

.dark-section select.filter-this {color:var(--main-white);border-bottom: 1px solid rgba(255, 255, 255, 0.3);     background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23FFFFFF%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");}

.dark-section .sending-overlay {background-color: rgba(0,0,0,0.8);}

.dark-section .sending-overlay .spinner { border: 2px solid var(--main-white); border-color: var(--main-color) var(--main-white);}
/** Dark sections addons **/

/** New Splide Styles **/
.splide__pagination__page {transition: all 0.3s;}
.splide__pagination__page.is-active {transform: none; border-radius:10px; width: 30px; background:var(--main-color);}

.carousel-news .splide {padding-bottom: 40px;}
.carousel-news .splide__slide {padding:2px 10px;}
.carousel-news .splide__pagination {bottom:0px;}
.carousel-news .splide__arrows {width:160px; height: 70px; position: relative; float: right; margin-bottom:20px;}
.carousel-news .splide__track {width: 100%;}
.carousel-news .splide__arrow {position: absolute; transition: all 0.3s;}
.carousel-news .splide__arrow--next {margin:0; top:0px;}
.carousel-news .splide__arrow--prev {margin:0; top:0px;}
.carousel-news .splide__arrow {height: 60px; width:60px; background:transparent; border:1px solid #000; transform: none;}
.carousel-news .splide__arrow:hover {transform:scale(1.1);}
.carousel-news .splide__arrow:disabled:hover {transform:scale(1.0);}
.dark-section .carousel-news .splide__arrow  {border-color: var(--main-white); color:var(--main-white);}

.carousel-gallery .splide__slide {padding:0px 20px; text-align: center; }

.carousel-gallery .splide__slide .the-caption {opacity: 0; transition: all 0.4s;}
.carousel-gallery .splide__slide.is-active .the-caption {opacity:1; margin-top:10px;}
.carousel-gallery .splide__slide img {filter: saturate(0%); transition:all 0.4s; transform: scale(0.9); opacity: 0.6}
.carousel-gallery .splide__slide.is-active img {filter: saturate(100%); transform:scale(1.0); opacity:1.0;}

.carousel-gallery .splide__arrow {border-radius: 0px; height: 50px; width:50px; background:var(--main-white); transition: all 0.3s;}
.light-section .carousel-gallery .splide__arrow {background:#000; color:var(--main-white);}



.carousel-logos img {width:100%;}
.carousel-logos.splide {padding-bottom: 40px;}
.carousel-logos .splide__slide {padding:2px 10px;}
.carousel-logos .splide__pagination {bottom:0px;}
.carousel-logos .splide__arrows {width:160px; height: 70px; position: relative; float: right; margin-bottom:20px; display: none;}
.carousel-logos .splide__track {width: 100%;}
.carousel-logos .splide__arrow {position: absolute; transition: all 0.3s;}
.carousel-logos .splide__arrow--next {margin:0; top:0px;}
.carousel-logos .splide__arrow--prev {margin:0; top:0px;}
.carousel-logos .splide__arrow {height: 60px; width:60px; background:transparent; border:1px solid #000; transform: none;}
.carousel-logos .splide__arrow:hover {transform:scale(1.1);}
.carousel-logos .splide__arrow:disabled:hover {transform:scale(1.0);}
.carousel-logos a.link::before {display: none;}
.carousel-logos a.link {transition:all 0.4s;}
.carousel-logos a.link:hover {opacity: 0.5;}

.splide.thumbnails {margin-top:15px;}
.splide.thumbnails .splide__slide img { width: 100%; height: auto;}
.splide.thumbnails .splide__slide {opacity: 0.3;}
.splide.thumbnails .splide__slide.is-active {opacity: 1; border:1px solid var(--main-color);}
.splide.thumbnails .splide__list {padding: 0px 45px!important;}
.splide.thumbnails .splide__arrow {border:1px solid var(--main-dark); background:none; height: 28px; width:28px; font-size: 10px;}
.splide.thumbnails .splide__arrow--prev {left:0px;}
.splide.thumbnails .splide__arrow--next {right:0px;}

@media (max-width: 1400px) {
	/*.carousel-gallery .splide__slide {max-width: 900px;}*/
}

@media (max-width: 992px) {
	.carousel-gallery .splide__slide {padding:0px 10px;}
}
@media (max-width: 590px) {
	.carousel-gallery .splide__arrows,
	.carousel-news .splide__arrows {display: none;}
	.carousel-news .splide__track {width: auto; padding-right: 60px!important;}
	.carousel-gallery .splide__slide {padding:0px 5px; display: flex;flex-direction: column; justify-content: center;}
	.carousel-gallery .splide__slide img {height: auto !important}
	.carousel-gallery .splide__pagination {bottom:-2em;}
}
/** New Splide Styles **/



/* FULLSCREEN SLIDER */
.fullscreen-slider {position: relative;}
.fullscreen-slider .splide__slide {position: relative;}
.fullscreen-slider .nav.-slider .nav__item {position: absolute; z-index: 2; top:50%;}
.fullscreen-slider .nav.-slider .nav__item.-right {right: 20px;}
.fullscreen-slider .nav.-slider .nav__item.-left {left: 20px;}
.fullscreen-slider .pagination.-slider { bottom:20px; position: absolute; z-index: 2}
.fullscreen-slider .pagination.-slider .pagination__item.is-active { background-color: var(--main-white);}
.fullscreen-slider .pagination.-slider .pagination__item {border:1px solid var(--main-white);}
.fullscreen-slider .box-el {width: 100%; text-align: left;}
.fullscreen-slider img {transform: scale(1); transition: all 1s ease-out;}
.fullscreen-slider.overpass img {transform: scale(1.3);}
.fullscreen-slider img.fillpic {width: 100%;height: 100%; object-fit:cover;}
.fullscreen-slider .hero-image-wrapper .img-wrapper { height: 100vh; overflow: hidden; position: relative; transition: all 1s cubic-bezier(.05,.86,.59,.97);}
.fullscreen-slider .text-area-wrapper {position:absolute; width:100%; height:100%; top:0; left:0; align-items: center; display: flex;}
.fullscreen-slider .gradient-content { background: linear-gradient(180deg, rgba(23, 38, 47, 0) 0%, #17262F 100%); background: rgba(0,0,0,0.4); position:absolute; top:0; left:0; width:100%; height:100%;}
.fullscreen-slider .video-container-slide {
	position: absolute;
}
.fullscreen-slider .video-container-slide  {
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	overflow: hidden;
}
.fullscreen-slider .video-container-slide  video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

}
.fullscreen-slider .video-container-slide  video.fillWidth {
	width: 100%;
}

.fullscreen-slider .video-container-slide  video source {height: 100vh}
.dark-section .fullscreen-slider  p {color:#FFF!important; margin-bottom: 0px;}

.fullscreen-slider .splide__pagination__page.is-active {background:var(--main-white); opacity: 1;}

.fullscreen-slider .splide__arrow {height: 60px; width: 60px; background:transparent; border:1px solid var(--main-white); color:var(--main-white); transition: all 0.4s;transform:none;}
.fullscreen-slider .splide__arrow:hover {transform:scale(1.1);}

.fullscreen-slider .pre-title {background-color: var(--main-color); color: var(--main-white); padding:4px 15px;margin-bottom: 10px; border-radius: 20px; display: inline-block; font-size: 14px;}

.fullscreen-slider h2 { font-size: 3.5rem; line-height: auto;}

@media (max-width: 590px) {
	.fullscreen-slider .splide__arrow {display: none;}
	.fullscreen-slider h2 { font-size: 2.5rem; line-height: auto;}
}
/* FULLSCREEN SLIDER */


/* Video BG image */
.img-ratio img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.img-ratio.ratio_16_9 {padding-top:56.25%}
.mod_video .img-ratio:after {position: absolute; content:''; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5)}
.mod_video .play_go {width:100px; height:100px; text-align: center; background:var(--main-color); position: absolute; top:50%; left: 50%; margin-top:-50px; margin-left:-50px;z-index: 1; border-radius: 50px; cursor: pointer; transition: all 0.4s;}
.mod_video .play_go:hover {background: var(--main-white);}

.mod_video .play_go svg {height: 50px; width: 50px; fill:var(--main-white); margin-top:25px;}
.mod_video .play_go:hover svg {fill:var(--main-color);}

.mfp-iframe-holder .mfp-content {max-width: 80%!important; width: 80%!important;}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
	color: var(--main-white);
	right: -25px;
	padding-right: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	top: -25px;
	background: var(--main-color);
	line-height: 52px;
	border-radius: 50px;
}
.disable-cursor .video-link::after {display: none!important}
@media (max-width: 580px) {
	.mod_video .play_go {height: 70px; width: 70px; margin-top:-35px; margin-left:-35px; border-radius:35px;}
	.mod_video .play_go svg {height:30px; width:30px; margin-top:20px;}
	.mfp-iframe-holder .mfp-content {max-width: 95%!important; width: 95%!important;}
}
/* Video BG image */


/** SECTIONS ADDITIONAL BGCOLORS */
.dark-section-wrapper.wcreative-gradient {background: linear-gradient(153deg,#56aee8,#2032d6)!important}
.dark-section-wrapper.wcreative-gradient .dark-section p {color:var(--main-white);}
.dark-section-wrapper.wcreative-magenta .my-text a {color:#eff164;}
/** SECTIONS ADDITIONAL BGCOLORS */

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

.fullscreen-menu li a:focus-visible {outline: 2px solid var(--main-color); border-radius: 2px;}
.position-relative {position: relative;}
/** Accessible Accordion **/
.acc-content.collapse { max-height: 0; overflow: hidden; transition: all 0.4s ease-in-out;}
.acc-item button.acc-button {width: 100%; border:0px; border-bottom:2px solid var(--mainfont-color); display: flex; justify-content: space-between; align-items:center;padding:15px 0px; background:transparent;}
.acc-item button.acc-button span.label {font-family: var(--primary-font); font-size: 22px;}
.acc-item .acc-content.show {padding-top:15px;}

.acc-item button.acc-button span.icon i{transition:all 0.4s;}
.acc-item button.acc-button.open span.icon i{transform: rotate(90deg); }
/** Accessible Accordion **/

/* MOD FILENEW */
.mod_filenew .file-card .box-icon-wrapper {padding:15px; height: 100%}
.mod_filenew .file-card {margin-bottom: 30px;}
.mod_filenew .file-card p {font-size: 14px; line-height: 20px; margin-bottom:0; color:var(--main-dark);}
.mod_filenew .file-card .box-icon {color:var(--main-dark);}

.mod_filenew.light-section .file-card .box-icon-wrapper{border:2px solid var(--main-dark); border-radius:30px; padding:40px;}
.mod_filenew.dark-section .file-card .box-icon-wrapper{border:1px solid var(--main-white); }
.mod_filenew.dark-section .file-card .box-icon {color:var(--main-white);}
/* MOD FILENEW */

.icon-wrap {width: 40px}
.button-text {padding:0px;}
@media (max-width: 992px) {
	.mini-cart button {margin-top:16px!important;}
	.menu-nav.account-menu {margin-top:18px;}
	#logo img {margin-top:32px;}
}
@media only screen and (max-width: 1024px) {
	.button-wrap.right.menu {right: 20px; margin-left:20px;}
}

input[type="checkbox"] {width: 18px; height: 18px;}

.text-center {text-align:center}
/* NOT TRANSPARENT MENU */
.head-scroll {position: fixed;}
.fullscreen-menu.no_transparency {transition: all 0.4s;}
.fullscreen-menu.no_transparency.head-scroll {background-color: var(--main-white) !important;box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3)!important;}
.fullscreen-menu.no_transparency.head-scroll  #logo img.black-logo {opacity: 1!important}
.fullscreen-menu.no_transparency.head-scroll  #logo img.white-logo {opacity: 0!important}
.fullscreen-menu.no_transparency .woocommerce-mini-cart a,
.fullscreen-menu.no_transparency .woocommerce-mini-cart__total strong,
.fullscreen-menu.no_transparency.head-scroll .mini-cart button,
.fullscreen-menu.no_transparency.head-scroll .menu-nav ul li a {color: #000!important;}
.fullscreen-menu.no_transparency.head-scroll .menu-nav ul li ul li a:hover {color:var(--main-color)!important;}
.fullscreen-menu.no_transparency.head-scroll a.link::before {background: rgba(0, 0, 0, 1);}
.fullscreen-menu.no_transparency.head-scroll .button-icon,
.fullscreen-menu.no_transparency.head-scroll .button-text {color:#000!important}
.fullscreen-menu.no_transparency.head-scroll #menu-burger span {background-color:#000!important}

.fullscreen-menu.no_transparency.menu_bg_dark.head-scroll {background-color: var(--main-dark) !important;box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3)!important;}
.fullscreen-menu.no_transparency.menu_bg_dark.head-scroll  #logo img.black-logo {opacity: 0!important}
.fullscreen-menu.no_transparency.menu_bg_dark.head-scroll  #logo img.white-logo {opacity: 1!important}
.fullscreen-menu.no_transparency.menu_bg_dark .woocommerce-mini-cart a,
.fullscreen-menu.no_transparency.menu_bg_dark .woocommerce-mini-cart__total strong,
.fullscreen-menu.no_transparency.menu_bg_dark.head-scroll .mini-cart button,
.fullscreen-menu.no_transparency.menu_bg_dark.head-scroll .button-text,
.fullscreen-menu.no_transparency.menu_bg_dark.head-scroll .button-icon,
.fullscreen-menu.no_transparency.menu_bg_dark.head-scroll .menu-nav ul li a {color: #FFF!important;}
.fullscreen-menu.no_transparency.menu_bg_dark.head-scroll .menu-nav ul li ul li a:hover {color:var(--main-color)!important;}
.fullscreen-menu.no_transparency.menu_bg_dark.head-scroll a.link::before {background: rgba(255, 255, 255, 1);}
.menu_bg_dark #mini-cart ul.widget_shopping_cart_content,
.fullscreen-menu.no_transparency.menu_bg_dark .menu-nav ul li > ul {background: var(--main-dark) !important;}
.fullscreen-menu.no_transparency.menu_bg_dark .menu-nav ul li > ul li a.link {color: #FFF;}
.fullscreen-menu.no_transparency.menu_bg_dark .menu-nav ul li > ul li a.link:hover {color: var(--main-color);}
.fullscreen-menu.no_transparency.menu_bg_dark.head-scroll #menu-burger span {background-color:#FFF!important}
.menu_bg_dark #mini-cart a.remove.remove_from_cart_button {border-color:var(--main-white)!important;}
#mini-cart a.remove.remove_from_cart_button:hover {border-color:red;}

.fullscreen-menu.no_transparency.over-sidebar  #logo img.white-logo {opacity: 1!important}
.fullscreen-menu.no_transparency.over-sidebar  #logo img.black-logo {opacity: 0!important}

.fullscreen-menu.no_transparency.over-sidebar .button-text,
.fullscreen-menu.no_transparency.over-sidebar .menu-nav ul li a.user-shopmenu,
.fullscreen-menu.no_transparency.over-sidebar .mini-cart button {color: #FFF!important;}
.fullscreen-menu.no_transparency.over-sidebar #menu-burger span {background-color:#FFF!important}

#hero {z-index: 1!important;}
/* NOT TRANSPARENT MENU */

.site-overlay {background:rgba(255,255,255,0.8); position: fixed; top:0;left:0;bottom:0;right: 0; z-index: 9999;display: none; height: 100%; width: 100%;}