@charset "utf-8";

/* Table of Contents ==================

	> Element Resets

	> Typography
		- general elements
		- generic classes

	> Forms

	> Tables

	> Buttons

	> Link List

	> Header
		- branding (.logo-cover)
		- contact info (.contact-cover)
		- main-navigation
			- sub-menu
			- search-box

	> Page (section.page)
		- generic layout tools
		- banner (.wrap-banner)
			- image
			- banner-content
			- social icon nav
			- breadcrumbs
		- content (.wrap-content)
		- owl carousel
		- Call-To-Action (.yellow-box)

	> Footer
		- footer top
			- share
			- enews signup (sign-form)
			- footer menu link columns
		- footer bottom
			- copyright

	> Utilities

	> Page Specific
		- product
		- home (index)
		- locations
		- applications
		- cart
		- human
		- customer
		- landing
		- standard


END Table of Contents =============== */

/* Import DIN 2014 Font from  */
@import url("xnj5hli.css");
@import "font-awesome.min.css";

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,
img,
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,
select,
input,
option,
textarea {
  margin: 0;
  padding: 0;

  outline: 0;
  box-sizing: border-box;
}

body {
  text-wrap: pretty;
}

.section-heading {
  position: relative;
  padding-bottom: 32px;
}
.section-heading:after {
  display: block;
  content: "";
  width: 64px;
  height: 4px;
  border-bottom: 4px solid #fed100;
  position: absolute;
  bottom: 0;
  left: 0;
}

.italic,
.italic-i {
  font-family: "Book Antiqua", "Palatino", "Palatino Linotype",
    "Palatino LT STD", Georgia, serif;
  font-style: italic;
  font-size: 1.2em;
  text-transform: lowercase;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

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

nav ul,
nav ol {
  list-style-type: none;
}

section {
  clear: both;
}

img {
  max-width: 100%;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border: 0 none;
  max-width: 100%;
}

/* START typography -------------- */
body {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-family: "din-2014", "Calibri", Arial, Helvetica, sans-serif;
  color: #3f4041;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #000;
  font-weight: 700;
  letter-spacing: -0.5px;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  text-decoration: none;
}

p {
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 24px;
  font-weight: 400;
}

h1,
.h1 {
  font-size: 48px;
  line-height: 1;
}

h2,
.h2 {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 1rem;
}

h3,
.h3 {
  font-size: 30px;
  line-height: 36px;
}

h4,
.h4 {
  font-size: 24px;
  line-height: 32px;
}

h5,
.h5 {
  font-size: 20px;
  line-height: 28px;
}

h6,
.h6 {
  font-size: 18px;
  line-height: 28px;
}

h3.hdr-accent,
.related-left h3.hdr-accent {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

h4.hdr-impact {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 24px;
}

.hdr-emphasis {
  margin-bottom: 12px;
  font-size: 16px;
  text-transform: uppercase;
}

.bg-yellow {
  background-color: #ffdd00 !important;
}

.bg-gray-50 {
  background-color: #fafafa !important;
}

.bg-gray-100 {
  background-color: #f2f2f2 !important;
}

.bg-gray-200 {
  background-color: #d9d9d9 !important;
}
.bg-gray-900 {
  background-color: #262627 !important;
}
.bg-black {
  background-color: #000 !important;
}

.bg-white {
  background-color: #fff !important;
}

.text-gray-50 {
  color: #fafafa !important;
}
.text-gray-100 {
  color: #f2f2f2 !important;
}
.text-gray-200 {
  color: #d9d9d9 !important;
}
.text-gray-300 {
  color: #bfc0c0 !important;
}
.text-gray-400 {
  color: #a5a7a7 !important;
}
.text-gray-500 {
  color: #8b8d8e !important;
}
.text-gray-600 {
  color: #717374 !important;
}
.text-gray-700 {
  color: #585a5a !important;
}
.text-gray-800 {
  color: #3f4041 !important;
}
.text-gray-900 {
  color: #262627 !important;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

blockquote,
q {
  quotes: "" "";
}

q {
  quotes: none;
}

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

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

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

a {
  outline: none;
  text-decoration: underline;
  text-decoration-color: #000;
  transition: all 0.3s ease-in-out 0s;
  color: #1531ae;
  cursor: pointer;
}

a:hover {
  text-decoration-thickness: 3px;
  text-decoration-color: #ffdd00;
}

a.rslDraghandle {
  transition: none;
}

button {
  outline: none !important;
  transition: all 0.3s ease-in-out 0s;
  text-decoration: none;
}

.text-xs {
  font-size: 12px !important;
  line-height: 16px !important;
}

.text-sm {
  font-size: 14px !important;
  line-height: 20px !important;
}

.text-md {
  font-size: 16px !important;
  line-height: 24px !important;
}

.text-lg {
  font-size: 18px !important;
  line-height: 28px !important;
}

.text-xl {
  font-size: 24px !important;
  line-height: 32px !important;
}

.font-normal {
  font-weight: 400 !important;
}

.font-medium {
  font-weight: 600 !important;
}

.font-bold {
  font-weight: 700 !important;
}

.leading-none {
  line-height: 1 !important;
}
:focus {
  outline: 0;
}

.sfnewsContent ul {
  font-size: 20px;
  line-height: 28px;
}

.sfnewsContent ul,
.list-accent {
  padding-left: 12px;
}

.sfnewsContent ul > li {
  margin-bottom: 12px;
}

.list-accent > li > a:hover {
  color: #b90b2e;
}

/* inline block link list here */

/* END typography ------------------ */

.border-top {
  border-top: 2px solid;
}

.border-gray-100 {
  border-color: #f2f2f2;
}

.object-contain {
  object-fit: contain;
}
.h-88 {
  height: 88px;
}
.h-96 {
  height: 96px;
}
.h-120 {
  height: 120px;
}

/* Margins & Padding */
.p-0 {
  padding: 0 !important;
}
.m-0 {
  margin: 0 !important;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-2 {
  margin-top: 8px;
}

.mt-3 {
  margin-top: 12px;
}

.mt-6 {
  margin-top: 24px !important;
}

.mt-10 {
  margin-top: 40px;
}

.mt-12 {
  margin-top: 48px;
}

.mt-16 {
  margin-top: 64px;
}

.mt-24 {
  margin-top: 96px;
}

.mb-1 {
  margin-bottom: 4px;
}
.mb-2 {
  margin-bottom: 8px;
}
.mb-3 {
  margin-bottom: 12px;
}

.mb-6 {
  margin-bottom: 24px;
}

.mb-8 {
  margin-bottom: 32px;
}

.mb-10 {
  margin-bottom: 40px;
}

.mb-12 {
  margin-bottom: 48px;
}
.mb-16 {
  margin-bottom: 64px;
}

.mb-24 {
  margin-bottom: 96px !important;
}
.my-8 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.my-10 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.my-12 {
  margin-top: 48px;
  margin-bottom: 48px;
}
.my-24 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-4 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.px-6 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.px-8 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.pt-3 {
  padding-top: 0.75rem; /* 12px */
}

.pt-6 {
  padding-top: 1.5rem; /* 24px */
}

.pt-10 {
  padding-top: 40px;
}

.pt-12 {
  padding-top: 48px;
}

.pb-1 {
  padding-bottom: 4px !important;
}
.pb-3 {
  padding-bottom: 12px;
}

.pb-10 {
  padding-bottom: 40px;
}

.pb-12 {
  padding-bottom: 48px;
}

.pb-24 {
  padding-bottom: 96px;
}

.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.py-24 {
  padding-top: 96px;
  padding-bottom: 96px;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .py-md-24 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.mr-3 {
  margin-right: 12px;
}
.mr-4 {
  margin-right: 16px;
}

.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.text-primary {
  color: #ffdd00 !important;
}

.text-secondary {
  color: #bb1f32 !important;
}

.text-black {
  color: #000 !important;
}

.text-white {
  color: #fff !important;
}

.text-green {
  color: #8cbe41 !important;
}
.text-green-900 {
  color: #435b1f !important;
}

.align-center,
.align-items-center {
  align-items: center !important;
}

.align-middle {
  vertical-align: middle !important;
}

.justify-center,
.justify-content-center {
  justify-content: center !important;
}

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

.flex,
.d-flex {
  display: flex;
}

/* added via general.js */
span.error {
  position: absolute;
  bottom: -20px;
  left: 48px;
  display: inline-block;
  color: #f00;
}

::selection {
  background-color: #ffe74c;
  color: #000000;
}

/* Hero */
#video-slideshow {
  position: relative;
}

.background-video {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -200;
  overflow: hidden;
}

.background-video iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
  z-index: -1;
}

@media (min-aspect-ratio: 16/9) {
  .background-video iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  .background-video iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}
@media only screen and (max-width: 990px) {
  .background-video iframe {
    width: 200vh;
  }
}
@media only screen and (max-width: 780px) {
  .background-video iframe {
    width: 230vh;
  }
}
@media only screen and (max-height: 880px) {
  .background-video iframe {
    width: 400vh;
  }
}

.carousel .content {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media (min-width: 768px) {
  .carousel .content {
    padding-top: 96px;
    padding-bottom: 120px;
  }
}
.background-video::before {
  display: block;
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#video-slideshow > .container {
  height: 100%;
}

#video-slideshow > .container > .row {
  height: 100%;
  display: flex;
  align-items: center;
  align-content: center;
}

#video-slideshow .content-block-heading {
  font-size: 50px;
  color: #fff;
  margin: 0 0 25px;
  line-height: 1;
  word-wrap: break-word;
}

#video-slideshow .content-block-text p {
  font-size: 18px;
  color: #fff;
  line-height: 28px;
  padding: 0;
}

#video-slideshow .content-block-button {
  padding-top: 35px;
}

#video-slideshow .content-block-button a:hover {
  text-decoration: none;
  background: #b90b2e;
  color: #fff;
}

/* START Tables ------------------ */
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0 none;
}

td {
  vertical-align: top;
}

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

td.integratordata {
  border: 0;
  padding: 0;
  font-size: 14px;
}

.integratorbody tr td {
  border: 0;
  padding: 0;
}

/* END tables ------------------ */

/* START buttons ------------------- */
.text-decoration-none,
.no-underline {
  text-decoration: none !important;
}
.btn {
  outline: none !important;
  transition: all 0.4s ease-in-out 0s;
  text-decoration: none !important;
  border-radius: 0;
}

.btn.btn-default {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  color: #000000;
  background: transparent;
  border-color: #000000;
  border-radius: 0;
  text-transform: uppercase;
  padding: 16px 24px;
  scroll-behavior: smooth;
}

.btn.btn-default:hover,
.btn.btn-default:focus,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover {
  box-shadow: none;
  background: #000;
  color: #f2f2f2;
}

.btn.btn-danger {
  background-color: #bb1f32;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  text-transform: uppercase;
  padding: 16px 24px;
  letter-spacing: 0.3px;
  border-radius: 0;
}

.btn.btn-danger:hover {
  background-color: #dd3146;
  color: #fff;
}

.mobileShow {
  display: none;
}

/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  .mobileShow {
    display: inline;
  }
}

.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  box-shadow: none;
  background: #000;
  color: #eeeeee;
}

.btn-accent {
  border: 1px solid #bababa;
  color: #495f73;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  padding: 24px 16px 28px;
  white-space: inherit;
  border-radius: 0;
  background: #f8f8f8;
}

.btn-accent:hover,
.btn-accent:focus {
  background: none;
  color: #495f73 !important;
  box-shadow: 0 0 6px 4px rgba(204, 204, 204, 0.7) inset;
}

.btn-accent2 {
  background: #e2e2e2;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  color: #000000;
  padding: 16px 24px;
}

.btn-accent2:hover,
.btn-accent2:focus {
  background: #ccc;
  color: #000;
}

/* end buttons --------------------- */

.scara-btn-yellow {
  float: left;
  background-color: #ffdd00;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  color: #000000;
  text-transform: uppercase;
  padding: 16px;
  margin-bottom: 24px;
  letter-spacing: 0.3px;
  border-radius: 5px;
}

.btn-grey,
.btn-gray {
  background-color: #626366;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  padding: 16px 24px 16px 20px;
  margin: 20px;
  letter-spacing: 0.3px;
  border-radius: 5px;
}

.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  box-shadow: none;
  background: #000;
  color: #ddff00;
}

.btn.btn-green {
  background-color: #8cbe41;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #000000;
  text-transform: uppercase;
  padding: 16px 24px 16px 20px;
  letter-spacing: 0.3px;
  border-radius: 0;
}

.btn.btn-green:hover {
  background: #a8ce6f;
  color: #000000;
}

.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  box-shadow: none;
  background: #000;
  color: #eeeeee;
}

/* START link list ------------- */
.link-list {
  padding-left: 0;
  list-style-type: none;
}

.link-list > li {
  text-align: center;
  display: inline-block;
  position: inherit;
  width: 24%;
  padding: 5px 0.5%;
}

.link-list > li > a.btn {
  display: block;
}

/* END link list --------------- */

/* START header ----------------- */
.header-main {
  background: #ffdd00 bottom center;
  z-index: 999;
  float: left;
  width: 100%;
  position: relative;
}

.logo-cover a {
  max-width: 192px;
  margin-top: 46px;
  display: inline-block;
}

.logo-cover-menu-item a {
  max-width: 192px;
  margin-top: 46px;
  display: inline-block;
}

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

.contact-cover > div {
  display: inline-block;
  vertical-align: top;
}

.call-us {
  margin: 12px 36px;
}

.call-us a {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1;
  text-align: right;
  color: #000000;
  position: relative;
  padding-left: 24px;
}

.call-us a:hover {
  color: #b90b2e;
}

.call-us a:before {
  position: absolute;
  content: "";
  background: url(../png/call-2.png) no-repeat;
  height: 16px;
  width: 16px;
  background-size: 100%;
  left: 2px;
  top: 0;
}

.landing-menu-item {
  margin-top: 9px;
}

.landing-menu-item a {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1;
  text-align: center;
  color: #000000;
  position: relative;
  padding-left: 45px;
}

.landing-menu-item a:hover {
  color: #b90b2e;
}

.landing-menu-item a:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  background-size: 100%;
  left: 2px;
  top: 0;
}

/* End header ---------------------- */

/* START menu (technically inside #header-main) ----------------- */

/* .menu-open added via menu.js */
body.menu-open {
  height: 100%;
  overflow: hidden;
}

.menu-open .wrapper {
  overflow: hidden;
}

.main-navigation {
  text-align: left;
  padding: 0 16px;
  margin: 24px 0 0;
  position: inherit;
}

.wrap-nav {
  display: inline-block;
  vertical-align: middle;
  margin: 12px 0 0;
}

.main-navigation .navigation > li {
  display: inline-block;
  position: inherit;
  padding: 0 18px 34px;
}

.main-navigation .navigation > li:first-child {
  padding-left: 0;
}

.main-navigation .navigation > li:last-child {
  padding-right: 0;
}

.main-navigation .navigation > li > a {
  float: left;
  font-size: 20px;
  line-height: 1;
  text-align: left;
  color: #000000;
  letter-spacing: 0.04px;
  position: relative;
}

.main-navigation .navigation > li:first-child a {
  margin-left: 0;
}

.main-navigation .navigation > li:last-child a {
  margin-right: 0;
}

.main-navigation .navigation > li > a:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -40px;
  height: 0;
  background: #b90b2e;
  transition: height 0.4s ease-in-out 0s;
  -webkit-transition: height 0.4s ease-in-out 0s;
  -moz-transition: height 0.4s ease-in-out 0s;
  -ms-transition: height 0.4s ease-in-out 0s;
}

.main-navigation .navigation > li:hover > a:after {
  height: 12px;
}

/* START sub-menu (.sub-menu added by menu.js) ----------------- */
.main-navigation .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: rgba(51, 51, 51, 0.95);
  text-align: center;
  overflow: hidden;
  min-width: 230px;
  width: 100%;
  padding: 12px 0 8px;
  display: none;
}

.main-navigation .sub-menu > .container {
  padding-left: 0;
  padding-right: 0;
}

.main-navigation .navigation .sub-menu li {
  display: inline-block;
  text-align: center;
  margin: 12px;
  vertical-align: top;
}

.main-navigation .navigation .sub-menu a {
  display: block;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border-radius: 0;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 400;
  height: 198px;
  vertical-align: middle;
  border: 2px solid #999999;
}

.main-navigation .navigation .sub-menu a figcaption {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
}

.main-navigation .navigation .sub-menu a:hover figcaption {
  color: #b90b2e;
}

.main-navigation .navigation > li.right-touch .sub-menu {
  left: inherit;
}

.main-navigation .simple-ul.sub-menu {
  text-align: left;
  padding: 26px 0 56px;
}

.main-navigation .navigation .simple-ul.sub-menu a {
  height: auto;
  border: 0;
  line-height: 100%;
  font-size: 18px;
  padding: 0 16px;
}

.main-navigation .navigation .simple-ul.sub-menu a:hover {
  color: #b90b2e;
}

.main-navigation .navigation .simple-ul.sub-menu li {
  margin: 0;
  text-align: left;
  padding: 10px 0;
}

.main-navigation .navigation .sub-menu li.menu-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  color: #ffdd00;
  display: block;
  text-align: left;
  padding: 16px 16px 20px;
  text-transform: uppercase;
}

/* .arrow added by menu.js (inside sub-menu)--- */
.arrow {
  position: absolute;
  top: 0;
  right: -40px;
  height: 30px;
  width: 30px;
  cursor: pointer;
  display: none;
}

.arrow:after {
  height: 10px;
  width: 10px;
  background: transparent;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 7px;
  bottom: 4px;
  margin: auto;
  transform-origin: 0 0;
}

.arrow.up {
  top: 0;
}

.arrow.up:after {
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  top: 17px;
  transform-origin: 0 0;
  left: inherit;
  right: -5px;
}

.menu-icon {
  display: none;
  cursor: pointer;
  color: #3f4041;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  line-height: 32px;
  font-size: 24px;
  width: 42px;
  height: 42px;
}

.menu-icon .menu-box {
  width: 50px;
  height: 33px;
  margin-right: 0;
  padding: 5px;
}

