body {
	background:#efefef;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body * {
	font-family: 'Helvetica Neue', sans-serif;
	letter-spacing: .011em;
}

h1 {
	font-size: 40px;
	letter-spacing: -.003em;
	margin-bottom: 30px;
	line-height: 40px;
}

h2 {
	font-size: 30px;
	line-height: 35px;
	margin: 0;
}

h3 {
	font-size: 20px;
	line-height: 22px;
	margin: 0;
}
h3 a {
	color: inherit;
}

h4 {
	font-size: 15px;
	margin: 0;
}

span, p {
	color: #aaa;
}

a {
	cursor: pointer;
	text-decoration: none;
	color: unset;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

pre {
	margin: 0;
}

sup {
	font-size: 12px;
}

canvas {
	position: sticky;
	top: 0;
	width: 100vw;
}

section {
	position: relative;
	overflow: hidden;
	display: flex;
	width: 100vw;
	align-items: center;
	justify-content: center;
	margin-bottom: 200px;
}

video {
	position: relative;
	top: 0;
	left: 0;
	height: auto;
	width: 100%;
}

label {
	font-size: 16px;
	font-weight: bold;
	color: #002856;
}

input, textarea{
	width: 100%;
	border-radius: 5px;
	padding: 5px 20px;
	margin: 5px 0;
	border: none;
	font-size: 18px;
	color: gray;
	box-sizing: border-box;
}

input {
	height: 70%;
}

input:focus, textarea:focus {
	box-shadow: 5px 5px 20px 5px rgb(0 0 0 / 10%);
	transition: .5s ease;
}


input#firstname, input#lastname {
	background-image: url(../images/icons/icon_avatar_lightgray.svg);
	background-size: 20px;
	background-position: 10px center;
	background-repeat: no-repeat;
	text-indent: 20px;
}

input#email {
	background-image: url(../images/icons/icon_email_lightgray.svg);
	background-size: 20px;
	background-position: 10px center;
	background-repeat: no-repeat;
	text-indent: 20px;
}

input#mobile {
	background-image: url(../images/icons/icon_mobile_lightgray.svg);
	background-size: 15px;
	background-position: 10px center;
	background-repeat: no-repeat;
	text-indent: 20px;
}

input#company {
	background-image: url(../images/icons/icon_company_lightgray.svg);
	background-size: 20px;
	background-position: 10px center;
	background-repeat: no-repeat;
	text-indent: 20px;
}

*:focus {
	outline: none;
}

button {
	border: none;
	font-size: 18px;
}

/* MENU */

#header {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: space-between;
	top: 0;
	height: 80px;
	width: 100vw;
	padding: 0 30px;
	background: #efefef;
	box-sizing: border-box;
	z-index: 2;
}


#logo {
		position: absolute;
		height: 30px;
		z-index: 1;
		top: 50%;
		left: 0;
		transform: translate(0%, -50%);
		margin-left: 30px;

	}

#burger_menu_container {
	display: none;
}

#menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#menu li{
	position: relative;
	float: left;
}

#menu div a {
	display: block;
	padding: 5px 30px;
	cursor: pointer;
	color: #002856;
}

#menu_language {
	display: flex;
	justify-content: center;
	cursor: pointer;
}

#menu_language a {
	padding: 5px 10px !important;
}

#menu_language img {
	width: 20px;
}

.menu_img {
	height: 120px;
	width: 160px;
	border-radius: 20px;
	box-shadow: 3px 2px 7px rgb(0 0 0 / 6%), 9px 8px 20px rgb(0 0 0 / 15%);
	transition: margin-top 1s ease;
	margin: 0 auto;
}

.solutions_container {
	box-sizing: border-box;
}

.menu_text_container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.dropdown_menu{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100vw;
	box-sizing: border-box;
	background: #efefef;
	display: none;
	padding: 130px 20px 50px 20px;
	z-index: -1;
}

.dropdown_menu h1 {
	text-align: center;
	font-size: 25pt;
	margin:0 0 30px 0;
	color: #002856;
}

.dropdown_menu h2 {
	font-size: 14px;
}

