@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/animate.css");*/
@import url("css/bootstrap-grid.min.css");
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&display=swap');

@font-face {
	font-family: 'Antique Olive Compact';
	src: url('fonts/AntiqueOlive-Compact.woff2') format('woff2'),
		url('fonts/AntiqueOlive-Compact.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}


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

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: #fda893;
	--main-dark: #0019ff;
	--second-color:#EB6823;
	--main-text: #0019ff;
	--main-white:#FFFFFF;
	--main-white-border:rgba(248, 245, 231, 0.397);
	--main-color-hover: #8200e9;
	--title-font: "Antique Olive Compact", "arial", "helvetica", sans-serif;
	--primary-font: "Raleway", serif;
	--luci-magenta: linear-gradient(153deg,#bb95fc,#8200e9);
}

.has-mask-fill > span { -webkit-text-fill-color: rgba(0, 25, 255, 0.1); background-image: linear-gradient(#0019ff, #0019ff);}


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

	html,body{
		font-family: var(--primary-font);
		font-weight: 500;
		font-size:16px;
		height:100%;
		width:100%;
		font-optical-sizing: auto;
		color:var(--main-text);
		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.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:var(--main-dark);
	}

	.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:var(--main-dark);
	}

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

	mark, ins {
		background: none repeat scroll 0 0 var(--main-dark);
		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:var(--main-dark);
	}

	.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:var(--main-dark);
	}

	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: var(--main-dark);
		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: var(--main-dark);
	}

	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: italic;
	}

	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,25,255,0.3);
		bottom: 0px;
		color: var(--main-white);
		font-weight:400;
		font-size: 14px;
		padding: 10px 20px;
		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:var(--main-dark);
	}

	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: var(--main-color);
		color: var(--main-white);
		text-shadow: none;
	}

	::-moz-selection {
		background: var(--main-color);
		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:var(--main-dark);
		margin-bottom:10px;
		font-family: var(--title-font);
	}

	h1.big-title{
		font-size:5vw;
		line-height:6vw;
		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);
		line-height: calc(1rem + 3.0vw);
	}

	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: var(--main-text);
	}

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

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

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

	.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: var(--main-text);
	}

	a, .light-content .light-section a {
		text-decoration: none;
		color: var(--main-text);
		outline: 0;
	}

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

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

	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 var(--main-dark);
		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 var(--main-dark);
		border-width: 0px 3px 3px 0px;
	}

	i.arrow-icon::after {
		content: "";
		position: absolute;
		width: 28px;
		height: 3px;
		top: 7px;
		left: -6px;
		background-color: var(--main-dark);
		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:var(--main-dark);
	}

/*--------------------------------------------------
	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: var(--main-dark);
		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: var(--main-dark);
		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:var(--main-dark);
	}

	.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:var(--main-dark);
		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: var(--main-dark);
		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:var(--main-dark);
	}

	.light-content #ball.with-icon.dark-icon i {
		color:var(--main-dark);
	}

	.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 var(--main-dark);
		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:var(--main-dark);
		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: var(--main-dark);
		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:1000;
		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:var(--main-dark);
			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:var(--main-dark);
		}

		.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:var(--main-dark);
		}

		.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:var(--main-dark);
		}

		.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: var(--main-dark);
			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 var(--main-dark);
		}

		.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 var(--main-dark);
			-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: var(--main-dark);
		}

		.classic-menu .flexnav ul li ul li ul li a {
			background: var(--main-dark);
		}

		.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:var(--main-dark);
		}

		.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%;
		}
	}
	/* Color options */
	/*
	.dark-content .fullscreen-menu.head-scroll.white-header,
	.light-content .fullscreen-menu.head-scroll {background-color:var(--main-dark)!important;}*/
	header.head-scroll .icon-wrap,
	#logo img {transition:all 0.4s;}


	.fullscreen-menu.head-scroll.white-header,
	.dark-content .fullscreen-menu.head-scroll {background-color:var(--main-white)!important; box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3);}
	header.fullscreen-menu {transition:all 0.4s; height: 80px;}
	header.head-scroll img.white-logo,
	header.head-scroll img.black-logo {height: 50px!important; margin-top:-3px!important;}
	header.head-scroll .icon-wrap {height: 40px;}

	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: var(--main-dark);
	  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:var(--main-dark);
	  -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:var(--main-dark);
	}

	.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: var(--main-dark);
		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: var(--main-dark);
		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: var(--main-dark);
		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: var(--main-dark);
		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: var(--main-dark);
		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:var(--main-dark);
	}

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

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

	.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:var(--main-dark);
		-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:var(--main-dark);
	}

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

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

	.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:var(--main-dark);
		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:var(--main-dark);
		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:var(--main-dark);
		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: 100px;
	}

	#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: 0px 0px;
		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 + 2vw);
		line-height: calc(1rem + 5.5vw);
		padding:0;
		border:none;
		-webkit-transition: all .1s ease-in-out 0s;
		transition: all .1s ease-in-out 0s;
	}

	.flexnav li a {
		color:var(--main-dark);
	}

	.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: 20px;
		line-height: 20px;
		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) {
	.flexnav li ul li a {font-size: 16px; line-height: 16px;}
	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-accent .page-nav-caption.marquee-title {padding-bottom: 180px;}


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

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

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

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


.bg-accent {background:var(--luci-magenta)!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;}

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 #FFF;
   border-radius: 50%;
   border-color: var(--main-color) #FFF;
   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: #FFF #FFF;
   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;}

.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: 40px; margin-top:15px;}

.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: 6vw;}
#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;
/*background-image:url('p-asfalt-light.png');*/
}
#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%230019FF%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%230019FF%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: var(--main-dark);
  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 .the-readmore {margin-top:25px; display: block;}
.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:var(--main-dark);}
.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}

.mod_archive_list .pagination-wrapper {text-align: center;}
.mod_archive_list ul.ajx-paginate {display: block;}
.mod_archive_list ul.ajx-paginate li{display: inline-block;}

.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 var(--main-color); 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: var(--main-color); width: 45px; height: 45px; display: block; text-align: center; line-height: 48px; border-radius: 45px;}
.base-share li a svg {fill:var(--main-white);}
.base-share li.ico a:hover {background:var(--main-dark);}

.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:var(--main-dark); 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.3); 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: 80vh;
	-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 var(--main-dark);}
.light-section .timeline_years .circle_dot,
.light-section .timeline_years .circle_line {background-color: var(--main-dark);}

.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%;}
.mod_imagetext .gi-ribbon {left:50px; top:20px;}
@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;
	width:200px;
	animation:pulseThis 1.4s infinite;
/*	max-width: 600px;
	opacity: .05;
	width: 75%;*/
}

@keyframes pulseThis{
	0%{
		height:200px;
	}
	50%{
		height:220px;
	  }
	100%{
		height:200px;
	}
}

/** 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 {
	padding: 80px 40px;
}
.footer-logo .giSlab {color:var(--main-white);}

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

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

.footer .lang-change ul {text-transform: uppercase;margin-top:10px;}
.footer .lang-change ul li:after {content:'/'; margin:0px 5px;}
.footer .lang-change ul li:last-child:after {content:''; margin:0;}

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

@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: center; 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 .voicemenu,
 .menu-nav ul li a {
   padding: 13px;
   color: var(--main-dark);
   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: 240px;
   margin-bottom: 0px;
 }
 .menu-nav .voicemenu,
 .menu-nav ul li > ul li a.link {color:var(--main-dark);}


 .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:var(--main-dark);}
.dark-content .menu-nav .voicemenu,
.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-white);}
.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:var(--main-dark);}
.dark-content .white-header .menu-nav ul li > ul li a.link:hover {color:var(--main-color);}

 .menu-nav ul li > ul li a.link.active,
 .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;}
.language.sub-menu .open-this a{text-transform: uppercase; padding:15px 0px;}

.only-breakpoint {display: none;}
@media (max-width: 992px){
 .only-breakpoint {display: flex;}
 .menu-nav {display: none;}
}

@media (max-width: 1150px){
	.menu-nav .voicemenu, .menu-nav ul li a {padding:13px 8px;}
	.menu-nav .menu .sub-menu i {margin-left:5px;}
}




.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; text-transform: uppercase;}
.language a.active-lang.opened-this,
.language a.active-lang:hover {background:var(--main-white); color:var(--main-dark);}
.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:var(--main-dark);}
.light-content .white-header .language a.active-lang:hover,
.dark-content .language a.active-lang:hover {background:var(--main-dark); 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:var(--main-dark);}
.menu-nav .voicemenu,
.menu-nav ul li ul li a {padding:10px;}
.menu-nav ul li.sub-menu-third > ul {position: relative; visibility: inherit; opacity: 1; left:0px; margin-top:0px;}
.menu-nav ul li.sub-menu-third > ul li {width:210px; margin-left: 30px;}

.sub-menu-third ul li a.link:before {top: 50%;height: 1px;width: 12px;content: ""; opacity: .5; position: absolute; background-color: var(--main-white); left: -8px; transition: all .3s ease-in; display: block; transform: scaleX(1);}
.sub-menu-third ul li a.link:after {top: auto;bottom: 50%;height: 16px;width: 1px;content: ""; opacity: .5; position: absolute; background-color: var(--main-white); left: -8px; transition: all .3s ease-in;}

.light-content .sub-menu-third ul li a.link:before,
.light-content .sub-menu-third ul li a.link:after {background-color: var(--main-dark)}

.dark-content .white-header .sub-menu-third ul li a.link:before,
.dark-content .white-header .sub-menu-third ul li a.link:after {background-color: var(--main-dark)}
.dark-content .white-header .menu-nav .voicemenu {color:var(--main-dark)}

.light-content .white-header .sub-menu-third ul li a.link:before,
.light-content .white-header .sub-menu-third ul li a.link:after {background-color: var(--main-white)}
.light-content .white-header .menu-nav .voicemenu {color:var(--main-white)}

/* mods */
.fullscreen-menu .flexnav li {text-align: left;}
.fullscreen-menu .flexnav li ul.flexnav-show .menu-timeline-third ul{display: block!important; margin-bottom: 0px; margin-left:15px; list-style: none;}
.fullscreen-menu .flexnav li ul.flexnav-show .menu-timeline-third ul li {position: relative;}
.fullscreen-menu .flexnav li ul.flexnav-show .menu-timeline-third ul li a {padding-left:20px;}
.menu-timeline-third ul li a:before {top: 50%;height: 1px;width: 12px;content: ""; opacity: .5; position: absolute; background-color: var(--main-white); left: 0px; transition: all .3s ease-in; display: block; transform: scaleX(1);}
.menu-timeline-third ul li a:after {top: auto;bottom: 50%;height: 16px;width: 1px;content: ""; opacity: .5; position: absolute; background-color: var(--main-white); left: 0px; transition: all .3s ease-in;}

