/* Minification failed. Returning unminified contents.
(5,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,9): run-time error CSS1039: Token not allowed after unary operator: '-dark-neutral-blue'
(46,9): run-time error CSS1039: Token not allowed after unary operator: '-dark-neutral-black'
(48,14): run-time error CSS1039: Token not allowed after unary operator: '-magtek-white'
(76,14): run-time error CSS1039: Token not allowed after unary operator: '-magtek-white'
(85,19): run-time error CSS1039: Token not allowed after unary operator: '-magtek-red'
(96,14): run-time error CSS1039: Token not allowed after unary operator: '-magtek-white'
(112,19): run-time error CSS1039: Token not allowed after unary operator: '-light-neutral-gray'
(133,14): run-time error CSS1039: Token not allowed after unary operator: '-magtek-red'
(167,14): run-time error CSS1039: Token not allowed after unary operator: '-magtek-red'
(175,14): run-time error CSS1039: Token not allowed after unary operator: '-dark-neutral-black'
(217,14): run-time error CSS1039: Token not allowed after unary operator: '-neutral-gray'
(227,19): run-time error CSS1039: Token not allowed after unary operator: '-light-neutral-gray'
(234,19): run-time error CSS1039: Token not allowed after unary operator: '-magtek-red'
(250,19): run-time error CSS1039: Token not allowed after unary operator: '-light-neutral-gray'
(279,22): run-time error CSS1038: Expected hex color, found '#cccc'
(290,14): run-time error CSS1039: Token not allowed after unary operator: '-magtek-red'
(295,14): run-time error CSS1039: Token not allowed after unary operator: '-neutral-gray'
(325,14): run-time error CSS1039: Token not allowed after unary operator: '-magtek-red'
(349,25): run-time error CSS1039: Token not allowed after unary operator: '-magtek-red'
(350,14): run-time error CSS1039: Token not allowed after unary operator: '-magtek-white'
(390,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-neutral-blue'
(408,19): run-time error CSS1039: Token not allowed after unary operator: '-light-neutral-gray'
(466,14): run-time error CSS1039: Token not allowed after unary operator: '-neutral-gray'
(478,14): run-time error CSS1039: Token not allowed after unary operator: '-magtek-red'
(482,14): run-time error CSS1039: Token not allowed after unary operator: '-magtek-red'
(494,19): run-time error CSS1039: Token not allowed after unary operator: '-magtek-red'
(763,25): run-time error CSS1039: Token not allowed after unary operator: '-magtek-red'
(764,14): run-time error CSS1039: Token not allowed after unary operator: '-magtek-white'
 */