.menu-icon .menu-box span {
  width: 100%;
  height: 4px;
  margin-bottom: 6px;
  background: #000;
  display: block;
  border-radius: 0;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

.menu-icon.active span:nth-child(1) {
  transform: rotate(45deg) translateY(8px) translateX(6px);
}

.menu-icon.active span:nth-child(2) {
  opacity: 0;
}

.menu-icon.active span:nth-child(3) {
  transform: rotate(-45deg) translateY(-7px) translateX(6px);
}

/* menu end here ----------------- */

/* START search-box -------------- */
.search-box {
  display: inline-block;
  float: right;
  position: relative;
}

.search-box .input-box {
  color: #000000;
  text-align: left;
  line-height: inherit;
  background: #ffffff;
  width: 212px;
  min-height: 40px;
  border: 2px solid #ccc;
  padding: 0 40px 0 16px;
  font-size: 14px;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
}

.search-box .input-box:focus {
  border-color: #b90b2e;
}

.search-icon {
  font-size: 0;
  height: 20px;
  width: 20px;
  background: url(../png/search-2.png) no-repeat;
  background-size: 100%;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 18px;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.search-icon:hover,
.search-icon:focus {
  opacity: 0.3;
}

/* END search-box -------- */

/* END header stuff ------------------- */

/* Section Navbar */

.section-navbar-container {
  position: sticky;
  top: 0;
  z-index: 9998;
  width: 100%;
  background-color: #000;
  padding-left: 1rem;
  padding-right: 1rem;
}
.section-navbar {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.section-navbar::-webkit-scrollbar {
  display: none;
}
.section-navbar ul {
  list-style-type: none;
}
.section-navbar ul > li {
  display: inline;
  margin-left: 24px;
  margin-right: 24px;
}

.section-navbar ul > li > a {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  transition: 0.3s ease;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 0.875rem;
}

@media only screen and (min-width: 768px) {
  .section-navbar-container {
    padding-left: 48px;
    padding-right: 48px;
  }
  .section-navbar ul > li > a {
    font-size: 1rem;
  }
  .section-navbar {
    width: 80%;
    text-align: center;
    overflow-x: unset;
    overflow-y: unset;
    white-space: wrap;
    -webkit-overflow-scrolling: touch;
  }
}

/* START banner  ==================== */
.image-cover {
  padding-top: 22.5%;
  background-image: url("../jpg/product-2.jpg"); /* default image */
}

/* page specific banner background images */
.product-page .image-cover {
  background-image: url("../jpg/product-2.jpg");
}

.banner-content {
  top: 45%;
}

.banner-content-scara {
  z-index: 1;
  position: absolute;
  top: 62%;
  left: 10%;
}

.wrap-banner {
  position: relative;
  overflow: hidden;
}

.content-banner {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.image-cover {
  background-size: cover;
  background-position: center;
  padding-top: 27.45%;
  background-repeat: no-repeat;
}

.image-cover-scara-page {
  background-size: 100% auto;
  background-position: center;
  padding-top: 27.45%;
  background-image: url("../jpg/scara-main-banner.jpg"); /* default image */
  background-repeat: no-repeat;
}

.image-cover-scara-main {
  background-size: 100% auto;
  background-position: center;
  padding-top: 27.45%;
  background-image: url("../jpg/main-page-header-scara.jpg"); /* default image */
  background-repeat: no-repeat;
}

.banner-content {
  position: absolute;
  top: 55%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.banner-cover h2 {
  color: #ffffff;
  font-weight: 900;
}

/* banner-cover is inside banner-content */
.banner-cover > [class^="cover-"] {
  display: inline-block;
  max-width: 392px;
  width: 100%;
  text-align: left;
}

.banner-content-scara .banner-cover {
  margin-top: 10px;
  float: left;
  width: 100%;
  text-align: left;
}

/* applies some variety to homepage, which doesn't use .yellow-box OR top-txt */
.banner-cover h1 {
  font-size: 45px;
  line-height: 1;
  margin-bottom: 27px;
  text-transform: uppercase;
  color: #000000;
}

.banner-content-scara .banner-cover h1 {
  font-size: 45px;
  line-height: 1;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #000000;
}

.banner-cover span {
  font-size: 16px;
  line-height: 1;
}

.cover-yellow {
  background: #ffdd00 none repeat scroll 0 0;
  color: black;
}

/* applies to all pages except home */
.cover-yellow h1 {
  margin-bottom: 0;
  font-size: 34px;
  line-height: 30px;
}

.top-txt,
.cover-yellow > span {
  padding: 24px 24px 20px;
  display: block;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

/* top-txt inside cover-yellow */
.top-txt {
  border-bottom: 1px solid #e5c700;
}

.top-txt > span {
  text-transform: uppercase;
  margin-bottom: 4px;
  display: inline-block;
  font-weight: 400;
}

.cover-green {
  background: #8cbe41 none repeat scroll 0 0;
  color: rgb(0, 0, 0);
}

.cover-green > .top-txt {
  border-bottom: 1px solid #76a037;
}

/* applies to all pages except home */
.cover-green h1 {
  margin-bottom: 0;
  font-size: 34px;
  line-height: 30px;
}

.top-txt,
.cover-green > span {
  padding: 24px 24px 20px;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-align: left;
}

/* top-txt inside cover-green */

.top-txt > span {
  text-transform: uppercase;
  margin-bottom: 4px;
  display: inline-block;
  font-weight: 400;
}

/* START social-group is after .banner-content but before .breadcrumb ------- */
/* inside .wrap-banner */
.social-group {
  position: absolute;
  top: 96px;
  left: 0;
  z-index: 1000;
}

.social-group a:hover {
  opacity: 0.5;
}

/* END social-group -------------------- */

/* START breadcrumbs (inside .wrap-banner) -------------- */

.RadSiteMap_Default .rsmOneLevel .rsmLink:hover,
.RadSiteMap_Default .rsmTwoLevels .rsmLevel1 .rsmLink:hover,
.RadSiteMap_Default .rsmThreeLevels .rsmLevel1 .rsmLink:hover,
.RadSiteMap_Default .rsmManyLevels .rsmLevel2 .rsmLink:hover {
  background-image: none;
  background-color: #ffdd00;
  border: 0;
  border-radius: 4px;
}

.breadcrumb {
  padding: 20px 0 20px;
  background-color: transparent;
  margin-bottom: 0;
}

.breadcrumb li {
  position: relative;
  display: inline-block;
  padding-right: 12px;
}

.breadcrumb li:after {
  position: absolute;
  content: ">";
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #b90b2e;
  right: 0;
  top: 2px;
}

.breadcrumb li:last-child:after {
  display: none;
}

.breadcrumb > li + li:before {
  padding: 0;
  color: transparent;
  content: "";
}

.breadcrumb li a,
.breadcrumb li span {
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  color: #000000;
  font-weight: 400;
  text-transform: capitalize;
}

.breadcrumb li a:hover {
  color: #b90b2e;
}

.breadcrumb li:first-child * {
  text-transform: uppercase;
}

.breadcrumb li a {
  text-transform: uppercase;
}

/* END breadcrumbs -------------- */

/* END banner =================== */

/* START generic layout helpers ----------- */

/* related-cover wraps related-left and related-right */
.related-cover {
  border-bottom: 2px solid #a5a7a7;
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 30px;
  width: 100%;
}

.related-cover ul {
  font-size: 20px;
  line-height: 26.4px;
  padding-bottom: 24px;
}

.related-cover-no-border {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 40px;
  padding-bottom: 30px;
  width: 100%;
  border-top: 40px solid #ffdd00;
}

.related-cover-yellow-bg {
  display: inline-block;
  background-color: #ffdd00;
  margin-bottom: 0;
  padding: 30px;
  width: 100%;
  height: auto;
}

.row.related-cover {
  display: block;
  width: auto;
}

.related-left {
  float: left;
  width: 73%;
}

.related-right {
  float: right;
  padding-top: 78px;
  text-align: center;
  display: inline-block;
  width: 25%;
}

/* END generic layout helpers ------------- */

/* START wrap-content =========== */
/* wrap-content contains cover-gray, blue-box, etc */
/* .yellow-box is a full-width section that follows wrap-content */
.wrap-content {
  padding: 78px 0 0;
}

/* START left sidebar ----------------------- */
/* first column within wrap-content - standard secondary page left sidebar */
.left-panel > div {
  max-width: 212px;
  margin-bottom: 32px;
}

/* standard secondary page left column sidebar sections */
/* START .cover-gray ------------ */
/* .cover-gray contains left sidebar navigation menu */

.cover-gray h2 {
  font-size: 20px;
  line-height: 24px;
  text-align: left;
  color: #000000;
  font-weight: 700;
  margin-bottom: 18px;
  padding-bottom: 12px;
  position: relative;
}

.cover-gray h2:after {
  position: absolute;
  bottom: 1px;
  left: -2px;
  width: 100%;
  height: 2px;
  background: #ccc;
  content: "";
}

.cover-gray li {
  /* padding-left: 24px; */
  list-style-type: none;
}

.cover-gray li a {
  font-size: 17px;
  line-height: 18px;
  text-align: left;
  font-weight: 400;
  color: #000000;
  margin-bottom: 8px;
  display: inline-block;
  text-decoration: none;
}

.cover-gray li a:hover,
.cover-gray li.active a {
}

/* END .cover-gray ------------ */

/* START .blue-box ------------ */
.blue-box {
  background: #495f73;
  padding: 28px 28px 33px;
}

.blue-box span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 16px;
}

.blue-box p {
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  text-align: left;
}

.blue-box .btn.btn-default {
  color: #ffffff;
  border-color: #ffffff;
  padding: 14px 28px;
}

/* END .blue-box ----------- */

/* END left sidebar ----------------------- */

/* START right panel =================== */
/* second column within wrap-content */

.right-panel p {
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */
  padding-bottom: 20px;
}
.right-panel ol,
.right-panel ul {
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */
  padding-inline-start: 40px;
  margin-block-end: 1em;
}

.right-panel ul {
  list-style-type: disc;
}

.right-panel ul li a:hover {
  color: #b90b2e;
}

.right-panel ul li::marker {
  /* color: #bb1f32; */
}

.event-spotlight:hover {
  background-color: #f2f2f2;
}
.event-spotlight .date {
  text-transform: uppercase;
  font-feature-settings: "tnum";
  display: inline-block;
  font-size: 0.75rem;
  color: #585a5a;
  text-decoration: none;
}
.event-spotlight .date:after {
  content: "|";
  color: #585a5a;
  font-size: 0.75rem;
  text-decoration: none;
}
.event-spotlight .location {
  font-size: 0.75rem;
  color: #585a5a;
  font-weight: 600;
  display: inline-block;
  text-decoration: none;
}
.event-spotlight a {
  text-decoration: none;
}

/* END right panel ====================== */

.pr-spotlight {
  text-decoration: none;
  color: #585a5a;
}
.pr-description {
  font-size: 0.875rem;
}
.pr-spotlight h3 {
  color: #000;
}
.pr-spotlight h3:hover {
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-decoration-color: #ffdd00;
}
.pr-spotlight:hover {
  background-color: #f2f2f2;
  text-decoration: none;
  color: #3f4041;
}
.pr-spotlight .date {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1rem;
  display: inline-block;
}
.pr-spotlight .date:after {
  content: "|";
  padding-left: 0.25rem;
}
.pr-spotlight .category {
  display: inline-block;
}
.pr-spotlight .category .sfCategoriesList li span {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}

/* START feat-box (robot captioned image boxes) ----- */
/* found inside right-panel */
/* feat-box is inside applications page, product page, industry and standard pages */
.feat-box {
  border-bottom: 6px solid #495f73;
  padding-bottom: 30px;
  margin-bottom: 48px;
}

/* pro-box is inside of feat-box */

/* added to .feat-box - found in many pages */
.fb-content {
  border-bottom: transparent !important;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* robot card row */
.pro-box {
  /* margin: 0 -7px; */
  overflow: hidden;
}

/* robot card item (within pro-box) */
.cover-pro {
  width: 25%;
  padding: 0 7px;
  float: left;
  text-align: center;
  margin-bottom: 14px;
}

a.cover .cover-pro img {
}

.cover-pro figure {
  border: 1px solid #999999;
  padding: 18px 33px;
  transition: 0.4s;
}

.cover-pro figure:hover {
  box-shadow: 0 22px 24px -10px rgb(35 31 32 / 4%);
}

.cover-pro h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: rgb(70, 95, 114);
  text-align: left;
  padding-bottom: 6px;
}

.cover-pro h4 a {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: rgb(70, 95, 114);
  text-align: left;
  padding-bottom: 6px;
}

.cover-pro figcaption {
  margin-top: 32px;
  overflow: hidden;
}

.cover-pro figcaption ul {
  padding-left: 0;
}

.cover-pro li {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  padding-left: 12px;
  position: relative;
}

.cover-pro figure li {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #000000;
  text-align: left;
  padding-left: 12px;
  position: relative;
}

.cover-pro li:before {
  position: absolute;
  content: "";
  height: 5px;
  width: 5px;
  background: #000;
  left: 2px;
  top: 7px;
  border-radius: 50%;
  z-index: 111;
}

.cover-pro a {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
  color: #000000;
  text-decoration: none;
}

.cover-pro a:hover {
  color: #b90b2e;
}

/* END feat-box (robot captioned image boxes) ----- */

.cover-pro-series {
  width: 25%;
  display: inline-block;
  margin-right: -4px;
  padding: 0 8px;
  vertical-align: top;
  margin-bottom: 12px;
  background-color: #fff;
}

.cover-pro-series a {
  text-decoration: none;
}
.cover-pro-series a figure {
  border: 1.5px solid #d9d9d9;
  padding: 12px;
  transition: 0.4s;
  color: #3f4041;
  text-align: center;
}

.cover-pro-series a:hover figure {
  border: 1.5px solid #000;
}

.cover-pro-series img {
  height: 170px;
  vertical-align: middle;
}

.cover-pro-series h4 {
}

.cover-pro-series figcaption {
  margin-top: 24px;
  overflow: hidden;
}

.cover-pro-series figcaption ul {
  padding-left: 0;
}

.cover-pro-series li {
  line-height: 20px;
  text-align: left;
  padding-left: 12px;
  position: relative;
}

.cover-pro-series li:before {
  position: absolute;
  content: "";
  height: 4px;
  width: 4px;
  background: #717374;
  left: 2px;
  top: 7px;
  border-radius: 50%;
  z-index: 10;
}

/* END feat-box (robot captioned image boxes) ----- */

.thr-box {
  margin: 0 -7px;
}

.thr-box .cont-con {
  float: left;
  width: 33.33%;
  padding: 0 7px;
}

.cont-con h4 {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
  padding-bottom: 10px;
}

.cont-con p {
  padding-bottom: 35px;
}

.help-cover h2 {
  margin-bottom: 30px;
}

.help-box-cover {
  margin: 0 -7.5px;
}

.row.help-box-cover {
  margin-right: -16px;
  margin-left: -16px;
}

.help-box {
  width: 33.33%;
  float: left;
  padding: 0 7.5px;
  margin-bottom: 16px;
}

.help-box h3 {
  margin-bottom: 10px;
}

.help-box p {
  padding-bottom: 14px;
}

.help-box a {
  padding: 16px 24px;
}

.help-box img {
  width: 100%;
  margin-bottom: 23px;
}

/*.box-cover div*/
.box-cover figure {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 96px;
  width: 100%;
}

.box-cover span {
  font-size: 20px;
  line-height: 21px;
  color: rgb(102, 102, 102);
  text-align: center;
  margin-top: 16px;
  display: inline-block;
}

/* START product videos (on many pages) ---- */
.product-videos ul {
  text-align: center;
}

.product-videos ul li {
  position: inherit;
  padding: 0;
  margin: 0 10px;
  vertical-align: top;
  width: 22%;
}

.product-videos ul li p {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-align: center;
  margin-top: 7px;
}

/* inside of .product-videos */
.video-box {
  background: #f8f8f8;
  padding: 30px 30px 8px 0;
  border: 1px solid #bababa;
}

.video-box ul {
  padding: 0;
}

.video-box ul li::after {
  display: none;
}

.pv-play {
  position: relative !important;
  display: inline-block;
}

.pv-play a {
  position: absolute;
  top: 20%;
  left: 40%;
}

/* END product videos ---------------------- */

.div-grid p {
  padding: 0.7em;
}

.div-grid h2 {
  padding: 0.7em;
}

/* START .div-grid --------- */

.div-grid {
  margin: 2em auto;
  width: 100%;
  display: grid;
  grid-column-gap: 1.5em;
}

.top {
  width: 100%;
  background-color: #e1e1e1;
  border-bottom: solid white thin;
}

.left {
  grid-column: 1/2;
  grid-row: 1/2;
}

.center {
  grid-column: 2/3;
  grid-row: 1/2;
}

.right {
  grid-column: 3/4;
  grid-row: 1/2;
}

.row1 {
  grid-row: 1;
}

.row2 {
  grid-row: 2;
}

.row3 {
  grid-row: 3;
}

.row4 {
  grid-row: 4;
}

.row5 {
  grid-row: 5;
}

.row6 {
  grid-row: 6;
}

.row7 {
  grid-row: 7;
}

.row8 {
  grid-row: 8;
}

.bottom {
  width: 100%;
  margin: 0 auto 2em auto;
  height: auto;
  min-height: 200px;
  background: linear-gradient(135deg, transparent 0px, #fd0 0) top left
      no-repeat,
    linear-gradient(225deg, transparent 00px, #fd0 0) top right no-repeat,
    linear-gradient(315deg, transparent 20px, #fd0 0) bottom right no-repeat,
    linear-gradient(45deg, transparent 00px, #fd0 0) bottom left no-repeat;
  background-size: 51% 51%;
}

/* END div grid ---------------------- */

/* Swiper carousel */
.swiper-pagination {
  position: static !important;
}

/* START .owl-carousel on human and index page --------- */
.owl-stage-outer {
  margin-bottom: 23px;
}

.owl-carousel .owl-item {
  padding: 0 2px;
}

.owl-carousel .owl-item > img {
  width: 100%;
}

.owl-carousel .owl-item img {
  width: auto;
  display: block;
  margin: 0 auto;
}

.owl-nav > div {
  font-size: 0;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  transition: all 0.4s ease-in-out 0s;
}

.owl-nav > div:hover {
  opacity: 0.5;
}

.owl-nav > div.owl-prev {
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  border-right: 10px solid #000;
  left: -42px;
}

.owl-nav > div.owl-next {
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 10px solid #000;
  right: -42px;
}

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

.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}

.owl-carousel .owl-item {
  padding: 0 12px;
}

.owl-carousel .owl-item img {
  max-height: 80px;
}

/* END owl-carousel -------------------- */

/* .gray-box moved to page-home.css */
/* .indus-slider moved to page-home.css */

/* .wrap-news moved to page-home.css */

/* END asi section --------------------- */

.small-cont {
  padding: 0 32px;
}

/* START yellow box row ------------------- */
/* big cta row before email newsletter signup - right above footer */
.yellow-box {
  background: #ffdd00;
  margin-top: 87px; /* or maybe 80px */
  padding: 59px 0 35px;
}

.yellow-box .right-panel h2 {
  margin-bottom: 30px;
}

.yellow-box .right-panel h3 {
  font-size: 20px;
}

/* END yellow box row --------------------- */

/* START yellow box text bg ------------------- */
/* Simple yellow background to place text */
.yellow-box-text-bg {
  background: #ffdd00;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #999999;
}

/* END yellow box text bg ------------------- */

/* START footer --------------------------- */
.top-footer {
  background: #eeeeee;
  padding: 43px 0 31px;
}

.share-link {
  padding: 5px 20px;
}

.share-link a {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.19px;
  color: rgb(184, 11, 45);
  text-align: left;
  letter-spacing: 0.3px;
  padding-right: 44px;
}

.share-link a:hover {
  color: #000000;
}

.share-link a:after {
  position: absolute;
  content: "";
  background: url(../png/share-2.png) no-repeat;
  height: 35px;
  width: 30px;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* START form.sign-form ---------- */
.sign-form {
  padding-left: 26px;
  text-align: right;
  float: right;
  width: 100%;
}

.sign-form .inputBox {
  font-size: 16px;
  font-weight: 700;
  line-height: 19.2px;
  color: rgb(102, 102, 102);
  text-align: left;
  padding: 0 16px;
  border: 2px solid #ccc;
  width: 55.7%;
  float: none;
  margin-right: 0;
  min-height: 38px;
  transition: all 0.4s ease-in-out 0s;
}

.sign-form .inputBox:hover,
.sign-form .inputBox:focus {
  border-color: #b90b2e;
}

/* END form.sign-form ------------ */

/* footer menu columns ---- */
.acco-cover {
  float: left;
  width: 16.666%;
  padding-right: 16px;
}

.acco-cover h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  color: #000000;
  margin-bottom: 11px;
}

.acco-cover a {
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  color: #000000;
}

.acco-cover a:hover {
  color: #b90b2e;
}

.acc-data li {
  float: left;
  width: 100%;
  line-height: 0;
}

.footer-menu {
}

.footer-btm {
  background: #000000;
  padding: 24px 0 54px;
}

.footer-btm p {
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  text-align: left;
  padding-bottom: 0;
}

.copyright {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  margin-top: 5px;
}

.foot-links,
.foot-links a {
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  text-align: left;
  padding: 11px 0 11px 3px;
}

.foot-links a:last-child {
  padding: 11px 0 11px 1px;
}

.foot-links a:hover {
  color: #b90b2e;
}

/* END footer ------------------------- */

/* START utilities ------------- */
.none {
  display: none;
}

.clear {
  clear: both;
}

.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.mobOnly {
  display: none;
}

.deviceOnly {
  display: none;
}

/* END utilities ------------------ */

/* ==============================================

	START page specific stuff

	- these are mostly elements within right-panel
	- since most pages use product page items, we'll start with that

	============================================== */

/*===============================================*/

/*				Product page start				 */

/*===============================================*/

/* START wrap-content ------- */
.related-cover h2 {
  margin-bottom: 5px;
}

.related-cover p,
.related-cover .related-left p {
  font-size: 20px;
  line-height: 28px;
}

.related-cover .related-left h5 {
  font-size: 18px;
  line-height: 21.5px;
}

.related-cover span a:hover {
  color: #b90b2e;
}

/* relet-box on product-page and standard */

/* inside related-cover  ---------------------- */
.relet-box {
  margin-top: 10px;
  padding: 0 16px;
  text-align: center;
}

.relet-box h3 {
  color: rgb(70, 95, 114);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 26px; /* or 21px */
  padding-bottom: 10px;
  text-align: center;
}

.relet-box p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 12px;
  text-align: center;
}

/* finder-rb only on product-page */
.finder-rb {
  border-bottom: 6px solid #495f73;
  margin-bottom: 51px;
  padding-bottom: 61px;
}

.finder-rb h2 {
  margin-bottom: 6px;
}

.finder-rb h5 {
  margin-bottom: 16px;
}

.finder-rb p {
  padding-bottom: 27px;
}

.finder-rb .select-box .felment-wrapper,
.finder-rb .select-box .felment-active {
  display: inline-block;
  vertical-align: top;
}

.finder-rb .felment-active .sbOptions {
  display: none !important;
}

.finder-rb .felment-active .sbSelector {
  background: #323232;
  color: #fff;
  font-weight: 700;
  cursor: inherit;
  padding: 5px 16px 5px 0;
}

.finder-rb .select-box .sbHolder {
  border: none;
  margin: 0;
  min-width: 90px;
}

.finder-rb .select-box form {
  background: #fed100;
  height: 38px;
  margin-top: 30px;
}

.finder-rb .sbHolder {
  box-sizing: content-box;
  font-size: 18px;
  margin: 0 0 20px;
  position: relative;
}

.finder-rb .sbSelector {
  background: rgba(0, 0, 0, 0) url("../png/select-icons-2.png") no-repeat
    scroll 92% 53%;
  padding-right: 24px;
  display: block;
  outline: medium none;
  width: 30px;
  border-right: 1px solid #c3aa41;
}

.finder-rb .select-box .felment-wrapper:nth-child(6) .sbSelector {
  border-right: transparent;
}

.finder-rb .sbSelector {
  display: block;
  line-height: 28px;
  outline: medium none;
  overflow: hidden;
  text-align: left;
  text-indent: 16px;
  width: 100%;
  color: #000000;
  cursor: pointer;
}

.finder-rb .sbSelector a {
  color: #000000;
}

.finder-rb .sbOptions {
  box-sizing: content-box;
  left: -2px;
  list-style: outside none none;
  margin: 0;
  overflow: auto;
  padding: 0;
  width: 100%;
  background: #fed100;
}

.finder-rb .sbOptions a {
  border-bottom: 1px solid #026e9f;
  display: block;
  outline: medium none;
  padding: 8px 20px;
  text-align: left;
  color: #000000;
}

.sbOptions li:last-child a {
  border-bottom: none;
}

/* .felment-wrapper only on product-page */
.felment-wrapper {
  padding: 4px 0;
}

.felment-wrapper.right {
  float: right;
  padding: 4px 24px;
  font-weight: 700;
}

/* inner pages cover up start - only on product-page */
.inner-page .cover-yellow {
  background: #ffdd00;
  display: inline-block;
  width: 100%;
  max-width: 392px;
}

.inner-page .cover-yellow > span {
  padding: 24px 24px 30px;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: rgb(102, 102, 102);
  text-align: left;
}

.inner-page .banner-content {
  top: 45%;
}

.inner-page .right-panel h5 {
  font-weight: 400;
}

.inner-page .right-panel p {
  padding-bottom: 1rem;
}

.inner-page .right-panel ul {
  margin-bottom: 1rem;
}

.inner-page .related-cover a.btn {
  padding: 16px 32px;
  margin-top: 24px;
}

.inner-page .social-group {
  top: 43%;
  transform: translateY(-50%);
}

.inner-page .right-panel .services h3 {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
}

.inner-page .right-panel .services p {
  padding-bottom: 24px;
}

.inner-page .box-cover {
  width: 222px;
  height: 222px;
  border-radius: 50%;
  background: #ffdd00;
  text-align: center;
  position: relative;
  transition: all 0.4s ease-in-out 0s;
  margin: 0 auto;
  display: block;
  left: inherit;
  right: inherit;
  transform: none;
  max-width: 100%;
  top: inherit;
}

.inner-page .box-cover:hover {
  box-shadow: inset 0 0 6px 4px rgba(204, 204, 204, 0.7);
}

.inner-page .box-cover div span {
  font-size: 20px;
  line-height: 24px;
  color: rgb(102, 102, 102);
  text-align: center;
  margin-top: 16px;
  display: inline-block;
}

.inner-page .image-cover {
  padding-top: 22.5%;
}

.inner-page .relet-box {
  margin-top: 20px;
  padding: 0 16px;
  text-align: center;
}

.inner-page .relet-box h3 {
  margin-top: 26px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: rgb(70, 95, 114);
  text-align: center;
  padding-bottom: 12px;
}

.inner-page .relet-box p {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #000000;
  text-align: center;
  padding-bottom: 12px;
}

/* rel-box only on product page and standard page */
/* rel-box must follow inner-page in the css */
.rel-box {
  float: left;
  width: 25%;
  margin-bottom: 30px;
  padding: 0 4px;
}

.rel-box .box-cover {
  width: 146px;
  height: 146px;
  position: relative;
}

.rel-box .btn.btn-default {
  margin: 8px auto 0;
  max-width: 140px;
  width: 100%;
  padding: 16px 0;
}

/*===============================================*/

/*				Product page End				 */

/*===============================================*/

/*===============================================*/

/*				Home page START				 */

/*===============================================*/

/* START feature -----------------*/
.wrap-feature {
  background: #ffdd00;
  padding: 48px 64px 20px;
}

.wrap-feature .feat-cover {
  margin-bottom: 32px;
}

.feat-main {
  background-color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  padding: 24px;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
}

/* equal height columns in tablet and above */
@media only screen and (min-width: 768px) {
  .wrap-feature .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .feat-main {
    height: 100%;
  }
}

.feat-main:hover {
  box-shadow: 0 0 8px 4px rgba(204, 204, 204, 0.7);
}

.feat-main img {
  max-width: 50%;
  display: inline-block;
  vertical-align: middle;
}

.feat-main figcaption {
  display: inline-block;
  width: 47%;
  vertical-align: top;
  padding-left: 24px;
  margin-top: -4px;
}

.feat-main figcaption h3 {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 20px;
}

.feat-main figcaption p {
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #000000;
  text-align: left;
}

.feat-main figcaption span {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  color: rgb(70, 94, 114);
  text-align: left;
  padding-bottom: 12px;
  display: inline-block;
}

/* END feature -------------- */

/* START services ----------- */
.wrap-services {
  padding: 96px 0;
}

.serv-main {
  text-decoration: none !important;
}
.serv-main img {
  max-width: 144px;
  max-height: 144px;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease-in-out 0s;
}

.serv-main:hover img {
  box-shadow: 0 0 8px 4px rgba(204, 204, 204, 0.25);
}

.serv-main h3 {
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 12px;
  margin-top: 12px;
}

.serv-main p {
  font-size: 16px;
  line-height: 20px;
  color: #585a5a;
}

.serv-cover a {
  text-decoration: none;
}

.serv-pro {
  margin-bottom: 48px;
  padding: 0 13%;
}

/* END services ----------- */

/* START solutions ----------- */
/* by industry slider */

.indus-slider {
  margin-bottom: 73px;
}

.indus-slider .owl-item > a {
  width: 222px;
  height: 222px;
  border-radius: 50%;
  background: #ffdd00;
  text-align: center;
  position: relative;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  margin: 0 auto;
  display: block;
}

.indus-slider .owl-item > a:hover {
  box-shadow: inset 0 0 6px 4px rgba(204, 204, 204, 0.7);
}

/* by application slider */
.wrap-solution .app-slider h2 {
  margin-bottom: 32px;
}

.gray-box {
  background-color: rgb(248, 248, 248);
  min-width: 222px;
  height: 70px;
  text-align: center;
  border: 1px solid rgb(186, 186, 186);
  display: table;

  width: calc(100% - 2px);
}

.gray-box a {
  font-size: 20px;
  line-height: 24px;
  color: rgb(72, 95, 114);
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.gray-box a:hover {
  box-shadow: inset 0 0 6px 4px rgba(204, 204, 204, 0.7);
}

/* END solutions ----------- */

/* START ASI section ----------- */
.wrap-asi {
  padding: 74px 0 59px;
  background: url("../png/bg-2.png") no-repeat top left;
  background-size: cover;
}

.asi-cont {
  padding-left: 55px;
  padding-right: 61px;
}

.asi-cont h1 {
  font-size: 30px;
  line-height: 32px;
  text-align: left;
  color: #000000;
  font-weight: 300;
  margin-bottom: 16px;
}

.asi-cont p {
  font-size: 20px;
  line-height: 24px;
  text-align: left;
  color: #000000;
  font-weight: 300;
}

.asi-cont .btn {
  margin-top: 12px;
  padding: 16px 30px;
}

.img-cover {
  padding-top: 8px;
}

/* END ASI section ----------- */

/* START news section -------- */
.wrap-news {
  background: #ffdd00;
  padding: 48px 0 0;
}

.wrap-news h2 {
  margin-bottom: 12px;
}

.wrap-news .feat-main {
  padding: 32px 20px 32px 32px;
}

.wrap-news .feat-main figcaption {
  padding-left: 18px;
}

.wrap-news .feat-main h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: rgb(71, 95, 114);
  text-align: left;
  padding-bottom: 4px;
  margin-bottom: 0;
}

.wrap-news .feat-main p {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #000000;
  text-align: left;
  padding-bottom: 6px;
}

.wrap-news .feat-main .btn.btn-default {
  font-weight: bold;
  padding: 14px 35px;
  margin-top: 23px;
}

.wrap-news .feat-cover {
  margin-bottom: 30px;
}

.space-top {
  margin-top: 30px;
  margin-bottom: 16px;
}

/* END news section -------- */

/*===============================================*/

/*				Home page END				 */

/*===============================================*/

/*===============================================*/

/*				locations page start 				 */

.training-spotlight {
  width: 175px;
  margin: 0 auto;
}

/* found on landing page and standard page */
.block-box {
  margin-bottom: 86px;
  float: left;
  width: 100%;
}

.block-box h2 {
  margin-bottom: 5px;
}

.block-box img {
  margin-bottom: 20px;
}

/* found in location page within .related-cover, and on standard page */
.half-box {
  margin: 0 -7px;
}

.half-box .cont-con {
  float: left;
  width: 50%;
  padding: 0 7px;
}

/* fullLi found in locations and contact pages */
.fullLi .button-wrapper {
  text-align: left;
}

.fullLi .btn.btn-default {
  background-color: #bb1f32;
  color: #fff;
  margin-top: 16px;
  margin-bottom: 0;
  padding: 16px 48px;
  border: 0;
}

.fullLi .btn.btn-default:hover {
  background-color: #dd3146;
}

/* START locations table */
.locations-table {
  width: 100%;
}

.locations-table tr th,
.locations-table tr td {
  background: #495f73;
  color: #fff;
  border-right: 1px solid #fff;
  padding: 7px 16px;
  font-size: 16px;
  vertical-align: middle;
}

.locations-table tr:nth-child(even) td {
  background: #eeeeee;
}

.locations-table tr:nth-child(odd) td {
  background: #dddddd;
}

.locations-table tr td:first-child {
  color: #456074;
}

.locations-table tr td:last-child {
  color: #333333;
}

/* END locations table ------ */

/* START integrator -------- */
.integrator {
  background: #eeeeee;
  padding: 32px 24px 24px;
}

.integrator-head {
  background: #000;
}

.integrator-head h2 {
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 16px 0;
}

.cont-con-top {
  margin-bottom: 20px;
}

/* END integrator -------- */

/*===============================================*/

/*				locations page END 				 */

/*===============================================*/

/*===============================================*/

/*		 applications page start				 */

/*===============================================*/

.fanuc-gallery {
  margin-top: 45px;
}

.fg-img {
  display: inline-block;
  margin-left: 18px;
  width: 48%;
}

.fg-img:first-child {
  margin-left: 0;
}

.scara-points {
  padding: 5%;
}

.scara-points ul li {
  list-style-type: square;
}

.scara-points ul {
  list-style-type: square;
  margin-bottom: 10px;
}

.scara-gallery {
  margin-top: 16px;
}

.scara-img {
  margin-right: auto;
  display: inline-block;
  margin-left: 18px;
  width: 48%;
  text-align: center;
}

.scara-img ul {
  border-top: medium #7b7b7b solid;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-left: 6%;
}

.scara-img h2 {
  font-weight: bold;
  padding-top: 5px;
  margin-top: 5px;
}

.scara-img:first-child {
  margin-left: 0;
}

/*===============================================*/

/*		 applications page end				 */

/*===============================================*/

/*===============================================*/

/*				cart page start			 */

/*===============================================*/

.right-panel .relat-top {
  margin-bottom: 27px;
}

/*===============================================*/

/*				cart page end			 */

/*===============================================*/

/*===============================================*/

/*			human page start						 */

/*===============================================*/

/* services owl slider */
.services {
  border-bottom: 6px solid #495f73;
  padding-bottom: 27px;
  margin-bottom: 40px;
}

.services .item {
  width: 101%;
  margin: 0 auto;
}

.services-img {
  float: left;
  padding-right: 35px;
  width: 29%;
}

.services-text {
  float: left;
  width: 71%;
}

.services .owl-dots {
  text-align: center;
}

.services .owl-dot {
  width: 10px;
  height: 10px;
  background: #456074;
  display: inline-block;
  margin: 0 5px;
  border-radius: 50%;
}

.services .owl-dot.active {
  background: #ffda00;
}

.register-box {
  padding-bottom: 32px;
  border-bottom: 6px solid #495f73;
}

.center-panel {
  margin-bottom: 90px;
}

.k-icon,
.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite {
  background-image: url("../png/sitefinitysprites-2.png");
}

div.k-treeview {
  white-space: normal !important;
}

.sfnewsListItem {
  padding-bottom: 20px;
  list-style-type: none;
}

@media screen and (max-width: 600px) and (min-width: 320px) {
  .image-cover-main {
    background-size: 100% auto;
    background-position: center;
    padding-top: 27.45%;
    background-image: url("../jpg/banner-application-small.jpg"); /* default image */
    background-repeat: no-repeat;
  }

  .banner-content-scara {
    z-index: 1;
    position: relative;
    width: 100%;
    height: auto;
  }

  .banner-content-scara h1 {
    font-size: 20px;
  }
}

/* Global */
.widget-element-ebook-button > a {
  color: #000;
  text-transform: uppercase;
  padding: 10px 20px 8px;
  display: flex;
  font-size: 16px !important;
  line-height: 24px;
  align-items: center;
  align-content: center;
  justify-content: center;
  font-weight: 700;
}

.widget-element-ebook-button > a > img {
  margin-right: 18px;
}

.widget-element-ebook-button.color--yellow > a {
  background: #f8cd00;
}

.widget-element-ebook-button.color--green > a {
  background: #97ba4d;
}

.widget-element-ebook-button.color--red > a {
  background: #bb1f32;
}

.sfSel {
  color: #b90b2e !important;
  font-weight: 700 !important;
}

.cnc-simulator-features {
  background: #fede00;
  padding: 71px 93px 45px 112px;
  margin: 0 0 60px;
  position: relative;
}

.cnc-simulator-features::after {
  display: block;
  content: "";
  position: absolute;
  right: -8px;
  bottom: -33px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-right: 50px solid #fff;
  border-bottom: 50px solid transparent;
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.cnc-simulator-features .content-block-heading {
  font-size: 40px;
  margin-bottom: 64px;
  word-wrap: break-word;
}

.cnc-simulator-features .content-block-list li {
  float: left;
  width: 50%;
  margin-bottom: 24px;
}

.cnc-simulator-features .content-block-list li .italic,
.cnc-simulator-features .content-block-list li .italic-i {
  font-size: 1em !important;
}

.cnc-simulator-features .content-block-list li .fa {
  color: #040500;
  float: left;
  font-size: 20px;
  margin-top: 5px;
}

.cnc-simulator-features .content-block-list li span {
  margin-left: 18px;
  color: #555557;
  font-size: 20px;
  float: left;
  width: 85%;
}

@media (max-width: 1000px) {
  .cnc-simulator-features .content-block-list li span {
    width: 70%;
  }
}

@media (max-width: 991px) {
  .cnc-simulator-features {
    padding: 71px 40px 45px 40px;
  }
}

@media (max-width: 600px) {
  .cnc-simulator-features .content-block-list li {
    width: 100%;
  }

  .cnc-simulator-features .content-block-list li span {
    width: 80%;
  }
}

@media (max-width: 480px) {
  .cnc-simulator-features {
    padding: 48px 32px;
  }
}

/* Widgets */
.widget-element {
  margin-bottom: 64px;
}

.widget-element a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.widget-element.with-border-bottom {
  padding-bottom: 64px;
  border-bottom: 1px solid #bebebe;
}

.widget-element .widget-element-content {
  background: #eaedf0;
  padding: 64px 12px 24px;
}

.widget-element.bg-yellow .widget-element-content {
  background: #fed100 !important;
  padding: 64px 12px 24px;
}

.widget-element.widget-element-black-box .widget-element-content {
  background: #000;
  padding: 64px 64px 48px 64px;
}

.widget-element.widget-element.widget-element-black-box
  .widget-element-content
  .widget-element-header
  h2 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  margin: 0 0 64px !important;
}

.widget-element.widget-element.widget-element-black-box
  .widget-element-content
  .widget-element-text
  p {
  color: #cbcbcb;
  font-size: 18px;
  margin: 0 0 12px !important;
}

.widget-element.widget-element.widget-element-black-box
  .widget-element-content
  .widget-element-text
  a {
  color: #fff;
  text-decoration: underline;
}
.widget-element.widget-element.widget-element-black-box
  .widget-element-content
  .widget-element-text
  a:hover {
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-decoration-color: #ffdd00;
}
.widget-element.widget-element-center .widget-element-header h2,
.widget-element.widget-element-center .widget-element-text p {
  text-align: center;
}

.widget-element.widget-element-center
  .widget-element-content
  .widget-element-header {
  max-width: 380px;
  margin: 0 auto;
}

.widget-element.widget-element-center
  .widget-element-content
  .widget-element-text {
  max-width: 470px;
  margin: 0 auto;
}

.widget-element .widget-element-content .widget-element-header h2 {
  margin-bottom: 10px !important;
}

.widget-element .widget-element-content .widget-element-buttons {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin: 20px 0 0 !important;
}

.widget-element .widget-element-content .widget-element-buttons a {
  background: #ffdd00;
  font-size: 18px;
  padding: 20px;
  margin: 0 8px;
  color: #000;
  font-weight: 700;
  text-decoration: none;
}

.widget-element .widget-element-content .widget-element-buttons a:hover {
  background: #b90c2e;
  color: #fff;
  text-decoration: none;
}

.widget-element .widget-element-content .widget-element-buttons a.pink-button {
  background: #b90c2e;
  color: #fff;
}

.widget-element
  .widget-element-content
  .widget-element-buttons
  a.pink-button:hover {
  background: #ffdd00;
  color: #000;
}

.widget-element.widget-element-yellow-grid .col-item {
  background: #ffdd00;
  padding: 40px 24px;
  margin-bottom: 24px !important;
}

.widget-element.widget-element.widget-element-yellow-grid
  .widget-element-header
  h4 {
  font-size: 30px;
  margin-bottom: 24px !important;
}

.widget-element.widget-element-columns > .row {
  display: flex;
  align-items: center;
  align-content: center;
}

.widget-element.widget-element-columns .widget-element-sub-header h4 {
  font-size: 31px;
  margin: 0 0 16px !important;
  line-height: 1.3;
}

.widget-element.widget-element-columns .widget-element-header h2 {
  font-size: 43px;
  margin: 0 0 35px !important;
  line-height: 1.3;
}

.widget-element.widget-element-columns .widget-element-text p {
  font-size: 20px;
  margin: 0 0 20px !important;
}

.widget-element.widget-element-columns .widget-element-buttons a {
  background: #ffdd00;
  padding: 18px 35px;
  color: #000;
  font-size: 18px;
  text-decoration: none;
}

.widget-element.widget-element-columns .widget-element-buttons a:hover {
  background: #b90b2e;
  color: #fff;
  text-decoration: none;
}

.widget-element .element-tab {
  border-bottom: 3px solid #eee;
  border-right: 3px solid #eee;
  border-left: 3px solid #eee;
}

.widget-element .element-tab .element-tab-header {
  display: flex;
}

.widget-element .element-tab .element-tab-header > a {
  background: #eee;
  flex: 1;
  font-size: 16px;
  line-height: 1;
  color: #000;
  margin: 0 8px;
  display: flex;
  align-items: center;
  align-content: center;
  padding: 20px 40px 20px 20px;
  font-weight: 700;
  position: relative;
  text-decoration: none;
}

.widget-element .element-tab .element-tab-header > a > i {
  font-size: 32px;
  position: absolute;
  right: 10px;
}

.widget-element .element-tab .element-tab-header .italic,
.widget-element .element-tab .element-tab-header .italic-i {
  display: contents;
}

.widget-element .element-tab .element-tab-header > a:first-child {
  margin-left: 0;
}

.widget-element .element-tab .element-tab-header > a:last-child {
  margin-right: 0;
}

.widget-element .element-tab .element-tab-header > a:hover,
.widget-element .element-tab .element-tab-header > a.active {
  background: #aaaaaa;
  color: #fff;
}

.widget-element .element-tab .element-tab-content {
  padding: 55px 79px 71px 56px;
}

.widget-element .element-tab .element-tab-content > .element-tab-content-item {
  display: none;
}

.widget-element
  .element-tab
  .element-tab-content
  > .element-tab-content-item.active {
  display: block;
}

.widget-element
  .element-tab
  .element-tab-content
  > .element-tab-content-item
  .element-tab-content-item-inner {
  display: flex;
}

.widget-element
  .element-tab
  .element-tab-content
  > .element-tab-content-item
  .element-tab-content-item-inner
  > div {
  flex: 1;
  margin-left: 20px;
}

.widget-element
  .element-tab
  .element-tab-content
  > .element-tab-content-item
  .element-tab-content-item-inner
  .element-tab-content-item-header
  h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
}

.widget-element
  .element-tab
  .element-tab-content
  > .element-tab-content-item
  .element-tab-content-item-inner
  .element-tab-content-item-text
  p {
  font-size: 18px;
  margin: 0 0 20px 0;
}

.widget-element
  .element-tab
  .element-tab-content
  > .element-tab-content-item
  .element-tab-content-item-inner
  .element-tab-content-item-buttons
  > a {
  padding: 24px 30px;
  background: #ffdd00;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  margin-top: 16px;
  text-decoration: none;
  display: inline-block;
}

.widget-element
  .element-tab
  .element-tab-content
  > .element-tab-content-item
  .element-tab-content-item-inner
  .element-tab-content-item-buttons
  > a:hover {
  background: #b90b2e;
  color: #fff;
  text-decoration: none;
}

@media (max-width: 991px) {
  .widget-element .widget-element-content .widget-element-buttons {
    flex-direction: column;
  }

  .widget-element .widget-element-content .widget-element-buttons a {
    width: 100%;
    margin: 0 0 16px;
    text-align: center;
  }

  .widget-element .element-tab .element-tab-header {
    flex-direction: column;
  }

  .widget-element .element-tab .element-tab-header > a {
    margin: 0;
  }

  .widget-element
    .element-tab
    .element-tab-content
    > .element-tab-content-item
    .element-tab-content-item-inner {
    flex-direction: column;
  }

  .widget-element
    .element-tab
    .element-tab-content
    > .element-tab-content-item
    .element-tab-content-item-inner
    .element-tab-content-item-image {
    margin-bottom: 35px !important;
  }
}

@media (max-width: 767px) {
  .wrapper .page .widget-element {
    margin-bottom: 70px !important;
  }

  .widget-element .element-tab .element-tab-header {
    flex-direction: row;
  }

  .widget-element .element-tab .element-tab-header > a {
    margin: 0 3px;
  }

  .widget-element .element-tab .element-tab-header > a:first-child {
    margin-left: 0;
  }

  .widget-element .element-tab .element-tab-header > a:last-child {
    margin-right: 0;
  }
}

@media (max-width: 600px) {
  .widget-element .element-tab .element-tab-header {
    flex-direction: column;
  }

  .widget-element .element-tab .element-tab-header > a {
    margin: 0 !important;
  }

  .widget-element.widget-element-columns .widget-element-header h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .widget-element.widget-element-columns .widget-element-sub-header h4 {
    font-size: 20px;
    margin-bottom: 5px !important;
  }

  .widget-element.widget-element-black-box .widget-element-content {
    padding: 30px;
  }

  .widget-element.widget-element.widget-element-black-box
    .widget-element-content
    .widget-element-header
    h2 {
    font-size: 30px;
    line-height: 1.3;
  }

  .widget-element.widget-element.widget-element-yellow-grid
    .widget-element-header
    h4 {
    font-size: 26px;
    margin-bottom: 16px !important;
  }

  .widget-element .element-tab .element-tab-content {
    padding: 30px 20px;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 16px;
    line-height: 24px;
  }

  .widget-element-columns > .row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }

  .widget-element-columns > .row > div {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .widget-element-columns.widget-right-image > .row > div:last-child {
    order: 1;
  }

  .widget-element-columns.widget-right-image > .row > div:first-child {
    order: 2;
  }

  .widget-element-columns > .row > div .widget-element-image {
    margin-bottom: 35px !important;
  }
}

/* TEMPLATE LANDING PAGE */

.widget-lp-hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 643px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.widget-lp-hero:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.widget-element.widget-element-stretch {
  margin-bottom: 0;
}

.widget-element .widget-element-heading h2 {
  font-size: 48px !important;
  line-height: 1;
}

.widget-element-header {
  padding: 24px 0;
}

.widget-element-header .widget-element-contact-details {
  text-align: right;
  font-size: 20px;
}

.widget-element-header .widget-element-contact-details label {
  color: #000;
}

.widget-element-header .widget-element-contact-details span {
  color: #bb1f32;
}

.widget-element-banner {
  background-color: #dbdde2;
  color: #000;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 64px 0;
}

.widget-element-banner .widget-element-item {
  max-width: 500px;
}

.widget-element-banner > .container > .row {
  display: flex;
  align-items: center;
  align-content: center;
}

.widget-element-banner .widget-element-sub-heading {
  /* margin: 0 0 20px; */
}

.widget-element-banner .widget-element-sub-heading h4 {
  font-size: 34px;
  text-align: left;
}

.widget-element-banner .widget-element-heading {
  margin: 0 0 24px;
}

.widget-element-banner .widget-element-heading h1 {
  font-size: 36px !important;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
}

.widget-element-banner .widget-element-heading h2 {
  font-size: 48px !important;
  font-weight: 700;
  line-height: 1;
  text-align: left;
}

.widget-element-banner .widget-element-text p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.widget-element-banner .widget-element-form iframe {
  width: 100%;
}

.widget-element-grid-image-with-text {
  padding: 80px 0 96px;
}

.widget-element-grid-image-with-text > .container > .row {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.widget-element-grid-image-with-text .widget-element-item {
  padding: 0 85px 0 95px;
}

.widget-element-grid-image-with-text .widget-element-list {
  max-width: 260px;
  margin: 33px 0 0;
}

.widget-element-grid-image-with-text .widget-element-heading {
  /*margin: 0 0 55px;*/
}

.widget-element-grid-image-with-text .widget-element-text {
  margin: 0 0 16px;
}

.widget-element-grid-image-with-text .widget-element-text p {
  font-size: 20px;
  color: #717374;
  padding: 0;
  margin: 0 0 20px;
  line-height: 28px;
}

.widget-element-grid-image-with-text .widget-element-list li {
  font-size: 18px;
  display: flex;
  align-items: flex-start;
  font-weight: 300;
  color: #717374;
  margin: 0 0 24px;
  line-height: 24px;
}

.widget-element-grid-image-with-text .widget-element-list li img {
  margin-right: 18px;
}

.widget-element-grid-with-sub-grid--black {
  background: #000;
  padding-bottom: 185px;
}

.widget-element-grid-with-sub-grid--black > .container > .row:first-child {
  margin: 0 0 160px;
}

.widget-element-grid-with-sub-grid--black > .container > .row {
  display: flex;
  align-items: center;
  align-content: center;
}

.widget-element-grid-with-sub-grid--black .widget-element-heading {
  padding: 0 95px 0 80px;
}

.widget-element-grid-with-sub-grid--black .widget-element-heading h2 {
  color: #fff;
  font-weight: 600;
  font-size: 50px !important;
  line-height: 1.3;
}

.widget-element-grid-with-sub-grid--black .widget-element-sub-heading {
  margin: 0 0 35px;
}

.widget-element-grid-with-sub-grid--black .widget-element-sub-heading h3 {
  color: #f8cd00;
  font-size: 40px !important;
}

.widget-element-grid-with-sub-grid--black .widget-element-sub-text p {
  font-size: 20px;
  font-weight: 300;
  color: #9c9c9c;
}

.widget-element-grid-image--black {
  padding: 85px 0 20px;
}

.widget-element-grid-image--black .widget-element-item {
  background: #000;
}

.widget-element-grid-image--black > .container > .row {
  display: flex;
  align-items: center;
  background: #000;
  position: relative;
}

.widget-element-grid-image--black > .container > .row::after {
  width: 0;
  height: 0;
  border-bottom: 55px solid #fff;
  border-left: 55px solid transparent;
  content: "";
  position: absolute;
  right: -1px;
  bottom: 0;
}

.widget-element-grid-image--black > .container > .row > div:last-child {
  padding: 0 170px 0 77px;
}

.widget-element-grid-image--black .widget-element-heading {
  margin: 0 0 43px;
}

.widget-element-grid-image--black .widget-element-heading h2 {
  font-size: 30px !important;
  line-height: 36px;
  color: #fff;
}

.widget-element-grid-image--black .widget-element-text p {
  font-size: 18px;
  line-height: 28px;
  color: #fafafa;
}

.widget-element-grid-boxes {
  padding: 20px 0 85px;
}

.widget-element-grid-boxes .widget-element-item .widget-element-details {
  position: relative;
  padding: 82px 76px 91px 76px;
}

.widget-element-grid-boxes .widget-element-item .widget-element-details::after {
  width: 0;
  height: 0;
  border-bottom: 55px solid #fff;
  border-left: 55px solid transparent;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

.widget-element-grid-boxes .widget-element-item--yellow {
  background: #f8cd00;
}

.widget-element-grid-boxes .widget-element-item--gray {
  background: #dde0e7;
}

.widget-element-grid-boxes .widget-element-item-heading {
  margin: 0 0 43px;
  max-width: 230px;
}

.widget-element-grid-boxes .widget-element-item-heading h3 {
  font-size: 30px !important;
  line-height: 42px;
  color: #000;
}

.widget-element-grid-boxes .widget-element-text p {
  font-size: 18px;
  line-height: 28px;
  color: #000;
}

.widget-element-grid-boxes .widget-element-item-image img {
  width: 100%;
  height: auto;
}

.widget-element-grid-boxes .widget-element-item-image,
.widget-element-grid-boxes .widget-element-item-video {
  height: 365px;
  overflow: hidden;
}

.widget-element-grid-boxes
  .widget-element-item-video
  div[id*="thumb_container"],
.widget-element-grid-boxes .widget-element-item-video div[id*="thumbnail"],
.widget-element-grid-boxes .widget-element-item-video img[id*="thumbnail_img"] {
  height: 365px !important;
}

.widget-element-grid-images-with-heading .widget-element-heading {
  background: #f8cd00;
  margin-top: -50px;
  width: 80%;
  padding: 40px 50px;
  position: relative;
  z-index: 1;
}

.widget-element-grid-images-with-heading .widget-element-heading::after {
  width: 0;
  height: 0;
  border-bottom: 55px solid #fff;
  border-left: 55px solid transparent;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

.widget-element-grid-images-with-heading .widget-element-heading h3 {
  font-size: 26px;
  line-height: 1.3;
}

.widget-element-grid-text-with-image {
  padding: 70px 0;
}

.widget-element-grid-text-with-image .widget-element-item {
  padding-right: 70px;
}

.widget-element-grid-text-with-image .widget-element-heading {
  margin: 0 0 70px;
}

.widget-element-grid-text-with-image .widget-element-heading h2 {
  font-size: 50px !important;
  line-height: 1.3;
}

.widget-element-grid-text-with-image .widget-element-image {
  height: 100px;
  display: flex;
  align-items: center;
  margin: 0 0 10px;
}

.widget-element-grid-text-with-image .widget-element-text p {
  font-size: 20px;
  line-height: 28px;
}

.widget-element-grid-images .widget-element-inner {
  display: flex;
}

.widget-element-grid-images .widget-element-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 364px;
  flex: 1;
}

.widget-element-robots {
  padding: 145px 0 107px;
}

.widget-element-robots .widget-element-item {
  margin: 0 0 24px;
}

.widget-element-robots .widget-element-image {
  display: flex;
  width: 100%;
  align-items: flex-end;
  align-content: center;
  justify-content: center;
  margin: 0 0 10px;
}

.widget-element-robots .widget-element-heading {
  width: 100%;
  max-width: 550px;
  margin: 0 auto 120px;
}

.widget-element-robots .widget-element-heading h2 {
  text-align: center;
  font-size: 50px !important;
  line-height: 1.3;
}

.widget-element-robots .widget-element-details {
  background: #f1f2f6;
  padding: 35px 24px 24px 35px;
}

.widget-element-robots .widget-element-details-payloads {
  display: flex;
}

.widget-element-robots .widget-element-details-payloads > div:first-child {
  flex: 1;
}

.widget-element-robots .widget-element-details-payloads > div:nth-child(2) {
  flex: 2;
}

.widget-element-robots .widget-element-details-payloads > div:last-child {
  flex: 2;
}

.widget-element-robots .widget-element-details-payloads > div > span,
.widget-element-robots .widget-element-details-payloads > div > label {
  display: block;
}

.widget-element-robots .widget-element-details-heading {
  margin: 0 0 40px;
}

.widget-element-robots .widget-element-details-heading h3 {
  font-size: 26px;
  margin: 0;
}

.widget-element-robots .widget-element-details-payloads > div > label {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #6a6a6a;
}

.widget-element-robots .widget-element-details-payloads > div > span {
  font-size: 20px;
}

.widget-element-robots .widget-element-details-payloads {
  margin-bottom: 45px;
}

.widget-element-robots .widget-element-details .widget-element-details-buttons {
  display: flex;
  align-items: center;
  align-content: center;
}

.widget-element-robots
  .widget-element-details
  .widget-element-details-buttons
  > a {
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
  height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.widget-element-button a {
  text-decoration: none;
}

.widget-element-robots
  .widget-element-details
  .widget-element-details-buttons
  .widget-element-button-download {
  flex: 2;
  background: #f8cd00;
  margin-right: 7px;
}

.widget-element-robots
  .widget-element-details
  .widget-element-details-buttons
  .widget-element-button-download
  > img {
  margin-right: 18px;
}

.widget-element-robots
  .widget-element-details
  .widget-element-details-buttons
  .widget-element-button-view {
  background: #dfdfdf;
  flex: 1;
  margin-left: 7px;
}

.widget-element-robots
  .widget-element-details
  .widget-element-details-buttons
  > a:hover {
  background: #bb1f32;
  color: #fff;
}

.widget-element-robots
  .widget-element-details
  .widget-element-details-buttons
  > a:hover
  img {
  filter: brightness(0) invert(1);
}

.widget-element-video--black {
  background: #000;
  padding: 104px 0 73px;
}

.widget-element-video--black .widget-element-heading h2 {
  color: #fff;
  font-size: 40px;
  text-align: center;
  margin: 0 0 75px;
}

.widget-element-video--black .widget-element-video {
  max-width: 916px;
  border: 3px solid #787878;
  margin: 0 auto;
}

.widget-element-questions {
  padding: 117px 0 150px;
  background: #fff;
}

.widget-element-questions .widget-element-accordion-item-heading {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.widget-element-start--yellow {
  background: #ffce01;
  padding: 65px 0;
  position: relative;
}

.widget-element-start--yellow > .container {
  position: relative;
}

.widget-element-start--yellow > .container > .row {
  display: flex;
  align-items: center;
  align-content: center;
}

.widget-element-start--yellow > .container::before {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: -65px;
  background-image: url("../png/yellow-lines-bg-2.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  width: 643px;
  height: 408px;
}

.widget-element-start--yellow .widget-element-heading {
  margin: 0 0 50px;
  max-width: 350px;
}

.widget-element-start--yellow .widget-element-heading h2 {
  font-size: 50px !important;
  line-height: 1.3;
  margin: 0;
}

.widget-element-start--yellow .widget-element-buttons {
  max-width: 210px;
}

.widget-element-start--yellow .widget-element-buttons > a {
  background: #bb1f32;
  color: #fff;
  text-transform: uppercase;
  padding: 16px 20px;
  display: flex;
  font-size: 16px !important;
  line-height: 24px;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.widget-element-start--yellow .widget-element-buttons > a:hover {
  background: #000;
  color: #fff;
}

.widget-element-start--yellow .widget-element-image img {
  margin-bottom: -150px;
}

.widget-element-download-ebook {
  background: #dde0e7;
  padding: 65px 0;
  position: relative;
}

.widget-element-download-ebook::before {
  content: "";
  display: block;
  width: 45%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #000;
  background-image: url("../png/black-lines-bg-2.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
}

.widget-element-download-ebook > .container > .row {
  display: flex;
  align-items: center;
  align-content: center;
}

.widget-element-download-ebook .widget-element-sub-heading {
  margin: 0 0 20px;
}

.widget-element-download-ebook .widget-element-sub-heading h5 {
  font-size: 28px;
  margin: 0;
}

.widget-element-download-ebook .widget-element-heading {
  margin: 0 0 50px;
}

.widget-element-download-ebook .widget-element-heading h2 {
  font-size: 50px !important;
  line-height: 1.3;
  margin: 0;
}

.widget-element-download-ebook .widget-element-buttons {
  max-width: 210px;
}

.widget-element-download-ebook .widget-element-buttons > a {
  background: #f8cd00;
  color: #000;
  text-transform: uppercase;
  padding: 10px 20px 8px;
  display: flex;
  font-size: 16px !important;
  line-height: 24px;
  align-items: center;
  align-content: center;
  justify-content: center;
  font-weight: 700;
  text-decoration: none;
}

.widget-element-download-ebook .widget-element-buttons > a img {
  margin-right: 18px;
}

.widget-element-download-ebook .widget-element-buttons > a:hover {
  text-decoration: none;
  background: #bb1f32;
  color: #fff;
}

.widget-element-download-ebook .widget-element-buttons > a:hover img {
  filter: brightness(0) invert(1);
}

.widget-element-yellow-grid-statistic {
  padding: 134px 0;
  background: #f8cd00;
}

.widget-element-yellow-grid-statistic .widget-element-heading {
  max-width: 560px;
  width: 100%;
  margin: 0 auto 97px;
  text-align: center;
}

.widget-element-yellow-grid-statistic .widget-element-heading h2 {
  font-size: 34px !important;
  line-height: 44px;
  margin: 0 auto;
}

.widget-element-yellow-grid-statistic .widget-element-image {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 110px;
}

.widget-element-yellow-grid-statistic .widget-element-statistic-details {
  text-align: center;
}

.widget-element-yellow-grid-statistic .widget-element-statistic-details h3 {
  font-size: 80px;
  margin-bottom: 16px;
}

.widget-element-yellow-grid-statistic .widget-element-statistic-details h5 {
  font-size: 36px;
  margin-bottom: 16px;
}

.widget-element-yellow-grid-statistic .widget-element-statistic-details p {
  padding: 0;
  margin: 0;
}

.widget-element-testimonials {
  padding: 110px 0 85px;
}

.widget-element-testimonials .widget-element-item-inner {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  max-width: 730px;
  width: 100%;
  margin: 0 auto;
}

.widget-element-testimonials
  .widget-element-item-inner
  .widget-element-item-details {
  flex: 1;
  padding-right: 50px;
}

.widget-element-testimonials
  .widget-element-item-inner
  .widget-element-item-details
  .widget-element-item-image {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 30px;
}

.widget-element-testimonials
  .widget-element-item-inner
  .widget-element-item-details
  h3 {
  font-size: 20px;
  margin: 0 0 16px;
  text-align: right;
  line-height: 1.2;
}

.widget-element-testimonials
  .widget-element-item-inner
  .widget-element-item-details
  h4 {
  font-size: 20px;
  color: #3f3f3f;
  line-height: 1.2;
  text-align: right;
  margin: 0 0 10px;
}

.widget-element-testimonials
  .widget-element-item-inner
  .widget-element-item-details
  h5 {
  color: #7e7e7e;
  font-size: 16px;
  margin: 0 0 10px;
  line-height: 1.2;
  text-align: right;
}

.widget-element-testimonials
  .widget-element-item-inner
  .widget-element-item-testimonial {
  flex: 3;
}

.widget-element-testimonials
  .widget-element-item-inner
  .widget-element-item-testimonial
  p {
  font-size: 32px;
  margin: 0 0 10px;
  line-height: 42px;
  color: #323232;
  padding: 0;
}

.widget-element-testimonials .carousel-control-prev,
.widget-element-testimonials .carousel-control-next {
  color: #000;
  font-size: 75px;
  top: 33%;
  position: absolute;
}

.widget-element-testimonials .carousel-control-prev {
  left: 5%;
}

.widget-element-testimonials .carousel-control-next {
  right: 5%;
}

.widget-element-questions .widget-element-heading {
  margin: 10px 0 20px;
  max-width: 350px;
}

.widget-element-questions .widget-element-heading h2 {
  font-size: 50px !important;
  line-height: 1.3;
}

.widget-element-questions
  .widget-element-accordion
  .widget-element-accordion-item {
  border-bottom: 1px solid #b8b8b8;
  padding: 36px 10px;
}

.widget-element-questions
  .widget-element-accordion
  .widget-element-accordion-item:first-child {
  padding-top: 0;
}

.widget-element-questions
  .widget-element-accordion
  .widget-element-accordion-item
  .widget-element-accordion-item-content {
  display: none;
}

.widget-element-questions
  .widget-element-accordion
  .widget-element-accordion-item
  .widget-element-accordion-item-content {
  padding: 28px 0 0;
}

.widget-element-questions
  .widget-element-accordion
  .widget-element-accordion-item
  .widget-element-accordion-item-heading {
  cursor: pointer;
}

.widget-element-questions
  .widget-element-accordion
  .widget-element-accordion-item
  .widget-element-accordion-item-heading
  h4 {
  font-size: 20px !important;
  font-weight: 400;
  flex: 90;
}

.widget-element-questions
  .widget-element-accordion
  .widget-element-accordion-item
  .widget-element-accordion-item-heading
  a {
  flex: 10;
  color: #000;
  font-size: 24px;
  text-align: right;
}

.widget-element-questions
  .widget-element-accordion
  .widget-element-accordion-item
  p {
  padding: 0;
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 24px;
  color: #717374;
}

.widget-element-competition {
  padding: 137px 0 116px;
  text-align: center;
}

.widget-element-competition .widget-element-sub-heading h5 {
  font-size: 24px;
  margin: 0 0 27px;
}

.widget-element-competition .widget-element-heading {
  max-width: 460px;
  width: 100%;
  margin: 0 auto 60px;
}

.widget-element-competition .widget-element-heading h2 {
  font-size: 50px !important;
  line-height: 1.3;
}

.widget-element-competition .widget-element-buttons > a {
  display: table;
  margin: 0 auto;
  background: #bb1f32;
  color: #fff;
  text-transform: uppercase;
  padding: 16px 40px;
  font-size: 16px;
  text-decoration: none;
}

.widget-element-competition .widget-element-contact {
  font-size: 20px;
  margin: 24px 0 0;
  text-align: center;
}

.widget-element-competition .widget-element-contact label {
  color: #000;
}

.widget-element-competition .widget-element-contact span {
  color: #bb1f32;
}

.widget-element-footer {
  padding: 48px 0;
  border-top: 1px solid #d9d9d9;
}

.widget-element-footer .widget-element-contact-details {
  text-align: right;
  font-size: 20px;
}

.widget-element-footer .widget-element-contact-details label {
  color: #000;
}

.widget-element-footer .widget-element-contact-details span {
  color: #bb1f32;
}

@media (max-width: 1199px) {
  .widget-element-banner > .container > .row {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
  }

  .widget-element-banner > .container > .row > div:first-child,
  .widget-element-banner > .container > .row > div:nth-child(2) {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .widget-element-banner > .container > .row > div:last-child {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .widget-element-banner .widget-element-item {
    max-width: 100%;
  }

  .widget-element-banner .widget-element-form {
    margin: 50px 0 0 0;
  }

  .widget-element-banner .widget-element-form iframe {
    /* max-height: 750px; */
    width: 100%;
  }

  .widget-element-robots
    .widget-element-details
    .widget-element-details-buttons {
    display: block;
  }

  .widget-element-robots
    .widget-element-details
    .widget-element-details-buttons
    > a {
    margin: 8px 0 !important;
  }

  .widget-element-robots .widget-element-details-heading,
  .widget-element-robots .widget-element-details-payloads {
    margin: 0 0 24px;
  }

  .widget-element-robots .widget-element-details-payloads {
    display: block;
  }

  .widget-element-robots .widget-element-details-payloads > div {
    margin: 0 0 8px;
  }
}

@media (max-width: 1171px) {
  .widget-element-grid-image-with-text .widget-element-item {
    padding: 0 40px 0 40px !important;
  }

  .widget-element-grid-image-with-text {
    padding: 40px 0;
  }

  .widget-element .widget-element-heading h2 {
    font-size: 40px !important;
    line-height: 1;
  }

  .widget-element-grid-image--black > .container > .row > div:last-child {
    padding: 0 40px;
  }
}

@media (max-width: 991px) {
  .widget-element-banner .widget-element-form iframe {
    /*max-height: 950px;*/
  }

  .widget-element-robots .widget-element-details-payloads,
  .widget-element-robots
    .widget-element-details
    .widget-element-details-buttons {
    display: flex;
  }

  .widget-element-robots
    .widget-element-details
    .widget-element-details-buttons
    > a {
    margin: 0 5px !important;
    flex: 1 !important;
  }

  .widget-element-robots .widget-element-details-payloads > div {
    flex: 1 !important;
  }

  .widget-element-grid-image-with-text .widget-element-item {
    padding: 0 24px;
  }

  .widget-element-grid-image-with-text .widget-element-list {
    max-width: 100%;
  }

  .widget-element-grid-with-sub-grid--black > .container > .row {
    display: block;
  }

  .widget-element-grid-images-with-heading .widget-element-heading {
    padding: 0 60px;
  }

  .widget-element-yellow-grid-statistic .widget-element-statistic-details h3 {
    font-size: 55px;
  }

  .widget-element-yellow-grid-statistic .widget-element-statistic-details h5 {
    font-size: 26px;
  }

  .widget-element-yellow-grid-statistic .widget-element-statistic-details p {
    font-size: 16px;
  }

  .widget-element-grid-boxes .widget-element-item {
    margin-bottom: 24px;
  }

  .widget-element-grid-boxes .widget-element-item .widget-element-details {
    padding: 50px;
  }

  .widget-element-start--yellow .widget-element-image img {
    margin-bottom: 0;
  }

  .widget-element-grid-with-sub-grid--black .widget-element-heading h2 {
    font-size: 40px !important;
  }

  .widget-element-grid-image--black > .container > .row > div {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .widget-element-grid-image--black .widget-element-heading {
    margin: 0 0 16px;
  }

  .widget-element-testimonials .carousel-control-prev {
    left: -5%;
  }

  .widget-element-testimonials .carousel-control-next {
    right: -5%;
  }

  .widget-element-grid-images-with-heading .widget-element-heading {
    padding: 30px 60px;
  }

  .widget-element-grid-images-with-heading .widget-element-item {
    margin: 0 auto 80px;
    max-width: 575px;
  }

  .widget-element-grid-images-with-heading .widget-element-heading {
    margin-top: -37px;
    width: 90%;
  }

  .widget-element-grid-boxes .widget-element-item-heading {
    max-width: 100%;
  }

  .widget-element-testimonials .carousel {
    padding: 0 50px;
  }

  .widget-element-testimonials .carousel-control-prev {
    left: 10px;
  }

  .widget-element-testimonials .carousel-control-next {
    right: 10px;
  }

  .widget-element-testimonials
    .widget-element-item-inner
    .widget-element-item-testimonial
    p {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .widget-element-grid-image--black > .container > .row {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }

  .widget-element-grid-image--black > .container > .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .widget-element-grid-image--black .widget-element-image {
    display: flex;
    justify-content: center;
  }

  .widget-element-grid-image--black .widget-element-heading {
    margin: 0 0 40px;
  }

  .widget-element-grid-image--black .widget-element-item {
    padding: 60px 20px;
  }

  .widget-element-grid-image-with-text .widget-element-image {
    display: flex;
    justify-content: center;
    margin: 0 0 40px;
  }

  /* .widget-element-banner > .container > .row > div:first-child {
				flex: 0 0 65%;
				max-width: 65%;
		}
		.widget-element-banner > .container > .row > div:nth-child(2) {
				flex: 0 0 35%;
				max-width: 35%;
		} */
  .widget-element-grid-text-with-image {
    padding: 30px 16px;
  }

  .widget-element-grid-text-with-image .widget-element-item {
    padding: 0;
  }

  .widget-element-start--yellow > .container > .row {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .widget-element-start--yellow > .container > .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .widget-element-start--yellow .widget-element-image img {
    margin-bottom: 50px;
  }

  .widget-element-start--yellow .widget-element-heading {
    max-width: 100%;
  }

  .widget-element-grid-with-sub-grid--black .widget-element-image {
    display: flex;
    align-items: center;
  }

  .widget-element-grid-with-sub-grid--black .widget-element-heading {
    margin: 30px 0 0;
    padding: 0;
  }

  .widget-element-questions,
  .widget-element-yellow-grid-statistic {
    padding: 70px 0;
  }

  .widget-element-yellow-grid-statistic .col-item {
    margin-bottom: 24px;
  }

  .widget-element-yellow-grid-statistic .widget-element-heading {
    margin-bottom: 60px;
  }

  .widget-element-grid-images .widget-element-image {
    height: 200px;
  }

  .widget-element-video--black {
    padding: 40px 0 !important;
  }

  .widget-element-video--black .widget-element-heading h2 {
    margin-bottom: 40px;
  }

  .widget-element-grid-images-with-heading .widget-element-item {
    display: table;
    margin: 0 auto 24px;
  }

  .widget-element-grid-images-with-heading .widget-element-heading {
    width: 85%;
    padding: 40px;
  }

  .widget-element-testimonials
    .widget-element-item-inner
    .widget-element-item-testimonial
    p {
    font-size: 23px;
    line-height: 32px;
  }

  .widget-element-download-ebook .widget-element-heading h2 {
    font-size: 40px !important;
  }

  .widget-element-start--yellow > .container::before {
    width: 100%;
    left: 0;
  }

  .widget-element-grid-text-with-image .widget-element-item {
    margin: 0 0 20px;
  }

  .widget-element-grid-text-with-image .widget-element-image {
    justify-content: center;
  }

  .widget-element-grid-image-with-text > .container > .row {
    display: block;
  }

  .widget-element-grid-image-with-text .widget-element-item {
    padding: 20px;
  }

  .widget-element-robots {
    padding: 40px 0;
  }

  .widget-element-testimonials .widget-element-item-inner {
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .widget-element-testimonials
    .widget-element-item-inner
    .widget-element-item-details,
  .widget-element-testimonials
    .widget-element-item-inner
    .widget-element-item-testimonial {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }

  .widget-element-testimonials
    .widget-element-item-inner
    .widget-element-item-details
    .widget-element-item-image {
    justify-content: center;
  }

  .widget-element-testimonials
    .widget-element-item-inner
    .widget-element-item-details
    h4,
  .widget-element-testimonials
    .widget-element-item-inner
    .widget-element-item-details
    h5,
  .widget-element-testimonials
    .widget-element-item-inner
    .widget-element-item-details
    h3 {
    text-align: center;
  }

  .widget-element-testimonials .carousel-control-prev {
    left: 20px;
  }

  .widget-element-testimonials .carousel-control-next {
    right: 20px;
  }

  .widget-element-testimonials .carousel {
    padding: 0 60px;
  }

  .widget-element-testimonials
    .widget-element-item-inner
    .widget-element-item-testimonial
    p {
    font-size: 20px;
  }

  .widget-element-testimonials .carousel-control-prev,
  .widget-element-testimonials .carousel-control-next {
    font-size: 40px;
    top: 50%;
  }
}

@media (max-width: 580px) {
  .widget-element-grid-images .widget-element-inner {
    display: block;
  }

  .widget-element-grid-image--black > .container > .row > div:last-child {
    padding: 0 20px;
  }

  .widget-element-testimonials
    .widget-element-item-inner
    .widget-element-item-testimonial
    p {
    font-size: 18px;
  }

  .widget-element-header > .container > .row > div,
  .widget-element-footer > .container > .row > div {
    width: 100%;
  }

  .widget-element-header > .container > .row > div .logo,
  .widget-element-footer > .container > .row > div .logo {
    display: flex;
    justify-content: center;
    margin: 0 0 10px;
  }

  .widget-element-header .widget-element-contact-details,
  .widget-element-footer .widget-element-contact-details {
    text-align: center;
  }
}

@media (max-width: 485px) {
  .widget-element .widget-element-heading h2 {
    font-size: 32px !important;
  }

  .widget-element-robots .widget-element-details-payloads,
  .widget-element-robots
    .widget-element-details
    .widget-element-details-buttons {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }

  .widget-element-robots .widget-element-details-payloads,
  .widget-element-robots
    .widget-element-details
    .widget-element-details-buttons
    > a {
    flex: 0 0 100% !important;
    max-width: 100%;
    margin: 5px 0 !important;
  }
}

/* Education Template */
.widget-element-banner.widget-element-education {
  padding: 20px 0;
  position: relative;
}

.widget-element-banner.widget-element-education::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.widget-element-banner.widget-element-education {
  color: #fff;
}
.widget-element-banner.widget-element-education h1 {
  color: #fff;
}

.widget-element-banner.widget-element-education .container,
.widget-element-banner.widget-element-education .container > .row {
  height: 100%;
}

.widget-element-banner.widget-element-education .container > .row {
  display: flex;
  align-items: center;
  align-content: center;
}

.widget-element-banner.widget-element-education .widget-element-heading h1 {
  font-size: 56px !important;
  line-height: 1;
}

.widget-element.yellow-grid-box-with-list {
  margin: -75px 0 124px;
}

.widget-element.yellow-grid-box-with-list .container,
.widget-element.yellow-grid-box-with-list .container > .row {
  height: 100%;
}

.widget-element.yellow-grid-box-with-list .container > .row {
  display: flex;
}

.widget-element.yellow-grid-box-with-list
  .container
  > .row
  .widget-element-details {
  display: flex;
  align-items: flex-end;
  height: 100%;
  padding: 100px 145px 0 0;
}

.widget-element.yellow-grid-box-with-list .widget-element-text p {
  font-size: 20px;
  padding: 0;
  margin: 0 0 16px;
  line-height: 28px;
}

.widget-element.yellow-grid-box-with-list .widget-element-box {
  background-color: #f8cd00;
  padding: 77px 90px 85px 100px;
  position: relative;
}

.widget-element.yellow-grid-box-with-list .widget-element-box::after {
  width: 0;
  height: 0;
  border-bottom: 55px solid #fff;
  border-left: 55px solid transparent;
  content: "";
  position: absolute;
  right: -1px;
  bottom: 0;
}

.widget-element.yellow-grid-box-with-list .widget-element-heading h2 {
  margin: 0 0 57px;
  font-size: 40px !important;
}

.widget-element.yellow-grid-box-with-list .widget-element-list li {
  margin: 0 0 21px;
  position: relative;
  padding-left: 54px;
  font-size: 18px;
  color: #4d4d4d;
  list-style-type: none !important;
}

.widget-element.yellow-grid-box-with-list .widget-element-list li::before {
  content: "";
  background: url("../png/arrow-iconaa44.png");
  width: 34px;
  height: 26px;
  position: absolute;
  left: 0;
  top: 0;
}

.widget-element-grid-image--black.widget-element-education
  .widget-element-image,
.widget-element-grid-boxes.widget-element-education .widget-element-item-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.widget-element-grid-image--black.widget-element-education
  .widget-element-image {
  height: 530px;
}

.widget-element-grid-boxes.widget-element-education .widget-element-item-image {
  height: 360px;
}

.widget-element-grid-image--black.widget-element-education
  .widget-element-heading
  h4,
.widget-element-grid-boxes.widget-element-education
  .widget-element-item-heading
  h4 {
  font-size: 18px;
  color: #fff;
  line-height: 28px;
  margin: 0 0 16px;
  font-weight: 400;
}

.widget-element-grid-boxes.widget-element-education
  .widget-element-item-heading
  h4 {
  color: #000;
}

.widget-element-grid-boxes.widget-element-education
  .widget-element-item-heading {
  max-width: 100%;
}

.widget-element-grid-image--black.widget-element-education
  .widget-element-heading
  h2
  span,
.widget-element-grid-boxes.widget-element-education
  .widget-element-item-heading
  h2
  span {
  font-size: 50px !important;
}

.widget-element-grid-image--black.widget-element-education
  .widget-element-heading
  h2
  label,
.widget-element-grid-boxes.widget-element-education
  .widget-element-item-heading
  h2
  label {
  font-size: 36px;
  padding-left: 23px;
}

.widget-element-grid-image--black.widget-element-education
  .widget-element-button
  > a,
.widget-element-grid-boxes.widget-element-education .widget-element-button > a {
  font-size: 16px;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  display: flex;
  width: 193px;
  height: 55px;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-color: #f8cd00;
  margin: 16px 0 0;
}

.widget-element-grid-boxes.widget-element-education .widget-element-button > a {
  background-color: #000;
  color: #fff;
}

.widget-element-grid-image--black.widget-element-education
  .widget-element-button
  > a:hover,
.widget-element-grid-boxes.widget-element-education
  .widget-element-button
  > a:hover {
  background-color: #b90b2e;
  color: #fff;
}

.widget-element-grid-image--black.widget-element-education.yellow-bg .row,
.widget-element-grid-image--black.widget-element-education.yellow-bg
  .widget-element-item {
  background-color: #f8cd00;
}

.widget-element-grid-image--black.widget-element-education.yellow-bg
  .widget-element-button
  > a {
  background-color: #000;
  color: #fff;
}

.widget-element-grid-image--black.widget-element-education.yellow-bg
  .widget-element-heading
  h4,
.widget-element-grid-image--black.widget-element-education.yellow-bg
  .widget-element-heading
  h2 {
  color: #000;
}

.widget-element-grid-image--black.widget-element-education.yellow-bg
  .widget-element-text
  p {
  color: #4e4e4e;
}

.widget-element-section-contents .widget-element-heading h2 {
  text-align: center;
  margin: 0 0 45px;
}

.widget-element-section-contents .widget-element-col-items {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}

.widget-element-section-contents .widget-element-col-items > div {
  flex: 0 0 50%;
  max-width: 50%;
  border-bottom: 1px solid #919191;
  border-right: 1px solid #919191;
  height: 133px;
  display: flex;
  align-items: center;
}

.widget-element-section-contents .widget-element-col-items > div > a {
  display: flex;
  align-items: center;
  padding: 0 42px 0 75px;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.widget-element-section-contents .widget-element-col-items > div > a:hover {
  opacity: 0.6;
}

.widget-element-section-contents .widget-element-col-items > div:first-child {
  border-left: 1px solid #919191;
}

.widget-element-section-contents .widget-element-col-items > div:first-child,
.widget-element-section-contents .widget-element-col-items > div:nth-child(2) {
  border-top: 1px solid #919191;
}

.widget-element-section-contents
  .widget-element-col-items
  > div:nth-child(odd) {
  border-left: 1px solid #919191;
}

.widget-element-section-contents
  .widget-element-col-items
  > div
  .widget-element-image {
  flex: 0 0 20%;
  max-width: 20%;
}

.widget-element-section-contents
  .widget-element-col-items
  > div
  .widget-element-details {
  flex: 0 0 65%;
  max-width: 65%;
}

.widget-element-section-contents
  .widget-element-col-items
  > div
  .widget-element-button {
  flex: 0 0 15%;
  max-width: 15%;
  text-align: right;
}

.widget-element-section-contents
  .widget-element-col-items
  > div
  .widget-element-details
  h5 {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 3px;
}

.widget-element-section-contents
  .widget-element-col-items
  > div
  .widget-element-details
  h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #000;
}

.widget-element-yellow-grid-statistic.widget-element-education {
  margin-top: 95px;
}

.widget-element-grid-image--black.widget-element-education {
  padding: 0;
  margin: 0 0 55px;
}

.widget-element-grid-boxes.widget-element-education {
  padding: 0;
  margin: 0 0 55px;
}

.widget-element-grid-boxes.widget-element-education
  .widget-element-item-heading
  h2,
.widget-element-grid-image--black.widget-element-education
  .widget-element-heading
  h2 {
  display: flex;
  align-items: stretch;
}

.widget-element-grid-boxes.widget-element-education
  .widget-element-item-heading
  h2
  label,
.widget-element-grid-image--black.widget-element-education
  .widget-element-heading
  h2
  label {
  display: flex;
  align-items: center;
}

.widget-element-grid-image--black.widget-element-education
  .widget-element-video {
  height: 500px;
}

.widget-element-grid-image--black.widget-element-education
  .widget-element-video
  > div {
  height: 100%;
  padding: 0 !important;
}

@media (max-width: 1171px) {
  .widget-element.yellow-grid-box-with-list
    .container
    > .row
    .widget-element-details {
    padding-right: 10px;
  }
}

@media (max-width: 991px) {
  .widget-element.yellow-grid-box-with-list > .container > .row {
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
  }

  .widget-element.yellow-grid-box-with-list > .container > .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .widget-element.yellow-grid-box-with-list
    .container
    > .row
    .widget-element-details {
    padding-top: 30px;
  }

  .widget-element-grid-image-with-text.widget-element-education
    > .container
    > .row {
    flex-direction: column;
    -ms-flex-direction: column;
  }

  .widget-element-grid-image-with-text.widget-element-education
    > .container
    > .row
    > div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .widget-element-grid-image-with-text.widget-element-education
    .widget-element-item {
    padding: 30px 0 0 !important;
  }

  .widget-element-grid-image-with-text.widget-element-education
    .widget-element-heading {
    margin: 0 0 40px;
  }

  .widget-element-section-contents .widget-element-col-items > div {
    padding: 0 20px;
  }

  .widget-element-section-contents .widget-element-col-items {
    flex-direction: column;
    -ms-flex-direction: column;
  }

  .widget-element-section-contents .widget-element-col-items > div {
    flex: 0 0 100%;
    max-width: 100%;
    border: 1px solid #919191 !important;
    margin-bottom: 10px;
    height: auto;
    padding: 20px;
  }

  .widget-element-section-contents
    .widget-element-col-items
    > div
    .widget-element-image {
    flex: 0 0 15%;
    max-width: 15%;
  }

  .widget-element-section-contents
    .widget-element-col-items
    > div
    .widget-element-details {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .widget-element-grid-image--black > .container > .row {
    flex-direction: column;
    -ms-flex-direction: column;
  }

  .widget-element-grid-image--black > .container > .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .widget-element-grid-image--black.widget-element-education
    > .container
    > .row
    > div {
    width: 100%;
  }

  .widget-element-grid-image--black.widget-element-education
    .widget-element-item {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .widget-element-grid-boxes.widget-element-education
    .widget-element-item-image,
  .widget-element-grid-image--black.widget-element-education
    .widget-element-image {
    height: 350px;
  }

  .widget-element.yellow-grid-box-with-list {
    margin: 50px 0 75px;
  }

  .widget-element-banner.widget-element-education {
    height: 500px !important;
  }
}

@media (max-width: 767px) {
  .widget-element-grid-image--black.widget-element-education
    .widget-element-video {
    height: 350px;
  }
}

@media (max-width: 585px) {
  .widget-element-section-contents
    .widget-element-col-items
    > div
    .widget-element-image {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .widget-element-section-contents
    .widget-element-col-items
    > div
    .widget-element-details {
    flex: 0 0 60%;
    max-width: 60%;
  }
}

@media (max-width: 400px) {
  .widget-element-section-contents
    .widget-element-col-items
    > div
    .widget-element-image
    img {
    max-width: 50px;
  }

  .widget-element-section-contents
    .widget-element-col-items
    > div
    .widget-element-button
    img {
    max-width: 28px;
  }

  .widget-element-section-contents
    .widget-element-col-items
    > div
    .widget-element-details
    h5 {
    font-size: 16px;
  }

  .widget-element-section-contents
    .widget-element-col-items
    > div
    .widget-element-details
    h3 {
    font-size: 21px;
  }
}

/* Articles */

.author {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}

a.author-link {
  text-decoration: none;
  color: #3f4041;
}

a.author-link:hover {
  text-decoration: underline;
  text-decoration-color: #000;
  color: #b90b2e;
}

.page-blog .page .wrap-content > .container > .row > .left-panel {
  display: none;
}

.page-blog .page .wrap-content > .container > .row > .right-panel {
  width: 100%;
}

.single-article-date,
.single-post-date {
  font-size: 20px;
  font-weight: 400;
  color: #939393;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 35px;
}

.single-article-title,
.single-post-title {
  font-size: 64px;
  line-height: 1;
  text-align: center;
  font-weight: 700;
  max-width: 880px;
  width: 100%;
  margin: 0 auto 32px;
  padding: 0 0 72px;
  border-bottom: 1px solid #cacaca;
}

.single-article-content h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  color: #000000;
}
.single-article-content h1 strong,
.single-article-content h2 strong,
.single-article-content h3 strong,
.single-article-content h4 strong,
.single-article-content h5 strong,
.single-article-content h6 strong {
  font-weight: 700;
}

.single-article-content h3,
.single-post-content h3 {
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 24px;
  color: #000000;
  clear: both;
}

.single-article-content p,
.single-post-content p {
  margin: 0 0 24px;
  font-size: 18px;
  font-weight: 400;
  color: #585a5a;
  padding: 0;
  line-height: 28px;
  clear: both;
}

.single-article-content ul {
  font-size: 18px;
  line-height: 28px;
  color: #585a5a;
  font-weight: 400;
}

.case-study-story ul {
  list-style-type: disc;
  list-style-position: inside;
}

.single-article-content .case-study-details p {
  max-width: 832px;
}

.widget-element-button-section {
  margin: 0 0 35px;
}

.page-blog .related-cover,
.page-blog .right-panel > div > h1 {
  display: none !important;
}

.page-blog .single-article-content blockquote,
.post-type-template .single-post-content blockquote {
  border-left: 6px solid #ffdd00;
  font-size: 38px;
  line-height: 50px;
  padding: 0 80px 0 45px;
  float: right;
  font-weight: 400;
  max-width: 65%;
  margin: 30px 0 70px;
}

.page-blog .widget-element-button-section {
  background-color: #eaeaea;
  background-image: url("../png/widget-element-button-section-bg-2.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  align-items: center;
  align-content: center;
  justify-content: center;
  display: flex;
  padding: 45px 90px;
}

.page-blog .widget-element-button-section h4 {
  font-size: 28px;
  line-height: 50px;
  color: #3f4041;
  font-weight: 400;
}

.page-blog .widget-element-button > a {
  background-color: #b90b2e;
  color: #fff;
  padding: 12px 32px;
  font-size: 20px;
  font-weight: 700;
  margin-left: 40px;
}

.page-blog .RadSocialShare {
  display: none;
}

.recent-articles {
  display: flex;
  flex-wrap: wrap;
}

.recent-articles-section-heading {
  flex: 0 0 100%;
  max-width: 100%;
  text-transform: uppercase;
  margin: 0 0 30px;
}

#articles-listing-heading .widget-element-heading h2,
#articles-listing-heading .widget-element-subheading h4 {
  color: #3f4041;
  text-align: center;
  display: flex;
  justify-content: center;
  font-weight: 400;
}

#articles-listing-heading .widget-element-heading h2 {
  font-size: 64px !important;
  margin: 0 0 24px !important;
  line-height: 1.2;
  word-wrap: break-word;
}

#articles-listing-heading .widget-element-subheading h4 {
  font-size: 28px !important;
  margin: 0 0 24px !important;
  line-height: 1.2;
  word-wrap: break-word;
}

#browse-categories {
  position: relative;
  margin: 0 0 40px;
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 55px;
}

#browse-categories a {
  text-decoration: none;
  display: block;
  overflow: hidden;
}

#browse-categories a:hover {
}

/* #browse-categories > .container > .row:nth-child(2) {
		border-bottom: 1px solid #bfbfbf;
		padding-bottom: 55px;
} */
#browse-categories .widget-element-heading h2 {
  text-transform: uppercase;
  font-size: 30px !important;
  font-weight: 700;
  text-align: center;
  display: block;
  margin: 0 0 30px;
}

#browse-categories .widget-element-item {
  height: 183px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 31px;
  text-align: center;
  position: relative;
}

#browse-categories .widget-element-item:hover::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.16);
  z-index: 5;
}

#browse-categories .widget-element-item:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background-color: #000000;
  opacity: 0.24;
}

#browse-categories .widget-element-item h3 {
  position: relative;
  z-index: 100;
  font-size: 24px;
  text-transform: uppercase;
  color: #fff;
  line-height: 1.3;
  text-shadow: 0 8px 24px rgb(51, 46, 47);
}

#browse-categories > .container > .row:nth-child(2) a:hover h3 {
  color: #b90b2e;
}
.recent-articles .article {
  margin-bottom: 24px !important;
}

.recent-articles .article {
  margin-bottom: 48px;
  padding-bottom: 24px;
  padding-top: 16px;
  position: relative;
  color: #585a5a;
}

.recent-articles .article:hover {
  background-color: #f2f2f2;
}

.featured-articles .more-btn {
  color: #fff;
  font-size: 14px;
  border: 1px solid #fff;
  padding: 8px !important;
  float: left;
  margin: 0 10px 0 0;
  display: table;
}

.featured-articles .more-btn:hover {
  color: #b90b2e;
  border-color: #b90b2e;
}

.sub-featured-articles .more-btn {
  display: none;
}

.recent-articles:not(.featuerd-articles) .article:first-child::after,
.recent-articles:not(.featuerd-articles) .article:nth-child(1n + 3)::after {
  left: 16px;
}

.recent-articles:not(.featured-articles) .article:nth-child(3n + 3)::after {
  left: -16px;
}

.recent-articles:not(.featured-articles) .article.no-border::after {
  display: none;
}

.recent-articles .article .sftitle {
  margin-top: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.recent-articles .article .sftitle > a {
  color: #3f4041;
}

.recent-articles .article .article-description p,
.recent-articles .article .article-description {
  font-size: 0.875rem;
  line-height: 1.2;
  color: #3f4041;
}

.recent-articles .article time {
  color: #585a5a;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
}

.recent-articles .article time:after {
  content: "|";
  padding-left: 0.25rem;
}

.recent-articles .article .category .sfCategoriesList li span {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}
.sfCategoriesList {
  list-style-type: none;
}
.recent-articles .article .category {
  display: inline;
}
.sfitemsList .category li {
  margin-bottom: 0;
  display: inline-block;
  width: auto;
}
.category div,
.category ul {
  display: inline;
}

.category-articles-nav {
  border-bottom: 1px solid #bfbfbf;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 50px;
  padding: 0 0 20px;
}

.category-articles-nav .category-articles-nav-item {
  flex: 1;
}

.category-articles-nav-item > a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 20px;
  color: #404040;
  font-weight: 700;
  margin: 0 auto;
  display: table;
  position: relative;
  text-align: center;
}

.category-articles-nav-item > a::after {
  content: "";
  width: 100%;
  border-bottom: 5px solid #b92030;
  position: absolute;
  bottom: -20px;
  left: 0;
  visibility: hidden;
}

.category-articles-nav-item > a:hover {
  color: #b92030;
}

.category-articles-nav-item.current-nav-item a::after,
.category-articles-nav-item > a:hover::after {
  visibility: visible;
}

.category-articles-heading h2,
.category-articles-subheading h3 {
  display: flex;
  justify-content: center;
}

.wrap-content .category-articles-heading h2,
.page-experience-fanuc .category-articles-heading h2 {
  margin: 0 0 70px !important;
  font-size: 50px !important;
  color: #3f4041;
  font-weight: 700;
  line-height: 1.2;
}

.wrap-content .category-articles-subheading h3,
.page-experience-fanuc .category-articles-subheading h3,
.page-experience-fanuc .category-articles-subheading .active-heading,
.page-experience-fanuc .category-articles-subheading .active-heading {
  font-size: 38px;
  color: #3f4041;
  text-transform: uppercase;
  margin: 0 0 60px !important;
  line-height: 1.2;
}

.page-experience-fanuc .category-articles-subheading .active-heading,
.page-experience-fanuc .category-articles-subheading .active-heading {
  text-align: center;
}

.category-articles-form {
  max-width: 885px;
  margin: 220px auto 45px;
}

.category-articles-form h5 {
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  text-align: center;
  padding: 0 40px 24px;
}

.articles-offset .article:nth-child(-n + 4) {
  display: none;
}
.recent-articles .article img {
  width: 100%;
}

.recent-articles .preview-image-holder {
  height: 240px;
  width: 100%;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center;
}

.recent-articles .featured-images {
  display: none !important;
}

.view-all-articles {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 64px 0;
}

.view-all-articles > a {
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  padding: 16px 64px;
  transition: 0.4s ease;
  text-decoration: none;
  box-sizing: border-box;
  border: 2px solid rgba(0, 0, 0, 0);
}
.view-all-articles > a:hover {
  text-decoration: none;
  background-color: #585a5a;
  border: 2px solid #000;
  box-sizing: border-box;
}
.articles-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.articles-pagination > div {
  margin: 96px 0 0;
}

.articles-pagination a {
  font-size: 30px;
  font-weight: 700;
  color: #b92030;
  margin: 0 18px;
}

.articles-pagination a:hover,
.articles-pagination a.sf_PagerCurrent {
  color: #000;
}

.featured-articles {
  display: flex;
  width: 100%;
  align-items: flex-start;
  margin: 0 0 64px;
}

.featured-articles > div:first-child {
  flex: 0 0 60%;
  max-width: 60%;
}

.featured-articles > div:last-child {
  flex: 0 0 40%;
  max-width: 40%;
}

.featured-articles .main-featured-articles .article {
  flex: 0 0 100%;
  max-width: 100%;
}

.featured-articles .main-featured-articles .article:hover {
  background-color: #fff;
}

.featured-articles
  .main-featured-articles
  .article
  .preview-image
  .preview-image-holder {
  width: 100%;
  height: 300px;
  margin: 0;
}

.featured-articles .main-featured-articles .article {
  margin: 0 24px 0 0;
}

.featured-articles .main-featured-articles .article .article-meta {
  background-color: #000;
  padding: 45px 100px 35px 45px;
}

.recent-articles .article .article-meta .article-description {
  color: #bfc0c0;
}
.featured-articles .main-featured-articles .article .article-meta .sftitle {
  font-size: 30px;
  line-height: 1.2;
}

.featured-articles .main-featured-articles .article .article-meta .sftitle a {
  color: #fff;
  font-weight: 600;
}

.featured-articles .main-featured-articles .article .article-meta ul {
  margin: 0;
}

.featured-articles .main-featured-articles .article .article-meta ul li {
  color: #fff;
  font-size: 14px;
  border: 1px solid #fff;
  padding: 8px !important;
  float: left;
  margin: 0 10px 0 0;
  width: auto;
}

.featured-articles .main-featured-articles .article .article-meta ul li a {
  color: #fff;
}

.featured-articles
  .main-featured-articles
  .article
  .article-meta
  ul
  li:last-child {
  margin: 0;
}

.featured-articles .main-featured-articles .article .article-meta {
}

.featured-articles
  .main-featured-articles
  .article
  .article-meta
  .article-details {
  display: flex;
  flex: 0 0 100%;
  width: 100%;
  align-items: center;
}

.featured-articles
  .main-featured-articles
  .article
  .article-meta
  .article-details
  time {
  color: #bfc0c0;
  margin: 0 14px 0 0;
}

/* .featured-articles .sub-featured-articles .article-category {
	display: none;
} */

.sub-featured-articles .article .article-meta .article-description {
  color: #585a5a;
}

.featured-articles .sub-featured-articles .article {
  display: flex;
  flex-direction: row;
  flex: 0 0 100%;
  max-width: 100%;
}

.featured-articles .sub-featured-articles .article > div {
  flex: 1;
  font-size: 0.75rem;
}

.featured-articles .sub-featured-articles .article {
  padding: 16px;
  margin-bottom: 18px;
}

.featured-articles .sub-featured-articles .article:last-child {
  margin-bottom: 0;
}

.featured-articles .sub-featured-articles .article .preview-image-holder {
  height: 136px;
  margin-bottom: 0;
}

.featured-articles .sub-featured-articles .article .article-meta {
  margin: 0 0 0 24px;
}

.featured-articles .sub-featured-articles .article .sftitle {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 0;
}

.single-article-content .preview-image-holder,
.single-post-content .preview-image-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 55px;
}

.single-article-content .preview-image-holder img,
.single-post-content .preview-image-holder img {
  max-width: 100%;
}

.single-article-content .featured-images,
.single-post-content .featured-images {
  display: none;
}

.single-article-content .single-article-text,
.single-post-content .single-post-text {
  max-width: 885px;
  margin: 0 auto;
}
.single-article-content .single-article-text {
  margin-bottom: 1rem;
}

.single-article-text ul {
  list-style-type: disc;
  padding-left: 1em;
}

.single-article-content .single-article-text .blockquote,
.single-post-content .single-post-text .blockquote {
  display: flex;
  justify-content: flex-end;
  margin: 50px 0 75px;
}

.single-article-content .single-article-text blockquote,
.single-post-content .single-post-text blockquote {
  margin-top: 48px;
  margin-bottom: 48px;
  border-left: 4px solid #ffdd00;
  padding-left: 46px;
  color: #3f4041;
  font-size: 20px;
  line-height: 28px;
  max-width: 80%;
}

.single-article-content .single-article-text .widget-element-button-section,
.single-post-content .single-post-text .widget-element-button-section {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-image: url("../png/widget-element-button-section-bg-2.png");
  background-color: #eaeaea;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 45px 0 40px;
  padding: 35px 0;
}

.single-article-content .single-article-text .widget-element-button-section h4,
.single-post-content .single-post-text .widget-element-button-section h4 {
  font-weight: 400;
  font-size: 28px;
  color: #3f4041;
}

.single-article-content
  .single-article-text
  .widget-element-button-section
  .widget-element-button
  a,
.single-post-content
  .single-post-text
  .widget-element-button-section
  .widget-element-button
  a {
  font-size: 20px;
  color: #fff;
  background-color: #b90b2e;
  padding: 16px 35px;
  font-weight: 700;
  margin-left: 35px;
  display: table;
}

.single-article-meta {
  width: 100%;
  max-width: 1171px;
  display: flex;
  margin: 0 auto 2rem;
}

.single-post-meta {
  display: flex;
  align-items: center;
  margin: 30px auto 60px;
  max-width: 885px;
}

.bottom-article-meta,
.bottom-post-meta {
  margin-top: 60px;
}

.single-article-meta > div,
.single-post-meta > div {
  flex: 1;
}

.single-article-meta .categories ul,
.single-post-meta .categories ul {
  margin: 0;
}

.single-article-meta .categories ul li,
.single-post-meta .categories ul li {
  margin-right: 12px;
  float: left;
}

.single-article-meta .categories ul li a,
.single-post-meta .categories ul li a {
  color: #fff;
  background-color: #676767;
  font-size: 20px;
  font-weight: 400;
  padding: 8px 16px;
  display: inline-block;
  text-decoration: none;
}

.single-article-meta .categories ul li a:hover,
.single-post-meta .categories ul li a:hover {
  background: #b90b2e;
}

.single-article-meta .categories ul li:last-child,
.single-post-meta .categories ul li:last-child {
  margin-right: 0;
}

.single-article-meta .categories > a:hover,
.single-post-meta .categories > a:hover {
  background: #000;
}

.single-article-meta .categories > a:last-child,
.single-post-meta .categories > a:last-child {
  margin-right: 0;
}

.single-article-meta .social-share {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /*margin-top: 24px;*/
}

.single-post-meta .social-share {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.single-article-meta .social-share .st-btn,
.single-post-meta .social-share .st-btn {
  display: inline-block !important;
  background: #000 !important;
  color: #fff;
}

.single-article-meta .social-share > label,
.single-post-meta .social-share > label {
  font-size: 20px;
}

.single-article-meta .social-share > div,
.single-post-meta .social-share > div {
  margin-left: 24px;
}

.social-share > div,
.sharethis-inline-share-buttons {
  z-index: 0 !important;
}

.single-post-content.full-width .single-post-text {
  max-width: 100%;
  width: 100%;
}

.post-type-template #footer-area .footer-area iframe {
  max-width: 848px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.post-type-template #footer-area iframe {
  margin-bottom: 64px;
}

/* .post-type-template .single-post-wrapper .related-cover {
	display: none !important;
} */

.post-type-template .back-to-overview {
  margin: 48px auto 48px !important;
  width: 100%;
  max-width: 1171px;
}

.post-type-template .fixed-width {
  max-width: 865px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* .post-type-template .related-cover {
		max-width: 865px;
		margin-left: auto;
		margin-right: auto;
} */

@media (max-width: 1171px) {
  .category-articles-nav-item > a {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .featured-articles .main-featured-articles .article .article-meta {
    padding: 30px;
  }

  .featured-articles > div {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 50px;
  }

  .featured-articles > div:last-child {
    margin-bottom: 0;
  }

  .featured-articles .main-featured-articles .article {
    margin: 0 !important;
  }

  .featured-articles .sub-featured-articles .article .preview-image-holder {
    height: 175px;
  }

  #browse-categories {
    padding-bottom: 35px;
  }

  #browse-categories .widget-element-item {
    margin-bottom: 30px;
  }

  .recent-articles .article {
    margin-bottom: 48px;
  }

  .recent-articles .preview-image-holder {
    max-height: 400px;
  }

  .single-article-content .single-article-text blockquote,
  .single-post-content .single-article-text blockquote {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .single-article-content .single-article-text .widget-element-button-section,
  .single-post-content .single-post-text .widget-element-button-section {
    flex-direction: column;
    -ms-flex-direction: column;
  }

  .single-article-content
    .single-article-text
    .widget-element-button-section
    h4,
  .single-post-content .single-post-text .widget-element-button-section h4 {
    margin-bottom: 30px;
  }

  .single-article-meta .categories ul li,
  .single-post-meta .categories ul li {
    font-size: 16px;
  }

  .single-article-content .preview-image-holder,
  .single-post-content .preview-image-holder {
    height: 350px;
  }

  /* .recent-articles:not(.featured-articles) .article::after {
		display: none;
	} */
}

@media (max-width: 767px) {
  #browse-categories .widget-element-heading h2 {
    margin-bottom: 30px !important;
  }

  #browse-categories .widget-element-item {
    height: 200px;
    margin-bottom: 30px !important;
  }

  .single-article-title,
  .single-post-title {
    font-size: 50px;
    line-height: 1.2;
  }

  .single-article-meta,
  .single-post-meta {
    flex-direction: column;
    -ms-flex-direction: column;
  }

  .single-article-meta .categories,
  .single-post-meta .caterogies {
    margin: 0 0 30px;
  }

  .category-articles-nav-item > a {
    font-size: 14px;
  }
}

@media (max-width: 585px) {
  #st-1 .st-btn > img {
    height: auto !important;
    top: 0 !important;
  }

  #articles-listing-heading .widget-element-heading h2 {
    font-size: 50px !important;
  }

  .recent-articles .preview-image-holder {
    height: 250px;
  }

  .featured-articles .main-featured-articles .article .article-meta .sftitle {
    font-size: 27px;
  }

  .category-articles-nav {
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .category-articles-nav .category-articles-nav-item {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  .category-articles-nav-item > a {
    background-color: #b92030;
    color: #fff;
    display: block;
    padding: 8px 16px;
    text-align: left;
    border-bottom: 1px solid #fff;
    font-size: 16px;
  }

  .category-articles-nav .category-articles-nav-item.current-nav-item a {
    background-color: #ffdd00;
    color: #000;
  }

  .category-articles-nav-item > a::after {
    display: none;
  }

  .articles-pagination a {
    font-size: 24px;
    margin: 0 9px;
  }

  .page .recent-articles .preview-image-holder {
    /* margin-bottom: 12px !important; */
  }

  .widget-element-grid-images-with-heading .widget-element-heading {
    width: 100%;
    padding: 20px;
  }

  .widget-element-grid-with-sub-grid--black .widget-element-item {
    padding: 5px 16px;
  }
}

@media (max-width: 485px) {
  .featured-articles
    .main-featured-articles
    .article
    .article-meta
    .article-details {
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: flex-start;
  }

  .featured-articles
    .main-featured-articles
    .article
    .article-meta
    .article-details
    time {
    margin-bottom: 20px;
  }

  #articles-listing-heading .widget-element-heading h2 {
    font-size: 40px !important;
  }

  .featured-articles
    .main-featured-articles
    .article
    .preview-image
    .preview-image-holder {
    height: 250px;
  }

  .wrap-content .category-articles-heading h2 {
    font-size: 40px !important;
  }

  .wrap-content .category-articles-subheading h3 {
    font-size: 26px;
  }
}

@media (max-width: 400px) {
  .featured-articles .sub-featured-articles .article {
    flex-direction: column;
    -ms-flex-direction: column;
  }

  .featured-articles .main-featured-articles .article .article-meta ul li {
    width: 100%;
    margin: 0 0 8px;
  }

  .featured-articles .sub-featured-articles .article .article-meta {
    margin: 16px 0 0;
  }
}

.wrap-breadcumb,
.wrap-breadcrumb {
  margin-top: 16px;
}
.back-to-overview a {
  text-decoration: none;
}
.single-article .back-to-overview,
.single-post-wrapper .back-to-overview {
  margin: -40px 0 50px;
}

.single-article .back-to-overview a,
.single-post-wrapper .back-to-overview a {
  color: #404040;
  font-size: 20px;
  font-weight: 700;
}

.single-article .back-to-overview a:hover,
.single-post-wrapper .back-to-overview a:hover {
  color: #b90b2e;
}

.widget-element-primary-button {
  display: flex;
  align-items: center;
}

.widget-element-primary-button.button-align-left {
  justify-content: flex-start;
}

.widget-element-primary-button.button-align-center {
  justify-content: center;
}

.widget-element-primary-button.button-align-right {
  justify-content: flex-end;
}

.widget-element-primary-button.mt-10 {
  margin-top: 10px;
}

.widget-element-primary-button.mt-20 {
  margin-top: 20px;
}

.widget-element-primary-button.mt-30 {
  margin-top: 30px;
}

.widget-element-primary-button.mt-40 {
  margin-top: 40px;
}

.widget-element-primary-button.mt-50 {
  margin-top: 50px;
}

.widget-element-primary-button.mb-10 {
  margin-bottom: 10px;
}

.widget-element-primary-button.mb-20 {
  margin-bottom: 20px;
}

.widget-element-primary-button.mb-30 {
  margin-bottom: 30px;
}

.widget-element-primary-button.mb-40 {
  margin-bottom: 40px;
}

.widget-element-primary-button.mb-50 {
  margin-bottom: 50px;
}

.widget-element-primary-button > a {
  background: #bb1f32;
  color: #fff;
  text-transform: uppercase;
  padding: 16px 30px;
  display: flex;
  font-size: 16px !important;
  line-height: 24px;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.widget-element-primary-button.button-yellow > a {
  background: #ffdd00;
  color: #000;
}

.widget-element-primary-button.button-black > a {
  background: #000;
}

.widget-element-primary-button.button-gray > a {
  background: #dde0e7;
  color: #000;
}

.widget-element-primary-button > a:hover {
  opacity: 0.6;
}

/* Template: Local SEO */
.widget-element-banner.template-local-seo {
  background-color: #dde0e7;
  padding: 0;
  position: relative;
}

.widget-element-banner.template-local-seo::before {
  width: 35%;
  height: 100%;
  position: absolute;
  content: "";
  background-image: url("../png/banner-yellow-lines-2.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #ffdd00;
  right: 0;
  top: 0;
}

.widget-element-banner.template-local-seo .widget-element-item {
  width: 100%;
  max-width: 100%;
}

.widget-element-banner.template-local-seo .widget-element-image {
  width: 100%;
  height: 546px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
  position: relative;
}

.widget-element-banner.template-local-seo .widget-element-heading {
  font-size: 48px;
  line-height: 1.1;
}

.widget-element-banner.template-local-seo .widget-element-text {
  font-size: 18px;
  color: #717374;
}

.widget-element-grid-image-with-text.template-local-seo .widget-element-item {
  padding: 0 60px;
}

.widget-element-grid-image-with-text.template-local-seo
  .widget-element-heading {
  margin: 0 0 45px;
}

.widget-element-map.template-local-seo {
  margin: 0 !important;
  line-height: 1;
}

.widget-element-facility-services.template-local-seo {
  background-color: #000;
  margin: 0;
  padding: 0 0 112px;
}

.widget-element-facility-services.template-local-seo > .container > .row {
  border-bottom: 1px solid #555555;
  padding-bottom: 60px;
  margin-bottom: 60px;
}

.widget-element-facility-services.template-local-seo .intro-section {
  display: flex;
}

.widget-element-facility-services.template-local-seo
  .intro-section
  .widget-element-item {
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
}

.widget-element-facility-services.template-local-seo
  .intro-section
  .widget-element-item
  h2 {
  margin-bottom: 24px;
}

.widget-element-facility-services.template-local-seo
  .intro-section
  .widget-element-item
  p {
  color: #fff;
  font-size: 18px;
}

.widget-element-facility-services.template-local-seo h2.widget-element-heading {
  font-size: 48px;
  color: #fff;
}

.widget-element-facility-services.template-local-seo h3.widget-element-heading {
  color: #fff;
  font-size: 32px;
  margin-top: 30px;
}

.widget-element-facility-services.template-local-seo
  h3.widget-element-heading
  img {
  margin-left: 16px;
}

.widget-element-facility-services.template-local-seo
  h3.widget-element-heading
  > a {
  margin-left: 35px;
}

.widget-element-map iframe {
  width: 100%;
}

.widget-element-grid-text.template-local-seo .widget-element-heading {
  font-size: 38px;
  margin: 0 0 24px;
  padding-right: 50px;
}

.widget-element-grid-text.template-local-seo .widget-element-text {
  font-size: 20px;
  color: #717374;
  padding-right: 50px;
}

.widget-element-contact-details-box.template-local-seo .widget-element-heading {
  padding-bottom: 16px;
  display: flex;
  align-items: center;
}

.widget-element-contact-details-box.template-local-seo .widget-element-heading {
  font-size: 26px;
  border-bottom: 2px solid #000;
  margin: 0 0 35px;
  height: 80px;
}

.widget-element-contact-details-box.template-local-seo
  .widget-element-heading
  img {
  margin-right: 16px;
}

.widget-element-contact-details-box.template-local-seo .widget-element-address {
  font-size: 20px;
  color: #545454;
}

.widget-element-facility-services.template-local-seo
  .row:not(.intro-section)
  .widget-element-item {
  text-align: center;
}

.widget-element-facility-services.template-local-seo
  .row:not(.intro-section)
  .widget-element-item
  .widget-element-icon {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.widget-element-contact-details-box.template-local-seo
  .widget-element-phone-details
  li {
  font-size: 20px;
  margin: 0 0 10px;
}

.widget-element-contact-details-box.template-local-seo
  .widget-element-phone-details
  strong {
  color: #000;
}

.widget-element-contact-details-box.template-local-seo
  .widget-element-phone-details {
  color: #545454;
}

.widget-element-contact-details-box.template-local-seo
  .widget-element-contact-us-button
  > a {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #000;
}

.widget-element-contact-details-box.template-local-seo
  .widget-element-contact-us-button
  > a
  img {
  margin-left: 12px;
}

@media (max-width: 1199px) {
  .widget-element-banner.template-local-seo > .container > .row > div {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 991px) {
  .widget-element-grid-text.template-local-seo .widget-element-item {
    margin-bottom: 50px;
  }

  .widget-element-contact-details-box.template-local-seo .widget-element-item {
    height: 260px;
  }

  .widget-element-grid-image-with-text.template-local-seo > .container > .row {
    display: block;
  }

  .widget-element-grid-image-with-text.template-local-seo .widget-element-item {
    padding: 40px 0 0 !important;
  }

  .widget-element-grid-image-with-text.template-local-seo
    .widget-element-image {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .wrapper .page .widget-element-map.template-local-seo {
    margin: 0 !important;
  }
}

@media (max-width: 650px) {
  .widget-element-banner.template-local-seo {
    padding: 40px 0 20px;
  }

  .widget-element-banner.template-local-seo::before {
    display: none !important;
  }

  .widget-element-banner.template-local-seo > .container > .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .widget-element-banner.template-local-seo .widget-element-item {
    margin: 0 0 20px;
  }

  .widget-element-banner.template-local-seo .widget-element-image {
    height: 350px;
  }

  .widget-element-banner.template-local-seo .widget-element-heading,
  .widget-element-banner.template-local-seo .widget-element-text {
    max-width: 100%;
  }
}

@media (max-width: 585px) {
  .widget-element-facility-services.template-local-seo
    h3.widget-element-heading {
    font-size: 20px;
  }

  .widget-element-facility-services.template-local-seo
    h3.widget-element-heading
    > a {
    margin-left: 5px;
  }

  .widget-element-facility-services.template-local-seo
    h3.widget-element-heading
    > a
    > img {
    width: 24px;
  }

  .widget-element-facility-services.template-local-seo .widget-element-icon {
    display: flex;
    align-items: center;
    height: 70px;
  }

  .widget-element-facility-services.template-local-seo
    .widget-element-icon
    img {
    height: 70px;
    margin: 0 !important;
  }

  .widget-element-facility-services.template-local-seo .intro-section {
    display: block;
  }

  .widget-element-facility-services.template-local-seo
    h2.widget-element-heading {
    margin-top: 35px;
  }
}

/* CRX ebook */
.template-crx-ebook.widget-element-banner-form {
  background-color: #202020;
  position: relative;
  padding: 60px 0;
}

.template-crx-ebook.widget-element-banner-form::before {
  content: "";
  width: 70%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #86bd40;
  background-image: url(../png/icon-banner-lines9b73.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}

.template-crx-ebook.widget-element-banner-form .widget-element-sub-text {
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  margin: 35px 0 16px;
  font-size: 18px;
}

.template-crx-ebook.widget-element-banner-form .widget-element-sub-text strong {
  font-weight: 700;
}

.template-crx-ebook.widget-element-banner-form .widget-element-heading {
  margin: 0 0 24px;
  font-size: 50px !important;
  color: #000;
  line-height: 1.2;
}

.template-crx-ebook.widget-element-banner-form .widget-element-text {
  font-weight: 600;
  color: #fff;
  font-size: 18px;
  padding: 0;
  margin: 0 0 30px;
}

.template-crx-ebook.widget-element-banner-form
  .widget-element-form
  .widget-element-form-fields {
  display: flex;
  justify-content: space-between;
  margin: 0 0 16px;
}

.template-crx-ebook.widget-element-banner-form
  .widget-element-form
  .widget-element-form-fields.widget-element-form-fields-radio {
  justify-content: flex-start;
  flex-direction: column;
  -ms-flex-direction: column;
}

html body.crx-ebook-landing form input[type="text"],
html body.crx-ebook-landing form input[type="email"],
html body.crx-ebook-landing form .sbHolder {
  border: 2px solid #000;
  height: 35px;
  padding: 2px 16px 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: none;
}

html body.crx-ebook-landing form .sbSelector {
  color: #000;
  text-transform: uppercase;
}

html body.crx-ebook-landing form .sbHolder {
  height: 29px;
}

html body.crx-ebook-landing form #lidrpState {
  display: none !important;
}

html body.crx-ebook-landing form ul li {
  width: 49%;
  float: left;
}

html body.crx-ebook-landing form #trUseCobotyn > label {
  display: block !important;
}

html body.crx-ebook-landing form ul li .g-recaptcha {
  margin-top: -30px;
}

html body.crx-ebook-landing form .sbHolder ul li {
  float: none;
  display: block;
}

.template-crx-ebook.widget-element-banner-form
  .widget-element-form
  .widget-element-form-fields
  .widget-element-dropdown-wrapper {
  width: 49%;
  position: relative;
}

.template-crx-ebook.widget-element-banner-form
  .widget-element-form
  .widget-element-form-fields
  .widget-element-dropdown-wrapper::after {
  position: absolute;
  top: 14px;
  right: 10px;
  content: "";
  background-image: url(../png/icon-arrow-downf383.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 10px;
}

.template-crx-ebook.widget-element-banner-form
  .widget-element-form
  .widget-element-form-fields
  select {
  width: 100%;
}

.template-crx-ebook.widget-element-banner-form
  .widget-element-form
  .widget-element-form-fields
  select {
  -webkit-appearance: none;
  appearance: none;
}

html body.crx-ebook-landing form ::-webkit-input-placeholder {
  color: #000;
  text-transform: uppercase;
}

html body.crx-ebook-landing form ::-moz-placeholder {
  color: #000;
  text-transform: uppercase;
}

html body.crx-ebook-landing form :-ms-input-placeholder {
  color: #000;
  text-transform: uppercase;
}

html body.crx-ebook-landing form :-moz-placeholder {
  color: #000;
  text-transform: uppercase;
}

.template-crx-ebook.widget-element-banner-form
  .widget-element-form
  .widget-element-form-field-radio {
  margin: 10px 0 0;
}

.template-crx-ebook.widget-element-banner-form
  .widget-element-form
  .widget-element-form-field-radio
  label {
  margin: 0 0 5px;
}

.template-crx-ebook.widget-element-banner-form
  .widget-element-form
  .widget-element-form-field-radio
  li {
  float: left;
  display: inline;
  margin: 0 30px 0 0;
}

.template-crx-ebook.widget-element-banner-form
  .widget-element-form
  .widget-element-form-field-radio
  li
  input {
  margin: 5px 5px 0;
  float: left;
}

.template-crx-ebook.widget-element-banner-form
  .widget-element-form
  .widget-element-form-field-radio
  li:last-child {
  margin: 0;
}

html body.crx-ebook-landing form .button-wrapper {
  position: relative;
  display: table;
  width: auto;
}

html body.crx-ebook-landing form input[type="button"] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #202020;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  padding: 17px 30px 12px !important;
  margin: 30px 0 0 !important;
  border: 0;
  float: left;
}

html body.crx-ebook-landing form .button-wrapper::after {
  width: 0;
  height: 0;
  border-bottom: 16px solid #86bd40;
  border-left: 16px solid transparent;
  content: "";
  position: absolute;
  right: -1px;
  bottom: 0;
}

html body.crx-ebook-landing form .sbToggle {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
  text-decoration: none;
}

html body.crx-ebook-landing form label {
  display: none;
}

html body.crx-ebook-landing form #trUseCobotyn input {
  margin-right: 6px;
}

html body.crx-ebook-landing form #trUseCobotyn label {
  display: inline;
}

.template-crx-ebook.widget-element-banner-form .widget-element-form iframe {
  width: 100%;
}

html body.crx-ebook-landing form {
  background: none !important;
  padding: 0 !important;
}

.template-crx-ebook.widget-element-download-section {
  height: 588px;
  position: relative;
}

.template-crx-ebook.widget-element-download-section > .container,
.template-crx-ebook.widget-element-download-section > .container > .row,
.template-crx-ebook.widget-element-download-section > .container > .row > div,
.template-crx-ebook.widget-element-download-section
  > .container
  > .row
  .widget-element-item {
  height: 100%;
}

.template-crx-ebook.widget-element-download-section .widget-element-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
}

.template-crx-ebook.widget-element-download-section::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.5);
}

.template-crx-ebook.widget-element-download-section .widget-element-heading {
  color: #fff;
  text-align: center;
  font-size: 50px !important;
  line-height: 1.1;
  margin: 0 0 50px;
  max-width: 765px;
}

.template-crx-ebook.widget-element-robots-help {
  padding: 80px 0;
}

.template-crx-ebook.widget-element-robots-help .widget-element-heading {
  font-size: 50px !important;
  margin: 0 0 45px;
  padding-right: 70px;
  line-height: 1.2;
}

.template-crx-ebook.widget-element-robots-help .widget-element-text {
  font-size: 20px;
  color: #717374;
  padding: 0;
  margin: 0 0 47px;
}

.template-crx-ebook.widget-element-robots-help .widget-element-list {
  padding-left: 45px;
}

.template-crx-ebook.widget-element-robots-help .widget-element-text p {
  margin: 0 0 30px;
  padding: 0;
}

.template-crx-ebook.widget-element-robots-help .widget-element-list li {
  margin: 0 0 24px;
  font-size: 20px;
  color: #717374;
  position: relative;
  padding: 0 0 0 45px;
}

.template-crx-ebook.widget-element-robots-help .widget-element-list li::before {
  content: "";
  background-image: url(../png/icon-right-green-arrowd8da.png);
  position: absolute;
  top: 4px;
  left: 0;
  width: 24px;
  height: 20px;
}

.widget-element-grid-text-with-image.template-crx-ebook {
  padding: 100px 0;
}

.widget-element-grid-text-with-image.template-crx-ebook
  .widget-element-heading {
  margin: 20px 0;
}

.widget-element-grid-text-with-image .widget-element-image {
  height: 80px;
}

.widget-element-grid-text-with-image.template-crx-ebook .col-item {
  padding: 0 24px 40px 24px;
}

.widget-element-grid-text-with-image.template-crx-ebook
  .col-item
  .widget-element-text
  p,
.widget-element-grid-text-with-image.template-crx-ebook .widget-element-text p {
  color: #717374;
}

.widget-element-grid-text-with-image.template-crx-ebook .widget-element-text p {
  padding: 0;
}

@media (max-width: 991px) {
  .template-crx-ebook.widget-element-banner-form::before {
    width: 100%;
  }

  .template-crx-ebook.widget-element-banner-form .widget-element-image {
    display: flex;
    justify-content: center;
  }

  .widget-element-grid-text-with-image.template-crx-ebook .col-item {
    padding: 30px 0;
  }

  .template-crx-ebook.widget-element-robots-help .widget-element-heading {
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .widget-element-download-ebook.template-crx-ebook::before {
    width: 100%;
  }

  .widget-element-download-ebook.template-crx-ebook > .container > .row {
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
  }

  .widget-element-download-ebook.template-crx-ebook .widget-element-heading h2 {
    color: #fff;
    margin-top: 40px;
  }
}

@media (max-width: 580px) {
  .widget-element-download-ebook.template-crx-ebook .widget-element-image img,
  .template-crx-ebook.widget-element-banner-form .widget-element-image img {
    height: 340px;
  }

  .template-crx-ebook.widget-element-robots-help .widget-element-list {
    padding-left: 0;
  }

  .template-crx-ebook.widget-element-robots-help .widget-element-heading,
  .template-crx-ebook.widget-element-download-section .widget-element-heading,
  .template-crx-ebook.widget-element-banner-form .widget-element-heading {
    font-size: 43px !important;
  }
}

/* Accordion CSS */
.accordionjs {
  position: relative;
  margin: 10px 0 20px 0;
  padding: 0;
  list-style: none;
}

.accordionjs .acc_section {
  border: 1px solid #ccc;
  position: relative;
  z-index: 10;
  margin-top: -1px;
  overflow: hidden;
}

.accordionjs .acc_section .acc_head {
  position: relative;
  background: #fff;
  padding: 10px;
  display: block;
  cursor: pointer;
}

.accordionjs .acc_section .acc_head h3 {
  line-height: 1;
  margin: 5px 0;
}

.accordionjs .acc_section .acc_content {
  padding: 10px;
}

.accordionjs .acc_section:first-of-type,
.accordionjs .acc_section:first-of-type .acc_head {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.accordionjs .acc_section:last-of-type,
.accordionjs .acc_section:last-of-type .acc_content {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.accordionjs .acc_section.acc_active > .acc_content {
  display: block;
}

.accordionjs .acc_section.acc_active > .acc_head {
  background: #f9f9f9;
  border-bottom: 1px solid #ccc;
}

/* End of Accordion CSS */

.press-release:hover {
  background-color: #f9f9f9;
}

/* CRX page CSS */

.crx-banner .content-block-heading {
  font-size: 56px;
  text-transform: none !important;
  font-style: normal;
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px solid #85bb20;
}

.crx-banner .content-block-text p {
}

.crx-banner .slides .content-block-carousel-item {
  position: relative;
}

.crx-banner .slides .content-block-carousel-item::before {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}

.crx-banner::before {
  background: none !important;
}

#crx-brochure .content-block-item .content-block-item-inner {
  margin-top: -60px;
}

.crx-banner .content-block-image img {
  display: table;
  margin: 20px auto;
  height: 450px;
  width: auto;
}

.crx-banner::before {
  background: none !important;
}

.crx-banner .content-block-button > a {
  display: flex;
  background: url("../png/banner-button-bg8d87.png")
    no-repeat center center;
  width: 300px;
  height: 59px;
  position: relative;
  color: #fff;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.crx-banner .content-block-button > a:hover {
  background: url("../png/banner-button-bg8d87.png")
    no-repeat center center !important;
  opacity: 0.5;
}

.crx-banner .content-block-button > a:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #000;
  content: "";
  display: none;
  position: absolute;
  right: -2px;
  bottom: -8px;
  transform: rotate(225deg);
}

.grid-images .content-block-item {
  width: 100%;
  height: 421px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.grid-images .no-gutters > div {
  padding: 0;
}

.crx-grid-image-with-list {
  padding: 82px 0 124px;
}

.crx-grid-image-with-list .content-block-heading {
  font-size: 30px;
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 30px;
  position: relative;
  font-style: normal;
}

.crx-grid-image-with-list .content-block-heading::after {
  width: 100%;
  max-width: 585px;
  content: "";
  border-bottom: 1px solid #85bb20;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.crx-grid-image-with-list .content-block-heading span {
  color: #85bb20;
}

.crx-grid-image-with-list .content-block-sub-text {
  font-size: 30px;
  text-align: center;
  margin-bottom: 48px;
}

.crx-grid-image-with-list img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: table;
}

.crx-grid-image-with-list .content-block-image {
  margin-bottom: 30px;
}

.crx-grid-image-with-list .content-block-item-heading {
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 30px;
  font-weight: 700;
  font-style: normal;
}

.crx-grid-image-with-list .content-block-item-heading span {
  color: #85bb20;
}

.crx-grid-image-with-list .content-block-item-list li {
  margin-bottom: 35px;
  font-size: 16px;
  background: url("../png/dot-icon0847.png")
    no-repeat 0 5px;
  padding-left: 36px;
}

#crx-series {
  padding: 100px 0 124px;
}

#crx-series .content-block-heading {
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 30px;
  position: relative;
}

#crx-series .content-block-heading::after {
  width: 100%;
  max-width: 585px;
  content: "";
  border-bottom: 1px solid #85bb20;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#crx-series .content-block-heading span {
  color: #85bb20;
}

#crx-series .content-block-sub-text {
  font-size: 30px;
  text-align: center;
  margin-bottom: 48px;
}

.right-panel .content-block-list {
  list-style-type: none;
}
#crx-series .content-block-list {
  display: table;
  margin: 105px auto 0;
  padding: 0;
}

#crx-series .content-block-list li {
  margin-bottom: 48px;
  padding-left: 79px;
}

#crx-series .content-block-list .content-block-list-heading {
  font-size: 30px;
  font-style: normal;
  margin: 0 0 16px;
}

