/* roboto-300 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v20-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v20-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* Body */
body {
	font-family: Roboto, sans-serif;
	letter-spacing: 0.1rem;
	overflow: hidden;
	color: #1D1D1B;
}

#carousel{
	color: white!important;
	text-shadow: 0 0 5px #000;
}

.videoblock{
	display:block; max-width:100%; max-height:100vh; object-fit: contain;
}

.widthauto{
	width: auto;
}

.beallitas1{
	min-height:420px; margin-bottom:50px;
}

.beallitas2{
	max-height:calc(100vh - 300px); overflow-y:auto;
}

.beallitas3{
	min-width:300px; max-width:60%;
}

.transformscale16{
	transform: scale(1.6);
}

.positionrelative {
	position: relative;
}

.zindex1{
	z-index: 1;
}

.zindex2{
	z-index: 2;
	/*margin-left: 50px!important;*/
}

.zindex3{
	z-index: 3;
}

.zindex4{
	z-index: 4;
}

.zindex5{
	z-index: 5;
}

.zindex6{
	z-index: 6;
}

.zindex7{
	z-index: 7;
}

.zindex8{
	z-index: 8;
}

.zindex9{
	z-index: 9;
}

.zindex10{
	z-index: 10;
}

.zindex11{
	z-index: 11;
}

.zindex12{
	z-index: 12;
}

.zindex13{
	z-index: 13;
}

.size30{
	width: 30px;
	height: 30px;
}

.size40{
	width: 40px;
	height: 40px;
}

.width40{
	width: 40px;
}

.width60p{
	width: 60%;
}

.width80p{
	width: 80%;
}

.width100p{
	width: 100%;
}

.height182{
	height: 182px;
}

.clearboth{
	clear: both;
}

.minheight260{
	min-height:260px;
}

.displaynone{
	display: none;
}

.orangecolor{
	color: #EE7427;
}

a {
	color: #1D1D1B;
}

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

@media (max-width: 575px) {
	body {
		letter-spacing: normal;
		overflow-x: hidden;
		overflow-y: auto;

		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
		background-image: url('../assets/background.png');
	}
}

/* Side-nav */
#side-nav {
	position: absolute;
	top: 0;
	right: 0;
	width: 65px;
	height: 100vh;
	z-index: 20;
}

#side-nav .row {
	height: 100vh;
}

@media (max-width: 575px) {
	#side-nav {
		display: none;
	}
}

.side-nav-item {
	display: block;
	position: relative;
	width: 32px;
	height: 32px;
	border: 3px solid #EE7427;
	border-radius: 16px;
	margin: 5px 0;
	transition: border-width 0.3s;
	cursor: pointer;
}

.side-nav-item:hover {
	border: 8px solid #EE7427;
}

.side-nav-item.active {
	background-color: #EE7427;
}

.side-nav-title {
	display: inline-block;
	position: absolute;
	top: calc(50% - 16px);
	right: 32px;
	padding: 4px 8px;
	border-radius: 8px;
	color: white;
	background-color: #EE7427;
	white-space: nowrap;

	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s step-end;
}

.side-nav-item:hover .side-nav-title {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s;
}

/* Main menu */
#main-menu-icon {
	position: fixed;
	top: 30px;
	left: 40px;
	z-index: 30;
	width: 60px;
	height: 40px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('../assets/menu.svg');
	cursor: pointer;
}

@media (max-width: 575px) {
	#main-menu-icon {
		display: none !important;
	}
}

#main-menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 31;
	width: 100vw;
	height: 100vh;
	visibility: hidden;
	background-color: rgba(255, 255, 255, 0);
	pointer-events: none;
	transition: background-color 0.5s, visibility 0.5s step-end;
}

#main-menu.shown {
	visibility: visible;
	background-color: rgba(255, 255, 255, 0.65);
	pointer-events: all;
	transition: background-color 0.5s;
}

#main-menu-bg {
	position: absolute;
	top: -100px;
	left: -340px;
	width: 700px;
	height: 700px;
	border-radius: 350px;
	color: white;
	background-color: #EE7427;
	transform: translateX(-360px);
	transition: transform 0.5s ease 0.2s;
}

#main-menu.shown #main-menu-bg {
	transform: none;
	transition: transform 0.5s;
}

#main-menu-icon-white {
	position: absolute;
	top: 30px;
	left: 40px;
	width: 60px;
	height: 40px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('../assets/menu_white.svg');
	opacity: 0;
	cursor: pointer;
	transition: opacity 0.5s;
}