.dropdown_menu p {
	font-size: 15px;
	line-height: 20px;
	color: #aaa;
	text-align: left;
}

.menu_row {
	width: 100%;
	padding: 20px;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.careers_row {
	width: 50%;
}

.menu_card_container {
	height: 210px;
	max-width: 180px;
	margin: 20px;
	background: whitesmoke;
	border-radius: 30px;
	padding: 10px;
	box-sizing: border-box;

}

.menu_card_container h3 {
	font-size: 16px;
	text-align: center;
	color: #002856;
	margin-top: 20px;
}

.show_submenu {
	display: block;
}

.hide_submenu {
	display: none;
}

.background_energy {
	background: url('../images/thumbnail_energy_monitoring.jpg');
	background-size: cover;
	background-position: center;
}

.background_maintenance {
	background: url('../images/thumbnail_maintenance.jpg');
	background-size: cover;
	background-position: center;
}

.background_performance {
	background: url('../images/thumbnail_performance.jpg');
	background-size: cover;
	background-position: center;
}

.background_production {
	background: url('../images/thumbnail_production.jpg');
	background-size: cover;
	background-position: center;
}

.background_sinoptics {
	background: url('../images/thumbnail_sinoptics.jpg');
	background-size: cover;
	background-position: center;
}

.background_production_planning {
	background: url('../images/thumbnail_worker_schedule.jpg');
	background-size: cover;
	background-position: left bottom;
}

.background_ebr {
	background: url('../images/thumbnail_woman_tablet.jpg');
	background-size: cover;
	background-position: center;
}

.background_raw {
	background: url('../images/thumbnail_raw_material.jpg');
	background-size: cover;
	background-position: center;
}

.background_shipment {
	background: url('../images/thumbnail_woman_boxes.jpg');
	background-size: cover;
	background-position: center;
}

.background_core_iot {
	background: url('../images/thumbnail_worker_testing_machine.jpg');
	background-size: cover;
	background-position: center;
}

.background_about_us {
	background: url('../images/thumbnail_about_us.jpg');
	background-size: cover;
	background-position: center;
}

.background_articles {
	background: url('../images/thumbnail_articles.jpg');
	background-size: cover;
	background-position: center;
}

/* FOOTER */

#section_footer {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer_logos{
	display: flex; 
	align-items: center; 
	gap: 20px;
}

#footer {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 200px;
	width: 90vw;
	font-size: 12px;
	margin: 50px auto;
}