#crx-series .content-block-list p {
  padding: 0;
  margin: 0;
}

#crx-series .content-block-item-button a {
  background: #85bb20;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  padding: 8px 35px;
  display: table;
  margin: 0 auto;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: relative;
}

#crx-series .content-block-item-button a:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  content: "";
  display: block;
  position: absolute;
  right: -2px;
  bottom: -8px;
  -ms-transform: rotate(255deg);
  transform: rotate(225deg);
}

#crx-series .content-block-item-button a:hover {
  opacity: 0.5;
}

#crx-series .content-block-image img {
  display: table;
  margin: 0 auto;
}

.connect-form {
  background: #85bb20;
}

.connect-form > .container > .row {
  display: flex;
}

.connect-form .content-block-heading {
  font-size: 32px;
  margin: 0 0 16px;
  font-weight: 1000;
  font-style: normal;
}

.connect-form .content-block-heading span {
  font-weight: 100;
}

.connect-form .content-block-text p {
  margin-bottom: 21px;
  padding: 0;
}

.connect-form .content-block-image {
  background-size: cover !important;
  height: 100%;
}

.connect-form .content-block-form {
  padding: 50px;
  width: 100%;
}

.connect-form .content-block-form .content-block-form-fields {
  width: 90%;
}

.connect-form .content-block-form .content-block-form-fields fieldset {
  margin-bottom: 8px;
}