#main-menu.shown #main-menu-icon-white {
	opacity: 1;
}

#main-menu ul {
	display: inline-block;
	position: absolute;
	top: 100px;
	left: 40px;
	color: white;
	margin: 0;
	padding: 0;
	list-style-type: none;
	transform: translateX(-150px);
	opacity: 0;
	transition: transform 0.5s, opacity 0.5s;
}

#main-menu.shown ul {
	transform: none;
	opacity: 1;
	transition: transform 0.5s ease 0.2s, opacity 0.5s ease 0.2s;
}

#main-menu ul li {
	display: block;
	font-size: 1.3rem;
	line-height: 2.3rem;
	font-weight: 500;
	white-space: nowrap;
	cursor: pointer;
	transition: font-size 0.2s;
}

#main-menu ul li:hover,
#main-menu ul li.active {
	font-size: 1.6rem;
	font-weight: 500;
}

/* Lang */
#lang-menu-icon {
	position: fixed;
	top: 30px;
	right: 40px;
	z-index: 30;
	width: 40px;
	height: 40px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
}
#lang-menu-icon.hu {
	background-image: url('../assets/flag_hu.svg');
}
#lang-menu-icon.en {
	background-image: url('../assets/flag_uk.svg');
}
#lang-menu-icon.de {
	background-image: url('../assets/flag_de.svg');
}

@media (max-width: 575px) {
	#lang-menu-icon {
		position: absolute;
	}
}

#lang-menu {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 31;
	width: 100vw;
	height: 100vh;
	visibility: hidden;
	background-color: rgba(255, 255, 255, 0);
	pointer-events: none;
	transition: background-color 0.5s, visibility 0.5s step-end;
}

#lang-menu.shown {
	visibility: visible;
	background-color: rgba(255, 255, 255, 0.65);
	pointer-events: all;
	transition: background-color 0.5s;
}

#lang-menu-bg {
	position: absolute;
	top: -30px;
	right: -120px;
	width: 240px;
	height: 240px;
	border-radius: 120px;
	color: white;
	background-color: #EE7427;
	transform: translateX(120px);
	transition: transform 0.5s ease 0.2s;
}

#lang-menu.shown #lang-menu-bg {
	transform: none;
	transition: transform 0.5s;
}

#lang-menu ul {
	display: inline-block;
	position: absolute;
	top: 30px;
	right: 40px;
	color: white;
	margin: 0;
	padding: 0;
	list-style-type: none;
	transform: translateX(150px);
	opacity: 0;
	transition: transform 0.5s, opacity 0.5s;
}

#lang-menu.shown ul {
	transform: none;
	opacity: 1;
	transition: transform 0.5s ease 0.2s, opacity 0.5s ease 0.2s;
}

#lang-menu ul li {
	display: block;
	cursor: pointer;
	transform: scale(0.8);
	transition: transform 0.2s;
	margin-bottom: 5px;
}

#lang-menu ul li:hover,
#lang-menu ul li.active {
	transform: none;
}

/* Sections */
@media (min-width: 576px) {
	section {
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;

		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	section.left-anim {
		visibility: hidden;
		transform: translateY(-100vh);
		transition: transform 0.5s, visibility 0.5s step-end;
	}

	section.left-anim.shown {
		visibility: visible;
		transform: none;
		transition: transform 0.5s;
	}

	section.left-anim.static {
		visibility: visible !important;
		transform: none !important;
		transition: none !important;
	}

	.page-row {
		height: 100vh;
	}

	.main-page-row {
		height: calc(100vh - 160px);
	}

	.main-pic-col {
		height: calc(100vh - 160px);
	}

	.main-picture {
		position: absolute;
		bottom: 0;
		width: 100%;

		animation-name: levitate;
		animation-duration: 5s;
		animation-iteration-count: infinite;
		animation-timing-function: bezier;
	}
}

@media (max-width: 575px) {
	section {
		width: 100vw;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-bottom: 40px;
	}

	section:last-of-type {
		margin-bottom: 0;
	}

	.page-row {
		/* margin: 0; */
	}

	.main-page-row {
		height: 100vh;
	}

	.main-picture {
		width: 80%;
		margin: 10%;
	}
}

/* Content */
@media (min-width: 576px) {
	section#main {
		background-color: white;
	}
}

.main_title_1 {
	font-weight: 700;
	font-size: 2.7rem;
	letter-spacing: 0.4rem;
	line-height: 3rem;
}