.footer_container {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.footer_title {
	color: #a3a3a3;
	font-size: 15px;
	letter-spacing: 5px;
	margin-bottom: 10px;
}

.footer_column {
	display: flex;
	flex-direction: column;
	height: 150px;
	margin: 0 60px;
	justify-content: space-between;
}

.footer_column a {
	font-weight: normal;
	text-decoration: none;
	color: #a3a3a3;
}

.footer_column h4 {
	color: #a3a3a3;
	margin: unset;
}

.footer_column a:hover {
	color: white;
}

.footer_row {
	display: flex;
	align-items: center;
}

.footer_row img {
	height: 20px;
	margin-right: 10px;
}

.signature {
	font-size: 12px;
	letter-spacing: 2px;
	color: #a3a3a3;
}

@keyframes heartbeat
{
  0%
  {
    transform: scale( .75 );
  }
  20%
  {
    transform: scale( 1 );
  }
  40%
  {
    transform: scale( .75 );
  }
  60%
  {
    transform: scale( 1 );
  }
  80%
  {
    transform: scale( .75 );
  }
  100%
  {
    transform: scale( .75 );
  }
}

.whatsapp_chat_button {
	position: fixed;
	height: 70px;
	bottom: 50px;
	right: 50px;
	animation: heartbeat 10s infinite;
	z-index: 10;
}

/* UNIVERSAL CONTENT */

.lightblue {
	color: #0082ca;
}

.blue {
	color: #022855;
}

.pink {
	color: #e63f49
}

.black {
	color: #2d2d2d
}

.lightgray {
	color: #c6c6c6;
}

.yellow {
	color: #edb331;
}

.green {
	color: #168D00;
}

.neongreen {
	color: #6FED5C;
}

.neonblue {
	color: #2AD7FF;
}

.gray {
	color: gray
}

.purple {
	color: #7839c7;
}

.orange {
	color:#f59009;
}

.right {
	text-align: right
}

.left {
	text-align: left
}

.center {
	text-align: center;
}

.white {
	color: white !important
}

.right {
	text-align: right
}

.left {
	text-align: left
}

.icon_medium {
	height: 50px;
}

.icon_small {
	height: 20px;
}

.apply_long_shadow {
	box-shadow: 0 0px 8.3px rgb(0 0 0 / 5%), 0 0px 20px rgb(0 0 0 / 7%), 0 0px 37.6px rgb(0 0 0 / 9%), 0 0px 67px rgb(0 0 0 / 10%), 0 0px 125.3px rgb(0 0 0 / 12%), 0 0px 300px rgb(0 0 0 / 17%);
}

.apply_short_shadow {
	box-shadow: 1px -1px 24px 5px rgb(0 0 0 / 5%);
}

.flex_1 {
	flex: 1;
}

.flex_2 {
	flex: 2;
}

.align_left {
	justify-content: flex-start !important;
}

.gradient_blue_purple {
	background: -webkit-linear-gradient(45deg, #5A75EC, #9B23F1);
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
}

.gradient_blue_blue {
	background: -webkit-linear-gradient(45deg, #003ee2, #61CAE7);
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
}

.gradient_green_yellow {
	background: -webkit-linear-gradient(45deg, #FFF816, #51F062);
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
}

.gradient_red_pink {
	background: -webkit-linear-gradient(45deg, #E80B13, #f59009);
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
}

.gradient_neongreen {
	background: -webkit-linear-gradient(90deg, #6FED5C, #c2fab9);
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
}

.gradient_black_gray {
	background: -webkit-linear-gradient(90deg, #181c1f, #323943);
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
}

.gradient_black_blue {
	background: -webkit-linear-gradient(45deg, #2C3950, #294B9C);
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
}

.more_info {
	margin: 20px 0;
	cursor: pointer;
	color: #0082ca;
}

.more_info object {
	height: 15px;
	transform: rotate(-90deg);
	margin: 0 0 -3px 5px;
}

.title_one_liner {
	text-align: center;
	font-size: 90px;
	white-space: nowrap;
	font-weight: bolder;
	letter-spacing: -.003em;
}

.tile_cell {
	height: 400px;
	background: whitesmoke;
	border-radius: 30px;
	margin: 10px;
	padding: 30px;
	box-sizing: border-box;
	overflow: hidden;
}

.tile_cell h1 {
	margin-top: 0;
	text-align: left;
}

.floating_text {
	position: absolute;
	top: 100px;
}

.absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.section_content {
	width: 1000px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.vertical_content {
	flex-direction: column;
}

.section_image_horizontal {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 50%;
}

.section_image_horizontal.full_width {
	width: 100%;
}

.section_text_horizontal {
	display: flex;
	width: 50%;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-left: 30px;
	box-sizing: border-box;
}

/* CONTENT */

.playground, .playground_fallback {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100vw;
	height: 100vh;

}

.playground_text {
	width: 50%;
	padding-left: 100px;
}

.playground_title h1 {
	text-align: left;
	line-height: 60px;
	font-size: 70px;
	margin: 0;
}

.playground_subtitle {
	width: 80%;
	padding: 20px 0;
}

.playground_home {
	background: url('../images/hero_woman_inspecting_factory.jpg'); 
	background-size: cover; 
	background-position: center right;
	height: unset;
	min-height: 100vh;
}

.playground_energy {
	background: url('../images/mockup_macbook_office.jpg'); 
	background-size: cover; 
	background-position: center right; 
}

.playground_sinoptics {
	background: url('../images/photo_macbook_factory.jpg'); 
	background-size: cover; 
	background-position: center right; 
}

.playground_maintenance {
	background: url('../images/photo_factory_worker.jpg'); 
	background-size: cover; 
	background-position: center right; 
}

.playground_production_management {
	background: url('../images/video_production_pill.mp4'); 
	background-size: cover; 
	background-position: center right;
}

.playground_production_planning {
	background: url('../images/photo_worker_schedule.jpg'); 
	background-size: cover; 
	background-position: center left;
}

.playground_ebr {
	background: url('../images/photo_woman_tablet.jpg'); 
	background-size: cover; 
	background-position: left center;
}

.playground_raw {
	background: url('../images/photo_raw_material.jpg'); 
	background-size: cover; 
	background-position: left center;
}

.playground_shipment {
	background: url('../images/photo_woman_boxes.jpg'); 
	background-size: cover; 
	background-position: left center;
}

.playground_core_iot {
	background: url('../images/photo_worker_testing_machine.jpg'); 
	background-size: cover; 
	background-position: left center;
}

.playground_performance {
	background: url('../images/photo_screen_graphs.jpg'); 
	background-size: cover; 
	background-position: center right;
}

.playground_about_us {
	background-image: url('../images/hero_colleagues_talking.jpg');
	background-size: cover;
	background-position: right top;
}

#section_home_energy {
	background: url('../images/render_energy_meters.jpg');
	background-size: cover;
	background-position: center;
	height: 100vh;
}

#section_home_sinoptic {
	height: unset;
	flex-direction: column;
	padding: 100px 0;
}

#section_home_digital_twin {
	background: #050204;
	padding: 200px 0;
	margin-top: -2px;
}

#section_home_security {
	height: 80vh;
	background: #7839c7;
	background-image: url(../images/background_security.jpg);
	background-position: bottom right;
	background-size: contain;
	background-repeat: no-repeat;
}

#section_energy_analitcs {
	height: 100vh;
	background: url('../images/mockup_macbook_grayscale.jpg');
	background-size: cover;
	background-position: center;
}

#section_reach_out {
	height: 600px;
}

#section_support {
	height: 100vh;
	background: url('../images/photo_support.jpg');
	background-size: cover;
	background-position: center;
}

#section_5g {
	position: relative;
	height: 100vh;
}

#section_green_house {
	height: 100vh;
	background-image: url(../images/mockup_macbook_office.jpg);
	background-position: bottom;
	background-size: cover;
}