/* ==============================================
   Custom Properties (CSS Variables)
=============================================== */
:root {
	--magtek-red: #d21242;
	--magtek-gray: #f8f9fa;
	--magtek-white: #ffffff;
	--light-neutral-gray: #f4f5f5;
	--medium-neutral-gray: #dbdbdb;
	--neutral-gray: #555454;
	--dark-neutral-black: #333132;
	--light-neutral-blue: #ced7df;
	--dark-neutral-blue: #263c50;
	--text-color: #333;
  }
  
  /* ==============================================
	 Base Styles & Utilities
  =============================================== */
  .section {
	padding: 60px 0;
  }
  .section-dark {
	background-color: #f8f9fa;
  }
  .section h2 {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 30px;
	color: #333;
  }
  .section p {
	font-size: 18px;
	line-height: 1.8;
	color: #555;
  }
  
  /* ==============================================
	 Hero Section Styles cta-button
  =============================================== */
  .header {
	text-align: center;
	background: linear-gradient(
	  135deg,
	  var(--dark-neutral-blue) 0%,
	  var(--dark-neutral-black) 100%
	);
	color: var(--magtek-white);
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
	min-height: 80vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
  }
  
  .header::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  
  .header h1 {
	font-size: 7rem;
	font-weight: 900;
	letter-spacing: -1px;
	margin-bottom: 1.5rem;
	position: relative;
	animation: fadeInUp 0.8s ease-out forwards;
	color: var(--magtek-white);
	max-width: 1000px;
  }
  
  .header h1::after {
	content: "";
	display: block;
	width: 80px;
	height: 4px;
	background: var(--magtek-red);
	margin: 2rem auto;
	border-radius: 2px;
  }
  
  .header p {
	font-size: 3rem;
	max-width: 600px;
	margin: 0 auto;
	opacity: 0.9;
	font-weight: 300;
	color: var(--magtek-white);
	animation: fadeInUp 0.8s ease-out 0.2s forwards;
  }
  
  /* ==============================================
	 Solution Sections Layout
  =============================================== */
  .solution-section {
	width: 100%;
	padding: 2rem 0;
	padding-top: 100px;
	padding-bottom: 100px;
	border: none;
  }
  
  .solution-section:nth-child(even) {
	background: var(--light-neutral-gray);
  }
  
  .solution-content {
	margin: 0 auto;
	padding: 0 4rem;
  }
  
  .solution-header {
	text-align: center;
	margin-bottom: 6rem;
  }
  
  .solution-header h2 {
	font-size: 3.2rem;
	margin-bottom: 1.5rem;
  }
  
  .solution-header h3 {
	font-size: 1.4rem;
	font-weight: 500;
	color: var(--magtek-red);
	margin-bottom: 1.5rem;
  }
  
  .solution-main {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8rem;
	align-items: center;
  }
  
  .solution-text {
	padding-right: 2rem;
  }
  
  .solution-text p {
	margin-bottom: 2rem;
  }
  
  /* ==============================================
	 Component Styles
  =============================================== */
  
  /* ----------------------------
	 Icon List Styles
  ---------------------------- */
  ul.list-unstyled li {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
  }
  
  ul.list-unstyled li .fa {
	font-size: 1.2em;
	color: var(--magtek-red);
	margin-right: 10px;
	transition: color 0.3s ease;
	margin-top: 2px;
	margin-bottom: 2px;
  }
  
  ul.list-unstyled li .fa:hover {
	color: var(--dark-neutral-black);
  }
  
  /* ----------------------------
	 Section Title Component
  ---------------------------- */
  .section-title {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
  }
  
  .section-title h2 {
	font-size: 4rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
  }
  
  /* .section-title h2::after {
	content: "";
	display: block;
	width: 120px;
	height: 4px;
	margin: 25px auto 0;
	background-color: var(--magtek-red);
  } */
  
  /* ----------------------------
	 Features Grid
  ---------------------------- */
  .features-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
	margin: 1rem 0;
  }
  
  .features-list li {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	color: var(--neutral-gray);
	font-size: 1.6rem;
  }
  
  .features-list li i {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--light-neutral-gray);
	border-radius: 16px;
	transition: all 0.3s ease;
	font-size: 1.4rem;
  }
  
  .features-list li:hover i {
	background: var(--magtek-red);
	color: white;
  }
  
  /* ==============================================
	 Visual Elements & Media
  =============================================== */
  .solution-visual {
	position: relative;
  }
  
  .solution-image {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 700px;
	background: var(--light-neutral-gray);
	border-radius: 32px;
	box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);
	transition: transform 0.3s ease;
  }
  
  .solution-image:hover {
	transform: translateY(-10px);
  }
  
  .solution-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 32px;
  }
  
  /* ==============================================
	 Statistics Grid
  =============================================== */
  .stats-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
	margin: 4rem 0;
	text-align: center;
	background: transparent;
	border-radius: 22px;
	padding: 3rem;
	border: 0.5px solid #cccc;
  }
  
  .stat-item {
	padding: 2rem;
  }
  
  .stat-number {
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: -1px;
	color: var(--magtek-red);
	margin-bottom: 0.5rem;
  }
  
  .stat-label {
	color: var(--neutral-gray);
	font-size: 1.1rem;
  }
  
  /* ==============================================
	 Benefits Grid
  =============================================== */
  .benefits-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	margin-top: 30px;
  }
  
  .benefit-card {
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	padding: 25px;
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .benefit-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  }
  
  .benefit-card i {
	font-size: 2.5rem;
	color: var(--magtek-red);
	margin-bottom: 15px;
  }
  
  .benefit-card h4 {
	font-size: 1.7rem;
	color: #333333;
	margin-bottom: 10px;
	font-weight: 600;
  }
  
  .benefit-card p {
	font-size: 1.5rem;
	color: #666666;
	line-height: 1.5;
	margin: 0;
  }
  
  /* ==============================================
	 Call to Action Elements
  =============================================== */
  .cta-button {
	display: inline-flex;
	align-items: center;
	background-color: var(--magtek-red) !important;
	color: var(--magtek-white) !important;
	padding: 1.2rem 2.8rem !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	font-size: 1.5rem;
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation: slideInLeft 1s cubic-bezier(0.16, 1, 0.3, 1) 0.4s both !important;
	box-shadow: 0 4px 20px rgba(210, 18, 66, 0.25);
	margin-top: 1.5rem;
  }
  .cta-button::before {
	content: "\2192";
	margin-right: 12px;
	transition: transform 0.3s ease;
  }
  .segment#contact-us .contact-us-container .form-container .form-content .sendButton::before {
	content: "\2192";
	margin-right: 12px;
	transition: transform 0.3s ease;
  }
  .cta-button:hover {
	transform: translateY(-2px);
	background-color: #e81b4f !important;
	box-shadow: 0 6px 25px rgba(210, 18, 66, 0.35);
	cursor: pointer;
  }
  .segment#contact-us .contact-us-container .form-container .form-content .sendButton:hover {
	transform: translateY(-2px);
	background-color: #e81b4f !important;
	box-shadow: 0 6px 25px rgba(210, 18, 66, 0.35);
	cursor: pointer;
  }
  .cta-button:hover::before {
	transform: translateX(4px);
  }
  
  .cta-section {
	text-align: center;
	padding: 80px 0;
	background-color: var(--dark-neutral-blue);
	color: #fff;
  }
  
  .cta-section h3 {
	font-size: 32px;
	margin-bottom: 20px;
  }
  
  .cta-section p {
	font-size: 18px;
	margin-bottom: 30px;
  }
  
  /* ==============================================
	 Navigation & Tabs
  =============================================== */
  .industry-tabs {
	background: var(--light-neutral-gray);
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
	z-index: 1000;
	transition: all 0.3s ease;
	padding-top: 10px;
	padding-bottom: 10px;
  }
  /* Put the main nav above the sticky industries nav */
  .new-magtek-nav {
	z-index: 9999; /* large enough to stay above #industryNav.sticky */
  }
  
  #industryNav.sticky {
	z-index: 1000; /* or anything below 9999 */
  }
  /* Ensure main site nav (Hardware dropdown) is on top */
  .new-magtek-nav {
	z-index: 9999 !important; /* Highest priority */
	position: relative;
  }
  
  /* Ensure dropdown menu appears on top */
  .new-magtek-nav .dropdown-menu {
	z-index: 10000 !important;
	position: absolute;
	background-color: white; /* Ensure visibility */
	display: block;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
  }
  
  /* When dropdown is open, make it visible */
  .new-magtek-nav .dropdown.open .dropdown-menu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
  }
  
  .industry-tabs.navbar {
	margin-bottom: 0;
	border: none;
  }
  
  .industry-tabs .navbar-nav {
	display: flex;
	justify-content: center;
	width: 100%;
	flex-wrap: wrap;
  }
  
  .industry-tabs .navbar-nav > li {
	float: none;
	margin: 0 2px;
  }
  
  .industry-tabs .navbar-nav > li > a {
	color: var(--neutral-gray);
	font-weight: 500;
	padding: 15px 25px;
	transition: all 0.3s ease;
	position: relative;
	text-transform: uppercase;
	font-size: 14px;
  }
  
  .industry-tabs .navbar-nav > li > a:hover,
  .industry-tabs .navbar-nav > li > a:focus {
	background: transparent;
	color: var(--magtek-red);
  }
  
  .industry-tabs .navbar-nav > li.active > a {
	color: var(--magtek-red);
	background: transparent;
  }
  
  .industry-tabs .navbar-nav > li.active > a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 3px;
	background: var(--magtek-red);
  }
  
  /* ==============================================
	 Interactive & Animation Styles
  =============================================== */
  .industry-tabs.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.855);
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	animation: slideDown 0.3s ease-out;
  }
  
  @keyframes slideDown {
	from {
	  transform: translateY(-100%);
	}
	to {
	  transform: translateY(0);
	}
  }
  
  .nav-placeholder {
	height: 20px !important;
	display: none;
  }
  
  /* ==============================================
	 Responsive Styles
  =============================================== */
  @media (max-width: 768px) {
	.solution-main {
	  grid-template-columns: 1fr;
	}
  
	.nav-list {
	  flex-wrap: wrap;
	}
  
	.stats-grid {
	  grid-template-columns: 1fr;
	}
  
	.solution-section {
	  padding: 6rem 0;
	}
  
	.solution-content {
	  padding: 0 2rem;
	}
  
	.header h1 {
	  font-size: 3rem;
	}
  }
  
  @media (max-width: 767px) {
	.industry-tabs .navbar-nav {
	  flex-direction: column;
	  text-align: center;
	}
  
	.industry-tabs .navbar-nav > li {
	  margin: 5px 0;
	}
  
	.industry-tabs .navbar-nav > li > a {
	  padding: 12px 15px;
	}
  }
  
  /* ==============================================
	 Responsive Styles for Tablet and Mobile
  =============================================== */
  
  /* General adjustments for tablets and smaller devices */
  @media (max-width: 1024px) {
	.header h1 {
	  font-size: 5rem; /* Reduce header font size for tablets */
	}
	.industry-tabs {
	  display: none;
	}
	.header p {
	  font-size: 2.5rem; /* Adjust subheader font size */
	}
  
	.solution-main {
	  gap: 4rem; /* Reduce gap between columns */
	}
  
	.solution-content {
	  padding: 0 2rem; /* Adjust padding for smaller screens */
	}
  
	.features-list {
	  grid-template-columns: 1fr; /* Stack features in a single column */
	}
  
	.benefits-grid {
	  grid-template-columns: repeat(
		2,
		1fr
	  ); /* Adjust benefits grid for tablets */
	}
  
	.stats-grid {
	  grid-template-columns: 1fr; /* Stack stats in a single column */
	}
  
	.section-title h2 {
	  font-size: 3rem; /* Reduce section title size */
	}
  
	.cta-section h3 {
	  font-size: 2.5rem; /* Adjust CTA heading size */
	}
  
	.cta-section p {
	  font-size: 1.6rem; /* Adjust CTA paragraph size */
	}
  }
  
  /* Adjustments for mobile devices */
  @media (max-width: 768px) {
	.row-flex {
	  flex-direction: column;
	}
  
	.header h1 {
	  font-size: 3.5rem; /* Further reduce header font size for mobile */
	}
  
	.header p {
	  font-size: 1.8rem; /* Adjust subheader font size for mobile */
	}
  
	.solution-main {
	  grid-template-columns: 1fr; /* Stack solution content in a single column */
	  gap: 2rem; /* Reduce gap between sections */
	}
  
	.solution-text {
	  padding-right: 0; /* Remove padding for mobile */
	}
  
	.solution-image {
	  height: 400px; /* Adjust image height for mobile */
	}
  
	.benefits-grid {
	  grid-template-columns: 1fr; /* Stack benefits in a single column */
	}
  
	.section-title h2 {
	  font-size: 2.5rem; /* Further reduce section title size */
	}
  
	.cta-section h3 {
	  font-size: 2rem; /* Adjust CTA heading size for mobile */
	}
  
	.cta-section p {
	  font-size: 1.4rem; /* Adjust CTA paragraph size for mobile */
	}
  
	.industry-tabs .navbar-nav {
	  flex-direction: column; /* Stack navigation items vertically */
	  text-align: center;
	}
  
	.industry-tabs .navbar-nav > li {
	  margin: 10px 0; /* Add spacing between navigation items */
	}
  
	.industry-tabs .navbar-nav > li > a {
	  padding: 10px 15px; /* Adjust padding for mobile */
	}
  
	.cta-button {
	  padding: 1rem 2rem; /* Adjust CTA button size for mobile */
	  font-size: 0.9rem; /* Reduce font size for mobile */
	}
  
	.btn-primary {
	  padding: 10px 20px; /* Adjust button size for mobile */
	  font-size: 1rem; /* Reduce font size for mobile */
	}
  }
  
  /* Adjustments for very small mobile devices */
  @media (max-width: 480px) {
	.header h1 {
	  font-size: 2.5rem; /* Further reduce header font size */
	}
  
	.header p {
	  font-size: 1.5rem; /* Further reduce subheader font size */
	}
  
	.solution-image {
	  height: 300px; /* Further adjust image height */
	}
  
	.section-title h2 {
	  font-size: 2rem; /* Further reduce section title size */
	}
  
	.cta-section h3 {
	  font-size: 1.8rem; /* Further adjust CTA heading size */
	}
  
	.cta-section p {
	  font-size: 1.2rem; /* Further adjust CTA paragraph size */
	}
  
	.cta-button {
	  padding: 0.8rem 1.5rem; /* Further adjust CTA button size */
	  font-size: 0.8rem; /* Further reduce font size */
	}
  
	.btn-primary {
	  padding: 8px 16px; /* Further adjust button size */
	  font-size: 0.9rem; /* Further reduce font size */
	}
  }
  
  /* ==============================================
	 Utility Classes & Misc Styles
  =============================================== */
  .btn-primary {
	background-color: #007bff;
	border-color: #007bff;
	padding: 12px 30px;
	font-size: 18px;
	border-radius: 50px;
	transition: all 0.3s ease;
  }
  
  .btn-primary:hover {
	background-color: #0056b3;
	border-color: #0056b3;
	transform: translateY(-2px);
  }
  
  .section img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  }
  
  
  .segment#contact-us .field-container .input-control {
	width: 100% !important;
	padding: 10px !important;
	border: 1px solid #ccc !important;
	border-radius: 5px !important;
	margin-bottom: 15px !important;
	font-size: 16px !important;
	transition: all 0.3s;
  }
  
  .segment#contact-us .contact-us-container .form-container .form-content .sendButton{
	  display: inline-flex !important;
	align-items: center  !important;
	background-color: var(--magtek-red) !important;
	color: var(--magtek-white) !important;
	padding: 1.2rem 2.8rem !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	font-size: 1.5rem  !important;
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
	animation: slideInLeft 1s cubic-bezier(0.16, 1, 0.3, 1) 0.4s both !important;
	box-shadow: 0 4px 20px rgba(210, 18, 66, 0.25)  !important;
	margin-top: 1.5rem  !important;
  }
  .segment#contact-us .contact-us-container .form-container .form-content .sendButton {
	display: flex !important;
	justify-content: center !important; /* Centers horizontally */
	align-items: center !important; /* Centers vertically */
	text-align: center !important; /* Ensures text inside is centered */
	height: auto !important; /* Allows for proper content adjustment */
	line-height: 1.5 !important; /* Adjusts text spacing */
  }
  
  .segment#contact-us {
	border-top: unset !important;
	border-bottom: unset !important;
	padding: unset !important;
  }
  .segment#contact-us .contact-us-container .subscribeLabel {
	font-size: 16px;
	line-height: 30px;
	color: black;
	max-width: unset !important;
  }