.main_title_2 {
	font-weight: 400;
	font-size: 2.5rem;
	letter-spacing: 0.2rem;
	line-height: 3rem;
}

@media (max-width: 575px) {
	.main_title_1 {
		font-weight: 700;
		font-size: 2rem;
		letter-spacing: 0.2rem;
		line-height: 2.3rem;
	}

	.main_title_2 {
		font-weight: 400;
		font-size: 1.8rem;
		letter-spacing: 0.1rem;
		line-height: 2.3rem;
	}
}

/* Backdrop */

@media (min-width: 576px) {
	.backdrop-rel {
		position: relative;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		overflow: visible;
	}

	.backdrop {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;

		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
	}

	section#main .backdrop {
		height: calc(100vh - 200px);
		background-image: url('../assets/pic/solveair_max_fooldal.jpg');
	}

	section#description .backdrop,
	section#comments .backdrop,
	section#contact .backdrop,
	section#blog .backdrop {
		background-image: url('../assets/background.png');
	}

	section#slides {
		background-color: white;
	}

	section#slides #slide-1,
	section#slides #slide-2,
	section#slides #slide-3 {
		z-index: 0;
		opacity: 0;
		transition: opacity 1s;
	}

	section#slides #slide-1.shown,
	section#slides #slide-2.shown,
	section#slides #slide-3.shown {
		z-index: 1;
		opacity: 1;
	}

	section#slides #slide-1 .backdrop {
		background-image: url('../assets/pic/solveair_max_reszlet_1.jpg');
	}
	section#slides #slide-2 .backdrop {
		background-image: url('../assets/pic/solveair_max_reszlet_2.jpg');
	}
	section#slides #slide-3 .backdrop {
		background-image: url('../assets/pic/solveair_max_reszlet_3.jpg');
	}

	section#function .backdrop {
		background-image: url('../assets/pic/solveair_max_allatok.jpg');
	}

	section#slides2 {
		background-color: white;
	}

	section#slides2 #slide2-1,
	section#slides2 #slide2-2,
	section#slides2 #slide2-3 {
		z-index: 0;
		opacity: 0;
		transition: opacity 1s;
	}

	section#slides2 #slide2-1.shown,
	section#slides2 #slide2-2.shown,
	section#slides2 #slide2-3.shown {
		z-index: 1;
		opacity: 1;
	}

	section#slides2 #slide2-1 .backdrop {
		background-image: url('../assets/pic/solveair_max_hely_1.jpg');
	}
	section#slides2 #slide2-2 .backdrop {
		background-image: url('../assets/pic/solveair_max_hely_2.jpg');
	}	
	
	section#slides3 {
		background-color: white;
	}

	section#slides3 #slide3-1,
	section#slides3 #slide3-2,
	section#slides3 #slide3-3 {
		z-index: 0;
		opacity: 0;
		transition: opacity 1s;
	}

	section#slides3 #slide3-1.shown,
	section#slides3 #slide3-2.shown,
	section#slides3 #slide3-3.shown {
		z-index: 1;
		opacity: 1;
	}

	section#slides3 #slide3-1 .backdrop {
		background-image: url('../assets/pic/solveair_max_hely_3.jpg');
	}
	section#slides3 #slide3-2 .backdrop {
		background-image: url('../assets/pic/solveair_max_hely_4.jpg');
	}	

	section#specification .backdrop {
		background-image: url('../assets/legtisztito_muszaki_adatok_solveair.webp');
	}

	section#awareness .backdrop {
		background-image: url('../assets/legtisztito_kornyezetbarat_solveair.webp');
	}

	section#purchase .backdrop {
		background-image: url('../assets/pic/solveair_max_vasarlas.jpg');
	}
}

@media (max-width: 575px) {
	.backdrop-rel {
		display: none;
	}
}

section#description .icon-button {
	display: inline-block;
	position: relative;
	width: 100px;
	height: 100px;
	margin: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}

section#description .icon-button .inner {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;

	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s, visibility 0.2s step-end;
}

section#description .icon-button:hover .inner {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.2s;
}

section#description .icon-button#nature {
	background-image: url('../assets/kez_level_ikon_alap.svg');
}

section#description .icon-button#nature .inner {
	background-image: url('../assets/kez_level_ikon_valaszt.svg');
}

section#description .icon-button#simple {
	background-image: url('../assets/csettintes_ikon_alap.svg');
}

section#description .icon-button#simple .inner {
	background-image: url('../assets/csettintes_ikon_valaszt.svg');
}