#section_notification {
	padding: 100px 0
}

#section_contacts {
	height: 100vh;
	justify-content: flex-start;
	margin-bottom: 0;
}

#section_factory_laptop {
	height: 100vh;
	background: url('../images/photo_energy_analysers.jpg');
	background-size: cover;
	background-position: right center;
}

.modules {
	width: 100%;
/*	height: 400px;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 50px;
}

.module {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	width: 150px;
}

.module object {
	width: 60px;
	margin-bottom: 10px;
}

.module h3 {
	text-align: center;
	color: #7839c7;
}

.subject {
	display: flex;
	align-items: center;
}

.subject object {
	height: 35px;
	margin-right: 10px;
}

.dashboard {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 500px;
	width: 100%;
}

.dashboard_image {
	display: flex;
	align-items: center;
	width: 40%;}

.dashboard_image img {
	width: 100%;
	object-fit: cover;
}

.dashboard_widgets {
	width: 60%;
}

.dashboard_widgets_row {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50%;
	width: 100%;
}

.widget_container {
	position: relative;
	height: 135px;
	width: 50%;
	background: white;
	border-radius: 30px;
	margin: 0 10px 20px 10px;
	padding: 25px;
	box-sizing: border-box;
	box-shadow: 3px 3px 6px 1px rgb(0 0 0 / 10%);
}

.widget_title {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}

.widget_data {
	font-size: 50px;
	font-weight: bold;
	text-align: right;
}

.widget_data span {
	color: #d5d5d5;
}

.widget_icon {
	position: absolute;
	top: 20px;
	left: 15px;
}

.widget_icon img {
	width: 35px;
}

.widget_subtitle {
	font-size: 12px;
	text-align: right;
}

.widget_graph {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: calc(100% - 20px);
	height: 215px;
}

.widget_graph img {
	width: 100%;
}

.ipads_falling img {
	max-width: 600px;
}

.ipad_industry {
	position: relative;
	width: 130%;
	margin-left: -90px;
}

.gsap_ipad_top {
	z-index: 2;
	margin-bottom: -100px;
}

.gsap_ipad_middle {
	z-index: 1;
}

.gsap_ipad_bottom {
	z-index: 0;
	width: 100%;
	margin-left: -20px;
	margin-top: -130px;
}

.video_slicing_machine video {
	height: 100vh;
	width: 100vw;
	object-fit: cover;
	object-position: bottom;
}

.video_machine_wireframe video {
	height: 100vh;
	width: 100vw;
	object-fit: cover;
	object-position: center;
}

.video_machine_wireframe {
	margin-bottom: 0;
	margin-top: -2px;
}

.gov {
	display: flex;
	justify-content: center;
	width: 1000px;
	margin: 0 auto;
	margin-top: 100px;
	height: 100px;
}

.gov img {
	height: 60px;
}

.sources {
	font-size: 10px;
	color: gray;
	text-align: center;
	width: 1000px;
	margin: 0 auto;
	margin-top: 100px;
	margin-bottom: -150px;
	height: 200px;
}

.render_gear_calendar {
	width: 1000px;
}

.render_gear_weekly_calendar {
	width: 1500px;
}

.isometric {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 1500px;
	width: 100vw;
	transform: rotateX(60deg) rotateY(0deg) rotateZ(-45deg);
	margin-bottom: -100px;
}

.isometric img {
	margin: 10px;
	padding: 20px;
	border-radius: 30px;
	box-shadow: 3px 3px 6px 1px rgb(0 0 0 / 5%);
	background: white;
}

.raise:hover {
	box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 10%);
	transform: translate3d(20px, -20px, 0px);
	transition: ease-out .5s;
}

.graph {
	width: 70%;
	align-self: center;
	margin: 50px 0;
}

.tile_conclusions {
	height: 220px;
}

.tile_conclusions h3 {
	color: gray
}

.architecture {
	max-height: 90vh;
	max-width: 70vw;
}

.perks {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
}

.perks_column {
	width: 49%;
}

.perk_container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 20px;
}

.perk_container h3 {
	margin-left: 20px;
	width: 360px;
}

.perk_image {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	width: 70px;
	background: url("../images/squircle_dark.svg");
	background-repeat: no-repeat;
}

.perk_image_gray {
	background: url("../images/squircle_gray.svg");
	background-repeat: no-repeat;
}

.perk_image_faded {
	background: url("../images/squircle_faded.svg");
}

.perk_image object {
	width: 40px;
}

.mockup_xdr_display_labler {
	width: 1200px;
}

.contacts {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	padding-left: 80px;
}

.contact_container {
	position: relative;
	display: inline-flex;
	align-items: center;
	height: 80px;
	margin: 10px 0;
}

.contact_container a {
	height: 100%;
}

.contact_info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.contact_info * {
	margin: 0;
	line-height: normal;
}

.contact_info h3 {
	font-size: 15px;
}

.contact_icon {
	height: 30px;
	margin-right: 20px;
}

.form_container {
	position: absolute;
	right: 80px;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(0, -50%);
	height: 80vh;
	width: 450px;
	background: lightgray;
	border-radius: 20px;
	padding: 30px;
	box-sizing: border-box;
}

#contact_form {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	width: 100%;
}

.form_row {
	width: 100%;
}

.form_row h4 {
	color: gray;
	margin-bottom: 10px;
	margin-top: -20px;
}

.render_lock_cloud {
	width: 300px;
}

.reach_out_container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 300px;
	width: 100%;
	background: white;
	border-radius: 30px;
	padding: 40px;
	box-sizing: border-box;
	overflow: visible;
}

.rocket_launch {
	width: 40%;
}

.reach_out_text {
	width: 60%;
	height: 100%;
}

.reach_out_text h2, .reach_out_text h3 {
	margin-bottom: 20px;
}

.reach_out_buttons {
	display: flex;
	align-items: center;
}

.reach_out_button {
	height: 40px;
	background: #E80B13;
	padding: 10px 20px;
	box-sizing: border-box;
	line-height: 20px;
	color: white;
	border-radius: 20px;
	box-shadow: 3px 3px 6px 1px rgb(0 0 0 / 10%);;
}

.logo_thinkdigital {
	width: 80%;
	align-self: flex-end;
}

.render_analyser_bolt {
	width: 90vw;
	max-width: 2000px;
}

.video_background, .video_background2 {
	position: sticky;
	min-width: 100%;
}

#video_scroll_container, #video_scroll_container2 {
	position: relative;
	height: 700vh;
	padding: 200px 0;
}

#video_scroll_container2 {
	height: 500vh;
	background: black;
}

.mockup_iphone_notification {
	width: 1000px;
}

.notification_container {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 470px;
	height: 80px;
	padding: 0 15px;
	border-radius: 20px;
	box-shadow: 0 0 25px #00384a44;
	background: rgba( 255, 255, 255, 0.4 );
	font-size: 15px;
	color: #656565;
	box-shadow: 1px -1px 24px 5px rgb(0 0 0 / 10%);
}

.notification_content {
	display: flex;
	flex-wrap: wrap;
	width: 300px;
}

.notification_content h4 {
	color: #262626;
}

.notification_content img {
	width: 20px;
	margin: 0 10px 5px 0;
}

.animation {
	animation: FadeIn 1s ease-in-out, FadeOut 500ms 4s ease-in-out forwards;
}

@keyframes FadeIn {
	0% {
		top: 50px;
		opacity: 0;
	}
	25% {
		top: -5px;
		opacity: 0.75;
	}
	50% {
		top: 5px;
		opacity: 1;
	}
	100% {
		top: 0px;
	}
}

@keyframes FadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.image_fallback {
	display: none;
}

.widget_table_production_vertical {
	display: none
}

.article_container {
	width: 70vw;
	max-width: 1000px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}

.article_background_box {
	display: flex;
	flex-direction: column;
	width: 45%;
	margin: 10vh 0 0 0;
	background: whitesmoke;
	border-radius: 20px;
	padding: 10px 10px 20px 10px;
	box-sizing: border-box;
	box-shadow: 1px -1px 24px 5px rgb(0 0 0 / 5%);
}

.article_featured_background_box {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	width: 50vw;
	max-width: 1000px;
	height: 400px;
	background: whitesmoke;
	border-radius: 20px;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: 1px -1px 24px 5px rgb(0 0 0 / 5%);
}

.article_thumbnail {
	height: 200px;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.article_featured_thumbnail {
	height: 100%;
	width: 50%;
	border-radius: 10px;
	overflow: hidden;
}

.article_thumbnail img, .article_featured_thumbnail img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.article_category {
	color: #aaa;
	font-size: 13px;
	letter-spacing: 3px;
	margin: 15px 0 0 15px;
	text-align: left;
}

.article_title {
	font-size: 20px;
	color: #002856;
	font-weight: bold;
	margin: 10px 15px 0px 15px;
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; 
}

.article_featured_text {
	width: 50%;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
}

.article_featured_text img {
	height: 20px;
	transform: rotate(-90deg);
	margin: 20px 0;
}

.article_featured_title {
	font-size: 40px;
	font-weight: bold;
	color: #002856;
	line-height: 40px;
}

[data-title]:hover::before {
	content: attr(data-title);
	position: absolute;
	bottom: 80px;
	padding: 5px;
	background: #000;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	white-space: wrap;
}

.article_summary {
	color: #aaa;
	font-size: 12px;
	margin: 10px 15px;
	display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; 
}

.article_date {
	color: #aaa;
	font-size: 12px;
	margin: 0 15px;
}

.article_hero {
	width: 100vw;
	height: 400px;
}

.article_hero img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.article_hero_title {
	width: 60vw;
	margin: 50px auto;
	margin-top: 200px;
	font-size: 60px;
	color: #002856;
	line-height: 60px;
	font-weight: bold;
	text-align: center;
}

.article_body {
	width: 70vw;
	max-width: 800px;
	font-size: 18px;
	line-height: 25px;
	color: gray;
	text-align: justify;
}

.article_body b {
	color: #002856;
	font-size: 20px;
}

.article_body span {
	margin: 20px 0;
	font-size: 25px;
	color: #002856;
	line-height: 30px;
}

.article_body img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	padding: 50px;
	box-sizing: border-box;
}

.article_body div {
	font-size: 15px;
	font-style: italic ;
}

.subtitle {
	font-size: 18px;
	letter-spacing: 10px;
	margin: 10px -10px 10px 0;
	text-align: right;
}

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

/* RESPONSIVE */

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

	h1 {
		font-size: 35px;
		line-height: 37px;
	}

	h2 {
		font-size: 25px;
		line-height: 27px;
	}

	section {
		overflow-x: hidden;
	}

	video {
		height: 100vh;
	}

	canvas {
		display: none;
	}

	input, textarea {
		width: 100%;
	}

	#header {
		height: 60px;
		position: fixed;
	}

	
	#burger_menu_container {
		position: absolute;
		right: 0;
		top: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 60px;
		width: 60px;
		z-index: 1;
		transform: translate(0%, -50%);
		margin-right: 15px;
	}

	#burger_menu {
		width: 20px;
	}

	#menu {
		position: absolute;
		right: 0;
		top: -10vh;
		width: 100vw;
		height: 50px;
		display: flex;
		justify-content: space-between;
		padding: 10px 30px;
		box-sizing: border-box;
		background: #efefef;
		transition: 0.3s ease-out;
		z-index: 0;
	}

	#menu > div > a {
		text-align: left;
		padding: unset;
		font-size: 15px;
		font-weight: bold;
	}

	.menu_row {
		height: unset;
		flex-direction: column;
	}

	.menu_img {
		display: none;
	}

	.menu_card_container {
		height: unset;
		background: none;
		border-radius: 0;
	}

	.menu_card_container h3 {
		font-size: 25px;
	}

	.show_menu {
		top: 60px !important;
		transition: .6s ease;
	}

	.show_submenu {
		z-index: 1;
	}

	.dropdown_menu {
		height: 100vh;
	}

	.dropdown_menu h1 {
		display: none;
	}

	.dropdown_menu p {
		display: none;
	}

	#footer {
		display: none;
	}

	.playground, .playground_fallback {
		height: unset;
		margin-bottom: 100px;
	}

	.playground_fallback {
		display: block;
	}

	.playground_text {
		width: 85%;
		padding-left: 30px;
	}

	.playground_title {
		margin-top: 150px;
	}

	.playground_title h1 {
		font-size: 50px;
		line-height: 50px;
	}

	.playground_subtitle {
		width: 90%;
	}

	.playground_subtitle h2 {
		font-size: 25px;
		line-height: 30px;
	}

	.playground_home {
		background-position: 40%;
	}

	.playground_production_management {
		background-position: 20% bottom;
		height: 100vh;
	}

	.playground_article {
		height: 100vh;
	}

	.section_content {
		width: 100vw;
		flex-direction: column;
	}

	.section_text_horizontal {
		width: 80%;
		padding-left: unset;
	}

	.section_image_horizontal {
		width: 80%;
	}

	#section_home_energy, #section_home_security, #section_energy_analitcs, #section_factory_laptop, #section_contacts {
		height: unset;
		padding: 100px 0;
	}

	#section_reach_out {
		height: unset;
		overflow: visible;
	}

	#section_home_energy {
		background-position: 62%;
	}

	#section_home_security {
		padding: 100px 0;
	}

	.whatsapp_chat_button {
		height: 50px;
		right: 20px;
		bottom: 20px;
	}

	.modules {
		height: unset;
		flex-wrap: wrap;
	}

	.module {
		width: 100px;
		margin-right: 0;
		margin-top: 50px;
	}

	.module h3 {
		font-size: 10px;
		margin-top: 10px;
		line-height: unset;
	}

	.module_image {
		padding: 20px;
	}

	.module_image img {
		height: 40px;
	}

	.dashboard {
		flex-direction: column;
		height: unset;
		margin-bottom: 50px;
	}

	.dashboard_image {
		width: 100%;
	}

	.dashboard_widgets {
		width: 100%;
	}

	.dashboard_widgets_row {
		flex-direction: column;
	}

	.widget_container {
		width: 80%;
	}

	.title_one_liner {
		font-size: 50px;
		white-space: unset;
		margin: 0 auto;
		padding: 0 5%;
		box-sizing: border-box;
	}

	.image_fallback {
		display: block;
		margin: 50px 0;
	}

	.image_fallback img {
		max-width: 100vw;
		max-height: 100vh;
	}

	.isometric {
		height: 900px;
		margin-left: -200px;
	}

	.isometric img {
		width: 180px;
		border-radius: 20px;
	}

	.render_gear_calendar {
		width: 110vw;
	}

	.signature {
		letter-spacing: unset;
		text-align: center;
	}

	.render_analyser_bolt {
		width: 170vw;
	}

	.mockup_iphone_notification {
		width: 200vw;
	}

	.notification_container {
		width: 310px;
		font-size: 13px;
	}

	.reach_out_container {
		flex-direction: column;
		height: unset;
		width: 90vw;
		padding: 20px;
		overflow-y: visible;
	}

	.rocket_launch {
		width: 100vw;
		margin-top: -130px;
	}

	.reach_out_text {
		width: 95%;
		text-align: center;
	}

	.reach_out_button {
		height: unset;
	}

	.perks_column {
		width: 100%;
	}

	.perk_container {
		margin: 20px;
		margin-top: 0;
	}

	.perk_image_gray, .perk_image {
		background: none;
		width: unset;
	}

	.perk_image img {
		width: 30px;
	}

	.widget_graph {
		justify-content: space-between;
		height: unset !important;
	}

	.render_gear_weekly_calendar {
		width: 200vw;
	}

	.sources {
		width: unset;
		margin-bottom: unset;
	}

	.video_slicing_machine video {
		object-position: 80% bottom;
	}

	.video_tunnel video {
		height: 100vh;
		width: 100vw;
		object-fit: cover;
		object-position: center;
	}

	.mockup_xdr_display_labler, .mockup_xdr_display_sinoptic {
		width: 140vw;
	}

	.widget_table_production {
		display: none
	}

	.widget_table_production_vertical {
		display: block;
	}

	#video_scroll_container, #video_scroll_container2 {
		padding: 100px 0;
	}

	.video_background, .video_background2 {
		height: 100vh;
		width: 100vw;
		object-fit: cover;
	}

	.video_background {
		object-position: 70%;
	}

	.video_background2 {
		object-position: 60%;
	}

	.contacts {
		padding-left: 30px;
	}

	.contact_container {
		display: block;
		margin: 30px 0;
	}

	.form_container {
		position: relative;
		right: unset;
		top: unset;
		left: 50%;
		height: unset;
		width: 90vw;
		padding: 7%;
		transform: translate(-50%, 0);
	}

	.form_row {
		margin-bottom: 20px;
	}

	.ipads_falling img {
		width: 80vw;
	}

	.reach_out_buttons {
		justify-content: center;
	}

	.article_featured_background_box {
		flex-direction: column;
		width: 90vw;
		height: unset;
	}

	.article_featured_text {
		width: 100%;
		padding: 10px;
	}

	.article_featured_thumbnail {
		width: 100%;
	}

	.article_featured_title {
		font-size: 30px;
		line-height: 30px;
	}

	.article_container {
		flex-direction: column;
		width: 90vw;
	}

	.article_background_box {
		width: 100%;
	}

	.article_hero_title {
		width: 90vw;
		margin-top: 100px;
		font-size: 40px;
		line-height: 40px;
	}

	.article_body {
		width: 80vw;
		text-align: left;
	}

	.article_body img {
		height: 300px;
		padding: 50px 0;
	}
}