.connect-form .content-block-form .content-block-form-fields input[type="text"],
.connect-form
  .content-block-form
  .content-block-form-fields
  input[type="email"] {
  height: 32px;
  border-top: 1px solid #2f3a1b;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 100%;
  padding: 7px;
  box-shadow: inset 0 1px 1px rgba(163, 163, 163, 0.8);
}

.connect-form .content-block-form .content-block-form-fields .col2 input {
  float: left;
  width: 49%;
}

.connect-form
  .content-block-form
  .content-block-form-fields
  .col2
  > input:first-child {
  margin-right: 2%;
}

.connect-form .radio-buttons label {
  display: block;
  padding: 0;
  margin: 0;
  font-weight: 700;
}

.connect-form .radio-buttons span.field-container {
  float: left;
  width: 95px;
}

.connect-form .radio-buttons span.field-container input,
.connect-form .radio-buttons span.field-container span {
  float: left;
  margin-right: 10px;
}

.connect-form .submit button {
  background: #1a1a1a;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding: 8px 24px;
  text-transform: uppercase;
  border: none;
  margin-top: 16px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: relative;
}

.connect-form .submit button:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #85bb20;
  content: "";
  display: block;
  position: absolute;
  right: -2px;
  bottom: -8px;
  -ms-transform: rotate(255deg);
  transform: rotate(225deg);
}