section#description .icon-button#efficient {
	background-image: url('../assets/penz_ikon_alap.svg');
}

section#description .icon-button#efficient .inner {
	background-image: url('../assets/penz_ikon_valaszt.svg');
}

section#description .icon-button#longlife {
	background-image: url('../assets/ora_ikon_alap.svg');
}

section#description .icon-button#longlife .inner {
	background-image: url('../assets/ora_ikon_valaszt.svg');
}

@media (max-width: 575px) {
	section#description .icon-button {
		width: 80px;
		height: 80px;
	}

	section#description .icon-button .inner {
		width: 80px;
		height: 80px;
	}
}

section#video #video_overlay {
	position: absolute;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.5s, visibility 0.5s step-end;
}

section#video #video_overlay.shown {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.5s;
}

@media (min-width: 576px) {
	#video_frame {
		background-color:black;
	}

	section#video #video_overlay_2 {
		display: none !important;
	}
}

@media (max-width: 575px) {
	section#video #video_frame {
		position: relative !important;
	}
}

section#video #video_overlay_2 {
	position: absolute;
	top: 0;
	width: calc(100% - 30px);
	height: 100%;
	background-color: rgba(255, 255, 255, 0.75);
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.5s, visibility 0.5s step-end;
	left: 0;
	margin: 0 15px;
}

section#video #video_overlay_2.shown {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.5s;
}

.modal-page {
	position: fixed;
	z-index: 100;

	top: 0;
	left: 0;

	width: calc(100vw - 40px);
	height: calc(100vh - 40px);
	margin: 20px;
	background-color: white;

	visibility: hidden;
	transform: translateY(100vh);
	transition: transform 0.5s, visibility 0.5s step-end;
}

@media (max-width: 575px) {
	.modal-page {
		width: 100vw;
		height: 100vh;
		margin: 0;
	}
}

.modal-page .page-row {
	height: 100vh !important;
}

.modal-page.shown {
	visibility: visible;
	transform: none;
	transition: transform 0.5s;
}

p.mid-text {
	font-weight: 400;
	font-size: 1.3rem;
	letter-spacing: 0;
	line-height: 2.2rem;
}

@media (max-width: 575px) {
	p.mid-text {
		font-size: 1.2rem;
		letter-spacing: normal;
		line-height: 1.5rem;
		margin: 20px 5px;
	}
}

div.modal-close-button-wrapper {
	position: absolute;
	top: 10%;
	left: 0;
	text-align: center;
	width: 100%;
}

@media (max-width: 575px) {
	div.modal-close-button-wrapper {
		top: 2%;
	}
}

div.modal-close-button {
	display: inline-block;
	width: 60px;
	height: 60px;
	transform: rotate(90deg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../assets/arrow.svg');
	cursor:pointer;
}

div.modal-icon {
	display: inline-block;
	width: 130px;
	height: 130px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

@media (max-width: 575px) {
	div.modal-icon {
		width: 70px;
		height: 70px;
	}
}

#nature-page div.modal-icon {
	background-image: url('../assets/kez_level_ikon_alap.svg');
}

#simple-page div.modal-icon {
	background-image: url('../assets/csettintes_ikon_alap.svg');
}

#efficient-page div.modal-icon {
	background-image: url('../assets/penz_ikon_alap.svg');
}

#longlife-page div.modal-icon {
	background-image: url('../assets/ora_ikon_alap.svg');
}

h1.modal-title, h2.modal-title {
	font-weight: 700;
	font-size: 2.4rem;
	letter-spacing: 0;
	line-height: 2.8rem;
	margin: 0;
	padding: 0 0 0 10px;
	display: inline-block;
    width: calc(100% - 140px);
    vertical-align: top;
}

#description .mt-5{
	margin-top: 0!important;
}

@media (max-width: 575px) {
	h1.modal-title, h2.modal-title {
		font-size: 1.8rem;
		letter-spacing: 0.1rem;
		line-height: 2.4rem;
	}
}

p.modal-left-text, h3.modal-left-text  {
	font-weight: 250;
	font-size: 1.2rem;
	letter-spacing: 0;
	line-height: 1.8rem;
}

.linkto{
	font-weight: 500;
	font-size: 1.2rem;
	letter-spacing: 0.1rem;
	line-height: 1.8rem;
	color:#EE7427;
	text-decoration: underline;
}

.linkto img{
	margin-left: 10px;
}