.segment#contact-us {
	margin:0px auto;
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	border-top:1px solid black;
	border-bottom:1px solid black;
}



.segment#contact-us .contact-us-container {
	width:100%;
	max-width:1204px;
	margin:0px auto;
	padding:100px 20px;
	
}

.segment#contact-us .contact-us-container .message {
	text-align:center;
}






.segment#contact-us  h1 {
	font-size:60px;
	color:black;	
	margin:0px 0px 45px;
}

@media (max-width:414px) {
	.segment#contact-us h1 {
		font-size:12.5vw;
		margin-bottom:10.86956vw;
	}
}

.segment#contact-us p {
	font-size:24px;
	line-height:29px;
}

@media (max-width:414px) {
	.segment#contact-us p {
		font-size:5.7971vw;
		line-height:7vw;
		
	}

}

.segment#contact-us .contact-us-container .form-container {
	margin:50px auto;	
}

@media (max-width:414px) {
	.segment#contact-us .contact-us-container .form-container {
		margin:12vw auto;	
	}
}

.segment#contact-us .contact-us-container .form-container .form-content {
	margin:0px auto;
	width:100%;
	max-width:440px;	
	padding-left:60px;
}

@media (max-width:500px) {
	.segment#contact-us .contact-us-container .form-container .form-content {
		padding-left:0%;
	}
}