.menu-horizontal sup {bottom:-6px;}
/*
@media only screen and (max-width: 1466px) {
		.fullscreen-menu .flexnav li a {font-size: 56px; line-height: 90px;}
}

@media only screen and (max-width: 600px) {
		.fullscreen-menu .flexnav li a {font-size: 24px; line-height: 50px;}
}
*/
/** Horizontal Navigation **/


/** Bottom Nav Menu **/
.main-nav .bottom-nav {
	bottom: 0;
	/*padding-left: 30px;
	padding-right: 30px;*/
	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:var(--main-dark);}
.dark-section .posts__item--card .posts__title a {color:var(--main-white);}
.dark-section .posts__excerpt {color:var(--main-white);}
.dark-section .card,
.dark-section .posts__item--card .posts__footer {border-color: var(--main-white-border)}

.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 var(--main-dark); 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:var(--main-dark); 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 var(--main-dark); 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;}

@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 */

/* 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 */



/* INTERACTIVE MAP */
.leaflet-marker-icon .map-marker {transition:all 0.4s;}
.leaflet-marker-icon .map-marker span {position: absolute; width:40px; height: 40px;left: 0px; top:0px; text-align: center; font-weight: 600; line-height: 40px; color:var(--main-white);z-index: 1; font-family: var(--primary-font);}
.leaflet-marker-icon .map-marker.type-luce span {color:var(--main-color);}