@media (max-width: 575px) {
	p.modal-left-text, h3.modal-left-text {
		font-weight: 500;
		font-size: 1.1rem;
		letter-spacing: normal;
		line-height: 1.8rem;
	}
}

h1.page-title, h2.page-title {
	display: inline-block;
	position: relative;
	font-weight: 700;
	font-size: 2.1rem;
	letter-spacing: 0;
	line-height: 3.4rem;
	margin: 0 0 20px 0;
}

h1.page-title.tall, h2.page-title.tall {
	line-height: 4.2rem;
}

@media (max-width: 575px) {
	h1.page-title, h2.page-title {
		display: block;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		line-height: 2.2rem;
	}

	h1.page-title.tall, h2.page-title.tall {
		line-height: 2.7rem;
	}
}

h1.page-title::before, h2.page-title::before {
	display: inline-block;
	position: absolute;
	content: ' ';
	left: 0;
	bottom: 0;
	width: calc(70% + 1px);
	height: 0;
	border-top: 3px solid #1D1D1B;
	border-right: 3px solid transparent;
}

h1.page-title::after, h2.page-title::after {
	display: inline-block;
	position: absolute;
	content: ' ';
	right: 0;
	bottom: 0;
	width: calc(30% + 1px);
	height: 0;
	border-bottom: 3px solid #EE7427;
	border-left: 3px solid transparent;
}

p.comment {
	padding: 0 50px;
}

.onlymobile{
	display: none;
}

@media (max-width: 575px) {

	.onlydesktop{
		display: none;
	}

	p.comment {
		padding: 0 10px;
	}

	.onlymobile{
		display: block;
	}

	img.onlymobile{
		width: calc(100% - 20px);
		border-radius: 10px;
		margin: 10px;
	}
}

.comment_icon {
	font-size: 7rem;
	line-height: 2rem;
	color: #EE7427;
}

@media (max-width: 575px) {
	.comment_icon {
		font-size: 3.5rem;
		line-height: 1rem;
	}
}

.btn-custom {
	text-transform: uppercase;
	font-weight: 500;
	padding: 1rem 0.5rem;
	border: 3px solid #EE7427;
	background-color: #EE7427;
	color: white;
	border-radius: 25px;
	transition: color 0.3s, background-color 0.3s;
	margin-top: 15px;
}

.btn-custom:hover {
	border: 3px solid #EE7427;
	background-color: transparent;
}

.black.btn-custom:hover {
	border: 3px solid #EE7427;
	background-color: transparent;
	color: white;
}

@media (max-width: 575px) {
	.btn-custom {
		background-color: #EE7427;
		color: white;
	}

}

.bg-custom {
	background-color: rgba(255, 255, 255, 0.5)
}

/* Animations */
.spin-fast {
	animation-name: spin;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.spin-slow {
	animation-name: spin;
	animation-duration: 60s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes levitate {
    from {
        transform: translateY(0px);
    }
	50% {
		transform: translateY(-15px);
	}
    to {
		transform: translateY(0px);
    }
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100vw;
	background-color: #EE7427;
}

@media (max-width: 575px) {
	.footer {
		position: static;
	}
}

@media (min-width: 576px) {
	#carouselold {
		margin-bottom: calc(min(300px, 100vh - 500px));
	}
	#carousel2old {
		margin-bottom: calc(min(300px, 100vh - 500px));
	}
}

.carousel-control-prev {
    left: -80px;
}

.carousel-control-next {
    right: -80px;
}

.contact-icon {
	width: 45px;
	height: 45px;
	transition: transform 0.3s;
}

@media (min-width: 576px) {
	a:hover .contact-icon {
		transform: scale(1.2);
	}
}

@media (max-width: 575px) {
	.contact-icon {
		width: 30px;
		height: 30px;
	}
}

.footer-icon {
	width: 36px;
	height: 36px;
	margin: 15px;
	cursor: pointer;
	transform: none;
	transition: transform 0.3s;
}

.footer-icon:hover {
	transform: scale(1.2);
}

@media (max-width: 575px) {
	.footer-icon {
		width: 30px;
		height: 30px;
		margin: 12px;
	}
}

@media (min-width: 576px) {
	.slide-in {
		transform: translateX(-50px);
		opacity: 0;
		transition: opacity 0.3s ease 0.3s, transform 0.3s ease 0.3s;
	}

	.slide-in.right {
		transform: translateX(50px);
	}

	.slide-in.top {
		transform: translateY(-50px);
	}

	.shown .slide-in, .shown.slide-in {
		transform: none;
		opacity: 1;
	}
}