.segment#contact-us .field-container .input-control {
	width:298px;
	height:50px;
	border:2px solid black;
	background-color:transparent;
	font-size:20px;
	color:black;
	padding:0px 0px 0px 30px;
	float:left;
	border-radius:0px;
	-webkit-appearance:none;
	margin-bottom:45px;
}

@media (max-width:660px) {
	.segment#contact-us .field-container .input-control {
		margin-bottom:35px;	
	}
}

@media (max-width:500px) {
	.segment#contact-us .field-container .input-control {
		width:59.6vw;	
	}
}

@media (max-width:414px) {
	.segment#contact-us .field-container .input-control {
		font-size:16px;
		padding:0px 0px 0px 10px;
	}
}

.segment#contact-us .field-container .input-control:focus {
	background-color:white;
	color:black;	
	outline:none;
}

.segment#contact-us .field-container .input-control.input-validation-error {
	margin-bottom:0px;
}

.segment#contact-us .field-container > .input-control.input-validation-error {
	border-color:#D11242;
}

.segment#contact-us .field-container .validation-icon {
	margin-top:10px;
	margin-left:30px;
	float:left;
	background-size:cover;
	background-repeat:no-repeat;
}

@media (max-width:414px) {
	.segment#contact-us .field-container .validation-icon {
		margin-left:20px;
	}
}