.leaflet-marker-icon .map-marker.point-active {background:#e324d0;  border-radius: 40px;}
.leaflet-marker-icon .map-marker.point-active span {color:#e324d0}
.leaflet-marker-icon .map-marker.type-costellazione.point-active span {color:var(--main-white);}

.mappoints_elem .int{transition: all 0.4s;}
.mappoints_elem.point-active .int{background-color:rgba(227, 36, 208, 0.697); border:1px solid #e324d0!important;}

.map-display-inside {width: 100%; height:380px; margin-bottom: 40px;}
.map-display {width: 100%; height:80vh;}
.map-display-inside .leaflet-tile,
.map-display .leaflet-tile {
  -webkit-filter: invert(80%) sepia(80%) saturate(400%) hue-rotate(320deg) brightness(120%) contrast(100%) !important;
  filter: invert(80%) sepia(80%) saturate(400%) hue-rotate(320deg) brightness(120%) contrast(100%) !important;

  -webkit-filter: invert(80%) sepia(80%) saturate(30%) hue-rotate(120deg) brightness(120%) contrast(100%) !important;
  filter: invert(80%) sepia(80%) saturate(30%) hue-rotate(120deg) brightness(120%) contrast(100%) !important;
}

.map-innercont {display: flex;}
.map-container {position:relative; width:100%;}
.map-select-container {position: absolute; right:20px; top:20px; z-index: 900; width:220px;}
.map-select-container .selectize-input.full {margin:0; width:100%!important; margin-left:0px!important; margin-right: 0px!important;}

.map-container .leaflet-popup-content-wrapper {border-radius:0px;}
.map-container .leaflet-popup-content {margin: 13px 10px; width:200px!important;}

.map-sidecol {background:var(--main-dark); color:var(--main-white);  overflow-y:auto; max-height: 60vh; padding:5px 8px;}
.map-sidecol h5 {color:var(--main-color);}
.map-sidecol h6  {color:var(--main-white); line-height: normal; margin-bottom:0px; font-size: 16px;}
.map-sidecol ul {list-style: none; margin:0; padding:0;}
.map-sidecol ul li { margin-bottom:10px; display: flex; cursor: pointer; transition: all 0.4s; align-items: center; padding:0px 5px}
.map-sidecol .int-label {width:32px; height: 32px; background: var(--main-color); display: block; text-align: center; font-weight: 600; color:var(--main-white); line-height: 32px; margin-right:10px; font-size:14px; border:1px solid var(--main-color); }

.map-sidecol .int-title {width: 260px; text-align: left;}

.map-sidecol ul.list-costellazioni .int-label {background:transparent; color:var(--main-color);}
.map-sidecol  span {display:block; width: 100%;color:var(--main-white); font-size:12px; text-align:left;}
.map-sidecol ul li.location-selected {background:var(--main-white);}
.map-sidecol ul li.location-selected span,.map-sidecol ul li.location-selected h6 {color:var(--main-dark);}

@media (max-width: 991px) {
	.map-innercont {display: grid;}
	.map-sidecol {width:100%;order:2; height:300px;}
	.map-container {order:1}
}


.tooltip-map h5 {font-size:14px; line-height: normal; color:var(--main-color);margin-bottom: 0px;}
.tooltip-map span {display:block; width: 100%;}
.tooltip-map .int-heading {margin-bottom: 5px; padding-bottom:5px; border-bottom:1px solid var(--main-color); display: flex;}
.map-container .select-point .int-label,
.tooltip-map .int-label {width:32px; height: 32px; background: var(--main-color); display: block; text-align: center; font-weight: 600; color:var(--main-white); line-height: 32px; margin-right:10px; border:1px solid var(--main-color);}

.tooltip-map .int-title{width: 150px;}
.tooltip-map .img {width: 100%;}

.tooltip-map span.cat {border:1px solid var(--main-color); color:var(--main-color); margin-top:5px; width:auto; padding:2px 5px; text-align:center}
.tooltip-map.type-costellazione .int-label {background:transparent; color:var(--main-color);}

.tooltip-map .int-foot {display: flex;margin-top:10px;}
.tooltip-map .int-foot .col-int {width:50%}
.tooltip-map .int-foot a {display: block; text-align: center; transition: all 0.4s; padding:5px 0px;}
.tooltip-map .int-foot a.gmap-link {background:var(--main-dark); color:var(--main-white); margin-left:3px;}
.tooltip-map .int-foot a.detail-link {background:var(--main-color); color:var(--main-white);margin-right: 3px;}
.tooltip-map .int-foot a:hover {opacity:0.7;}

.leaflet-container a.leaflet-popup-close-button {background-color:var(--main-dark); padding:0px; text-align: center; width: 22px; height: 22px; color:var(--main-white); transition:all 0.4s; line-height: 20px; top:-12px; right:-12px;}

.map-container .leaflet-bar a {transition: all 0.4s; color:var(--main-white); background-color:var(--main-color); border-bottom:1px solid #333}
.map-container .leaflet-bar a:last-child,
.map-container .leaflet-bar a:first-child {border-radius: 0px!important;}
.map-container .leaflet-bar a.leaflet-disabled {background-color:#353535}

.map-container .select-point {position: absolute; z-index: 499; right:20px; top:20px; background:var(--main-color); border:0px; font-size: 18px; padding:20px 40px; display: flex; text-transform: uppercase; color:var(--main-white); transition: all 0.4s;}
.map-container .select-point:hover {color:var(--main-color); background-color: var(--main-dark);}
/* INTERACTIVE MAP */


/* GLOBAL MODAL POPUP */
.modal-global {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 700px; max-width: 95%; background: var(--main-white); padding: 10px; border-radius: 0px; font-size: 1.25em; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); word-wrap: break-word; text-align: justify; z-index: 99999; max-height: 80vh;}
.modal-global-overlay { position: fixed; background-color: black; width: 500%; height: 500%; top: 0; left: 0; opacity: 0.7; z-index: 99998; transition-duration: 0.3s;}
.modal-global.modal-small {width:350px;}
.trigger-modal-close {width:40px; height: 40px; color:var(--main-white); border:0px; border-radius:0px; background:var(--main-color); top:-20px; right:-20px; position:absolute; transition: all 0.4s;}
.trigger-modal-close:hover { background:var(--main-dark);}
.modal-global.modal-dark {background-color:var(--main-dark);}

@media (max-width: 768px) {
	.modal-global { width: 80%; }
}

@media (max-width: 580px) {
	.trigger-modal-close {right: 50%; margin-right: -20px;}
	.modal-global.modal-small { width: 320px; }
}
/* GLOBAL MODAL POPUP */

.mod_artisti.accordion.bigger-acc dt {font-size:32px; line-height: 44px; margin-top:20px; padding-top:20px;}
.mod_artisti.accordion.bigger-acc dt:first-child { margin-top: 0px; border-top: none;}
.mod_artisti.accordion.bigger-acc .acc-icon-wrap {top:4px;}

/** SECTIONS ADDITIONAL COLORS */
.dark-section-wrapper.luci-purple {background: linear-gradient(153deg,#bb95fc,#8200e9)!important}
.dark-section-wrapper.luci-magenta {background: linear-gradient(153deg,#e8565a,#d620b3)!important}
.dark-section-wrapper.luci-gradient{background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
radial-gradient(ellipse farthest-corner at left top, #FDB931 0%, #FEDB37 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%)!important;}

.dark-section-wrapper.luci-purple .dark-section p,
.dark-section-wrapper.luci-magenta .dark-section p,
.dark-section-wrapper.luci-gradient .dark-section p {color:var(--main-white);}
.dark-section-wrapper.luci-magenta .my-text a {color:#eff164;}
.dark-section-wrapper.luci-gradient .my-text a {color:#524217;}

/** SECTIONS ADDITIONAL COLORS */


/** Footer Wrap Logos */
.logos-wrap{width:93vw;margin:0 auto}.logos-wrap ul{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr);grid-column-gap:1rem;padding-bottom:90px;margin:0}.logos-wrap ul li{-ms-grid-column-span:2;grid-column:span 2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.logos-wrap ul li:nth-of-type(2) .imgwrap{height:50px}.logos-wrap ul li .imgwrap{display:inline-block;padding-right:4px}.logos-wrap ul li:nth-of-type(4){-ms-grid-column-span:4;grid-column:span 4}.logos-wrap ul li p{padding-bottom:15px}.logos-wrap ul li .logolist{width:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.logos-wrap ul li .logolist .imgwrap:nth-of-type(2){height:40px;padding-bottom:10px}.logos-wrap ul li .logolist .imgwrap:nth-of-type(3){height:90px}.logos-wrap ul li .imgwrap{height:60px;width:auto;max-width:50%}@media screen and (max-width:980px){.logos-wrap{width:93vw}.logos-wrap ul{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6,1fr);grid-column-gap:0.5rem}.logos-wrap ul li{-ms-grid-column-span:3;grid-column:span 3;padding-bottom:30px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.logos-wrap ul li:nth-of-type(4){-ms-grid-column-span:6;grid-column:span 6}.logos-wrap ul li .logolist{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logos-wrap ul li .imgwrap{height:40px;max-width:60%}}.logos-wrap ul li .imgwrap img{position:relative;height:100%}
/** Footer Wrap Logos */


#hero-image-wrapper .video-container-slide { position: absolute;}
#hero-image-wrapper .video-container-slide  { top:0%; left:0%; height:100%; width:100%; overflow: hidden; }
#hero-image-wrapper .video-container-slide  video { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover;}
#hero-image-wrapper .video-container-slide  video.fillWidth {width: 100%;}
#hero-image-wrapper .video-container-slide  video source {height: 100vh}
#hero-image-wrapper.videoz:after{content:''; position: absolute; width:100%; height: 100%; background-color:rgba(0,0,0,0.5); top:0; left:0; right:0;
/*background-image:url('p-asfalt-light.png');*/
}


/* Override test */
.hero-title {font-size:8vw; line-height:11vw;}
.text_creative h6.has-icon {color:var(--main-color)!important;}
.dark-section-wrapper .content-row .dark-section-wrapper {background:transparent!important;}


/** New footer logos */
  .logo_row {margin-bottom: 50px;}
  .logo_row p {padding-bottom: 10px; margin-bottom:10px; line-height: normal; text-transform: uppercase; font-size: 12px; border-bottom:1px solid var(--main-dark); width: 100%; margin-top:0px;}
  .logo_row img {max-width: 100%;}
  .logo_row .footlogo {display: inline-block; width: auto; height:70px; max-width: 100%;}
  .logo_row .footlogo.iren {height:50px;}
  .logo_row .footlogo.torino {height:60px;}
  .logo_row .footlogo img {position: relative;height: 100%; width: 100%}
  h4 {font-weight: normal; font-size: 28px; line-height: normal;}
  .horn-content {align-items: center;}
  .logo_row .col-4 {margin-bottom: 20px;}

  @media screen and (max-width: 600px) {
		.logo_row p {font-size: 10px;}
		.logo_row .footlogo {height:50px;}
		.logo_row .footlogo.iren {height:40px;}
		.logo_row .footlogo.torino {height:60px;}
		.logo_row .logolist .footlogo {margin-bottom: 20px;}
		h4 {font-size: 18px;}

  }
/** New footer logos */




/* Responsive utils */

@media (max-width: 1050px){
	#logo img {height: 35px; margin-top:15px;}
}

@media (max-width: 580px) {
	#hero.single-post .hero-title, #hero.has-image.single-post .hero-title {font-size: 32px; line-height: 40px; margin-bottom: 0px;}
	.mod_artisti.accordion.bigger-acc dt {font-size:20px;}
	.hero-title span {margin-top:0px;}
	#hero.has-image .hero-subtitle {position: relative;}
	#hero.has-image.single-post .hero-title-wrapper {margin-top:0px;}

	/*#logo img { height: 40px; margin-top: 20px;}*/

	p {font-size: 16px; line-height: 28px; margin-bottom: 22px;}
}
/* Responsive utils */




/* 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 figure {border-radius:30px;}
.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: #FFF;}

.mod_video .play_go svg {height: 50px; width: 50px; fill:#FFF; 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: #FFF;
	right: 10px;
	padding-right: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	top: 10px;
	background: var(--main-color);
	line-height: 52px;
	border-radius: 50px;
}

.mfp-arrow::before {
	width: 40px;
	height: 40px;
	opacity: 1;
	background: var(--main-dark);
	border-radius: 40px;
}
.mfp-arrow:after {top:15px;}
.mfp-arrow-right:after {margin-left:46px;}
.mfp-arrow-left:after {margin-left: 26px;}
.mfp-arrow-left:before {margin-left: 10px;}


ul.burger-lang {text-transform: uppercase;}
.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;}
	.flexnav li a {font-size: 38px; line-height:60px;}
}
/* Video BG image */

/* Hero mods */
.hero-arrow {display: none;}
#hero.has-image.homepage-hero .hero-title-wrapper { margin-top: 50px;}
#hero.has-image.homepage-hero #hero-caption {padding-bottom:50px; padding-top: calc(100vh - 15vw - 300px);}

@media (max-width: 768px) {
	.homepage-hero .hero-title {font-size:68px; line-height: 72px;}
	#hero.has-image.homepage-hero #hero-caption {padding-bottom:0px; height:auto!important;}
}

@media (max-width: 580px) {
	.homepage-hero .hero-title {font-size:58px; line-height: 62px;}
	#hero.has-image.homepage-hero #hero-caption {padding-bottom:0px; height:auto!important; padding-top: calc(100vh - 25vw - 300px);}
	#hero.has-image.homepage-hero .hero-title-wrapper { margin-top: 25px;}
	.hero-text {font-size: 28px; line-height: 38px;}
	#hero.has-image.homepage-hero #hero-description {padding-top:0px;}
}
/* Hero mods */


/* Team members (Artisti) */
.mod_artist .team-member { font-size: calc(0.4rem + 2vw); line-height: calc(0.4rem + 3.5vw);}
.mod_artist.team-members-list li {padding:25px 0px;}
/* Team members (Artisti) */

/* Clients under five elements */
.clients-table.under-five {list-style: none;margin-left:0px; text-align: center;}
.clients-table.under-five li {float: none; display:inline-block; margin:0px; border:0px;}
/* Clients under five elements */

/* Form general styles */
.form-col-1, .form-col-2 {width:47%; float:left; margin-bottom: 20px; margin-right: 6%; position:relative}
.form-col-2 {margin-right: 0%;}
.form-col-full {float:left; width:100%; margin-bottom:20px;}
.checkbox-go label {font-size:1rem; line-height: 1.1; display: block; padding-left: 30px;}
.checkbox-go {position:relative;}
.checkbox-go input[type="checkbox"] {position:absolute; width:1em; height:1em; border-width: 2px;}
.checkbox-go  input[type="checkbox"]::before {width:0.63em; height: 0.60em}
form span.help-block.form-error {font-size:0.8rem;}
.checkbox-go span.help-block.form-error {padding-left:30px;}



@media (max-width: 580px) {
	.form-col-1, .form-col-2 {width:100%; margin-right: 0%;}
	.checkbox-go label {font-size: 0.8rem; line-height: 0.9rem;}
}

/* Form general styles */

/* Press styles */
.contain-press {padding:10px;overflow-y: auto; max-height: 75vh; text-align: left;}
.contain-press .captcha-go .cap-field {width:39%; margin-left:3%; margin-right: 3%}
.contain-press .captcha-go .button-layer{width:30%;}
.contain-press .captcha-go .cap-image {width:25%;}

.contain-press .button-layer {}

.contain-press .captcha-go {margin-bottom:20px;}

.contain-press .feedback.send_ok {width:auto; float:none; display: flex; justify-content: center;}

@media (max-width: 768px) {
	.press-row .row{border:1px solid var(--main-dark); padding:20px 8px;}
	.press-image {order:1; margin-bottom:20px;}
	.press-text {order:2;}
}

@media (max-width: 640px) {
	.contain-press .captcha-go {display: block;}
	.contain-press .captcha-go .cap-image {width:47%; float:left;}
	.contain-press .captcha-go .cap-field {width:50%; margin-left:3%; margin-right: 0%; float:left;}
	.contain-press .captcha-go .button-layer{width:100%;float:left; margin-top:20px;}
}

/* Press styles */

.btnz {width: 100%; font-weight:600; font-size:14px; height:50px; line-height: 45px; transition: all 0.4s;}
.btnz-line {border:3px solid var(--main-dark); border-radius:5px; background:transparent;}
.btnz-line:hover {border-color: var(--main-color); background-color:var(--main-color); color: var(--main-white);}

.my-text .w-left {text-align: left!important}
.my-text .w-right {text-align: right!important}
.my-text .w-center {text-align: center!important}
.my-text .w-full {text-align: justify!important}
.row_padding_bottom {padding-bottom: 4vw;}
.row_padding_top {padding-top: 4vw;}

#hero.has-image #hero-caption {height: 100vh;}
#hero.has-image.homepage-hero #hero-caption {height:auto;}

.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;
}

/* slabtext classes */
.slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:normal !important;*word-spacing:normal !important}.slabtextdone .slabtext{display:block}
/* slabtext classes */

/* puntogi rides */
#main-page-content.skip-hero {padding-top:120px;}
.burger-lines #menu-burger span {color:var(--main-color); background-color:var(--main-color); height: 3px;}
.burger-lines #menu-burger {width: 25px;}
.burger-lines #menu-burger span:nth-child(1) {top: 4px;}
.burger-lines #menu-burger span:nth-child(2) {top:15px;}
#logo img {height: 70px; margin-top: 7px;}
.front-hero {padding:80px 0px 20px 0px;}
.full .front-hero {padding-left:4vw; padding-right:4vw;}
.front-hero img {width:100%;}
.giSlab {font-family:var(--title-font);}
.front-hero .giSlab {color:var(--main-color);}


.front-hero h2 {margin-top:20px; color: var(--main-color); font-size: calc(1rem + 1.96vw); line-height: calc(1rem + 3.5vw); font-family: var(--primary-font)}
.fullscreen-menu .flexnav li a .before-span:before {content:'/'; color:#FFF; position: absolute;}
.fullscreen-menu .flexnav li a span {margin-left: 4rem;}

.mod_expandingdiv .gi-ribbon {top:45px; right:90px;}
.gi-ribbon {width: 180px; height: 180px; position: absolute; background-repeat:no-repeat; background-size: 100% 100%; text-align: center; z-index: 1;}
.gi-ribbon .lab {line-height: 180px; font-size: 18px; margin-right: 12px; font-family: var(--title-font);}

.gi-ribbon.blue {background-image:url('img/shape-blue.png'); color:#FFF}
.gi-ribbon.white {background-image:url('img/shape-white.png');}
.gi-ribbon.pink {background-image:url('img/shape-pink.png'); color:#FFF}
.gi-ribbon.white .lab {color:var(--main-dark);}

.button-border { border: solid 2px var(--main-dark); background-color: var(--main-dark);}

.white-header #logo img.black-logo {opacity: 1;}
.white-header #logo img.white-logo {opacity: 0;}
.full .inside {margin:0 4vw;}
.button-border span {font-family: var(--title-font);}

h3 { font-size: calc(1rem + 1.5vw); line-height: calc(0.3rem + 3.0vw);}

.bar {padding-left:.55em;}
.bar:before {content:'/';margin-left:-.85em; position:absolute;}

.clapat-button-wrap {height:50px;}
.button-border {height: 40px; line-height: 40px; font-family: var(--title-font);}
.button-border.rounded {border-radius: 15px;}
.button-border.outline {border-size:2px!important;}
.whiteo .button-border.outline {border-color:#FFF!important;}
.whiteo input,
.whiteo a {color:#FFF!important}
.roseo .button-border.outline {border-color:var(--main-color)!important;}
.roseo input,
.roseo a {color:var(--main-color)!important;}
.orangeo .button-border.outline {border-color:var(--second-color)!important;}
.orangeo input,
.orangeo a {color:var(--second-color)!important;}
.blueo .button-border.outline {border-color:var(--main-dark)!important;}
.blueo input,
.blueo a {color:var(--main-dark)!important;}
.clapat-button:hover .button-border span{transform: none;}
.clapat-button:hover .button-border span:before {display: none;}
.intcontent {width:92vw; margin: 0 4vw; border-radius: 30px;}

.gi-marquee-row{
  width: 100%;
  overflow-x: hidden;
}
.gi-marquee-block{
  position:relative;
  display: flex;
  width: 100%;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  justify-content: space-between;
}
.gi-marquee-item-list{
 display: inline-flex;
 margin-left:0px;
}
.gi-marquee-item-list li{
width: 100%;
list-style: none;
padding-right: 30px;
font-size: 22px;
white-space: nowrap
}
.marquee1{animation-name: marquee1;}
.marquee2{animation-name: marquee2;}
@keyframes marquee1 {
  0% { left: 0; }
  100% {left: -100%;}
}
@keyframes marquee2 {
  100% { left: 0; }
  0% {left: -100%;}
}
.gi-marquee-item-list li {color:var(--main-color)!important; font-family: var(--title-font); padding-right: 30px; margin-left: 30px;}
.gi-marquee-item-list li:after {content:''; position:absolute; width: 35px; height:20px; background-image:url('img/gi-wave-pink.svg'); background-repeat: no-repeat; margin-left:12px; background-size: 35px auto; background-position: center center;}

.gi-marquee-row.whiteo .gi-marquee-item-list li {color:var(--main-white)!important;}
.gi-marquee-row.whiteo .gi-marquee-item-list li:after {background-image:url('img/gi-wave-white.svg');}

.intcontent.orange {background-color:var(--second-color);}
.intcontent.blue {background-color:var(--main-dark);}
.intcontent.white {background-color:var(--main-white);}
.intcontent.pink {background-color:var(--main-color);}

.intcontent.orange ul li,
.intcontent.orange p,
.intcontent.orange h2,
.intcontent.orange h3,
.intcontent.orange h4,
.intcontent.orange h5,
.intcontent.orange h6,
.intcontent.pink ul li,
.intcontent.pink p,
.intcontent.pink h2,
.intcontent.pink h3,
.intcontent.pink h4,
.intcontent.pink h5,
.intcontent.pink h6,
.intcontent.blue ul li,
.intcontent.blue h2,
.intcontent.blue h3,
.intcontent.blue h4,
.intcontent.blue h5,
.intcontent.blue h6,
.intcontent.blue p {color:var(--main-white);}

.hero-title {font-family: var(--title-font);}
#hero-caption {padding-top:180px; padding-bottom:40px;}
.text-blue h1, .text-blue p  {color:var(--main-dark);}
.text-white h1, .text-white p  {color:var(--main-dark);}
.text-whiteo h1, .text-whiteo p  {color:var(--main-white);}
.text-orange h1, .text-orange p  {color:var(--second-color);}
.text-pink h1, .text-pink p  {color:var(--main-color);}

#hero-caption p {font-size:24px; line-height: 1.6em;}

#hero.single-post .hero-title, #hero.has-image.single-post .hero-title {font-size: 7vw; line-height: 8vw;}

.hero-title {opacity:1!important; color:var(--main-white);}
.mod_hro .container-fluid {padding:30px 80px;}
.mod_hro {margin-top:110px; margin-bottom:60px;}
.ratio_hro {padding-top:63%;}
.fig_hro:before {content:'';background-color:rgba(0,0,0,0.4);position: absolute; top:0; left:0; right:0; bottom:0;z-index: 1; border-radius: 30px;}
.fig_hro img {border-radius:30px}
.fig_hro .txt-cage {position: absolute; z-index: 1;}
#hero.mod_hro .hero-title-wrapper {margin-top:20px!important;}
.mod_hro .hero-subtitle a {color:var(--main-white);}

#hero.mod_hro .hero-subtitle {position:relative!important;}
.mod_hro .view-card,
.mod_hro .like-card a {padding:10px 20px; border-radius:10px;}
.mod_hro.not-image .view-card {color:var(--main-dark); background-color:var(--main-white);}
.mod_hro .the_catz a {color:var(--main-white); font-family: var(--title-font);}
.mod_hro .the_catz {margin-left:20px;}
p.progetto_infos {padding-left:20px;}
span.the_pcat {font-family: var(--title-font); background-color:var(--main-dark); display: inline-block; margin-bottom:0px; padding:0px 10px; border-radius:10px;}
#hero.mod_hro.pt_progetto .hero-title-wrapper {margin-top:0px!important;}

#section-pdetails .my-text p,
#section-pdetails .my-text {color:var(--main-dark);}
#section-pdetails h5 {font-family: var(--primary-font); text-decoration:underline; font-size: 32px;}
#section-pdetails {padding-bottom:60px;}

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

@media (max-width: 992px){
	.mod_hro .container-fluid {padding:30px 30px;}
}
/* puntogi rides */


/** Mod Imagetext **/
.mod_imagetext.bg-orange {background:var(--second-color);}
.mod_imagetext.bg-blue {background:var(--main-dark);}
.mod_imagetext.bg-pink {background:var(--main-color);}

.mod_imagetext h4,
.mod_imagetext h3,
.mod_imagetext h2,
.mod_imagetext p,
.mod_imagetext ul li {color:var(--main-white);}

.mod_imagetext.bg-white h4,
.mod_imagetext.bg-white h3,
.mod_imagetext.bg-white h2,
.mod_imagetext.bg-white p,
.mod_imagetext.bg-white ul li {color:#fff;}

.mod_imagetext p,
.mod_imagetext ul li {font-size: 1.6em; line-height: 1.4em;}
/** Mod Imagetext **/

.accordion.bigger-acc dt span {text-indent: 0px;}

/** Mod Accordion **/
.mod_accordion .container-fluid {padding:30px 80px;}
.mod_accordion .accordion {padding-left:80px;}
.mod_accordion .intcontent.blue {background-color:var(--main-dark);}
.mod_accordion .intcontent.blue h2 {color:var(--main-white);}
.mod_accordion .intcontent.blue .accordion.bigger-acc .acc-button-icon {background:rgba(255,255,255,0.5); color: var(--main-white)!important;}
.mod_accordion .intcontent.blue .accordion .accordion-content {color:var(--main-white);}
.mod_accordion .intcontent.blue .accordion.bigger-acc dt span > div {color:var(--main-white)!important;}

.mod_accordion .intcontent.pink {background-color:var(--main-color);}
.mod_accordion .intcontent.pink h2 {color:var(--main-white);}
.mod_accordion .intcontent.pink .accordion.bigger-acc .acc-button-icon {background:rgba(255,255,255,0.5); color: var(--main-white)!important;}
.mod_accordion .intcontent.pink .accordion .accordion-content {color:var(--main-white);}
.mod_accordion .intcontent.pink .accordion.bigger-acc dt span > div {color:var(--main-white)!important;}

.mod_accordion .intcontent.orange {background-color:var(--second-color);}
.mod_accordion .intcontent.orange h2 {color:var(--main-white);}
.mod_accordion .intcontent.orange .accordion.bigger-acc .acc-button-icon {background:rgba(255,255,255,0.5); color: var(--main-white)!important;}
.mod_accordion .intcontent.orange .accordion .accordion-content {color:var(--main-white);}
.mod_accordion .intcontent.orange .accordion.bigger-acc dt span > div {color:var(--main-white)!important;}

.mod_accordion .intcontent.white h2 {color:var(--second-color);}


.mod_accordion .the_cta {text-align: center; margin: 20px;}
.mod_accordion .the_cta_row {display: flex; justify-content: center;}

.mod_accordion .accordion.bigger-acc dt {font-family: var(--title-font); 	font-size: calc(1rem + 2vw); line-height:calc(1rem + 2.4vw)!important; margin-top:20px; padding-top:20px; border:0px;}
.mod_accordion .accordion.bigger-acc dt.final{/*padding-bottom:30px;*/}
.mod_accordion .accordion.bigger-acc dt:first-child {margin-top:0px;}
.mod_accordion .accordion.bigger-acc dt span > div { -webkit-text-fill-color: unset!important; -webkit-background-clip:unset!important;background-image: none!important; }
.mod_accordion .accordion.bigger-acc .acc-icon-wrap {right:auto!important; left:-10px!important; top:14px;}
.mod_accordion .accordion dt span {margin-left:70px;}
.mod_accordion .accordion .accordion-content {padding-right:0px; padding-left:80px;}
.mod_accordion .accordion.bigger-acc .acc-icon-wrap {opacity:1;}
.mod_accordion .accordion .accordion-content {padding-bottom:0px;}
@media (max-width: 1100px){
	.mod_accordion .container-fluid {padding:30px 30px;}
}

@media (max-width: 992px){
	.mod_accordion .accordion {padding-left:10px;}
	.mod_accordion .intcontent img {width: 100%;}
	.mod_accordion .intcontent .container {padding:40px;}
}

@media (max-width: 768px){
	.mod_accordion .accordion {padding-left:0px; padding-top:20px;}
	.mod_accordion .intcontent .container {padding:20px;}
	.mod_accordion .accordion.bigger-acc dt {font-size:24px;}
	.mod_accordion .accordion.bigger-acc dt span {text-indent: 0px;}
	.mod_accordion .accordion dt span {margin-left:70px;}
	.mod_accordion .accordion.bigger-acc .acc-icon-wrap {top:-2px;}
	.mod_accordion .accordion.bigger-acc .acc-button-icon {height:40px; width:40px; line-height: 40px; border-radius:40px;}
	.mod_accordion .accordion .accordion-content {padding-left:70px;}
	.mod_accordion .accordion.bigger-acc dt {margin-top:20px; padding-top:20px;}
	.mod_accordion .accordion.bigger-acc dt.final{padding-bottom:20px;}
	.mod_accordion .accordion.bigger-acc dt:first-child {margin-top:0px;}
}
/** Mod Accordion **/

/** Mod Accordiongallery **/
.mod_accordion.mod_accordiongallery .accordion {padding-right: 0px; padding-left:0px;}
.mod_accordion.mod_accordiongallery .accordion.bigger-acc dt:first-child {}
.mod_accordion.mod_accordiongallery .accordion.bigger-acc dt {border-top:2px solid #FFF;padding-bottom:30px; margin-top:0px;}
.mod_accordion.mod_accordiongallery .accordion.bigger-acc {border-bottom:2px solid #FFF;}
.accordion-gallery img {border-radius: 30px;}
.gi-splide .splide__arrow {background-color: rgba(255,255,255,0.5); width:50px; height:50px; font-size:16px; color:#FFF; opacity:1;}
.gi-splide .splide__arrow--prev {left:0.8em;}
.gi-splide .splide__arrow--next {right:0.8em;}
.mod_accordiongallery .accordion-gallery {margin-top:80px;}

.mod_accordiongallery .gi-splide .splide__arrow {background-color:rgba(0,25,255,0.5);}

@media (max-width: 768px){
	.mod_accordion.mod_accordiongallery .accordion.bigger-acc dt {padding-bottom:20px;}
	.mod_accordion.mod_accordiongallery .accordion-content { padding-left: 0px;}
}
/** Mod Accordiongallery **/


/** Mod Pacchetti **/
.mod_pacchetti h3 {line-height: calc(0.3rem + 1.0vw); font-size: calc(2rem + 1.5vw);}
.mod_pacchetti h3, .mod_pacchetti h6 {text-align: center; color:#000;}
.mod_pacchetti .pink h3, .mod_pacchetti .pink h6,
.mod_pacchetti .orange h3, .mod_pacchetti .orange h6,
.mod_pacchetti .blue h3, .mod_pacchetti .blue h6 {text-align: center; color:#fff;}
.mod_pacchetti p {font-size: 32px; line-height: 42px}
.mod_pacchetti .accent-thing h3, .mod_pacchetti .accent-thing h6 {text-align: center; color:var(--second-color);}
.mod_pacchetti .blue .accent-thing h3, .mod_pacchetti .blue .accent-thing h6 {text-align: center; color:var(--main-color);}
.mod_pacchetti .pink .accent-thing h3, .mod_pacchetti .pink .accent-thing h6 {text-align: center; color:var(--main-dark);}
.mod_pacchetti .orange .accent-thing h3, .mod_pacchetti .orange .accent-thing h6 {text-align: center; color:var(--main-dark);}

.mod_pacchetti .box-icon-content {text-align: center; border:0px solid #000; padding:20px 20px; border-radius:20px;}
.mod_pacchetti .orange .box-icon-content,
.mod_pacchetti .pink .box-icon-content,
.mod_pacchetti .blue .box-icon-content {border-color:#FFF;}

.mod_pacchetti .box-icon-content.accent-thing {padding-top:120px;}

.mod_pacchetti .box-icon-content.accent-thing {border-color:var(--second-color);}
.mod_pacchetti .orange .box-icon-content.accent-thing {border-color:var(--main-dark);}
.mod_pacchetti .pink .box-icon-content.accent-thing {border-color:var(--main-dark);}
.mod_pacchetti .blue .box-icon-content.accent-thing {border-color:var(--main-color);}
.mod_pacchetti .box-icon-wrapper {padding: 30px 0px;}
@media (max-width: 1100px) {
	.mod_pacchetti .box-icon-content.accent-thing {padding-top:30px;}
	/*.mod_pacchetti .box-icon-wrapper {padding: 30px 0px;}*/
}
/** Mod Pacchetti **/

/** Mod Icons **/
.mod_icons .container-fluid {padding:30px 80px;}
.mod_icons .accordion {border:0px; padding:0px;}
.mod_icons .accordion .acc-icon-wrap {opacity: 1; width:50px; height: 50px;top:10px; right:10px; }
.mod_icons .accordion dt span {width:calc(100% -50px);}
.mod_icons .acc-button-icon {background:rgba(255,255,255,0.4); border-radius:40px; color:#FFF;}
.mod_icons .accordion .accordion-content {padding:0px;}
.mod_icons .the_cta {text-align: center; width:100%; padding: 10px 0px 30px 0px;}
.mod_icons .intcontent .container {padding-top:30px;}

.mod_icons .white .acc-button-icon {background:rgba(0,0,0,0.2); border-radius:40px; color:#FFF;}
.mod_icons .white h4 {color:#000;}
/** Mod Icons **/

/* Mod archivio gi */
.mod_archivio .intcontent.pink .giSlab {color:var(--main-white);}
.mod_archivio  .giSlab.slab-margin {margin-top:-10%;}
.mod_archivio .container-fluid {padding:0px 80px;}
.mod_archivio .container-fluid.no-pad {padding:0px;}
.mod_archivio h2 {
	margin-top: 20px; margin-bottom:80px;
	color: var(--main-color);
	font-size: calc(1rem + 1.96vw);
	line-height: calc(1rem + 3.5vw);
	font-family: var(--primary-font);
}

.card {border:0px!important;}
.posts__item--card .posts__footer {border-top:0px;}
.posts__item--card img {border-radius:30px; width:100%;}
.news-cat span {border-radius:10px; background-color:var(--main-dark)}
ul.ajx-paginate li a,
.posts__item--card .posts__inner,
.posts__item--card .posts__title a,
.posts__item--card .posts__excerpt {color:var(--main-dark)!important;}
.posts__item--card .posts__excerpt {line-height: normal; font-size: 1.4em;}
.posts__item--card h6 {font-family: var(--primary-font);}
.posts__item--card h6 a {text-decoration:underline;}
ul.ajx-paginate li.active a {color:#FFF!important;border-radius:100%;}
ul.ajx-paginate li.disabled a {opacity:0.4;}
.paginate-filters input[type="text"] {border:2px solid var(--main-dark); border-radius:50px; padding:0px 20px; color:var(--main-dark);}
.paginate-filters select {border:2px solid var(--main-dark); border-radius:50px; padding:15px 20px;}

.paginate-filters input::placeholder { color:rgba(0,25,255,0.6)!important; /* Firefox */}
.paginate-filters input::-ms-input-placeholder { color:  rgba(0,25,255,0.6)!important;;}
.paginate-filters .button-box {margin-top:0px;}

.posts__item--card .button-box i.fa-arrow-right {transform: rotate(-45deg); }
.posts__item--card .button-box i.fa-arrow-right {background: rgba(0,25,255,0.3); padding:4px; border-radius:50%;margin-left: 6px;}

figure .the_cta {position: absolute;bottom:30px; right:30px;}
.carditem-pt_progetto figure img {filter: saturate(0%);transition: all 0.4s;}
.carditem-pt_progetto figure:hover img {filter: saturate(100%);transition: all 0.4s;}
.posts__item--card .posts__title {letter-spacing: normal; margin-top:6px;}

.buttons-cont button {display: block; background: none; border:none; font-family: var(--title-font); font-size: 1.8em;}
.buttons-cont button.active {color:var(--main-color);}
.buttons-cont {text-align:center; padding:0; border:0; list-style:none;margin:0;}
.buttons-cont li {display: inline-block; border:0px solid red; margin: 0px 10px;}
.filter-this-btn {color:var(--main-dark);}
@media (max-width: 992px) {
	.posts__item--card .posts__excerpt {line-height: normal; font-size: 1.2em;}
}
/* Mod archivio gi */

/** Mod Contatti gi */
.mod_contatti .container-fluid {padding:0px 80px;}
.mod_contatti input[type="submit"] {font-family: var(--title-font);}
.mod_contatti .intcontent {background-color:var(--main-dark);}
.mod_contatti .gi-marquee-item-list li {color:var(--main-color)!important; font-family: var(--title-font); padding-right: 30px; margin-left: 30px;}
.mod_contatti .gi-marquee-item-list li:after {content:''; position:absolute; width: 35px; height:20px; background-image:url('img/gi-wave-pink.svg'); background-repeat: no-repeat; margin-left:12px; background-size: 35px auto; background-position: center center;}

.mod_contatti .contact_forme select,
.mod_contatti .contact_forme input[type="email"],
.mod_contatti .contact_forme input[type="text"] {background-color:#FFF; border-radius: 20px; padding:0px 10px; height: 50px; border-bottom: 0px;}
.mod_contatti .contact_forme label.gi-label {color:var(--main-white); font-family: var(--title-font); margin-left: 10px; margin-bottom:10px;display: block;}
.mod_contatti .contact_forme textarea {background-color:#FFF; border-radius:20px; width:100%; padding:20px; height: 150px;border-bottom: 0px;}

.mod_contatti .contact_forme select {width: 100%; border:0px; font-family: var(--primary-font); -moz-appearance: none; -webkit-appearance: none;}
.mod_contatti .rel-wrapper {position: relative;}
.mod_contatti .rel-wrapper .ico {position: absolute; width:30px; height:30px; border-radius:30px; color:var(--main-dark); line-height: 30px; text-align: center; background-color:rgba(0,25,255,0.2); top:10px; left:10px;}
.mod_contatti .rel-wrapper input,
.mod_contatti .rel-wrapper select {padding-left: 50px!important;}

.tempus-dominus-widget {border-radius: 20px; width: 99%; box-shadow: 0px 0px 0px!important;}
.tempus-dominus-widget .day {transition: all 0.4s;}
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active {background-color:rgba(0,25,255,0.2); color:#000;}
.tempus-dominus-widget .date-container-days div:not(.no-highlight).today:before {display: none!important;}
.tempus-dominus-widget .calendar-header {margin-top:10px; display: flex; justify-content: space-between}
.tempus-dominus-widget.light .date-container-days .dow {text-transform: uppercase; font-size: 12px;}
.tempus-dominus-widget .calendar-header .previous, .tempus-dominus-widget .calendar-header .next {background-color:rgba(0,25,255,0.2); width: 30px; height: 30px; border-radius:30px; text-align: center; padding:0; line-height: 30px; color:var(--main-dark)!important; }


.tempus-dominus-widget .calendar-header .picker-switch {text-transform:capitalize;font-family: var(--title-font);}

.mod_contatti .hrs-available {background-color:#FFF; border-radius: 20px; text-align: center; margin-top:20px;margin-bottom:20px; width:100%; display: inline-block;}
.mod_contatti .hrs-available label {font-family: var(--title-font); margin-top:20px;display: block;}
.mod_contatti .hrs-available ul {list-style: none; padding:0; margin:0; margin-top:20px; margin-bottom:20px;}
.mod_contatti .hrs-available ul li {margin-bottom:0; display: inline-block; border:1px solid #000; border-radius:5px; padding:2px 10px; margin:0px 5px; color:#000; cursor:pointer; transition: all 0.4s;}

.mod_contatti .hrs-available ul li.selected,
.mod_contatti .hrs-available ul li:hover {background-color:rgba(0,25,255,0.2); border-color:rgba(0,25,255,0.2)}
#gi_reservation {text-transform: capitalize;}
.mod_contatti .giSlab {color:#FFF;}
.mod_contatti h2 {color:var(--main-color);}

.mod_contatti .list-c a {transition: all 0.4s; color:#FFF;display: flex; align-items: center; font-size: 22px;}
.mod_contatti .list-c a span.ico {font-size:28px; display: block; width:60px; height: 60px; border-radius:60px; text-align: center; line-height: 60px; margin-right: 10px; background:#FFF; color:var(--main-dark); transition: all 0.4s;}

.mod_contatti .list-c a:hover {color:var(--main-color);}
.mod_contatti .list-c a:hover span.ico {background-color:var(--main-color); color:#FFF;}

.mod_contatti .privacy-go {margin-top:20px; align-items: center;}
.mod_contatti .privacy-go label {font-size: 12px; color:var(--main-white);}
.mod_contatti .captcha-go {margin-bottom:20px; align-items: center;}
.mod_contatti .form-error {color:#fff!important; font-size:10px!important;}
.mod_contatti .privacy-go .form-error {display: none;}
.mod_contatti .chx.has-error input {border:2px solid red!important;}
.mod_contatti .captcha-go {position: relative;}
.mod_contatti .sending-overlay {background-color:rgba(0,25,255,0.5);}
@media (max-width: 992px) {
	.tempus-dominus-widget{width: 99%}
}
/** Mod Contatti gi */

/** Mood Configurator **/
.message {background-color:var(--second-color); color:#FFF; width:300px; border-radius:15px; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; z-index: 20}
.message .link.close {cursor:pointer; position: absolute; top:10px; right:10px;}
.message .bodymessage {position: relative; padding:20px; }
.message h4,
.message p {color:#FFF;}
.mod_moodconfigurator .contents {width:320px; position:absolute; color:#FFF;top:30px;right: 30px; z-index: 10;}
.mod_moodconfigurator .contents .texts {padding-left:1.90em;}
.mod_moodconfigurator .contents p,
.mod_moodconfigurator .contents h3 {color:#FFF;}
.mod_moodconfigurator .inside {background-color:var(--main-color); color:#FFF;border-radius:30px; position:relative; border:1px solid transparent;}
.mod_moodconfigurator .item-contain {position: relative;}
.mod_moodconfigurator .shadow {-webkit-box-shadow: 8px 8px 15px 5px rgba(0,0,0,0.5); box-shadow: 8px 8px 15px 5px rgba(0,0,0,0.5); position: absolute; top:0; left:0;}
.mod_moodconfigurator .layer {position:absolute;top:0; left:0; background-size: cover; background-position: center; background-repeat: no-repeat;  mask-repeat: no-repeat; mask-position: center; position: relative; background-color:#FFF;}

.mod_moodconfigurator .shapes {position:relative; margin:0 auto; max-width: 1200px; height:630px; border:0px solid #FFF; margin-bottom: 60px; margin-top:180px;}



.mod_moodconfigurator .options-container {position: absolute; width: 300px; padding:20px; background:var(--second-color); min-height: 200px; top:-1px; left:80px; border-radius:30px; border-top-left-radius: 0px; border-top-right-radius: 0px;  z-index:15; display: none;}
.mood-chooser h4 {color:#FFF; text-align: center; margin-bottom: 20px; display: block;}
.mood-chooser { position: relative; display: inline-block; width:100%;}
button.mood-family {background:transparent; width:100%; color:#FFF; border:2px solid #FFF; border-radius:10px;font-family: var(--primary-font); font-size: 16px; font-weight: 500;padding:8px; transition: all 0.4s;}
button.mood-family:hover {background-color:var(--main-dark);}
.mood-chooser .options {position: relative;}
.mood-chooser .mood-selectable {position: absolute; background:var(--second-color); top:0; bottom:0; left:0; right:0; overflow:auto;}
.mood-chooser .mood-selectable ul {list-style: none; margin:0; padding:0;}
.mood-chooser .mood-selectable ul li {margin-bottom:0px; display: inline-block; width: 83px; margin:6px;}
.mood-chooser .mood-selectable ul li img {width:100%;
-webkit-box-shadow: 8px 8px 0px -2px #FFF;
-moz-box-shadow: 8px 8px 0px -2px #FFF;
box-shadow: 8px 8px 0px -2px #FFF;
border-radius: 10px;
box-shadow-radius:10px;
cursor:pointer; transition: all 0.4s;
}
.mood-chooser .mood-selectable ul li.moodsel-active img,
.mood-chooser .mood-selectable ul li:hover img {
	-webkit-box-shadow: 8px 8px 0px -2px var(--main-dark);
	-moz-box-shadow: 8px 8px 0px -2px var(--main-dark);
	box-shadow: 8px 8px 0px -2px var(--main-dark);
}

.mood-chooser .mood-back {display: flex;  cursor: pointer; margin-bottom:20px; flex-direction: row; justify-content:space-between;}
.mood-selectable {opacity: 0; visibility: hidden; transition: all 0.4s; transform: translateX(-100px)}
.mood-selectable.mood-active {opacity: 1; visibility: visible; transition: all 0.4s; transform: translateX(0px)}
.mood_form input {border-bottom:1px solid rgba(255,255,255,0.3)!important; color:#FFF!important;}
.mood_form input::placeholder { color:rgba(255,255,255,0.8)!important; /* Firefox */}
.mood_form input::-ms-input-placeholder { color:  rgba(255,255,255,0.8)!important;;}
.mood_form .privacy-go {margin-top:20px;}
.mood_form .privacy-go label {font-size: 12px;}
.mood_form .captcha-go {margin-bottom:20px; align-items: center;}
.contact_forme input[type="submit"],
.contact_forme input[type="text"],
.contact_forme input[type="email"] {height:40px;}
.mood_form .form-error {color:var(--main-dark)!important; font-size:10px!important;}
.mood_form .privacy-go .form-error {display: none;}
.mood_form .chx.has-error input {border:2px solid var(--main-dark)!important;}

#mood_errors,#mood_form,#mood_success,#mood_infosg {display: none;}

#mood_form .captcha-go {position: relative;}
#mood_form .sending-overlay {border-radius:15px;}

#gi_stamp_1 {position:absolute; top:48%;z-index: 3;}
#gi_stamp_1 .layer { width: 220px; height: 220px; mask-size: 220px; padding: 1rem;}
#gi_stamp_1 .shadow {width: 200px; height:200px; top: 25px; left:25px; background:transparent;}

#gi_rect_2 {top:20%; position:absolute; z-index:2;left:11%;}
#gi_rect_2 .layer {width: 220px; height: 480px;}
#gi_rect_2 .shadow {width:220px; height:480px;}


#gi_square_3 {top:0px; position:absolute; z-index:1;left:20%;}
#gi_square_3 .layer {width: 500px; height: 500px;}
#gi_square_3 .shadow {width:500px; height:500px;}


#gi_circle_4 {top:13%; position:absolute; z-index:3;left:54%;}
#gi_circle_4 .layer {width: 180px; height: 180px; border-radius:180px; -moz-border-radius:180px; -webkit-border-radius:180px;}
#gi_circle_4 .shadow {width:180px; height:180px; border-radius:180px; -moz-border-radius:180px; -webkit-border-radius:180px;}

#gi_rect_5 {top:26%; position:absolute; z-index:0;right:20px;}
#gi_rect_5 .layer {width: 480px; height: 220px;}
#gi_rect_5 .shadow {width:480px; height:220px;}

#gi_stamp_6 {position:absolute; top:48%;z-index: 3; right:16%}
#gi_stamp_6 .layer { width: 180px; height: 180px; mask-size: 180px; padding: 1rem;}
#gi_stamp_6 .shadow {width: 160px; height:160px; top: 25px; left:25px; background:transparent;}

.mod_moodconfigurator .shape {cursor:pointer;}
.mod_moodconfigurator .shape:hover {animation: shape_1 1.4s infinite}
@keyframes shape_1 {0%  {margin-top:0px;} 50% {margin-top:10px;} 100%{margin-top:0px;}}

@media (max-width: 1300px) {
	#gi_stamp_6 {right:10%;}
	#gi_circle_4 {left:56%;}
}

@media (max-width: 1100px) {

	#gi_stamp_1 {top:48%;} #gi_stamp_1 .layer { width: 160px; height: 160px; mask-size: 160px;} #gi_stamp_1 .shadow {width: 140px; height:140px;}
	#gi_rect_2 {top:20%;left:11%;} #gi_rect_2 .layer {width: 160px; height: 380px;} #gi_rect_2 .shadow {width:160px; height:380px;}
	#gi_square_3 {position:absolute; left:20%;} #gi_square_3 .layer {width: 400px; height: 400px;} #gi_square_3 .shadow {width:400px; height:400px;}


	#gi_circle_4 {top:13%;left:56%;}
	#gi_circle_4 .layer {width: 120px; height: 120px; border-radius:120px; -moz-border-radius:120px; -webkit-border-radius:120px;}
	#gi_circle_4 .shadow {width:120px; height:120px; border-radius:120px; -moz-border-radius:120px; -webkit-border-radius:120px;}

	#gi_rect_5 {top:26%; right:20px;} #gi_rect_5 .layer {width: 380px; height: 160px;} #gi_rect_5 .shadow {width:380px; height:160px;}

	#gi_stamp_6 {top:44%; right:16%} #gi_stamp_6 .layer { width: 120px; height: 120px; mask-size: 120px; padding: 1rem;} #gi_stamp_6 .shadow {width: 100px; height:100px;}
}

@media (max-width: 992px) {
	.mod_moodconfigurator .contents {width:350px; float:none; color:#FFF;margin-top:20px; margin-left:60px; position: relative;}
	.mod_moodconfigurator .shapes {margin-top:60px;}
	.mod_moodconfigurator .options-container {left:50%; top:50%;  border-radius:30px; 	transform: translate(-50%, -50%) translate3d(0px, 0px, 0px);}
}


@media (max-width: 600px) {
	.mod_moodconfigurator .options-container {width:270px; }
	.mood-chooser .mood-selectable ul li {width:72px; margin:7px;}
	button.mood-family {font-size:14px;}

	.mod_moodconfigurator .shapes {height:540px;}
	#gi_stamp_1 {top:60%; left:19%} #gi_stamp_1 .layer { width: 160px; height: 160px; mask-size: 160px;} #gi_stamp_1 .shadow {width: 140px; height:140px;}
	#gi_rect_2 {top:34%;left:8%;} #gi_rect_2 .layer {width: 160px; height: 280px;} #gi_rect_2 .shadow {width:160px; height:280px;}

	#gi_square_3 {position:absolute; left:4%;} #gi_square_3 .layer {width: 230px; height: 230px;} #gi_square_3 .shadow {width:230px; height:230px;}


	#gi_circle_4 {top:3%;left:auto; right:4%;}
	#gi_circle_4 .layer {width: 120px; height: 120px; border-radius:120px; -moz-border-radius:120px; -webkit-border-radius:120px;}
	#gi_circle_4 .shadow {width:120px; height:120px; border-radius:120px; -moz-border-radius:120px; -webkit-border-radius:120px;}

	#gi_rect_5 {top:26%; right:20px;} #gi_rect_5 .layer {width: 280px; height: 160px;} #gi_rect_5 .shadow {width:280px; height:160px;}

	#gi_stamp_6 {top:48%; right:9%} #gi_stamp_6 .layer { width: 120px; height: 120px; mask-size: 120px; padding: 1rem;} #gi_stamp_6 .shadow {width: 100px; height:100px;}
}

/** Mood Configurator **/

/** Footer **/
.footer {width:92vw; margin:0 4vw; background-color:var(--main-color); border-top-right-radius:30px; border-top-left-radius:30px;}
.footer-bottom {border:2px solid #FFF; border-radius:15px; padding:20px;}
.footer-bottom ul {margin:0; padding:0; list-style: none; text-align: left; padding:0px 20px;}
.footer-bottom ul li {color:#FFF; font-size: 16px;}
.footer-bottom ul li:last-child {margin-bottom:0px;}
.footer-bottom ul li a {transition: all 0.4s; color:#FFF;}
.footer-bottom ul li a:hover {color:var(--main-dark);}
.gi-social ul li {display: inline-block;margin-bottom:0px;}
.gi-social ul li a {background:#FFF; color:var(--main-color); font-size: 28px; display: block; width: 60px; height: 60px; border-radius:60px; text-align:center; line-height: 60px;}
.gi-social ul li a:hover {background-color:var(--main-dark); color:#FFF;}
.gi-footer-logo img{height: 100px; padding:0px 20px;}


.scrolltop {width: 60px; height: 60px; background: var(--main-dark); color:#FFF;cursor:pointer; border-radius: 60px; right:20px; top:-14px; position: absolute; top:-30px; right:30px; text-align: center; line-height: 62px; font-size:22px; transition: all 0.4s;}
.scrolltop:hover {color:#FFF;}

#walink {width: 60px; height: 60px; background: var(--main-dark); color:#FFF;cursor:pointer; border-radius: 60px; right:20px; top:-14px; position: absolute; top:-30px; left:30px; text-align: center; line-height: 62px; font-size:28px; transition: all 0.4s;}
#walink:hover {color:#FFF;}

.footer {z-index: 10;}
/** Footer **/


@media (max-width: 600px) {
	.gi-ribbon {height: 90px; width: 90px}
	.gi-ribbon .lab {line-height: 90px; font-size: 11px;}
	.mod_expandingdiv .gi-ribbon {top:20px; right:28px;}
}


@media only screen and (max-width: 1024px) {
	.head-scroll #logo {margin-top:18px;}
	.head-scroll #burger-wrapper {margin-top:18px;}
	.fullscreen-menu .flexnav li a span {margin-left: 1.5rem;}
}

/* Fix post revisions */
.mod_imagetext.bg-blue a,
.mod_imagetext.bg-blue b,
.mod_imagetext.bg-blue strong {
	font-weight: 600;
	color: var(--main-color);
}

.mod_imagetext.bg-blue a {text-decoration: underline;}

.front-hero { padding: 20px 0px 20px 0px;}
.front-hero h2 {margin-top: 0px; line-height: calc(1rem + 1.8vw); font-family: var(--primary-font);}
#hero-caption {padding-top: 110px; padding-bottom: 20px;}
.fullscreen-menu .flexnav li a .before-span:before {position: relative;}
.mod_archivio h2 {line-height: calc(1rem + 1.8vw);}
.mod_imagetext figure img {border-radius:30px;}
.mod_imagetext .intcontent {padding-top:80px;}
.mod_archivio h2 b,
.front-hero h2 b {position: relative; color:var(--main-color);}
.mod_archivio h2 b:after,
.front-hero h2 b:after {content:''; height: 12px; width:100%; position:absolute; left:0; bottom:-5px; background-image:url('img/gi-wave-blue.svg'); background-size:40px; background-repeat: repeat-x;}
.footer-bottom ul li {font-size: 22px; margin-bottom:15px;}

.footer .footer-logo {padding: 60px 20px 0px;}
.footer p.subfoot {margin-top:0px; color:#fff; font-size: 40px; padding:0px 0px 40px 34px;}

.mod_carouseldynamic img {filter: saturate(100%)!important}
.mod_carouseldynamic .single-item {position: relative;}
.mod_carouseldynamic .single-item .gi-ribbon {right:30px; top:30px; }

.mod_carouseldynamic .first-item {margin-top:120px;}

.posts__item .gi-ribbon {right:30px; top:30px; }

.mod_carouseldynamic .single-item .posts__item .gi-ribbon {display: none;}

.gi-social ul li {margin-bottom:0px!important}

@media (max-width: 991px) {
	.front-hero { padding: 60px 0px 20px 0px;}
	.mod_archivio h2 b:after,
	.front-hero h2 b:after {background-size:28px;height:8px;}
	.footer-bottom ul li {font-size: 16px;}
	.gi-social {margin:20px 0px;}

	.gi-ribbon {width: 100px; height: 100px;}
	.gi-ribbon .lab {line-height: 100px; font-size:12px;}
}


@media (max-width: 768px) {
	.footer {margin-top:40px;}
}

.mobile-only {display: none;}
.desktop-only {display: block;}

@media (max-width: 580px) {
	ul,
	ol,
	p { font-size: 14px; line-height: 20px; margin-bottom: 22px;}
	.my-text ol li, .my-text ul li {
		font-size: 14px;
		line-height: 20px;
	}


	.mobile-only {display: block;}
	.desktop-only {display: none;}

	.gi-ribbon {width:90px; height: 90px;}
	.gi-ribbon .lab {line-height: 90px; font-size: 10px;}
	.mod_carouseldynamic .single-item .gi-ribbon {top:12px;}
	.clapat-button {margin-bottom: 0px;}
	.intcontent .container-fluidv {padding-left:0px; padding-right:0px;}
	.front-hero .giSlab {margin-top:15px;}
	.posts__item--card .posts__inner {padding:15px;}
	.mod_carouseldynamic .mb-5.vertical-parallax {margin-bottom:20px!important;}
	.mod_accordion .accordion.bigger-acc dt {font-size: 16px;}
	.mod_accordion .accordion .accordion-content {padding-left:15px; font-size:14px; line-height: 20px;padding-top:15px;}

	.footer p.subfoot { font-size: 20px; padding: 0px 0px 33px 23px;}
	.gi-footer-logo img {height:80px; margin-bottom:10px;}
	.gi-social ul li a {font-size: 20px; width:38px; height:38px; border-radius:38px; line-height:38px;}
	.mod_icons .container-fluid {padding: 30px 30px;}
	.mod_icons .accordion .acc-icon-wrap {top:4px;}
	.mod_accordion .accordion.bigger-acc .acc-icon-wrap {top:-7px;}
	.mod_accordion .accordion.bigger-acc dt {padding-bottom: 0px!important;}
	.mod_accordion .accordion {padding-bottom: 20px;}
	#hero-caption p {font-size: 20px;line-height: 1.4em;}
	.mod_archivio .intcontent.mt-5 {margin-top:0px!important}
	.buttons-cont li {margin:0px;margin-left:5px;}
	.buttons-cont li:last-child {margin-left:0px;}
	.buttons-cont button {padding:0px; font-size:1.1em;}
	.aj-paginate div.mb-5 {margin-bottom:0px!important}
	.mod_pacchetti h3 {font-size:70px; line-height: 60px;}
	.mod_pacchetti h6 {font-size:30px; line-height: 30px;}
	.mod_pacchetti p {font-size:22px; line-height:30px; margin-top:20px!important}

	.mod_accordion.mod_accordiongallery .accordion.bigger-acc dt {margin-top:20px;}
	.mod_accordion.mod_accordiongallery .accordion {padding-top:0px;}
	.gi-splide .splide__arrow {width:30px; height: 30px; font-size:10px;}
	.gi-splide .splide__arrow--prev {left:-15px;}
	.gi-splide .splide__arrow--next {right:-15px;}
	.mod_accordiongallery .gi-splide .splide__arrow {background-color:var(--main-dark);}
	.mod_accordiongallery .accordion-gallery {margin-top: 35px;}
	.mod_accordiongallery .the_cta_row {display: block;}
	.mod_accordiongallery .the_cta {margin:10px;}
	.mod_accordiongallery .clapat-button-wrap,
	.mod_accordiongallery .button-box,
	.mod_accordiongallery .button-border,
	.mod_accordiongallery .clapat-button {width:100%;}

	.mod_archivio .container-fluid {padding: 10px 20px;}
	.mod_archivio h2 {margin-bottom:40px;font-size:20px;}
	.mod_archivio .paginate-filters {margin-top:20px!important;}

	.mod_contatti .container-fluid {padding: 10px 20px;}
	p.progetto_infos {padding-left: 3px;}
	#section-pdetails {padding-bottom: 20px;}

	.quickedit_front {bottom:0px;top:auto!important;}

	.fig_hro .txt-cage {position: relative;}
	.ratio_hro {padding:0px;}
	.navigate-post .one_half {width:48%!important;}
	.navigate-post h5 {font-size:12px; line-height:16px;}
	.hero-subtitle {font-size: 12px; line-height: 30px;}
	#hero.single-post .hero-title, #hero.has-image.single-post .hero-title {
		font-size: 34px;
		line-height: 38px;
	}
	.progetto_infos {margin-top:10px;}

	#section-pdetails h5 {font-size:24px;}
	.mod_imagetext p, .mod_imagetext ul li {
		font-size: 1.3em;
		line-height: 1.2em;
	}
	.mod_filenew.light-section .file-card .box-icon-wrapper { padding:15px;}
	.inline-boxes .box-icon-content {padding-left: 30px;}
	.button-border span {padding:0 15px; font-size:14px;}
	.button-border {height: 35px; line-height: 34px;}
	.box-icon-content .button-box.mt-4 {margin-top:10px!important}

	.mod_video .play_go {
		height: 50px;
		width: 50px;
		margin-top: -25px;
		margin-left: -25px;
		border-radius: 25px;
	}
	.mod_video .play_go svg {margin-top:12px;}

	.mod_accordion .pic-container img {width: 70%; display: inline-block;}
	.mod_accordion .pic-container {text-align: center; width:100%;}
	.mod_accordion .accordion {padding-top:0px;}
}


/* Fix post revisions */