.connect-form .submit button:hover {
  opacity: 0.5;
}

.crx-form-fields {
  height: 616px;
}

.connect-form-overflow > .container > .row > div:first-child {
  position: relative;
}

.connect-form-overflow > .container > .row > div:first-child > div {
  position: absolute;
  top: -55px;
  width: 100%;
  height: 910px;
}

#crx-box {
  padding-bottom: 150px;
}

#crx-box .content-block-item {
  background-size: cover !important;
  height: 390px;
  width: 100%;
  max-width: 568px;
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  padding: 40px;
  align-items: flex-end;
  align-content: flex-end;
}

#crx-box .content-block-item.align-center {
  align-items: center;
  align-content: center;
}

#crx-box .content-block-item.align-center > div {
  padding-top: 50px;
}

#crx-box
  .content-block-item
  .content-block-item-inner
  .content-block-item-heading {
  font-size: 26px;
  font-style: normal;
  margin: 0 0 18px;
  padding: 0 0 18px;
  position: relative;
  text-transform: uppercase;
  color: #fff;
}

#crx-box
  .content-block-item
  .content-block-item-inner
  .content-block-item-heading::after {
  width: 100%;
  max-width: 338px;
  content: "";
  border-bottom: 1px solid #85bb20;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
}

#crx-box
  .content-block-item
  .content-block-item-inner
  .content-block-item-heading
  span {
  color: #85bb20;
}

#crx-box
  .content-block-item
  .content-block-item-inner
  .content-block-item-text
  p {
  color: #fff;
  margin-bottom: 24px;
  padding: 0;
}

#crx-box
  .content-block-item
  .content-block-item-inner
  .content-block-item-text
  p:last-child {
  margin: 0;
}

#crx-brochure {
  background-size: contain;
  height: 530px;
}

#crx-brochure > .container > .row {
  display: flex;
}

#crx-brochure .content-block-item-image {
  margin-top: -70px;
}

#crx-brochure .content-block-item {
  display: flex;
  height: 100%;
  align-items: center;
  align-content: center;
  justify-content: center;
}

#crx-brochure .content-block-item .content-block-item-inner {
  max-width: 330px;
  margin-top: -60px;
}

#crx-brochure .content-block-item .content-block-item-heading {
  font-size: 32px;
  text-transform: uppercase;
  color: #fff;
  font-style: normal;
  font-weight: 100;
  margin-bottom: 24px;
}

#crx-brochure .content-block-item .content-block-item-heading span {
  font-style: normal;
  font-weight: 1000;
  color: #85bb20;
  width: 250px;
  margin: 0 auto;
}

#crx-brochure .content-block-item .content-block-item-button a {
  background: #85bb20;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  border-top: 1px solid #58791c;
  border-bottom: 1px solid #58791c;
  padding: 8px 35px;
  display: table;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: relative;
  text-decoration: none;
}

#crx-brochure .content-block-item .content-block-item-button a:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #151515;
  content: "";
  display: block;
  position: absolute;
  right: -2px;
  bottom: -8px;
  transform: rotate(225deg);
}

#crx-brochure .content-block-item .content-block-item-button a:hover {
  opacity: 0.5;
}

@media (max-width: 1171px) {
  .connect-form .content-block-form {
    padding: 50px 16px;
  }

  #crx-brochure {
    height: auto;
  }

  #crx-brochure .content-block-item-image {
    margin-top: 0;
  }

  .connect-form-overflow > .container > .row > div:first-child {
    position: relative;
  }

  .connect-form-overflow > .container > .row > div:first-child > div {
    position: static;
    top: 0;
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 991px) {
  #crx-box .content-block-item {
    margin-bottom: 40px;
  }

  #crx-box .content-block-item.align-center > div {
    padding-top: 0;
  }

  #crx-box .content-block-item.align-center {
    align-items: flex-end;
    align-content: flex-end;
  }

  #crx-series,
  #crx-video,
  .crx-grid-image-with-list {
    padding: 50px 0;
  }

  #crx-series .content-block-list {
    margin: 30px auto;
  }
}

@media (max-width: 767px) {
  #crx-video iframe {
    height: 400px;
  }

  .connect-form > .container > .row {
    display: block;
  }

  .connect-form > .container > .row > div {
    width: 100%;
  }

  .connect-form .content-block-image {
    height: 350px;
    margin-top: 40px;
  }

  .connect-form .content-block-form {
    padding: 24px;
  }
}

@media (max-width: 585px) {
  .grid-images > .row > div {
    width: 100%;
  }

  #crx-brochure > .container > .row {
    display: flex;
    flex-direction: column;
  }

  #crx-brochure > .container > .row > div {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  #crx-brochure > .container > .row > div:last-child {
    order: 1;
  }

  #crx-brochure > .container > .row > div:first-child {
    order: 2;
  }

  #crx-brochure .content-block-item .content-block-item-inner {
    max-width: 100%;
    padding-bottom: 40px;
  }
}

@media (max-width: 991px) {
  .crx-banner .slides div {
    background-position: center right !important;
  }

  .crx-banner::before {
    background: rgba(0, 0, 0, 0.5) !important;
  }
}

@media (max-width: 767px) {
  .crx-banner {
    padding: 40px 0;
  }

  .crx-banner > .container > .row {
    display: block !important;
  }

  .connect-form .content-block-image {
    height: 400px !important;
  }

  .connect-form .content-block-form .content-block-form-fields {
    width: 100%;
  }

  #crx-video iframe {
    height: 300px;
  }

  #crx-brochure .content-block-item .content-block-item-inner {
    margin-top: 0;
  }
}

@media (max-width: 585px) {
  .crx-banner {
    height: auto !important;
    padding: 60px 0 20px;
  }

  .crx-banner .slides div {
    background: #000 !important;
  }

  .crx-banner .content-block-image {
    display: block !important;
  }
}

.product-block-yellow-box a {
  color: #000;
  text-decoration: underline;
  text-decoration-color: #000;
  text-decoration-thickness: 1.5px;
}
.product-block-yellow-box a:hover {
  color: #000;
  text-decoration-color: #bc2033;
  text-decoration-thickness: 3px;
}
.product-grid-image-with-header {
  margin-bottom: 60px;
}

.product-grid-image-with-header .content-block-item {
  margin-bottom: 10px;
}

.product-grid-image-with-header .content-block-item-image img {
  width: 100%;
}

.product-grid-image-with-header .content-block-item-heading {
  background: #ffdd00;
  padding: 24px 10px;
  font-size: 24px;
  color: #151515;
  text-align: center;
  line-height: 29px;
}

.product-list-section .content-block-heading {
  position: relative;
  text-align: center;
  font-size: 30px;
  line-height: 60px;
  margin-bottom: 30px;
  padding-bottom: 26px;
}