.segment#contact-us .field-container > .input-control.input-validation-error + .validation-icon {
	width:33px;
	height:33px;
	background-image:url(../content/images/error-x-icon-red.svg);
}



.segment#contact-us .field-container > .input-control.valid + .validation-icon {
	width:45px;
	height:35px;
	background-image:url(../content/images/check-mark-icon-black.svg)
}

@media (max-width:414px) {
	.segment#contact-us .field-container > .input-control.input-validation-error + .validation-icon, .segment#contact-us .field-container > .input-control.valid + .validation-icon {
		width:25px;
		height:25px;
	}
}



.segment#contact-us .field-container .field-validation-error {
	font-size:14px;
	margin:10px 0px 15px 10px;	
	font-weight:200;
	display:block;
	color:black;
}

@media (max-width:660px) {
	.segment#contact-us .field-container .field-validation-error {
		margin:5px 0px 5px 10px;
	}
}

.segment#contact-us .field-container .field-validation-valid {
	display:none;	
}


::-webkit-input-placeholder {
    color:black;
}
:-moz-placeholder {
    color:black;
}
::-moz-placeholder {
    color:black;
}
:-ms-input-placeholder {
    color:black;
}

input:focus::-webkit-input-placeholder {
    color:black;
}
input:focus:-moz-placeholder {
    color:black;
}
input:focus::-moz-placeholder {
    color:black;
}
input:focus:-ms-input-placeholder {
    color:black;
}