@media (max-width: 575px) {
	h5 {
		font-size: 1rem;
	}
}

@media (max-width: 575px) {
	h4 {
		font-size: 1.2rem;
	}
}

@media (max-width: 575px) {
	.mobile-hide {
		display: none !important;
	}
}

@media (min-width: 576px) {
	.mobile-only {
		display: none !important;
	}
}

@media (max-width: 575px) {
	#specs-table {
		font-size: 0.9rem;
	}
}

@media (max-width: 575px) {
	a.btn-custom:not(.mr-3) {
		max-width: calc(100% - 50px);
		margin: 10px auto;
		display: table!important;
	}
}

@media (max-width: 575px) {
	.carousel-control-prev {
		left: 0;
		align-items: flex-end;
	}

	.carousel-control-next {
		right: 0;
		align-items: flex-end;
	}
}

#loader {
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 100;
	background-color: white;
	transform: translateY(-100vh);
	visibility: hidden;
	transition: transform 0.5s, visibility 0.5s step-end;
}

#loader .row {
	height: 100vh;
}

#loader.shown {
	transform: none;
	visibility: visible;
}

.carousel-indicators {
	bottom: -60px;
}

.carousel-indicators li {
	width: 16px;
	height: 16px;
	border: 3px solid #EE7427;
	border-radius: 15px;
	background-color: transparent;
	margin: 0 5px;
}

@media (min-width: 1500px) {
	.container.wide {
		max-width: calc(100vw - 500px) !important;
	}
}

.btn-custom-2 {
	display: block;
	position: relative;
	width: 100%;
	background-color: #EE7427;
	color: #1D1D1B;
	padding: 8px 10px;
	text-align: left;
	font-size: 1.2rem;
	font-weight: 500;
	margin-top: 10px;
}

.btn-custom-2:hover {
	color: #1D1D1B;
}

.btn-custom-2::after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px;
	right: 10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../assets/arrow_white.svg');
	transform: rotate(270deg);
	transition: transform 0.3s;
}

.btn-custom-2.collapsed::after {
	transform: rotate(90deg);
}

.collapse-content {
	font-size: 1.2rem;
	padding: 36px 10px 0 10px;
}

.accordion-frame {
	max-height: calc(100vh - 300px);
	overflow-y: auto;
}

@media (max-width: 575px) {
	.accordion-frame {
		max-height: calc(100vh - 180px);
	}
}

.seller-contact-icon {
	width: 45px;
	height: 45px;
	transition: transform 0.3s;
	cursor: pointer;
}

.seller-contact-icon:hover {
	transform: scale(1.2);
}

.sales-country {
	display: inline-block;
	float: left;
	width: 50%;
}

#bubbles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	text-align: center;
}

#bubbles .col-auto {
	width: 100px;
	text-align: center;
}

.bubble {
	width: 100px;
	height: 90px;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	transform: translateY(50px) scale(0.5);
}
#bubbles.bubbles_shown .bubble {
	opacity: 0.75;
	transform: none;
}
.bubble_1 {
	background-image: url('../assets/bubbles/bubble_1.png');
	background-size: 80px 80px;
}
.bubble_2 {
	background-image: url('../assets/bubbles/bubble_2.png');
	background-size: 80px 80px;
}
.bubble_3 {
	background-image: url('../assets/bubbles/bubble_3.png');
	background-size: 80px 80px;
}
.bubble_4 {
	background-image: url('../assets/bubbles/bubble_4.png');
	background-size: 80px 80px;
}
.bubble_5 {
	background-image: url('../assets/bubbles/bubble_5.png');
	background-size: 80px 80px;
}
.bubble_6 {
	background-image: url('../assets/bubbles/bubble_6.png');
	background-size: 80px 80px;
}
.bubble_7 {
	height: 50px;
	background-image: url('../assets/bubbles/bubble_7.png');
	background-size: 40px 40px;
}
.bubble_8 {
	height: 50px;
	background-image: url('../assets/bubbles/bubble_8.png');
	background-size: 40px 40px;
}
.bubble_9 {
	height: 50px;
	background-image: url('../assets/bubbles/bubble_9.png');
	background-size: 40px 40px;
}
.bubble_10 {
	background-image: url('../assets/bubbles/bubble_10.png');
	background-size: 80px 80px;
}
.bubble_11 {
	background-image: url('../assets/bubbles/bubble_11.png');
	background-size: 80px 80px;
}