.product-list-section .content-block-heading::after {
  display: block;
  content: "";
  border-bottom: 1px solid #ffdd00;
  height: 1px;
  max-width: 585px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.product-list-section .content-block-sub-heading {
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  max-width: 575px;
  margin: 0 auto 75px;
  text-align: center;
}

.product-list-section {
  padding-bottom: 90px;
}

.product-list-section .content-block-item-image img {
  width: 100%;
}

.product-list-section .content-block-item-listing {
  margin-bottom: 35px;
}

.product-list-section .content-block-item-sub-heading {
  font-size: 24px;
  color: #000;
  line-height: 60px;
  margin-bottom: 5px;
  text-transform: none;
}

.product-list-section .content-block-item-listing li {
  font-size: 16px;
  line-height: 1.2;
  margin: 0 0 10px;
  background: url("../png/list-icon-2.png") no-repeat left center;
  padding-left: 26px;
}

.connect-form.yellow {
  background: url("../png/form-bg-2.png") #ffdd00 no-repeat top right !important;
}

.product-image-description {
  padding: 140px 0 120px;
}

.product-image-description .content-block-heading {
  position: relative;
  text-align: center;
  font-size: 30px;
  line-height: 60px;
  margin-bottom: 30px;
  padding-bottom: 26px;
}

.product-image-description .content-block-item-button a:hover {
  opacity: 0.5;
}

.product-image-description .content-block-heading::after {
  display: block;
  content: "";
  border-bottom: 1px solid #ffdd00;
  height: 1px;
  max-width: 585px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.product-image-description .content-block-sub-heading {
  font-size: 18px;
  line-height: 28px;
  width: 100%;
  max-width: 575px;
  margin: 0 auto 75px;
  text-align: center;
}

.product-image-description
  .content-block-item
  > .content-block-item-section-list {
  padding-left: 79px;
}

.product-image-description
  .content-block-item
  > .content-block-item-section-list:first-child {
  background: url("../png/list-image-icon-4.png") no-repeat left
    16px;
}

.product-image-description
  .content-block-item
  > .content-block-item-section-list:nth-child(2) {
  background: url("../png/list-image-icon-5.png") no-repeat left
    16px;
}

.product-image-description
  .content-block-item
  > .content-block-item-section-list:nth-child(3) {
  background: url("../png/list-image-icon-6.png") no-repeat left
    16px;
}

.product-image-description .content-block-item-section-list {
  padding-right: 40px;
}

.product-image-description .content-block-item-heading,
.product-image-description
  .content-block-item-section-list
  .content-block-item-heading {
  font-size: 24px;
  line-height: 60px;
  color: #000;
  margin-bottom: 8px;
  font-weight: 700;
}

.product-image-description
  .content-block-item-section-list
  .content-block-item-text
  p {
  font-size: 18px;
  line-height: 28px;
}

.product-image-description .content-block-item-button > a {
  text-decoration: none;
  display: flex;
  background: #a92633;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  max-width: 430px;
  height: 55px;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
}

.product-image-description .content-block-item-button > a::after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  content: "";
  display: block;
  position: absolute;
  right: -2px;
  bottom: -8px;
  transform: rotate(225deg);
}

.product-faq {
  padding: 30px 0 70px;
}

.product-faq > .container {
  max-width: 100%;
}

.product-faq .content-block-heading {
  position: relative;
  text-align: center;
  font-size: 30px;
  line-height: 60px;
  margin-bottom: 45px;
  padding-bottom: 26px;
}

.product-faq .content-block-heading::after {
  display: block;
  content: "";
  border-bottom: 1px solid #ffdd00;
  height: 1px;
  max-width: 585px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.product-faq ul li.acc_section {
  margin-bottom: 5px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
}

.product-faq ul li.acc_active {
  border-bottom: 1px solid #c5c5c5;
}

.product-faq .content-block-accordion-header {
  font-size: 24px;
  color: #000;
  font-weight: 700;
  background: #f0f0f0 !important;
  padding: 10px 16px !important;
  border: none !important;
}

.product-faq .content-block-accordion-header .fa {
  float: right;
  margin-left: 5px;
  font-size: 40px;
}

.product-faq ul li.acc_active .content-block-accordion-header .fa {
  color: #a92633;
}

.product-faq .content-block-accordion-text {
  padding: 16px;
}

.product-faq .content-block-accordion-text p {
  padding: 0;
  margin: 0 0 5px;
  font-size: 16px;
}

.scara-banner .slides .content-block-carousel-item::before {
  display: none !important;
}

.scara-banner .content-block-heading {
  font-size: 48px !important;
  line-height: 1 !important;
  margin-bottom: 45px !important;
  padding-bottom: 45px;
  color: #fff;
  border-color: #f9dd4a;
}

.scara-banner .content-block-text p {
  color: #fff;
  margin: 0 0 24px !important;
}

.scara-banner .content-block-button > a {
  background: url("../png/red-button-bg-2.png") no-repeat center
    center !important;
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
}

.scara-robots .content-block-heading {
  text-transform: none;
  font-size: 30px;
  line-height: 60px;
}

.scara-robots .content-block-heading::after {
  border-color: #ffdd00;
}

.scara-robots .content-block-sub-heading {
  display: block;
  text-align: center;
  width: 100%;
  max-width: 688px;
  margin: 0 auto;
}

.scara-robots .content-block-image {
  display: flex;
  align-items: center;
  height: 250px;
}

.scara-robots .content-block-item-button > a {
  background: #a92633;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 186px;
  height: 41px;
  font-weight: 700;
  margin: 10px auto 0;
  position: relative;
}

.scara-robots .content-block-item-button > a:hover {
  opacity: 0.5;
}

.scara-robots .content-block-item-button > a:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  content: "";
  display: block;
  position: absolute;
  right: -2px;
  bottom: -8px;
  transform: rotate(225deg);
}

@media (max-width: 992px) {
  .scara-robots .col-item {
    width: 20%;
  }
}

.scara-ebook .content-block-item-heading {
  font-size: 32px;
  line-height: 40px;
}

.scara-ebook .content-block-item .content-block-item-heading span {
  color: #ffdd00 !important;
  display: table;
  margin: 0 !important;
  width: 270px !important;
}

.scara-ebook .content-block-item .content-block-item-button a {
  width: 200px;
  height: 59px;
  display: flex !important;
  align-items: center !important;
  align-content: center !important;
  color: #fff;
  justify-content: center !important;
  font-weight: 700;
  background: url("../png/ebook-button-bg-2.png") no-repeat center
    center !important;
  font-size: 24px !important;
  line-height: 41px !important;
  padding: 0 !important;
  border: none !important;
}

.scara-ebook {
  background: url("../png/ebook-bg-2.png") #151515 no-repeat center
    left;
}

.scara-ebook .content-block-item-image {
  position: relative;
}

.scara-ebook .credits {
  bottom: 16px;
  left: 16px;
}

.scara-ebook .credits a {
  color: #fff;
  text-decoration-color: #fff;
}
.scara-ebook .credits a:hover {
  color: #ffdd00;
  text-decoration-color: #ffdd00;
}

.product-image-description .credits {
  bottom: 0;
  left: 14px;
}

.product-image-description .credits a {
  color: #fff;
  text-decoration-color: #fff;
}
.product-image-description .credits a:hover {
  color: #ffdd00;
  text-decoration-color: #ffdd00;
}

.credits {
  background: rgba(0, 0, 0, 0.7);
  color: #ffff;
  padding: 5px;
  font-weight: 700;
  display: table;
  position: absolute;
}

.connect-form.yellow iframe {
  width: 100%;
}

.connect-form.yellow .content-block-form .content-block-form-fields {
  width: 100%;
}

.connect-form-overflow.yellow > .container > .row > div:first-child > div {
  top: -40px;
}

.scara-robots .content-block-item-heading {
  text-transform: none;
}

.scara-robots .content-block-item-button > a:first-child {
  background: #ffdd00;
  color: #000;
}

.scara-robots .content-block-item-button > a:last-child,
.scara-robots .content-block-item-button > a.red-button {
  background: #a92633;
  color: #fff;
}

@media (max-width: 767px) {
  .content-block-item-image {
    margin: 16px auto;
  }

  .content-block-item-image img {
    width: 100%;
  }

  .product-list-section .credits,
  .product-image-description .credits {
    bottom: 16px;
  }

  .product-image-description {
    padding: 50px 0;
  }

  .product-list-section .content-block-sub-heading,
  .product-image-description .content-block-sub-heading {
    margin-bottom: 45px;
  }

  #scara-accordion {
    padding: 0 16px;
  }

  .product-grid-image-with-header .content-block-item-image {
    margin-bottom: 0 !important;
  }

  .scara-robots .content-block-item {
    margin-bottom: 16px;
  }
}

/* End of CRX page CSS */

/* Speak with FANUC CSS */
.speak-with-fanuc {
  display: flex;
  align-items: center;
  justify-content: center;
}

.speak-with-fanuc .widget-element-button-section {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-image: url("../png/widget-element-button-section-bg-2.png");
  background-color: #eaeaea;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 45px 0 40px;
  padding: 35px 0;
  width: 100%;
  max-width: 885px;
}

.speak-with-fanuc .widget-element-button-section h4 {
  font-weight: 400;
  font-size: 28px;
  color: #3f4041;
}

.speak-with-fanuc .widget-element-button-section .widget-element-button a {
  font-size: 20px;
  color: #fff;
  background-color: #b90b2e;
  padding: 16px 35px;
  font-weight: 700;
  margin-left: 35px;
  display: table;
}

@media (max-width: 991px) {
  .speak-with-fanuc {
    width: 96%;
  }

  .speak-with-fanuc .widget-element-button-section {
    flex-direction: column;
    -ms-flex-direction: column;
  }

  .speak-with-fanuc .widget-element-button-section h4 {
    margin-bottom: 30px;
  }
}

/* End of Speak with FANUC CSS */
.myfanuc-robotics-registration-request {
  background-color: #ffdd00;
  padding: 16px;
  color: #000;
}

.default-confirmation .myfanuc-robotics-registration-request {
  display: flex;
  justify-content: center;
}

/*ASI Search*/
.asi-search-confirmation-text {
  background-color: #ffdd00;
  padding: 16px;
  color: #000000;
}

.default-confirmation .asi-search-confirmation-text {
  display: flex;
  justify-content: center;
}

.default-confirmation-text {
  background-color: #ffdd00;
  padding: 16px;
  color: #000000;
}

.widget-element-banner-with-text .widget-element-item-banner {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 350px;
  background-size: cover;
  background-position: center center;
  margin-bottom: 124px;
}

.widget-element-banner-with-text.widget-element-full-width
  .widget-element-item-banner {
  height: 500px;
}

.widget-element-banner-with-text
  .widget-element-item-banner
  .widget-element-heading {
  width: 100%;
  max-width: 1171px;
  position: relative;
}

.widget-element-banner-with-text
  .widget-element-item-banner
  .widget-element-heading
  h2 {
  background-color: #fff;
  text-transform: uppercase;
  padding: 40px;
  font-size: 50px !important;
  position: absolute;
  bottom: -116px;
  width: 100%;
  max-width: 700px;
  line-height: 1.2;
  font-weight: 700;
}

.widget-element-banner-with-text .widget-element-inner {
  width: 100%;
  max-width: 1171px;
  padding: 0 50px;
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  -ms-flex-direction: column;
}

.widget-element-banner-with-text .widget-element-text h3 {
  font-size: 32px;
  line-height: 1.2;
  margin: 0 0 16px;
  padding: 0;
}

.widget-element-banner-with-text .widget-element-text p {
  font-size: 20px;
  line-height: 1.3;
  margin: 0 0 24px;
  padding: 0;
  color: #000;
}

.widget-element-title-text-image {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.widget-element-title-text-image .widget-element-inner {
  max-width: 1208px;
  width: 100%;
}

.widget-element-title-text-image .widget-element-heading {
  text-align: center;
  margin: 0 0 30px;
  font-size: 50px !important;
  line-height: 1.2;
}

.widget-element-title-text-image.widget-element-full-width
  .widget-element-heading,
.widget-element-title-text-image.widget-element-full-width
  .widget-element-text {
  padding: 0 15%;
}

.widget-element-title-text-image .widget-element-text h3 {
  font-size: 32px;
  line-height: 1.2;
  margin: 0 0 16px;
  padding: 0;
}

.widget-element-title-text-image .widget-element-text p {
  margin: 0 0 24px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.3;
  color: #000;
  padding: 0;
}

.widget-element-text-column {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.widget-element-text-column .widget-element-inner {
  max-width: 1208px;
  width: 100%;
}

.widget-element-text-column .widget-element-heading {
  font-size: 50px !important;
  line-height: 1.2;
  text-align: center;
  display: flex;
  width: 100%;
  margin: 0 auto 30px;
  max-width: 991px;
}

.widget-element-text-column .widget-element-text {
  display: flex;
  width: 100%;
  margin: 0 auto 30px;
  max-width: 991px;
}

.widget-element-text-column .widget-element-text p {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 24px;
  color: #000;
  padding: 0;
}

.widget-element-text-column .widget-element-column-list-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 45px;
}

.widget-element-text-column .widget-element-column-list-item:last-child {
  border: 0;
  margin-bottom: 0;
}

.widget-element-text-column
  .widget-element-column-list-item
  .list-item-heading {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 600;
  flex: 0 0 45%;
  max-width: 45%;
  padding-right: 40px;
}

.widget-element-text-column .widget-element-column-list-item .list-item-text {
  flex: 0 0 55%;
  max-width: 55%;
}

.widget-element-text-column .widget-element-column-list-item .list-item-text p {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 24px;
  color: #000;
  padding: 0;
}

.widget-element.mt-10 {
  margin-top: 10px !important;
}

.widget-element.mt-20 {
  margin-top: 20px !important;
}

.widget-element.mt-30 {
  margin-top: 30px !important;
}

.widget-element.mt-40 {
  margin-top: 40px !important;
}

.widget-element.mt-50 {
  margin-top: 50px !important;
}

.widget-element.mt-60 {
  margin-top: 60px !important;
}

.widget-element.mt-70 {
  margin-top: 70px !important;
}

.widget-element.mt-80 {
  margin-top: 80px !important;
}

.widget-element.mt-90 {
  margin-top: 90px !important;
}

.widget-element.mt-100 {
  margin-top: 100px !important;
}

.widget-element.mb-10 {
  margin-bottom: 10px !important;
}

.widget-element.mb-20 {
  margin-bottom: 20px !important;
}

.widget-element.mb-30 {
  margin-bottom: 30px !important;
}

.widget-element.mb-40 {
  margin-bottom: 40px !important;
}

.widget-element.mb-50 {
  margin-bottom: 50px !important;
}

.widget-element.mb-60 {
  margin-bottom: 60px !important;
}

.widget-element.mb-70 {
  margin-bottom: 70px !important;
}

.widget-element.mb-80 {
  margin-bottom: 80px !important;
}

.widget-element.mb-90 {
  margin-bottom: 90px !important;
}

.widget-element.mb-100 {
  margin-bottom: 100px !important;
}

@media (max-width: 1200px) {
  .widget-element-text-column {
    padding: 0 20px;
  }
}

@media (max-width: 991px) {
  .widget-element-banner-with-text .widget-element-inner {
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .widget-element-title-text-image.widget-element-full-width
    .widget-element-heading,
  .widget-element-title-text-image.widget-element-full-width
    .widget-element-text {
    padding: 0 20px;
  }
}

@media (max-width: 585px) {
  .widget-element-text-column .widget-element-column-list-item {
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: flex-start;
  }

  .widget-element-text-column
    .widget-element-column-list-item
    .list-item-heading,
  .widget-element-text-column .widget-element-column-list-item .list-item-text {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .widget-element-text-column
    .widget-element-column-list-item
    .list-item-heading {
    margin-bottom: 30px;
  }

  .widget-element-banner-with-text
    .widget-element-item-banner
    .widget-element-heading
    h2 {
    max-width: 100%;
    font-size: 40px !important;
  }

  .widget-element-title-text-image.widget-element-full-width
    .widget-element-heading {
    font-size: 40px !important;
  }
}

.industries-services.fixed-width {
  max-width: 991px;
  width: 100%;
  padding: 0 20px;
  margin: 50px auto;
}

.industries-services .list-items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  -ms-flex-direction: row;
  flex-wrap: wrap;
}

.industries-services .list-items .list-item {
  flex: 0 0 20%;
  max-width: 20%;
  margin: 0 0 40px;
}

.industries-services .list-items .list-item > a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
  box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
  padding: 20px 5px;
  margin: 0 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.industries-services .list-items .list-item > a > figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 146px;
  height: 120px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.industries-services .list-items .list-item > a > label {
  color: #465f72;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.industries-services .list-items .list-item > a:hover {
  background-color: #b90b2e;
}

.industries-services .list-items .list-item > a:hover > label {
  color: #fff;
}

.industries-services .list-items .list-item > a:hover > figure img {
  filter: brightness(0) invert(1);
}

.industries-services .list-items .list-item > a img {
  max-width: 60px;
  max-height: 70px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.industries-heading-details h1 {
  margin: 0 0 30px;
}

.industries-heading-details p strong {
  line-height: 1.2;
}

.page .industries-heading-details .button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0 70px !important;
}

@media (max-width: 1200px) {
  .industries-services .list-items .list-item {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (max-width: 991px) {
  .industries-services .list-items .list-item {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}

@media (max-width: 767px) {
  .industries-services .list-items .list-item {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (max-width: 650px) {
  .industries-services .list-items .list-item {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}

@media (max-width: 485px) {
  .industries-services .list-items .list-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 385px) {
  .industries-services .list-items {
    flex-wrap: wrap;
  }

  .industries-services .list-items .list-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.contact-form-acsi {
  padding: 40px;
  background: #fed100;
  max-width: 100%;
}

.contact-form-acsi .sfFormBox {
  margin: 0 0 8px;
}

.contact-form-acsi .sfFormBox > label {
  margin-bottom: 5px;
}

.contact-form-acsi .sfFormSubmit {
  /* margin: 16px 0 0; */
}

.contact-form-acsi
  #ctl00_MainContentArea_ctl01_C_C009_ctl00_ctl00_C022_ctl00_radCaptcha_ctl01 {
  margin: 0 0 10px;
}

.contact-form-acsi
  #ctl00_MainContentArea_ctl01_C_C009_ctl00_ctl00_C022_ctl00_radCaptcha_CaptchaTextBox {
  background-color: rgb(255, 255, 255);
  height: 30px;
  border-color: rgb(221, 221, 221);
  border-width: 1px;
  border-radius: 8px;
  border-style: solid;
  padding: 0 10px;
  margin-right: 10px;
}

.contact-form-acsi
  #ctl00_MainContentArea_ctl01_C_C009_ctl00_ctl00_C022_ctl00_radCaptcha_CaptchaTextBoxLabel {
  font-size: 16px;
  font-weight: 400;
}

.widget-element-banner-with-text {
  margin-bottom: 24px !important;
}

.widget-element-banner-with-text .container {
  width: 100%;
  max-width: 1208px;
}

.widget-element-text-row .widget-element-item {
  margin: 0 0 20px;
  box-shadow: 0 0 2px rgb(0, 0, 0, 0.4);
  padding: 35px 35px 16px 35px;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}

.widget-element-text-row .widget-element-item:first-child {
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  background: none !important;
}

.widget-element-text-row .widget-element-item:hover {
  background: #fbfbfb;
}

.widget-element-text-row
  .widget-element-item
  .widget-element-item-section-heading {
  margin: 0 0 16px;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.widget-element-text-row .widget-element-item .widget-element-item-heading {
  font-size: 20px;
  margin: 0 0 16px;
  font-weight: 600;
  line-height: 1.2;
}

.widget-element-text-row .widget-element-item .widget-element-item-heading a {
  text-decoration: underline !important;
  color: #000;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.widget-element-text-row
  .widget-element-item
  .widget-element-item-heading
  a:hover {
  text-decoration: none !important;
  color: #b90b2e;
}

.widget-element-text-row .widget-element-item .widget-element-item-text {
  padding-bottom: 0;
  margin-bottom: 20px;
}

.widget-element-text-row .widget-element-item .widget-element-list,
.widget-element-text-row .widget-element-item .widget-element-item-list {
  margin: 0 0 20px;
}

.widget-element-text-row .widget-element-item .widget-element-list li,
.widget-element-text-row .widget-element-item .widget-element-item-list li {
  font-size: 20px;
  line-height: 28px;
  list-style: disc inside;
  margin: 0 0 5px;
}

.widget-element-text-row .widget-element-buttons {
  margin-bottom: 16px;
}

.widget-element-text-row .widget-element-buttons > a {
  border: 1px solid #bababa;
  background: #f8f8f8;
  display: table;
  padding: 10px 20px;
  color: #495f73;
  margin: 0 0 16px;
  text-align: center;
  font-size: 20px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.widget-element-text-row .widget-element-buttons > a:hover {
  background: #495f73;
  color: #fff;
}

.widget-element-text-row.widget-grid .widget-element-inner {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
}

.widget-element-text-row.widget-grid .widget-element-item:first-child {
  flex: 0 0 100%;
  max-width: 100%;
}

.widget-element-text-row.widget-grid .widget-element-item {
  flex: 0 0 49%;
  max-width: 49%;
}

.widget-element-text-column.widget-element-text-column-with-buttons
  .widget-element-column-list-item
  .list-item-text {
  flex: 0 0 100%;
  max-width: 100%;
}

.widget-element-text-column.widget-element-text-column-with-buttons
  .widget-element-column-list-item
  > div,
.widget-element-text-column.widget-element-text-column-with-buttons
  .widget-element-column-list-item
  > h3 {
  flex: 0 0 50%;
  max-width: 50%;
}

.widget-element-text-column.widget-element-text-column-with-buttons
  .list-item-buttons {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  align-items: center;
  justify-content: space-around;
  margin: 50px 0 30px;
}

.widget-element-text-column.widget-element-text-column-with-buttons
  .list-item-buttons
  > a {
  flex: 0 0 30%;
  max-width: 30%;
  border: 1px solid #bababa;
  background: #f8f8f8;
  display: flex;
  width: 300px;
  height: 80px;
  align-items: center;
  justify-content: center;
  color: #495f73;
  margin: 0 0 16px;
  text-align: center;
  font-size: 20px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  padding: 5px;
}

.widget-element-text-column.widget-element-text-column-with-buttons
  .list-item-buttons
  > .browse-btn:hover {
  background: #495f73;
  color: #fff;
}

.widget-element-text-column.widget-element-text-column-with-buttons
  .list-item-buttons
  .contact-btn {
  background: #b90b2e;
  color: #fff;
  margin: 0;
}

.widget-element-text-column.widget-element-text-column-with-buttons
  .list-item-buttons
  .contact-btn:hover {
  background: #495f73;
  color: #fff;
}

.widget-element-text-column.widget-element-text-column-with-buttons
  .widget-element-column-list-item {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}

.widget-element-default .widget-element-text p {
  color: #000;
  font-size: 20px;
  line-height: 28px;
}

.widget-element-default.with-image .widget-element-wrapper {
  display: flex;
  justify-content: space-around;
}

.widget-element-default.with-image
  .widget-element-wrapper
  .widget-element-image {
  flex: 0 0 40%;
  max-width: 40%;
}

.widget-element-default.with-image
  .widget-element-wrapper
  .widget-element-details {
  flex: 0 0 53%;
  max-width: 53%;
}

.widget-element-default.with-image
  .widget-element-wrapper
  .widget-element-list
  li {
  font-size: 20px;
  line-height: 28px;
  margin: 0 0 5px;
  list-style: disc inside;
}

.widget-element-video--black.widget-element-video-small {
  padding: 40px;
}

.widget-element-video--black.widget-element-video-small
  .widget-element-heading
  h2 {
  margin: 0 0 30px;
  font-size: 28px !important;
}

.widget-element-default.widget-element-contact-heading {
  margin: 0;
  padding: 60px 0 0;
  border-top: 7px solid #495f73;
}

.widget-element-default.widget-element-contact-heading .widget-element-heading,
.widget-element-default.widget-element-contact-heading .widget-element-text p {
  text-align: center;
}

.widget-element-default.widget-element-contact-heading .widget-element-heading {
  font-weight: 600;
  line-height: 1.2;
}

.widget-fabricated-metals-intro .list-item-heading {
  font-size: 28px !important;
  line-height: 1.2;
  text-transform: capitalize !important;
}

.widget-element-default.with-image .widget-element-heading {
  font-size: 28px !important;
  font-weight: 600;
  margin: 0 0 30px;
}

.widget-fabricated-metals-intro .widget-element-heading {
  font-weight: 600 !important;
}

@media (max-width: 991px) {
  .widget-fabricated-metals-intro .list-item-heading,
  .widget-fabricated-metals-intro .list-item-details {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .widget-fabricated-metals-intro .list-item-heading {
    margin: 0 0 20px;
  }

  .widget-fabricated-metals-intro .list-item-buttons > a {
    flex: 0 0 45% !important;
    max-width: 45% !important;
  }

  .widget-element-text-row.widget-grid .widget-element-item {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .widget-element-default.with-image .widget-element-wrapper {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }

  .widget-element-default.with-image .widget-element-wrapper > div:first-child {
    margin: 0 0 20px;
  }

  .widget-element-default.with-image .widget-element-wrapper > div {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {
  .widget-fabricated-metals-intro .widget-element-heading {
    line-height: 1.2;
    font-size: 38px !important;
  }

  .widget-fabricated-metals-intro .widget-element-heading,
  .widget-fabricated-metals-intro .widget-element-text p {
    text-align: left;
  }
}

@media (max-width: 485px) {
  .widget-fabricated-metals-intro .list-item-buttons {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }

  .widget-element-text-column.widget-element-text-column-with-buttons
    .list-item-buttons
    > a {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
  }

  .widget-fabricated-metals-intro .widget-element-heading {
    font-size: 32px !important;
  }
}

.experience-fanuc-video {
  padding: 35px 0 0 !important;
  margin: 0 !important;
  background: #000;
}

.experience-fanuc-video h2 {
  color: #fff;
  font-size: 32px;
  margin: 0 0 35px;
}

.experience-fanuc-video h3 {
  font-size: 32px;
  margin: 0 0 35px;
  color: #fff;
}

.experience-fanuc-video p {
  color: #fff;
  text-align: center !important;
}

.experience-fanuc-feature {
  padding: 40px 0;
}

.experience-fanuc-block-form {
  margin: 90px 0 0;
}

.experience-fanuc-boxes {
  margin: 50px 0 !important;
}

.experience-fanuc-boxes .widget-element-heading {
  margin: 0 !important;
}

.experience-fanuc-boxes h2 {
  display: block !important;
  margin: 0 0 24px !important;
}

.experience-fanuc-boxes.widget-element-grid-image--black
  > .container
  > .row
  > div:last-child {
  padding: 0 77px;
}

.experience-fanuc-video-list {
  padding: 40px 0;
}

/* SWIFTTYPE */
body div.st-ui-overlay {
  background: rgba(0, 0, 0, 0.8) !important;
}

body .st-ui-injected-overlay-container .st-ui-footer,
body .st-ui-injected-overlay-container .st-ui-header input[type="text"] {
  background: #ebebeb !important;
  color: #000;
}

body .st-ui-injected-overlay-container .st-ui-header input[type="text"]:focus {
  outline: none !important;
}

body .st-ui-container-overlay .st-ui-slide-autocomplete,
body .st-ui-injected-overlay-container .st-ui-slide-autocomplete {
  width: 100%;
}

body .st-install-M-otkFbzfSvUgm6UW_zN .st-ui-result .st-ui-type-heading {
  color: #000;
}

body .st-ui-container-overlay .st-ui-slide-autocomplete div.st-query-present a,
body
  .st-ui-injected-overlay-container
  .st-ui-slide-autocomplete
  div.st-query-present
  a {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

body
  .st-ui-container-overlay
  .st-ui-slide-autocomplete
  div.st-query-present
  a:hover,
body
  .st-ui-injected-overlay-container
  .st-ui-slide-autocomplete
  div.st-query-present
  a:hover {
  background-color: #ffdd00 !important;
}

header .content-block-search {
  display: none !important;
}

#ifr {
  width: 100% !important;
}

.no-overflow {
  overflow: hidden !important;
}

.search-modal-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #f9fafb;
  z-index: 999999;
  padding-bottom: 30px;
}

.search-modal-container .search-input-container {
  display: flex;
  width: 100%;
  height: 10%;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}

.search-modal-container .search-input-container .search-input-inner {
  display: flex;
  width: 100%;
  max-width: 1200px;
}

.search-modal-container
  .search-input-container
  .search-input-inner
  #search-query-field {
  font-size: 21px;
  font-weight: 600;
  width: 95%;
  margin-left: 10px;
  border: 0;
}

.search-modal-container
  .search-input-container
  .search-input-inner
  .search-input-field
  > i {
  font-size: 24px;
}

.search-modal-container .autocomplete {
  position: static !important;
  width: 100% !important;
  box-shadow: none;
}

.swifty-modal-content {
  background-color: #ccc;
}

.search-modal-container .search-results-container {
  display: flex;
  justify-content: center;
  height: 90%;
  overflow-x: auto;
  padding: 30px 0 0;
}

.search-modal-container .search-results-inner {
  display: flex;
  width: 100%;
  max-width: 1200px;
}

.search-modal-container .search-results-container .records {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
}

.search-modal-container .search-results-container .records .record {
  width: 100%;
  display: flex;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 0 0 16px;
  background: rgba(239, 239, 239, 0.4);
}

.search-modal-container .search-results-container .records .record .image {
  display: flex;
  flex: 0 0 24%;
  justify-content: center;
  align-items: center;
  margin: 0 2% 10px 0;
}

.search-modal-container .search-results-container .records .record .details {
  display: flex;
  flex: 0 0 74%;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
}

.search-modal-container .search-results-container .records .record .details h3 {
  font-size: 20px;
  margin: 0 0 5px;
}

.search-modal-container .search-results-container .records .record img {
  max-height: 200px;
  width: auto;
}

.search-modal-container .search-results-container .notice-no-results {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
}

.search-modal-container .search-results-container .notice-no-results h4 {
  margin-bottom: 20px;
  font-size: 20px;
}

.search-modal-container .search-results-container .notice-no-results h5 {
  font-size: 19px;
  margin: 20px 0;
}

.search-modal-container .search-results-container .notice-no-results a:hover {
  color: #fff;
}

.search-modal-container
  .search-results-container
  .widget-element-primary-button
  > a {
  padding: 8px 40px;
  text-decoration: none;
}

.search-modal-container .search-results-container::-webkit-scrollbar {
  width: 5px;
}

.search-modal-container .search-input-container .search-input-field {
  flex: 0 0 96%;
}

.search-modal-container .search-input-container .search-close-btn {
  flex: 0 0 4%;
  display: flex;
  justify-content: flex-end;
}

.search-modal-container .search-input-container .search-close-btn a {
  color: #bb1f32;
  font-size: 24px;
}

.search-modal-container .search-input-container .search-close-btn a:hover {
  color: #dd4136;
}

/* .search-modal-container .search-results-container::-webkit-scrollbar-track {
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
} */
.search-modal-container .search-results-container::-webkit-scrollbar-thumb {
  background-color: #b90b2e;
}

/* .swiftype-modal .swiftype-widget { width: 1200px; } */
.search-modal-container .swiftype-widget .autocomplete ul {
  display: flex;
  flex-wrap: wrap;
}

.search-modal-container .swiftype-widget .autocomplete li {
  flex: 0 0 33.33%;
  max-height: 250px;
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
}

.search-modal-container .swiftype-widget .autocomplete li .image {
  flex: 0 0 40%;
  display: flex;
  justify-content: center;
}

.search-modal-container .swiftype-widget .autocomplete li .image img {
  max-height: 230px;
  width: auto;
}

.search-modal-container .swiftype-widget .autocomplete li .details {
  flex: 0 0 60%;
  padding: 0 20px;
}

.search-modal-container .swiftype-widget .autocomplete li.active {
  background: none;
}

.search-modal-container .swiftype-widget .autocomplete li .heading {
  font-size: 20px;
  margin: 0 0 10px;
  line-height: 1.2;
}

.search-modal-container
  .search-results-container
  .widget-element-primary-button
  > a:hover {
  background: #dd4136;
  opacity: 1 !important;
}

/* Case Studies */

.article-thumbnail {
  overflow: hidden;
  height: 240px;
}

.article .article-thumbnail img {
  transition: all 0.4s;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.article:hover .article-thumbnail img {
  transform: scale(1.1);
}
.section-title {
  position: relative;
  padding-top: 1.25rem;
}
.section-title:before {
  height: 0.75rem;
  background-color: #ffdd00;
  background-repeat: no-repeat;
  content: "";
  left: 0;
  max-width: 12rem;
  position: absolute;
  top: 0;
  width: 100%;
  clip-path: polygon(
    0 0,
    1% 0,
    100% calc(100% - 32px),
    calc(100% - 32px) 100%,
    0 100%
  );
}
.single-article-content .line-top,
.line-top {
  position: relative;
}

.single-article-content .line-top::before,
.line-top::before {
  content: "";
  position: absolute;
  width: 160px;
  height: 12px;
  left: 0;
  top: -24px;
  background: #ffdd00;
}

.single-article-content .line-top::after,
.line-top::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 32px;
  left: 152px;
  top: -24px;
  background: #fff;
  transform: rotate(45deg);
}

.single-case-study-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: center;
  width: 100%;
}

.case-study-intro {
  display: flex;
  width: 100%;
  max-width: 1171px;
}

.case-study-intro .sub-heading {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 5px;
}

.case-study-details {
  flex: 0 0 80%;
  padding-right: 48px;
}

.case-study-details .social-share {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.case-study-intro .single-case-study-details h4 {
  font-size: 28px;
  font-weight: 400;
}

.case-study-intro .single-case-study-title {
  font-weight: 700;
  font-size: 48px;
  margin: 0 0 10px;
}

.case-study-intro .case-study-logo {
  display: flex;
  flex: 0 0 20%;
  justify-content: flex-end;
  align-items: center;
}

.case-study-intro .case-study-logo img {
  max-height: 150px;
}

.case-study-banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 224px;
  display: flex;
  justify-content: center;
}

.case-study-banner .inner {
  width: 100%;
  max-width: 1171px;
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.case-study-banner .case-study-challenges {
  position: absolute;
  right: 0;
  bottom: -88px;
  max-width: 488px;
  width: 100%;
}

.case-study-banner .case-study-challenges-inner {
  padding: 32px 24px 40px 24px;
  background: #f3f1f2;
  width: 100%;
  position: relative;
  min-height: 340px;
}

.case-study-banner .case-study-challenges-inner::after {
  content: "";
  position: absolute;
  width: 45px;
  height: 100px;
  right: -35px;
  bottom: -35px;
  background: #fff;
  transform: rotate(45deg);
}

.case-study-banner .case-study-challenges h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 1rem;
}

.case-study-banner .case-study-challenges ul li {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  list-style-type: disc;
  margin-left: 1.3em;
}

.case-study-video {
  width: 100%;
  max-width: 960px;
  margin: 0 0 96px;
}

.case-study-video p {
  margin: 12px 0 0;
}

.case-study-results {
  padding: 80px 0;
  width: 100%;
  max-width: 1170px;
}

.case-study-results ul {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
  list-style-type: none;
}

.case-study-results ul li {
  margin-right: 32px;
}

.case-study-results ul li p {
  margin: 0;
}

.case-study-results .icon {
  width: 48px;
  height: 48px;
  margin-bottom: 8px;
}

.case-study-story {
  width: 100%;
  max-width: 1171px;
  margin: 0 0 96px;
}

.case-study-story .inner {
  width: 100%;
  max-width: 832px;
}

.case-study-story h2 {
  margin: 0 0 32px;
}

.case-study-about {
  width: 100%;
  max-width: 1171px;
  margin: 0 0 110px;
}

.case-study-about .inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  background: #f3f1f2;
  padding: 64px 40px 96px 40px;
}

.case-study-about h2 {
  margin-bottom: 53px;
}

.case-study-about .inner .line-top::after {
  background: #f3f1f2;
}

.case-study-about .case-about {
  display: flex;
  align-items: center;
}

.case-study-about .case-about .about-image {
  flex: 0 0 40%;
  max-width: 40%;
  text-align: center;
  padding: 0 30px;
}

.case-study-about .case-about .about-image img {
  max-height: 220px;
  max-width: 250px;
}

.case-study-about .case-about .about-details {
  flex: 0 0 60%;
  max-width: 60%;
}

.case-study-help {
  display: flex;
  justify-content: center;
  margin: 0 0 80px;
}

.case-study-help .inner {
  width: 100%;
  max-width: 1171px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.case-study-help .inner h2 {
  flex: 0 0 22%;
}

.case-study-help .inner .help {
  flex: 0 0 73%;
}

.case-study-help .inner .help p {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 10px;
}

.case-study-other-brands {
  margin: 0 0 110px;
  width: 100%;
  max-width: 1171px;
}

.product-used {
  padding: 24px 24px 32px 24px;
  border: 1px solid #bfc0c0;
  position: relative;
}

.product-used {
  text-decoration: none;
}
.product-used:hover {
  box-shadow: 0 22px 24px -10px rgba(35, 31, 32, 0.04);
}

.case-study-products-used {
  margin: 0 0 110px;
  width: 100%;
  max-width: 1171px;
}

.case-study-products-used .products-used {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin: 48px 0 0;
}

.case-study-products-used .products-used > a {
  flex: 0 0 32%;
  max-width: 32%;
  margin-right: 2%;
  margin-bottom: 16px;
}

.case-study-products-used .products-used > a:nth-child(3n) {
  margin-right: 0;
}

.case-study-products-used .product-used .product-used-image {
  margin: 0 0 16px;
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.product-used:hover::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 5;
}
.preview-image {
  overflow: hidden;
}
.article .preview-image-holder {
  transition: transform 0.4s;
}
.article:hover .preview-image-holder {
  transform: scale(1.1);
}

/*.article a:hover::before {*/
/*	content: "";*/
/*	position: absolute;*/
/*	top: 0;*/
/*	right: 0;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	background: rgba(255, 255, 255, 0.7);*/
/*	z-index: 5;*/
/*}*/

/*.article h2 {*/
/*	position:relative;*/
/*}*/

.case-study-products-used .product-used .product-used-image img {
  position: relative;
  max-height: 330px;
}

.case-study-products-used .product-used .product-used-name {
  position: relative;
  z-index: 10;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin: 0 0 8px;
}

.case-study-products-used .product-used-axes label,
.case-study-products-used .product-used-payload label,
.case-study-products-used .product-used-reach label {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}

.case-study-products-used .product-used-axes span,
.case-study-products-used .product-used-payload span,
.case-study-products-used .product-used-reach span {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
}

.case-study-other-brands .brands-slider {
  display: flex;
  margin-top: 48px;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
}

.case-study-other-brands .brand-slide {
  flex: 0 0 20%;
  max-width: 20%;
  padding: 0 8px;
  text-align: center;
}

.case-study-other-brands .brands-slider .owl-nav > div {
  font-size: 36px;
  border: none;
}

.case-study-other-brands .brands-slider .owl-prev {
  left: 16px;
}

.case-study-other-brands .brands-slider .owl-next {
  right: 16px;
}

.case-study-integrator {
  width: 100%;
  max-width: 1171px;
  margin: 0 0 96px;
}

.case-study-integrator .integrator-details h2 {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 45px;
}

.case-study-integrator .integrator-details h2 span {
  display: block;
}

.case-study-integrator .case-integrator {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.case-study-integrator .integrator-logo img {
  max-height: 220px;
}

.case-study .view-btn a {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #000;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.case-study .view-btn a label {
  cursor: pointer;
  margin-right: 5px;
}

.case-study .view-btn > a:hover {
  color: #b90b2e;
}

.case-study-integrator .integrator-details {
  flex: 0 0 65%;
  max-width: 65%;
}

.case-study-integrator .integrator-logo {
  flex: 0 0 30%;
  max-width: 30%;
  text-align: center;
}

.case-study-quote {
  background: #ffdd00;
  width: 100%;
  max-width: 1171px;
  padding: 48px 64px;
  margin: 0 0 80px;
  position: relative;
}

.case-study-quote::after {
  content: "";
  position: absolute;
  width: 48px;
  height: 108px;
  right: 0;
  bottom: -55px;

  background: #fff;
  transform: matrix(0.65, 0.68, -0.86, 0.63, 0, 0);
}

.case-study-quote .inner .case-quote {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.case-study-quote .case-study-pp {
  flex: 0 0 35%;
  max-width: 35%;
}

.case-study-quote .case-study-quote-content {
  flex: 0 0 59%;
  max-width: 59%;
  position: relative;
  padding-left: 50px;
}

.case-study-quote.without-image .case-study-quote-content {
  flex: 0 0 100%;
  max-width: 100%;
}

.case-study-quote-text-block {
  width: 100%;
  max-width: 1171px;
  margin-bottom: 80px;
}

.case-study-quote-text-block .author-name {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #000;
}

.case-study-quote-text-block .position {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #000;
}

.case-study-quote .case-study-quote-content::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  color: #b90b2e;
  width: 32px;
  height: 24px;
  background: url("../png/quote-icon1922.png"),
    no-repeat;
  background-size: contain;
}

.case-study-quote .quote-author-name {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #000;
}

.case-study-quote .quote-author-position {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #000;
}

.case-study-quote .quote-content p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #000;
}

.case-study-quote .owl-nav > div.owl-prev,
.case-study-quote .owl-nav > div.owl-next {
  border: none;
  font-size: 32px;
}

@media (max-width: 1200px) {
  .single-article .back-to-overview,
  .single-article-content .case-study {
    padding-left: 16px;
    padding-right: 16px;
  }

  .single-article-meta {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 991px) {
  .case-study-results ul {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
  }

  .case-study-details {
    flex: 0 0 70%;
  }

  .case-study-intro .case-study-logo {
    flex: 0 0 30%;
  }
}

@media (max-width: 767px) {
  .case-study-results ul {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }

  .case-study-quote .inner .case-quote {
    padding-left: 30px;
    padding-right: 30px;
  }

  .case-study-quote .owl-nav > div.owl-prev {
    left: 0;
  }

  .case-study-quote .owl-nav > div.owl-next {
    right: 0;
  }

  .case-study-banner {
    margin-bottom: 90px;
  }

  .case-study-products-used .products-used > div {
    flex: 0 0 48%;
    max-width: 48%;
  }

  .case-study-integrator .case-integrator,
  .case-study-about .case-about {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }

  .case-study-integrator .integrator-details,
  .case-study-about .case-about .about-details,
  .case-study-integrator .integrator-logo,
  .case-study-about .case-about .about-image {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .case-study-integrator .integrator-logo {
    margin-top: 40px;
  }

  .case-study-about .case-about .about-image {
    margin-bottom: 20px;
  }

  .case-study-help .inner {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }

  .case-study-help .inner h2,
  .case-study-help .inner .help {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .case-study-help .inner h2 {
    margin-bottom: 20px;
  }
}

@media (max-width: 585px) {
  .case-study-products-used .products-used > div,
  .case-study-results ul {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2rem;
  }

  .case-study-products-used .products-used > div {
    margin: 0 0 20px;
  }

  .case-study-quote .case-study-quote-content,
  .case-study-quote .case-study-pp {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .case-study-quote .case-study-pp {
    margin-bottom: 20px;
  }

  .case-study-quote .inner .case-quote {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
}

@media (max-width: 450px) {
  .case-study-intro {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
  }

  .case-study-intro .case-study-details,
  .case-study-intro .case-study-logo {
    flex: 0 0 100%;
  }

  .case-study-intro .case-study-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }
}

.widget-element-robots.on-content-with-sidebar.with-rating {
  padding-top: 10px;
}
.widget-element-robots.on-content-with-sidebar.with-rating
  .widget-element-button-view {
  margin-left: 0;
}
.widget-element-robots.on-content-with-sidebar.with-rating
  .widget-element-details-payload {
  flex: 0 0 25%;
}
.widget-element-robots.on-content-with-sidebar.with-rating
  .widget-element-image {
  min-height: 400px;
}

/* ASI SEARCH */
#robots-listing {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
  padding: 30px;
  background: #fff;
}
#robots-listing .robot-item {
  display: flex;
  justify-content: space-between;
  padding: 32px;
  width: 100%;
  max-width: 1071px;
  border-bottom: 1px solid #d9d9d9;
  transition: all 0.4s ease-in-out;
  margin: 0 auto;
}
#robots-listing .robot-item.featured {
  background: #f2f2f2;
}
#robots-listing .robot-item.featured .robot-category-btn > a {
  background: #fff;
}
#robots-listing .robot-logo {
  flex: 0 0 15%;
  max-width: 15%;
}

#robots-listing .robot-item.featured .robot-category-btn > span {
  background-color: #fff;
}
#robots-listing .robot-logo img {
  width: 100%;
  height: auto;
}
#robots-listing .robot-details {
  flex: 0 0 40%;
  max-width: 40%;
}
#robots-listing .robot-details .featured-robot {
  padding: 4px 8px;
  background: #fce3e6;
  border-radius: 64px;
  -webkit-border-radius: 64px;
  -moz-border-radius: 64px;
  color: #bc2033;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  display: table;
  margin: 0 0 5px;
}

#robots-listing .robot-category {
  flex: 0 0 35%;
  max-width: 35%;
}
#robots-listing .robot-details h3 {
  font-size: 18px;
  line-height: 28px;
  color: #000;
}
#robots-listing .robot-details h4 {
  font-size: 16px;
  line-height: 24px;
  color: #585a5a;
  margin: 0 0 10px;
}
#robots-listing .robot-video {
  margin: 0 0 22px;
}
#robots-listing .robot-video > a {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #bb1f32;
  width: 146px;
  height: 36px;
  text-decoration: none;
}
#robots-listing .robot-meta {
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  margin-top: 32px;
}
#robots-listing .robot-meta > a {
  text-decoration: none;
  color: #000;
  display: inline;
}
#robots-listing .robot-meta > a:hover {
  text-decoration: underline;
  text-decoration-color: #ffdd00;
  text-decoration-thickness: 3px;
}
#robots-listing .robot-category h5 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #000;
  margin: 0 0 10px;
}
#robots-listing .robot-category-btn {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
#robots-listing .robot-category-btn > a,
#robots-listing .robot-category-btn > span {
  font-size: 12px;
  line-height: 12px;
  color: #262627;
  border-radius: 64px;
  background: #f2f2f2;
  text-decoration: none;
  padding: 8px 12px;
  margin: 0 8px 12px;
}
#robots-listing .robot-category-btn > a.hidden,
#robots-listing .robot-category-btn > span.hidden {
  display: none;
}
.robot-section-intro {
  padding: 64px 0 48px;
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
}
#robots-listing .robot-category-btn a {
  background: #000 !important;
  color: #fff;
}
#robots-listing .robot-category-btn a:hover {
  background: #3f4041 !important;
}
#authorized-systems-integrator-intro {
  flex: 0 0 65%;
  padding-right: 16px;
}