.segment#contact-us .contact-us-container .form-container .form-content  .sendButton {
	background-color:#D11242;
	color:white;
	border:none;	
	width:185px;
	height:55px;
	line-height:55px;
	font-size:20px;
	font-family:"LinotypeUniversW02-Medi_726166",'Helvetica Neue', Helvetica, Century Gothic, Gotham;
	border-radius:10px;
	margin-top:20px;
	margin-left:60px;
	
}

@media (max-width:500px) {
	.segment#contact-us .contact-us-container .form-container .form-content .sendButton
	{
		margin-left:	12vw;
		width:37vw;
	}
}

.segment#contact-us .contact-us-container .form-container .form-content .sendButton:disabled {
	opacity:.51;
}

.segment#contact-us .contact-us-container .form-container .form-content .sendButton:focus {
	outline:none;	
}


.segment#contact-us .contact-us-container .form-container .confirmation {
	margin-top:40px;
	text-align:center;
	display:none;
}



.segment#contact-us .contact-us-container .form-container .confirmation .check-icon {
	width:376px;
	height:289px;
	background-image:url(../content/images/check-mark-icon.svg);
	background-repeat:no-repeat;
	background-size:cover;
	margin:0px auto 70px;
}

@media (max-width:414px) {
	.segment#contact-us .contact-us-container .form-container .confirmation .check-icon {
		width:78.82125vw;
		height:60.80676vw;
	}
}

.segment#contact-us .contact-us-container .subscribeLabel {
	font-size:16px;
	line-height:30px;
	color:black;
	max-width:320px;
}

@media (max-width:414px) {
	.segment#contact-us .contact-us-container .subscribeLabel {
		font-size:4.2vw !important
	}
}

.segment#contact-us .contact-us-container input[type="checkbox"].subscribe {
	width: 30px;
    height: 30px;
    margin: 0;
    -webkit-appearance: none;
    border: 2px solid black;
    padding: 0px;
    border-radius: 0;
    display: inline-block;
    position: relative;
    float: left;
    margin-right: 10px

}

.segment#contact-us .contact-us-container input[type="checkbox"].subscribe:checked:after {
	content: '\2714';
	font-size: 30px;
	color: #009e55;
	outline:none;
	padding:0px;
	position:absolute;
	top:-5px;
}

.segment#contact-us .contact-us-container input[type="checkbox"].subscribe:focus {
	outline:none;
}