#authorized-systems-integrator-logo {
  flex: 0 0 27%;
}
.robot-section-intro h4 {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin: 0 0 4px;
}
.robot-section-intro h1 {
  font-size: 48px;
  line-height: 48px;
  letter-spacing: -2px;
  font-weight: 800;
  margin: 0 0 12px;
}
.robot-section-intro .integrator-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 16px;
}
.robot-section-intro p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
#authorized-systems-integrator-logo .widget-element-primary-button a {
  text-decoration: none;
  padding: 10px 35px;
}
#authorized-systems-integrator-logo .widget-element-primary-button a:hover {
  text-decoration: none;
}
#authorized-systems-integrator-logo p {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
#robot-integrator-fields {
  background: #fafafa;
  padding: 24px 0;
}
.robot-integrator-fields {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.robot-integrator-fields fieldset {
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
}
.robot-integrator-fields fieldset:nth-child(1),
.robot-integrator-fields fieldset:nth-child(2) {
  flex: 0 0 50%;
}
.robot-integrator-fields fieldset select {
  border: 1px solid #d9d9d9;
  height: 40px;
  padding: 8px 16px;
}
#robots-listing .robot-category .robot-industries {
  margin-bottom: 32px;
}
#robots-filter-form fieldset {
  display: flex;
  flex-direction: column;
}
#robots-filter-form #integrator-name-field {
  padding: 24px 0;
}
#robots-filter-form #integrator-filter-meta-fields {
  background: #fafafa;
  padding: 24px 0;
}
#robots-filter-form #integrator-filter-meta-fields > .container {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
#robots-filter-form #integrator-filter-meta-fields > .container > fieldset {
  flex: 0 0 31%;
  max-width: 31%;
  margin-right: 2%;
}
#robots-filter-form fieldset {
  margin: 0 0 16px;
}
#robots-filter-form fieldset > label {
  margin: 0 0 5px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #000;
}
#robots-filter-form fieldset input[type="text"],
#robots-filter-form fieldset select {
  position: relative;
  background: #fff;
  border: 1px solid #d9d9d9;
  padding: 8px 8px;
}
#robots-filter-form #integrator-name-field fieldset {
  max-width: 366px;
  width: 100%;
}
#robots-filter-form .filter-btns {
  justify-content: flex-end;
}
#robots-filter-form .filter-btns fieldset {
  flex-direction: row;
  -ms-flex-direction: row;
}
#robots-filter-form .filter-btns .clear-filter-btn {
  box-sizing: border-box;
  border: 1.5px solid #000;
  background-color: transparent;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  padding: 12px 24px;
  text-align: center;
  color: #000;
}
#robots-filter-form .filter-btns .clear-filter-btn:hover {
  background-color: #000;
  color: #fff;
}

#robots-filter-form .filter-btns .filter-btn {
  margin-left: 24px;
  background: #ffdd00;
  border: 1.5px solid #ffdd00;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  color: #000;
  padding: 12px 24px;
  margin-right: 3%;
  transition: 0.3s ease;
}
#robots-filter-form .filter-btns .filter-btn:hover {
  background-color: #ffe74c;
  border: 1.5px solid #ffe74c;
}
#authorized-systems-integrator-logo .apply-now-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
#authorized-systems-integrator-logo .apply-now-btn > a {
  background-color: #000;
  border: 1.5px solid #000;
  display: flex;
  padding: 8px 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
}
#authorized-systems-integrator-logo .apply-now-btn > a:hover {
  background-color: #585a5a;
  border: 1.5px solid #585a5a;
}
#robots-container {
  width: 100%;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  flex-direction: column;
}
#robots-pagination {
  display: flex;
  justify-content: center;
  padding: 20px 30px 40px;
}
#robots-pagination .pagination {
  width: 100%;
  max-width: 1070px;
  display: flex;
  justify-content: space-between;
}
#robots-pagination .pagination > a {
  text-decoration: none;
  color: #000;
  font-size: 16px;
  margin: 0 5px;
}
#robots-pagination .page-indicator > span {
  font-weight: 700;
  font-size: 28px;
  line-height: 1;
}
#robots-pagination .pagination .prev-next-buttons > a > i {
  color: #000;
  font-size: 28px;
}
#robots-pagination .pagination .prev-next-buttons > a:hover > i {
  color: #3f4041;
}
#asi-contact-form-modal iframe,
#asi-contact-form-modal object,
#asi-contact-form-modal embed {
  height: 650px !important;
  width: 100% !important;
}

#asi-contact-form-modal.modal {
  z-index: 9999;
}
#asi-contact-form-modal .btn-close {
  position: absolute;
  right: 40px;
  color: #fff;
  border-radius: 100px;
  background-color: #000;
  border: 0;
  width: 40px;
  height: 40px;
}

#asi-contact-form-modal .modal-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-height: 90%;
  z-index: 99999999;
}
#asi-contact-form-modal .modal-dialog .modal-content {
  width: 100%;
  max-width: 680px;
  padding: 32px;
}
#asi-contact-form-modal h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 800;
  margin: 0 0 10px;
}
#asi-contact-form-modal h4 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
#asi-contact-form-modal p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 0;
}
#asi-no-results {
  padding-top: 80px;
}
#asi-no-results > .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 840px;
  text-align: center;
}
#asi-no-results > .container h2 {
  margin: 0 0 24px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 800;
}
#asi-no-results > .container p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding: 0;
  margin-bottom: 20px;
}
#asi-no-results > .container a {
  text-decoration: none;
}
#robots-listing-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1071px;
  position: relative;
  flex-direction: column;
  -ms-flex-direction: column;
}
#robots-listing-container .spinner {
  position: absolute;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#robots-listing-container .spinner i {
  color: #fff;
  font-size: 50px;
}

#robots-listing .spinner {
  font-size: 18px;
  padding: 48px 0 40px;
  text-align: center;
}
#robots-listing .watch-integrator-video {
  margin: 50px 0 15px;
}
#robots-listing .watch-integrator-video a {
  display: flex;
  width: 146px;
  height: 36px;
  color: #fff;
  align-items: center;
  justify-content: center;

  transition: all 0.4s ease-in-out;
  font-size: 14px;
  font-weight: 600;
  background: #bc2033;
  text-decoration: none;
}
#robots-listing .watch-integrator-video a:hover {
  opacity: 0.5;
}
#robots-listing .watch-integrator-video a i {
  margin-left: 8px;
}
#robots-listing .robot-meta a > i {
  margin-left: 8px;
}
#robots-filter-form .required {
  border-color: red;
}
#integrator-filter-meta-fields .filter-btns {
  margin-top: 15px;
}

/* ASI Search Mobile Styles */
@media (max-width: 640px) {
  #robots-listing {
    padding: 32px 16px;
  }

  .robot-section-intro {
    flex-direction: column;
  }

  #authorized-systems-integrator-intro {
    flex: 0 0 100%;
    padding-right: 0;
  }

  #robots-filter-form .filter-btns .clear-filter-btn {
    font-size: 16px;
    width: 100%;
    margin-bottom: 24px;
  }

  #robots-filter-form .filter-btns .filter-btn {
    font-size: 16px;
    margin-right: 0;
  }

  #robots-filter-form #integrator-filter-meta-fields > .container {
    flex-wrap: wrap;
  }

  #robots-filter-form #integrator-filter-meta-fields > .container > fieldset {
    flex: 0 0 48%;
    max-width: 50%;
    margin-right: 2%;
  }

  #robots-filter-form .filter-btns .filter-btn {
    width: 100%;
    margin-left: 0;
  }
  #robots-listing .robot-item {
    flex-wrap: wrap;
    padding: 24px;
  }

  #robots-listing .robot-logo {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #robots-listing .robot-logo img {
    max-width: 25%;
  }

  #robots-listing .robot-details {
    flex: 0 0 70%;
    max-width: 70%;
  }

  #robots-listing .robot-category {
    flex: 0 0 100%;
    max-width: 100%;
  }

  html body.asi-form form #pnlGeneralInfo > .fullLi {
    width: 100%;
  }
  html body.asi-form form #pnlGeneralInfo > .fullLi .btn.btn-default {
    width: 100%;
  }
  html body.asi-form form .form-cover label {
    font-size: 14px;
    line-height: 14px;
  }

  #robots-listing .robot-category .robot-industries {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  #robots-pagination {
    padding: 20px 24px 40px;
  }

  #robots-listing .robot-meta {
    font-size: 16px;
  }
  #asi-contact-form-modal .modal-dialog .modal-content {
    padding: 32px 24px;
  }
}
/* Training Course Descriptions */
#cphMainContent_CourseDetails p {
  font-family: "din-2014", "Calibri", Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  line-height: normal !important;
}
#cphMainContent_CourseDetails ul {
  list-style-type: disc;
  padding-left: 16px;
}
#cphMainContent_CourseDetails ul > li {
  font-size: 18px !important;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1340px;
  }
}

#sfPageContainer #header {
  position: static !important;
}

* {
  outline: none;
}

body,
html {
  overflow-x: hidden;
}

body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

ul.tableList {
  list-style-type: none;
  padding-inline-start: 0;
}

#main-menu-area {
  display: none;
}

.hidden {
  display: none !important;
}

.text-link {
  color: #000;
  font-weight: 600;
  transition: 0.4s ease;
}
.text-link:hover {
  color: #717374;
}
.text-link:hover > .fa {
  margin-left: 4px;
}

a.address-link {
  text-decoration: none;
  color: #3f4041;
}

a.address-link:hover {
  text-decoration: underline;
  text-decoration-color: #000;
  color: #b90b2e;
}

.text-white a {
  color: #fff;
  transition: ease 0.3s;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-decoration-color: #fff;
}
.text-white a:hover {
  text-decoration-thickness: 3px;
  text-decoration-color: #ffdd00;
}
a .link-black {
  color: #000;
  cursor: pointer;
  transition: ease 0.3s;
}
a .link-black:hover {
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-decoration-color: #ffdd00;
}
.img-circle {
  border-radius: 50%;
}

.primary-button,
.btn.btn-yellow {
  background: #ffdd00;
  color: #000;
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  text-transform: uppercase;
  padding: 16px 24px;
  text-align: center;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  letter-spacing: 0.3px;
}

.primary-button:hover,
.btn.btn-yellow:hover {
  text-decoration: none;
  background: #ffe74c;
  color: #000;
}

.sfInlineEditingPageMenu {
  z-index: 999999 !important;
}

.yellow-box {
  display: none !important;
}
.primary-bg,
.bg-primary {
  background-color: #ffdd00;
}
.bg-secondary {
  background-color: #bb1f32;
}
.bg-secondary a {
  color: #fff;
  text-decoration: underline;
}
.bg-secondary a:hover {
  text-decoration-thickness: 2px;
  text-decoration-color: #ffdd00;
}
.bg-secondary-50 {
  background-color: #fce3e6;
}
.bg-secondary-50 a {
  color: #bb1f32;
  text-decoration-color: #bb1f32;
}

@media screen and (max-height: 925px) {
  .hero-full-lp {
    height: 100%;
  }
}

.bg-holiday {
  background-image: url("../jpg/banner-bgd4bf.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
.bg-landing-page-hero {
  background-image: url("../png/yellow-lines-bga1ba.png");
  background-color: #ffdd00;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.bg-cnc-supply-chain-advantage {
  background-image: url("../jpg/cnc-asrs-inventory7678.jpg");
  background-color: #262627;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.border-holiday {
  border: 2px solid rgba(255, 255, 255, 0.25);
}
.w-auto {
  width: auto !important;
}
.w-6 {
  width: 1.5rem;
}
.h-6 {
  height: 1.5rem;
}
.h-auto {
  height: auto;
}

@media (max-width: 767px) {
  .w-full-mobile {
    width: 100% !important;
  }
}

.text-shadow {
  text-shadow: 4px 4px 4px #000;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#header .content-block {
  margin: 0 !important;
}

ul.list {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 24px;
}
ul.list > li {
  margin-bottom: 12px;
  margin-left: 1em;
}
ul.list > li:before {
  content: "\2022";
  color: #b90b2e;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
#header a,
#footer-sitemap a,
.content-block-social-media a {
  text-decoration: none;
}
#header a:hover,
#footer-sitemap a:hover,
.content-block-social-media a:hover {
  text-decoration: none;
}
#header .row,
#footer {
  display: flex;
}

#covid {
  background: #b9202f;
  color: #fff;
  text-align: center;
  padding: 5px 0;
}

#covid p {
  margin: 0;
  padding: 0 !important;
}

#covid p a {
  text-decoration: underline !important;
  color: #fff;
}

#covid p a:hover {
  text-decoration: none !important;
}

#covid-sticky-wrapper {
  display: none;
}

#top-header {
  background: #ffdd00;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#top-header ul {
  display: flex;
  float: right;
  margin: 0;
  padding: 0;
  align-items: center;
  align-content: center;
}

#top-header ul li {
  float: left;
  list-style-type: none;
  margin-left: 35px;
}

#top-header ul li a {
  font-size: 16px;
  color: #000;
  transition: all 0.4s ease-in-out;
}

#top-header ul li a:hover {
  text-decoration: none;
  color: #b90b2e;
}

#top-header ul li.contact-us-btn a {
  background: #b90b2e;
  line-height: 1;
  color: #fff;
  padding: 12px 24px;
  display: block;
}

#top-header ul li.contact-us-btn a:hover {
  background: #dd3146;
}

#top-header ul li.phone a .fa {
  margin-right: 5px;
}

#top-header .content-block-item {
  position: relative;
  display: table;
  width: 100%;
  padding: 8px 0;
}

#top-header .content-block-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background: #ffdd00;
}

#top-header .content-block-search-inner {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  align-content: center;
}

#top-header
  .content-block-search
  .content-block-search-inner
  .content-block-search-form {
  width: 100%;
  padding: 7px;
  background: #fff;
}

#top-header .content-block-search fieldset {
  float: left;
  width: auto;
}

#top-header .content-block-search fieldset:first-child {
  width: 90%;
}

#top-header .content-block-search input {
  background: none;
  width: 100%;
  border: none;
  float: left;
  outline: none;
  font-size: 16px;
}

#top-header .content-block-search button {
  border: none;
  background: none;
  font-size: 16px;
}

#top-header .content-block-search .close {
  font-size: 18px;
  color: #000000;
  margin-top: 3px;
}

#top-header .content-block-language > img {
  float: left;
  margin-right: 10px;
  width: 24px;
  height: 24px;
}

.bg-primary {
  background-color: #ffdd00 !important;
}

header {
  padding: 8px 0;
  background: #fff;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

header .logo {
  margin: 0;
}

header .logo img {
  max-width: 100%;
  max-height: 30px;
  display: table;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

header .content-block-item {
  height: 100%;
  align-items: center;
  align-content: center;
  display: flex;
  justify-content: flex-end;
}

header .content-block-item.logo-container {
  justify-content: flex-start;
}

header .content-block-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

header .content-block-menu > li {
  float: left;
  margin: 0 20px 0 0;
  position: relative;
}

header .content-block-menu > li:hover > .content-block-sub-menu {
  display: block;
}

header .content-block-menu > li:last-child {
  margin: 0;
}

header .content-block-menu > li > a {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 12px 10px;
  color: #000;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

header .content-block-menu > li > a:hover {
  background: #ebebeb;
  color: #b90b2e;
  text-decoration: none;
}

header .content-block-sub-menu {
  display: none;
  position: absolute;
  top: 32px;
  left: 0;
  padding: 0;
  margin: 0;
  width: 200px;
  list-style-type: none;
}

header .content-block-sub-menu > li > a {
  background: #ebebeb;
  color: #000;
  display: block;
  padding: 8px 10px;
  border-bottom: 2px solid #fff;
  font-size: 16px;
}

header .content-block-sub-menu > li:last-child > a {
  border-bottom: none;
}

header .content-block-sub-menu > li > a:hover {
  background: #b90b2e;
  color: #fff;
  text-decoration: none;
  padding-left: 20px;
}

header .content-block-item .toggle-menu {
  font-size: 24px;
  color: #000;
  display: none;
}

#mobile-menu {
  background: #ffdd00;
  padding-top: 0;
  padding-bottom: 48px;
  max-height: 80vh;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  border-bottom: 0;
}

#mobile-menu .content-block-menu {
  padding: 0;
  margin: 0;
}

#mobile-menu .row {
  flex-direction: column;
}
#mobile-menu .content-block-menu li,
#mobile-menu .content-block-menu li .content-block-menu-item {
  display: table;
  vertical-align: center;
  width: 100%;
  margin: 0;
}

#mobile-menu .content-block-menu li .content-block-menu-item {
  width: 100%;
  border-bottom: 1px solid #e5c700;
  padding: 12px 0;
}

#mobile-menu .content-block-menu li a {
  display: table;
  font-size: 16px;
  color: #000;
  font-weight: 700;
  text-decoration: none !important;
  float: left;
}

#mobile-menu .content-block-menu .content-block-sub-menu li a {
  width: 100%;
  border-bottom: 1px solid #e5c700;
  padding: 8px 0;
}

#mobile-menu .content-block-menu li a .fa {
  float: right;
}

#mobile-menu .content-block-menu li .fa {
  float: right;
  margin-top: 3px;
}

#mobile-menu
  .content-block-menu
  > li:last-child
  .content-block-sub-menu
  li:last-child
  a {
  border-bottom: none;
}

#mobile-menu .content-block-menu > li > ul {
  padding: 0 0 0 16px;
  margin: 0;
  display: none;
}

.sticky #covid {
  display: none;
}

/* .widget-content-area{ padding: 5px 0; } */
.cover-gray {
  background: #eeeeee;
  border: 1px solid #eee;
  padding: 24px 24px !important;
}

.left-panel > div {
  max-width: 240px !important;
}

.cover-gray .k-icon,
.cover-gray .k-icon::before {
  display: none !important;
}

.cover-gray .k-widget ul li a {
  font-size: 16px;
  font-weight: 400 !important;
}

.cover-gray .k-widget > ul > li > ul > li {
  padding: 0 0 0 5px;
}

.cover-gray ul li a {
  padding: 0 !important;
  margin: 0 !important;
}

.cover-gray ul li {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.cover-gray ul li {
  margin-bottom: 7px !important;
}

.cover-gray ul li ul {
  padding-left: 10px !important;
}

.cover-gray ul li a:hover {
  color: #b90b2e;
}

.feat-box {
  margin-top: 16px;
}

.social-group {
  display: none !important;
}

#footer-sitemap {
  border-top: 2px solid #f2f2f2;
  padding: 48px 0;
  background: #fafafa;
}

#footer-sitemap .content-block-item {
  height: 100%;
  border-right: 2px solid #f2f2f2;
  padding-right: 12px;
}

#footer-sitemap .container > .row > div:last-child .content-block-item {
  border-right: none;
}

#footer-sitemap .content-block-heading {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  letter-spacing: 0;
  line-height: 1;
}

#footer-sitemap .content-block-heading a {
  text-decoration: none;
  color: #000;
}

#footer-sitemap .content-block-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#footer-sitemap .content-block-menu li {
  margin: 0 0 10px;
}

#footer-sitemap .content-block-menu li a {
  color: #000;
  font-weight: 400;
  font-size: 13px;
}

#footer-sitemap .content-block-heading a:hover,
#footer-sitemap .content-block-menu li a:hover {
  text-decoration: underline;
  color: #b90b2e;
}

#footer-area .sfNavWrp {
  display: none !important;
}

footer {
  background: #ebebeb;
  padding-top: 24px;
  padding-bottom: 32px;
}

footer .logo img {
  max-width: 100%;
  max-height: 20px;
  margin-bottom: 20px;
}

footer .content-block-item {
  height: 100%;
  align-items: center;
  align-content: center;
  display: flex;
  justify-content: flex-end;
}

footer .content-block-footer-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: table;
}

footer .content-block-footer-menu li {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  position: relative;
  line-height: 1;
}

footer .content-block-footer-menu li::after {
  display: block;
  content: "";
  border-right: 1px solid #000;
  height: 8px;
  position: absolute;
  top: 2px;
  right: 0;
}

footer .content-block-footer-menu li:last-child::after {
  display: none;
}

footer .content-block-footer-menu li,
footer .content-block-footer-menu li a {
  font-size: 11px;
  color: #000;
}

footer .content-block-footer-menu li a:hover {
  color: #b90b2e;
  text-decoration: none;
}

footer .content-block-item .content-block-social-media {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

footer .content-block-item .content-block-social-media li {
  float: left;
  margin: 0 7px 0 0;
}

footer .content-block-item .content-block-social-media li:last-child {
  margin: 0;
}

footer .content-block-item .content-block-social-media li a {
  color: #4d4c4f;
  background: #fff;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  font-size: 16px;
  border: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

footer .content-block-item .content-block-social-media .icon {
  width: 1rem;
  height: 1rem;
  transition: all 0.4s ease-in-out;
}

footer .content-block-item .content-block-social-media a:hover .icon {
  fill: #fff;
}

footer .content-block-item .content-block-social-media li a:hover {
  text-decoration: none;
  background: #b90b2e;
  color: #fff;
}

.sfitemsList li {
  display: table;
  padding-bottom: 0 !important;
  margin-bottom: 30px;
  height: auto;
  width: 100%;
}

.serv-cover {
  margin-bottom: 30px;
}

.serv-cover .btn {
  margin-top: 16px;
}

.industries-we-serve-boxes > div {
  margin-bottom: 30px;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 16px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #555;
}

.simple-ul .sb-menu {
  padding-right: 367px;
  padding-left: 337px;
  display: block;
}

.sfsearchBox {
  border: 1px solid #b90b2e;
  color: #000000;
  text-align: left;
  line-height: inherit;
  background: #ffffff;
  width: 212px;
  min-height: 40px;
  padding: 0 40px 0 16px;
  font-size: 14px;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
}

.sfsearchTxt {
  border: 1px solid gray;
  color: gray;
  font-size: 16px;
  width: 116px;
  background-color: white;
  border-radius: 5px;
  padding-top: 5px;
}

.sfsearchSubmit {
  font-size: 0;
  height: 20px;
  width: 20px;
  background: url("../404errora6fa.html")
    no-repeat;
  background-size: 100%;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 18px;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#Content .cnc-simulator-features {
  background: #fede00;
  padding: 71px 93px 45px 112px;
  margin: 0 0 60px;
  position: relative;
}

#Content .cnc-simulator-features::after {
  display: block;
  content: "";
  position: absolute;
  right: -8px;
  bottom: -33px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-right: 50px solid #fff;
  border-bottom: 50px solid transparent;
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#Content .cnc-simulator-features .content-block-heading {
  font-size: 42px;
  margin-bottom: 50px;
  word-wrap: break-word;
}

#Content .cnc-simulator-features .content-block-list li {
  float: left;
  width: 50%;
  margin-bottom: 25px;
}

#Content .cnc-simulator-features .content-block-list li .fa {
  color: #040500;
  float: left;
  font-size: 20px;
  margin-top: 5px;
}

#Content .cnc-simulator-features .content-block-list li span {
  margin-left: 18px;
  color: #000;
  font-size: 20px;
  float: left;
  width: 85%;
}

.notification {
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 5px 0;
}

.section-black {
  padding: 24px;
  background-color: #000000;
  color: #ffffff;
}
.section-black h1,
.section-black h2,
.section-black h3,
.section-black h4,
.section-black h5,
.section-black h6 {
  color: #ffffff;
}

td.integratorbody {
  width: 50%;
}
td.integratorimage {
  width: 50%;
}

/* Education Page */
.grid-spotlight:before {
  display: block;
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

.border-b {
  border-bottom: 1px solid;
  border-bottom-color: #d9d9d9;
}

.border-gray-200 {
  border-bottom-color: #d9d9d9;
}

.z-10 {
  z-index: 10;
}
.uppercase {
  text-transform: uppercase;
}

body {
  font-family: "din-2014", "Calibri", Arial, Helvetica, sans-serif !important;
  color: #3f4041;
}

/*===============================================*/

/* START jquery.selectbox added classes ----- */
.form-cover .sbHolder {
  background: #fcfcfc;
  cursor: pointer;
  border: 1px solid #e5e5e5;
  box-sizing: content-box;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 0;
  position: relative;
  height: 30px;
  border-radius: 8px;
}

.form-cover .sbToggle {
  padding: 0 16px 0 16px;
  display: block;
  height: auto;
  outline: medium none;
  position: absolute;
  right: 0;
  margin-top: 3px;
  top: 0;
  width: auto;
  border-left: 1px solid #dddddd;
  text-decoration: none;
}

.form-cover .sbToggle:before {
  content: "\f107";
  color: #777777;
  font-family: fontAwesome, sans-serif;
  font-size: 12px;
  line-height: 24px;
}

.form-cover .sbSelector {
  display: block;
  height: 30px;
  left: 0;
  line-height: 30px;
  outline: medium none;
  overflow: hidden;
  position: absolute;
  text-align: left;
  text-indent: 12px;
  width: 100%;
  color: #464646;
  font-size: 16px;
  font-weight: normal;
  text-overflow: ellipsis;
}

.form-cover .sbSelector {
  text-decoration: none;
}

.form-cover .sbSelector a {
  color: #000;
}

.form-cover .sbHolder:focus,
.form-cover .inputBox:focus {
  border-color: #b90b2e;
}

.form-cover .sbOptions {
  background-color: #fcfcfc;
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.06);
  padding: 0;
  border: 1px solid #e5e5e5;
  top: 100% !important;
  box-sizing: content-box;
  left: -1px;
  list-style: outside none none;
  margin: 0;
  overflow: auto;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.form-cover .sbOptions li {
  padding: 0 10px 4px;
  transition: all 0.4s ease-in-out 0s;
}

.form-cover .sbOptions a {
  text-decoration: none;
  border-bottom: 0 dotted #026e9f;
  font-size: 12px;
  font-weight: normal;
  display: block;
  outline: medium none;
  padding: 6px 0 0;
  text-align: left;
  color: #464646;
  opacity: 0.8;
}

.form-cover .sbOptions li:hover {
  background: #f2f2f2;
}

.form-cover #txtphone {
  background-color: rgb(255, 255, 255);
  width: 100%;
  height: 30px;
  border-color: rgb(221, 221, 221);
  border-width: 1px;
  border-radius: 8px;
  border-style: solid;
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.35);
  padding: 0 10px;
}

/* END jquery.selectbox added classes ----- */

.form-cover label {
  display: block;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  font-weight: 600;
  margin-bottom: 4px;
}

.form-cover label span {
  color: #f00;
}

.form-cover label span.selMul {
  color: #000;
  font-weight: 400;
}

.form-cover .inputBox {
  background-color: #fff;
  width: 100%;
  height: 30px;
  border-color: rgb(221, 221, 221);
  border-width: 1px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-style: solid;
  padding: 0 10px;
}

/* END form-cover ---------------------------- */

.page-crx form ::-webkit-input-placeholder,
.page-scara form ::-webkit-input-placeholder {
  color: #000;
}

.page-crx form :-ms-input-placeholder,
.page-scara form :-ms-input-placeholder {
  color: #000;
}

.page-crx form ::placeholder,
.page-scara form ::placeholder {
  color: #000;
}

.page-crx form .sbSelector,
.page-scara form .sbSelector {
  height: 32px !important;
  border-top: 1px solid #2f3a1b !important;
  border-left: 1px solid #000 !important;
  border-right: 1px solid #000 !important;
  border-bottom: 1px solid #000 !important;
  width: 100% !important;
  padding: 7px !important;
  box-shadow: inset 0 1px 1px rgba(163, 163, 163, 0.8) !important;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background: #fff !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}

.page-crx form .sbHolder,
.page-scara form .sbHolder {
  background: none !important;
}

.page-crx form .sbToggle,
.page-scara form .sbToggle {
  height: 100% !important;
  display: flex !important;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin: 0 !important;
  line-height: 1 !important;
}

.page-crx form #radCobotyn,
.page-crx form #chekQuoteDemo,
.page-scara form #radCobotyn,
.page-scara form #chekQuoteDemo {
  width: 300px !important;
}

.page-crx form #radCobotyn td label,
.page-crx form #radCobotyn td input,
.page-crx form #chekQuoteDemo td label,
.page-crx form #chekQuoteDemo td input,
.page-scara form #radCobotyn td label,
.page-scara form #radCobotyn td input,
.page-scara form #chekQuoteDemo td label,
.page-scara form #chekQuoteDemo td input {
  float: left;
}

.page-scara form #radCobotyn td label,
.page-scara form #chekQuoteDemo td label {
  margin: 3px 0 0 10px !important;
}

.page-scara form #btnSubmitPage {
  float: left;
  margin-top: 20px !important;
  background: #000;
  color: #fff;
}

.page-crx form #btnSubmitPage:after,
.page-scara form #btnSubmitPage:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #85bb20;
  content: "";
  display: block;
  position: absolute;
  right: -2px;
  bottom: -8px;
  transform: rotate(225deg);
}

.page-crx form #btnSubmitPage:hover,
.page-scara form #btnSubmitPage:hover {
  opacity: 0.5;
}

.page-crx .form-cover > ul > li,
.page-scara .form-cover > ul > li {
  width: 100% !important;
  margin-bottom: 4px;
}

.page-crx form ul li > label,
.page-scara form ul li > label {
  display: none !important;
}

.page-crx form #trUseCobotyn label,
.page-crx form #trQuoteDemo label,
.page-scara form #trUseCobotyn label,
.page-scara form #trQuoteDemo label {
  display: block !important;
}

.page-crx,
.page-scara {
  background: none !important;
}

.page-crx form,
.page-scara form {
  background: none !important;
  padding: 0 !important;
}

.page-crx form input[type="text"],
.page-crx form input[type="email"],
.page-crx form textarea,
.page-scara form input[type="text"],
.page-scara form input[type="email"],
.page-scara form textarea {
  height: 32px !important;
  border-top: 1px solid #2f3a1b !important;
  border-left: 1px solid #000 !important;
  border-right: 1px solid #000 !important;
  border-bottom: 1px solid #000 !important;
  width: 100% !important;
  padding: 7px !important;
  box-shadow: inset 0 1px 1px rgba(163, 163, 163, 0.8) !important;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  color: #000 !important;
}

.page-crx form textarea,
.page-scara form textarea {
  height: 70px;
  resize: none;
}
/* fullLi found in locations and contact pages */
.fullLi .button-wrapper {
  text-align: left;
}

.fullLi .btn.btn-default {
  background-color: #bb1f32;
  color: #fff;
  margin-top: 16px;
  margin-bottom: 0;
  padding: 16px 48px;
  border: 0;
  font-weight: 600;
  cursor: pointer;
}

.fullLi .btn.btn-default:hover {
  background-color: #dd3146;
}

@media (max-width: 580px) {
  body.iframe-form-landing form#form1 #spanHeader h3 {
    font-size: 24px !important;
  }
}

/* START related-left --------------- */
.related-left h3 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 24px;
}

.related-left .form-cover {
  margin-top: 16px;
  float: left;
  width: 100%;
}

.related-left .form-cover > ul > li {
  width: 100%;
}

.related-left .form-cover > ul > li input,
.related-left .form-cover li > div {
  width: 28%;
}

.related-left .form-cover li.fullLi > div {
  width: 50%;
}

.related-left .form-contactus {
  margin-top: 16px;
  float: left;
  width: 100%;
}

.related-left .form-contactus > ul > li {
  width: 100%;
}

.related-left .form-contactus > ul > li input,
.related-left .form-contactus li > div {
  width: 28%;
}

.related-left .form-contactus li.fullLi > div {
  width: 50%;
}

/* END related-left --------------- */

/* START forms ---------------- */
button,
input,
select,
textarea {
  margin: 0;
  vertical-align: baseline;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

input {
  border-radius: 0;
}

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

.textArea {
  resize: none;
  background-color: #fff;
  width: 100%;
  min-height: 140px;
  border-color: rgb(221, 221, 221);
  border-width: 1px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-style: solid;
  padding: 8px;
}

.textArea:focus {
  border-color: #b90b2e;
}

/* Newsletter Register */
.newsletter-register-form form#form1 {
  background: #fff !important;
}

.newsletter-register-form form {
  width: 100%;
  padding: 40px 64px !important;
}

.newsletter-register-form .form-cover h3 {
  font-size: 28px;
  font-weight: 600;
  text-align: left !important;
}

.newsletter-register-form ul li > label {
  display: none !important;
}

.newsletter-register-form form input[type="text"],
.newsletter-register-form form input[email="email"] {
  box-shadow: none;
  border: 1px solid #d6d6d6;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  height: 32px;
}

.newsletter-register-form .sbHolder {
  background: none !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

.newsletter-register-form .sbToggle {
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.newsletter-register-form .g-recaptcha {
  margin-top: -24px;
}

.newsletter-register-form .form-cover .sbSelector {
  color: #000;
}

.newsletter-register-form input[type="button"] {
  background-color: #bb1f32;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  align-items: center;
  justify-content: center;
  border: none;
  margin-top: 32px !important;
  margin-bottom: 0;
}

.newsletter-register-confirmation-text {
  display: none;
}

.newsletter-register-confirmation .newsletter-register-confirmation-text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.newsletter-register-confirmation .newsletter-register-confirmation-text p {
  background: #fff;
  padding: 20px;
}

.newsletter-register-confirmation .default-confirmation-text {
  display: none;
}

.newsletter-register-form #trNewletterConfirmation {
  margin-top: 16px;
}

.newsletter-register-form #newsletterConfirmation {
  width: 100% !important;
}

.newsletter-register-form #newsletterConfirmation > tbody > tr > td {
  display: flex;
  align-items: center;
  justify-content: center;
}

.newsletter-register-form #newsletterConfirmation > tbody > tr > td input {
  margin: 0 16px 0 0;
}

.newsletter-register-form #newsletterConfirmation > tbody > tr > td label {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

/* ASI Contact Form */
html body.asi-form form {
  padding: 0 !important;
  margin-top: 1rem;
  background: transparent !important;
}

html body.asi-form form #lidrpState,
html body.asi-form form #trCity,
html body.asi-form form #trAddress1,
html body.asi-form form #trTitle {
  display: none !important;
}
html body.asi-form form #pnlGeneralInfo {
  display: flex;
  flex-wrap: wrap;
}
html body.asi-form form #pnlGeneralInfo > li {
  width: 50%;
}
html body.asi-form form #pnlGeneralInfo > #trCompany,
html body.asi-form form #pnlGeneralInfo > #trCommentsQuestions_Entry {
  width: 100%;
}
html body.asi-form form #pnlGeneralInfo > #trCommentsQuestions_Entry textarea {
  min-height: 120px !important;
}
html body.asi-form form #pnlGeneralInfo .hidden-fields {
  width: 0;
  padding: 0;
}
html body.asi-form form #pnlGeneralInfo input[type="text"],
html body.asi-form form #pnlGeneralInfo textarea,
html body.asi-form form #pnlGeneralInfo select,
html body.asi-form form #pnlGeneralInfo input[type="email"],
html body.asi-form form #pnlGeneralInfo input[type="phone"],
html body.asi-form form #pnlGeneralInfo .sbHolder {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.successmsg {
  left: 48px;
  display: none;
  position: absolute;
  bottom: -20px;
  color: #00c100;
}

/* FANUC XMAS */
.widget-xmas-banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 643px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.widget-xmas-banner::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.widget-xmas-banner .widget-element-image-text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.widget-xmas-form {
  background-color: #bb1f32;
  position: relative;
  padding: 0;
  margin-bottom: 0;
  background-image: url(../png/bg-lines63cd.png);
  background-size: auto;
  background-repeat: no-repeat;
  background-position-x: 130px;
  background-position-y: -190px;
}

.widget-xmas-form .widget-element-heading {
  color: #fff;
  font-size: 50px !important;
  line-height: 1.2;
  font-weight: 600;
  position: relative;
}

.widget-xmas-form .widget-element-heading::before {
  content: "";
  background-image: url(../png/mail-icon5fcd.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 47px;
  height: 28px;
  position: absolute;
  top: 20px;
  left: -80px;
}

.widget-xmas-form .widget-element-text p {
  font-size: 24px;
  color: #fff;
  line-height: 34px;
}

.widget-xmas-form .widget-element-details {
  padding-left: 120px;
  padding-top: 95px;
}

.widget-xmas-form .widget-element-form {
  margin-top: -64px;
}

@media (max-width: 1171px) {
  .widget-xmas-form .widget-element-details {
    padding-left: 30px;
  }
}

@media (max-width: 991px) {
  .widget-xmas-banner {
    padding: 35px 0;
  }

  .widget-xmas-banner .widget-element-video {
    margin-bottom: 30px;
  }

  .widget-xmas-form .widget-element-form {
    margin: 20px 0 40px;
  }

  .widget-xmas-form .widget-element-details {
    padding-left: 70px;
  }
}

@media (max-width: 580px) {
  .newsletter-register-form form {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .widget-xmas-form .widget-element-heading {
    font-size: 36px;
  }

  .widget-xmas-form .widget-element-heading::before {
    top: 10px;
    left: -60px;
  }
}

@media (max-width: 380px) {
  .widget-xmas-form .widget-element-heading::before {
    display: none;
  }

  .widget-xmas-form .widget-element-heading {
    font-size: 28px;
  }

  .widget-xmas-form .widget-element-details {
    padding-left: 0;
  }
}

/* West Campus Ground Breaking */
.west-campus-ground-breaking-form form#form1 {
  background: #fff !important;
}

.west-campus-ground-breaking-form form {
  width: 100%;
  padding: 40px 63px !important;
}

.west-campus-ground-breaking-form .form-cover h3 {
  font-size: 28px;
  font-weight: 600;
  text-align: left !important;
}

.west-campus-ground-breaking-form ul li > label {
  display: none !important;
}

.west-campus-ground-breaking-form form input[type="text"],
.west-campus-ground-breaking-form form input[email="email"] {
  box-shadow: none;
  border: 1px solid #d6d6d6;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  height: 32px;
}

.west-campus-ground-breaking-form .sbHolder {
  background: none !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

.west-campus-ground-breaking-form .sbToggle {
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.west-campus-ground-breaking-form .g-recaptcha {
  margin-top: -24px;
}

.west-campus-ground-breaking-form .form-cover .sbSelector {
  color: #000;
}

.west-campus-ground-breaking-form input[type="button"] {
  background-color: #bb1f32;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 184px;
  height: 47px;
  border: none;
  margin-top: 30px !important;
  margin-bottom: 0;
}

.west-campus-ground-breaking-confirmation-text {
  display: none;
}

.west-campus-ground-breaking-confirmation
  .west-campus-ground-breaking-confirmation-text {
  display: flex;
  justify-content: center;
}

.west-campus-ground-breaking-confirmation
  .west-campus-ground-breaking-confirmation-text
  p {
  background: #fff;
  padding: 20px;
}

.west-campus-ground-breaking-confirmation .default-confirmation-text {
  display: none;
}

.west-campus-ground-breaking-form #trNewletterConfirmation {
  margin-top: 16px;
}

.west-campus-ground-breaking-form #newsletterConfirmation {
  width: 100% !important;
}

.west-campus-ground-breaking-form #newsletterConfirmation > tbody > tr > td {
  display: flex;
  align-items: center;
  justify-content: center;
}

.west-campus-ground-breaking-form
  #newsletterConfirmation
  > tbody
  > tr
  > td
  input {
  margin: 0 16px 0 0;
}

.west-campus-ground-breaking-form
  #newsletterConfirmation
  > tbody
  > tr
  > td
  label {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.successmsg {
  left: 48px;
  display: none;
  position: absolute;
  bottom: -20px;
  color: #00c100;
}

::-webkit-input-placeholder {
  opacity: 1;
  color: inherit;
}

:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
  color: inherit;
}

::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: inherit;
}

:-ms-input-placeholder {
  opacity: 1;
  color: inherit;
}

textarea::-webkit-input-placeholder {
  color: #7697b2;
}

textarea:-moz-placeholder {
  color: #7697b2;
}

textarea.texareabox:-ms-input-placeholder {
  color: #7697b2;
}

.wrapper:-moz-placeholder {
  color: rgb(102, 102, 102);
}

.wrapper::-webkit-input-placeholder {
  color: rgb(102, 102, 102);
}

.wrapper::-moz-placeholder {
  color: rgb(102, 102, 102);
  opacity: 1;
}

.wrapper:-ms-input-placeholder {
  opacity: 1;
  color: rgb(102, 102, 102);
}

/* END forms --------------------- */

/* START form-widget ---------------------------- */
/* .form-widget is on contact and locations pages */

::placeholder {
  color: #717374;
}
.form-widget {
  max-width: 619px;
  width: 100%;
}

.form-widget > ul {
  margin: 0 -12px;
}

.form-widget > ul > li {
  float: left;
  width: 50%;
  padding: 0 12px;
  margin-bottom: 12px;
  position: relative;
}

.form-widget > ul > li span.error {
  position: absolute;
  bottom: -16px;
  left: 10px;
  display: inline-block;
  color: #f00;
  font-size: 12px;
}

.form-widget li.fullLi {
  width: 100%;
}

.form-widget li.fullLi .sfTxt,
.form-widget li.fullLi > div {
  width: 48%;
}

/* START form-cover ---------------------------- */
/* .form-cover is on contact and locations pages */
.form-cover {
  width: 100%;
}

.form-cover ul {
  list-style-type: none;
}

.form-cover > ul {
  padding-left: 0;
}

.form-cover > ul > li {
  float: left;
  width: 50%;
  padding: 0 12px;
  margin-bottom: 12px;
  position: relative;
}

.form-cover > ul > li span.error {
  position: absolute;
  bottom: -16px;
  left: 10px;
  display: inline-block;
  color: #f00;
  font-size: 12px;
}

.form-cover li.fullLi {
  width: 100%;
}

body.iframe-form-landing form#form1 {
  background: #fff !important;
  padding: 32px 40px;
}

body.iframe-form-landing form#form1 .form-cover > ul {
  margin: 0;
}

body.iframe-form-landing form#form1 #spanHeader h3 {
  font-size: 28px !important;
  font-weight: 600;
  color: #000;
  margin: 0 0 16px;
}

body.iframe-form-landing form#form1 input[type="text"],
body.iframe-form-landing form#form1 input[type="email"],
body.iframe-form-landing form#form1 textarea,
body.iframe-form-landing form#form1 .sbHolder {
  border: 1px solid #d6d6d6;
  box-shadow: none;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  color: #565656 !important;
  font-size: 16px;
  font-weight: 400;
  background: none !important;
}

body.iframe-form-landing form#form1 .sbToggle {
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

body.iframe-form-landing form#form1 input[type="text"],
body.iframe-form-landing form#form1 input[type="email"] {
  height: 35px;
}

body.iframe-form-landing form#form1 textarea {
  height: 67px;
  padding: 10px !important;
}

body.iframe-form-landing form#form1 ::-webkit-input-placeholder {
  color: #565656;
}

body.iframe-form-landing form#form1 :-ms-input-placeholder {
  color: #565656;
}

body.iframe-form-landing form#form1 ::placeholder {
  color: #565656;
}

body.iframe-form-landing form#form1 .g-recaptcha {
  margin-top: -30px;
}

body.iframe-form-landing form#form1 input[type="button"] {
  width: 100%;
  background: #bb1f32;
  color: #fff;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 24px 0 0;
  transition: 0.4s ease;
}

body.iframe-form-landing form#form1 input[type="button"]:hover {
  background: #dd3146;
}

body.iframe-form-landing form#form1 ul li > label {
  /*display: none;*/
}

/* START jquery.selectbox added classes ----- */
.form-widget .sbHolder {
  background: #fcfcfc;
  background: linear-gradient(
    -180deg,
    rgb(255, 255, 255) 0%,
    rgb(238, 238, 238) 100%
  );
  cursor: pointer;
  border: 1px solid #e5e5e5;
  box-sizing: content-box;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 0;
  position: relative;
  height: 30px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffeeeeee,GradientType=0)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffeeeeee, GradientType=0);
}

.form-widget .sbToggle {
  padding: 0 16px 0 16px;
  display: block;
  height: auto;
  outline: medium none;
  position: absolute;
  right: 0;
  margin-top: 4px;
  top: 0;
  width: auto;
  border-left: 1px solid #dddddd;
  text-decoration: none;
}

.form-widget .sbToggle:before {
  content: "\f107";
  color: #777777;
  font-family: FontAwesome, sans-serif;
  font-size: 9px;
}

.form-widget .sbSelector {
  display: block;
  height: 30px;
  left: 0;
  line-height: 30px;
  outline: medium none;
  overflow: hidden;
  position: absolute;
  text-align: left;
  text-indent: 12px;
  width: 100%;
  color: #464646;
  font-size: 16px;
  font-weight: normal;
  text-overflow: ellipsis;
}

.form-widget .sbSelector a {
  color: #000;
}

.form-widget label {
  display: block;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  font-weight: 600;
  margin-bottom: 4px;
  color: #000;
}

.form-widget .sbHolder:focus,
.form-widget .sfTxt:focus {
  border-color: #000;
}

.form-widget .sbOptions {
  background-color: #fcfcfc;
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.06);
  padding: 0;
  border: 1px solid #e5e5e5;
  top: 100% !important;
  box-sizing: content-box;
  left: -1px;
  list-style: outside none none;
  margin: 0;
  overflow: auto;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.form-widget .sbOptions li {
  padding: 0 10px 4px;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
}

.form-widget .sbOptions a {
  border-bottom: 0 dotted #026e9f;
  font-size: 12px;
  font-weight: normal;
  display: block;
  outline: medium none;
  padding: 8px 0 0;
  text-align: left;
  color: #464646;
  opacity: 0.8;
}

.form-widget .sbOptions li:hover {
  background: #f2f2f2;
}

/* END jquery.selectbox added classes ----- */

.form-widget .sfLeftLbls {
  display: block;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  font-weight: 700;
  margin-bottom: 8px;
}

.form-widget .sfLeftLbls span {
  color: #f00;
}

.form-widget .sfLeftLbls span.selMul {
  color: #000;
  font-weight: 400;
}

.sfTxt {
  background-color: #fff;
  width: 100%;
  height: 30px;
  border: 1px solid #bfc0c0;
  border-radius: 4px;
  padding: 4px 12px;
}

textarea.sfTxt {
  height: auto;
}

.sfFormBox.sfTxtBoxSmall .sfTxt {
  width: 120px;
}

.sfFormBox.sfTxtBoxMedium .sfTxt {
  width: 300px;
}

.rcRefreshImage {
  font-size: 0.75rem;
  margin-bottom: 1rem;
  color: #000;
}
.rcRefreshImage:hover {
  text-decoration-color: #000;
}

.sfFormCaptcha {
  margin-top: 1rem;
}

/* START buttons ------------------- */
.sfFormSubmit {
  outline: none !important;
  transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  text-decoration: none !important;
  touch-action: manipulation;
  -moz-user-select: none;
}

.sfFormSubmit input[type="submit"] {
  background-color: #bb1f32;
  color: #fff;
  margin-bottom: 0;
  padding: 16px 48px;
  border: 0;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}

.sfFormSubmit input[type="submit"]:hover,
.sfFormSubmit input[type="submit"]:focus,
input[type="submit"].active.focus,
input[type="submit"].active:focus,
input[type="submit"].active:hover,
input[type="submit"]:active.focus,
input[type="submit"]:active:focus,
input[type="submit"]:active:hover {
  background-color: #dd3146;
}

.sfSuccess {
  font-weight: 600;
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */
}

/* end buttons --------------------- */
/* END form-widget ---------------------------- */

.sfContentBlock ul,
.sfContentBlock ol {
  padding-inline-start: 1.625em;
  padding-bottom: 1rem;
}

.sfContentBlock ul li,
.sfContentBlock ol li {
  margin-top: 0.25em;
  padding-bottom: 0.25em;
}

.callout {
  display: block;
  background-color: #f2f2f2;
  border: 1px solid #bfc0c0;
  border-radius: 0.375rem;
  padding: 1.5rem;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.heading-bar {
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}
.heading-bar::after {
  display: block;
  content: "";
  width: 62px;
  height: 4px;
  border-bottom: 4px solid #fed100;
  position: absolute;
  bottom: 0;
  left: 0;
}

.sfeventDatesLocationContacts {
  list-style-type: none !important;
  padding-inline-start: 0 !important;
}


.medium-zoom-overlay,
  .medium-zoom-image--opened {
    z-index: 9999;
  }

.image-zoom {
  transition: 0.15s ease;
}
.image-zoom:hover {
  transform: scale(1.05);
}
.relative {
  position: relative;
}
.overflow-hidden {
  overflow: hidden;
}

@media screen and (min-width: 720px) {
  .h-180 {
    height: 180px;
  }
}


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