@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@400;700&family=Raleway:wght@300&display=swap");

:root {
  --blue: #1e90ff;
  --white: #ffffff;
  --purple: #650968;
  --purple-light: #9e0fa3;
}

@font-face {
  font-family: "Segoe UI Regular";
  font-style: normal;
  font-weight: normal;
  src:
    local("Segoe UI Regular"),
    url("Segoe UI.woff") format("woff");
}

@font-face {
  font-family: "Segoe UI Bold";
  font-style: normal;
  font-weight: normal;
  src:
    local("Segoe UI Bold"),
    url("Segoe UI Bold.woff") format("woff");
}
h1::selection,
h2::selection,
h3::selection,
h4::selection,
p::selection {
  background-color: #5fa88d;
  color: white;
}
*,
html,
body,
form {
  font-family:
    "Mulish", "Segoe UI Regular", "Open Sans", sans-serif, Georgia, Verdana,
    Arial, Helvetica;
  font-size: 16px;
  line-height: 1.5em;
  word-wrap: break-word;
  color: #2e2e2e;
  -webkit-font-smoothing: antialiased;
}
.mask {
  background-image: url("../i/gray.gif");
  background-size: cover;
}
p {
  font-family: "Mulish";
}
.box-icon {
  max-width: 46px;
}
#logo {
  margin-left: 0px;
  clear: both;
  display: inline-block;
  float: left;
  margin-top: 24px;
}
#logoImg {
  content: url("../i/logo-site.png");
}
#homeTop {
  width: 100%;
  height: 49vh;
  background-color: #426f71;
}
#peopleDiv {
  width: 50%;
  height: 48vh;
  float: right;
  background-image: url("../i/people-wide_1.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
#homeMsg {
  width: 40%;
  float: left;
  padding-left: 2vw;
}
.msgHead {
  display: inline-block;
  font-size: calc(11px + 2.5vw);
  font-weight: 100;
  line-height: 1em;
  margin: 4vh;
  color: white;
}
.home-major-head {
  display: inline-block;
  font-size: calc(11px + 2.5vw);
  font-weight: 100;
  line-height: 1em;
  color: #426f71;
  width: 100%;
  text-align: center;
  margin: 0 0 4vh 0;
}
.msgBody {
  display: inline-block;
  color: white;
  font-size: 3vh;
  line-height: 4vh;
  margin: 0 4vh 0 4vh;
}
.animated-logo {
  height: 100%;
  width: auto;
  display: flex;
  justify-content: center !important;
  width: 50%;
  height: 50px;
}
@keyframes fade-logo {
  0% {
    opacity: 0;
  }
  32% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  53% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.animated-logo div {
  position: absolute;
  animation-name: fade;
  -webkit-animation-name: fade-logo;
  /* animation-timing-function: ease-in-out; */
  animation-iteration-count: infinite;
  animation-duration: 15s;
  background: white;
}
.img-set1 {
  animation-delay: 10s;
}
.img-set2 {
  animation-delay: 5s;
}
.img-set3 {
  animation-delay: 0s;
}
@media screen and (max-width: 1200px) {
  .branding-example-row {
    justify-content: space-evenly;
    margin: 10px;
  }
}
@media screen and (max-width: 1100px) {
  .top-nav #contact-mobile {
    display: none !important;
  }
  .topnav.responsive #contact-mobile {
    display: block !important;
    width: 67px;
    margin: 10px auto 0px auto;
  }
}
@media (max-width: 1024px) {
  .msgBody {
    font-size: 2vh;
    line-height: 3vh;
  }
}
#dashLogin {
  position: absolute;
  top: 20px;
  right: 20px;
}
#dashLogin a {
  color: #333333;
  display: none;
  margin-left: 20px;
}
.colorful {
  /*  background: rgb(118,217,185);
     background: linear-gradient(90deg, rgba(118,217,185,1) 0%, rgba(29,129,138,1) 50%, rgba(124,46,128,1) 100%);
*/
}

#regLink,
.regLink {
  padding: 1px 16px 3px 16px;
  text-align: center;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: none;
  -webkit-font-smoothing: antialiased;
  border: 1px solid;
  border-radius: 3vh;
  font-weight: 500;
  /*border-color: #e76d0c #e15500 #e15500; */
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.05) 0 1px 0;
  background-color: #3e5189;
  /*background-image: linear-gradient(180deg,#f67c1b 0,#e15500); */
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.2);
  font-size: calc(11px + 0.4vw);
}
code {
  line-height: 0;
}
.wideImage,
#belowWideImg {
  margin: 0 -30px 0 -30px;
}
#homeDiv {
  width: 100%;
  height: 360px;
  position: relative;
}

/* ======================= Customer CAROUSEL ============================ */
.customer-container {
  margin: 4vh;
}
.customer-logos img {
  max-height: 60px;
  max-width: 85%;
}
.customer-logos .slide {
  height: 60px;
  vertical-align: middle;
  display: table-cell;
}
.customer-container .slick-slide {
  margin: 20px;
}
/* =============================== CAROUSEL ============================ */
#carousel-div {
  max-width: calc(100% - 80px);
  margin: auto;
  clear: both;
}
.carousel-slide {
  height: 40vh;
  padding: 4vh;
}
.slide-image {
  width: 50%;
  float: left;
  height: 40vh;
  vertical-align: top;
}
.slide-image img {
  vertical-align: middle;
  margin: 0 auto;
  max-height: 36vh;
  max-width: 40vw;
}
.slide-body {
  width: 45%;
  float: right;
  margin-right: 5%;
}
.slide-head {
  font-size: 2.5vw;
  font-weight: normal;
  line-height: 1;
}
.slide-body p {
  font-size: 1.6vw;
}
/* =========================== END CAROUSEL ============================ */
#iseinvite {
  position: relative;
  top: 3px;
  font-size: 2vw;
  margin-top: -2.9vw;
  color: #6e2449;
  text-shadow: 0px 0px 30px white;
}
#meetRooms {
  font-size: 4.2vw;
}
#sorted {
  font-size: 5.5vw;
  color: #3b6262;
}
#sorted {
  font-family: "Gochi Hand", cursive;
}
#flyText {
  font-size: 2.3vw;
  position: absolute;
  top: 34vw;
}
#homeBoxes {
  /*  background-color: rgba(255, 255, 255, 0.9);
    Color white with alpha 0.9*/
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 auto;
  padding-bottom: 2vw;
  background: transparent;
  flex-direction: row;
}
.homeBox {
  flex-basis: 40vh;
  padding: 0 2vw 2vw 2vw;
  margin: 1vw;
  position: relative;
  text-align: center;
  overflow: hidden;
  /*border-top: 4px solid #426f71;*/
}
#quickStart {
  max-width: 1100px;
  margin: auto;
  text-align: left;
}
#qsQs div * {
  font-size: calc(11px + 1.8vw);
  line-height: 1em;
  text-shadow: 0px 0px 10px white;
}
.qsA {
  font-family: "Gochi Hand", cursive;
  font-size: 0.9em;
  color: #3b6262;
}
#bigMsg0,
#bigMsg1,
#bigMsg2 {
  display: none;
  opacity: 0;
}
.homeBox > * {
  color: #383838;
}
.homeBox > p,
#qsHead,
#qsFoot {
  font-size: calc(11px + 0.6vw);
  line-height: 1.4em;
  text-align: left;
}
.boxHead {
  font-size: calc(16px + 1.3vw);
  line-height: 2em;
  text-align: center;
}
#BodyText a:hover,
#helpDiv a:hover {
  /*border-bottom: 1px #6e2449 solid;*/
}
.boxGo {
  display: inline-block;
  min-width: 13vw;
  min-height: 2.6vw;
  background-color: #fff;
  bottom: 1vw;
  color: black;
  margin: 0 auto;
  position: absolute;
  left: 6%;
  right: 6%;
  -moz-border-radius: 1vw;
  border-radius: 1vw;
  line-height: 2.6vw;
  vertical-align: middle;
  font-size: calc(11px + 0.6vw);
  opacity: 0.6;
}
.boxGo:hover {
  opacity: 1;
  border-bottom: 0 !important;
}
#twitter {
  overflow: hidden;
}
#twitter * {
  font-size: calc(10px + 0.2vw) !important;
  text-align: left;
}
/*
 #bx1 {
     background-color: #9dc4c4;
}
 #bx2 {
     background-color: #f7c25f;
}
 #bx3 {
     background-color: #a59fd0;
}
 #bx5 {
     background-color: #d194b0;
}
 #bx6, #bx4 {
     background-color: #fff;
     overflow-y:hidden;
}
 #bx6 .boxGo, #bx4 .boxGo{
     background-color: #bfbfbf;
} */
#printLogo {
  display: none;
}
.defBlock {
  width: 615px;
  word-wrap: break-word;
  display: inline-block;
}
#compTbl td,
#compTbl th {
  padding: 10px !important;
  border-bottom: 0 !important;
  border-right: 1px solid #cccccc;
}
.hardware-comparison-section tr:nth-child(1) {
  background: white !important;
}
.hardware-comparison-section tbody tr td:nth-child(2),
.hardware-comparison-section tbody tr td:nth-child(3),
.hardware-comparison-section tbody tr td:nth-child(4),
.hardware-comparison-section tbody tr td:nth-child(5),
.hardware-comparison-section tbody tr td:nth-child(6),
.hardware-comparison-section tbody tr td:nth-child(7),
.hardware-comparison-section tbody tr td:nth-child(8),
.hardware-comparison-section tbody tr td:nth-child(9),
.hardware-comparison-section tbody tr td:nth-child(10),
.hardware-comparison-section tbody tr td:nth-child(11),
.hardware-comparison-section tbody tr td:nth-child(12),
.hardware-comparison-section tbody tr td:nth-child(13) {
  border-right: 1px solid #d2d2d2 !important;
}
.ticked {
  background-image: url("../i/checkmark.png");
  background-size: 18px;
}
.crossed {
  background-image: url("../i/cross.png");
  background-size: 18px;
}
.ticked,
.crossed {
  background-position: 10px 13px;
  background-repeat: no-repeat;
}
.icon {
  display: inline-block;
  min-height: 26px;
  max-width: 26px;
}
/* --------------------------------------- scrolling ------------------------------------------------ */
.scrollup,
.scrolldn,
.printMe {
  width: 40px;
  height: 40px;
  opacity: 0.3;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  position: fixed;
  bottom: 30px;
  display: none;
  text-indent: -9999px;
  outline: 0;
}
.scrollup {
  left: 80px;
  background: url("../i/icon_top.png") no-repeat;
}
.scrolldn {
  left: 130px;
  background: url("../i/icon_bottom.png") no-repeat;
}
.printMe {
  display: block;
  left: 30px;
  background: url("../i/icon_printer.png") no-repeat;
}
/* --------------------------------------- clients home page ------------------------------------------------ */
#cliLogosHome td {
  height: 3vw;
  width: 32%;
  cursor: pointer;
}
#cliLogos td:hover {
  background-color: #fff;
}
#cliLogosHome img {
  display: block;
  margin: 0 auto;
  max-width: 86px;
  max-height: 50px;
}
img {
  border: 0px;
}
.splitTable {
  width: 100%;
}
.splitTable td {
  width: 50%;
  vertical-align: top;
}
.locked::after {
  content: url(data:image/gif;base64,R0lGODlhDgAPAMQAAP+ZAP+/Xv/juv+lH//Ngf/qyv+dCf/dq/+tM//36v/GcP/Fb//Sj//Lfv+pKP+eDP+ZAP/v1//nwv+hE/+wOf+nI/+bBf/lvf+uNf+dC////wAAAAAAAAAAAAAAAAAAACH5BAEHABoALAAAAAAOAA8AAAVBoCZqB2IY1DWuhAVYrsWsWpEBmCQ4wBStAYtjlBhYFquKpbFSCEUPgHRKlUarWCqNpt2Oul4N2DvelrnZ9DVtDQEAOw==);
  vertical-align: -1px;
  padding-left: 8px;
}
.vidHeadLine {
  font-weight: bold;
  display: inline-block;
  font-size: 20px;
}
.vidLocked {
  background-image: url(data:image/gif;base64,R0lGODlhDgAPAMQAAP+ZAP+/Xv/juv+lH//Ngf/qyv+dCf/dq/+tM//36v/GcP/Fb//Sj//Lfv+pKP+eDP+ZAP/v1//nwv+hE/+wOf+nI/+bBf/lvf+uNf+dC////wAAAAAAAAAAAAAAAAAAACH5BAEHABoALAAAAAAOAA8AAAVBoCZqB2IY1DWuhAVYrsWsWpEBmCQ4wBStAYtjlBhYFquKpbFSCEUPgHRKlUarWCqNpt2Oul4N2DvelrnZ9DVtDQEAOw==);
  background-repeat: no-repeat;
  background-position: 0px;
}
.vidLocked {
  padding-left: 20px;
}
.vid-dura {
  font-size: 0.8em;
  font-weight: bold;
  color: #ff9900;
}
.loudButton {
  display: inline-block;
  width: 180px;
  height: 28px;
  line-height: 28px;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 8px;
  font-size: 1.2em;
  color: white;
  -webkit-box-shadow: 2px 2px 0.3em #7c7c7c;
  -moz-box-shadow: 2px 2px 1em 0 #7c7c7c;
  box-shadow: 2px 2px 0.3em #7c7c7c;
  text-align: center;
  vertical-align: middle;
  text-shadow: 1px 1px #7c7c7c;
}
a.loudButton:hover {
  text-decoration: none;
}
html {
  overflow: -moz-scrollbars-vertical;
  height: 100%;
  margin-bottom: 1px;
  overflow-y: scroll;
}
body {
  top: 0 !important;
  margin: 0;
  background-color: #ffffff;
  background-image: none;
}
a {
  color: #5fa88d;
  text-decoration: underline;
  font-family: inherit;
  font-size: inherit;
}
/* #BodyText a, #helpDiv a{
     font-weight:bold;
} */

a[target="_blank"]:not(.noexternal)::after {
  content: url(data:image/gif;base64,R0lGODlhDgAOAIAAAP////+ZACH5BAEHAAAALAAAAAAOAA4AAAIfjAN5uwncnIJITmYftUd393nVlBlZOZ6kKrIiBcdGAQA7);
  padding-left: 5px;
}
#pdfTable a[target="_blank"]:not(.noexternal)::after {
  content: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAAEAYABgAAD//gAfTEVBRCBUZWNobm9sb2dpZXMgSW5jLiBWMS4wMQD/2wCEAAUFBQgFCAwHBwwMCQkJDA0MDAwMDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0BBQgICgcKDAcHDA0MCgwNDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDf/EAaIAAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKCwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+foRAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/AABEIABAAEAMBEQACEQEDEQH/2gAMAwEAAhEDEQA/AL2oxeONRui19Zx3FykUYJlh0xyIt8uwDdlQC/m9Of73G2uDlqve33R/yPv44nK6ceWnGUY3fwzxCu7K+010tv8ALqekeCr67tdFbUIbW3+1p56XTKI7YpJayT4UpDDsmXYVUhWUcZD7+RvSd436ptPS2qb8kfP5hBrFKmuZUpqnKnGU5TtGpGLunKUmm3d6u/Rq2h2fibWzo13MbdYp7qS3s1jilnigUbprwGWRpGB8qPq+xXc8Kq85GrbWyuzzaMIVOVVZOEE5ttJyeijokur2V7Lq+xxqWE2jWE6jXrKeNluJp4TFEfMaVHeXyn+1F42llLOfvqGc7I1UbDlGDhpzaXbenffr1ep6lXFUsRNSeHcZJQhCSqP3VC0Ycy5LNRilFbOy1bep/9k=);
  padding-left: 5px;
}
#BodyText {
  min-height: 300px;
}
#post-bottom,
.post-bottom {
  display: none;
}
#BodyText a,
#BodyText a:visited,
#BodyText a:active {
  /*border-bottom: 1px #c5c5c5 dotted;*/
}
.cmsdoc {
  background-color: white;
}
#nav {
  background-color: white;
  position: fixed;
  width: 100%;
  z-index: 99;
  height: 93px;
}
.navFull {
  height: 93px;
  background-color: rgba(255, 255, 255, 0.5);
}
.navShrunk {
  height: 57px;
  background-color: rgba(255, 255, 255, 1);
}

#menu-bar,
#outer-cont {
  width: 965px;
  margin: 0 auto;
}
#menu-bar {
  position: relative;
}
#menu {
  position: fixed;
  width: 100%;
  height: 44px;
  background: white;

  z-index: 9999999;

  box-shadow: 0px 1px 4px rgb(0 0 0 / 10%);
}
.menu-top,
.menu-sub {
  font-size: 18px;
  font-weight: bold;
  color: #b5b5b5;
  /*text-transform:uppercase;
     */
}
.menu-top:hover {
  color: #9f0050;
}
.menu-sub {
  cursor: pointer;
  font-size: 13px;
}
.menu-sub:hover {
  color: #9f0050;
}
#outer-cont {
  background-color: #ececec;
  padding-top: 5px;
}
/* ------------------------------------------- downloads styles ------------------------------------------------ */
.clickableH {
  cursor: pointer;
}
#downloadsDiv table {
  width: 100%;
  display: none;
}
#srv {
  display: block;
}
#downloadsDiv table tr:nth-child(odd) {
  background-color: white;
}
#downloadsDiv table td {
  padding: 10px;
}
#downloadsDiv table td:nth-child(1) {
  width: 75%;
}
#downloadsDiv table td:nth-child(2) {
  width: 25%;
  text-align: center;
  vertical-align: middle;
}
/* ----------------------------------------- end downloads styles ------------------------------------------------ */
#floatBox,
#prodDocs {
  background: #fcfcfc;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #d8dde1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fcfcfc),
    color-stop(100%, #d8dde1)
  );
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #d8dde1 100%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #d8dde1 100%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #d8dde1 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #d8dde1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#d8dde1',GradientType=0 );
}
.dashInfo {
  display: inline-block;
  width: 80%;
  margin-left: 10px;
}
#bellow-nav {
  padding-top: 60px;
  overflow-y: hidden;
}
#bellow-nav:not(.homenav) {
  max-width: 1200px;
  margin: auto;
  margin-top: 30px;
}
#mainCont {
  opacity: 0.3;
  margin: 0 !important;

  /* for the home page margins are set to 0 programatically */
}

#helpDataInfo {
  width: 100%;
}
#helpDataNote {
  font-size: 1.8vw;
}
#unProtectedContent {
  margin: 20px 20px 20px 0;
}
#dataCountPages,
#dataCountVideos {
  font-size: 6vw;
  line-height: 1em;
  font-weight: bold;
  color: #ff9900;
}
#tabletScrs {
  position: relative;
  width: 100%;
  height: 540px;
}
#scr1,
#scr2,
#scr3 {
  position: absolute;
  height: 275px;
  width: 370px;
  opacity: 0;
}
#scr1 {
  top: 0px;
  left: 50px;
  background-image: url("../grabs/small/busy-fr-framed.jpg");
  background-repeat: no-repeat;
}
#scr3 {
  top: 240px;
  left: 150px;
  background-image: url("../grabs/small/free-en-framed.gif");
  background-repeat: no-repeat;
}
#scr2 {
  top: 80px;
  right: 50px;
  background-image: url("../grabs/small/with-welcome-framed.jpg");
  background-repeat: no-repeat;
}
/* ===================================== Help Pages =========================== */
#prodDocs {
  position: relative;
  float: left;
  width: 260px;
  margin-top: -10px;
  padding: 20px 3px 13px 3px;
  border: 1px solid #d8dde1;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
#helpDiv {
  float: right;
  width: calc(100% - 300px);
}
#imgClick {
  color: #7c7c7c;
  float: right;
  width: 100px;
  font-size: 0.7em;
  margin-top: 10px;
  margin-right: -10px;
  background-color: #e5e8eb;
  border: solid 1px #dce0e4;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  padding: 5px;
}
.helpTablet {
  width: 100%;
}
#prodDocs a {
  text-decoration: none;
  font-size: 0.9em;
  font-weight: normal;
}
#prodDocs a:hover {
  text-decoration: underline;
}
.cms-dtree a.node,
.cms-dtree a.nodeSel {
  padding: 1px 2px 1px 4px;
}
.dTreeNode {
  max-width: 220px;
  overflow: hidden;
  height: 18px;
}
.cms-dtree img {
  border: 0;
  vertical-align: middle;
  border-image-outset: 0 0 0 0;
  border-image-width: 0 0 0 0;
}
.cms-dtree a.nodeSel {
  display: inline-block;
  background-color: #548d8d;
  color: white;
  width: 135px;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
}
.cms-dtree {
  white-space: nowrap;
  float: left;
  width: 180px;
  padding-right: 5px;
  padding-top: 30px;
}
#helpSrc {
  top: 40px;
  left: 13px;
  height: 30px;
}
#helpSrc input {
  border-radius: 3px;
  -moz-border-radius: 3px;
}
#helpDiv img {
  max-width: 90%;
  height: auto;
}
.fancybox img {
  margin-left: 50px;
}
/* ===================================== Float box =========================== */
#floatBox {
  margin-top: 25px;
  margin-left: 20px;
  float: right;
  width: 170px;
  border: 1px solid #d8dde1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  position: relative;
}
#floatBox ul a,
#floatBox span {
  font-size: 0.9em;
  line-height: 1.2em;
  font-weight: normal;
  text-decoration: none;
  color: #656565;
}
#floatBox ul a:hover {
  text-decoration: normal;
  color: #660033;
}
#floatBox ul {
  margin: 10px -10px 10px -30px;
  list-style: none outside none;
}
#floatBox li {
  padding-left: 18px;
  height: 22px;
  background-image: url("/sms/i/arrow_r_grey.gif");
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
#floatBox .textbttn {
  width: 120px;
  margin: 0px 20px 5px 16px;
}
#twitter-go {
  position: absolute;
  right: 240px;
  top: 7px;
}
.links a {
  margin-right: 50px;
  margin-bottom: 10px;
}
#chater {
  position: absolute;
  right: 290px;
  top: 14px;
}
#homeLogo {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 30px;
  width: 30px;
  z-index: 500;
}
#homeLogo a {
  display: inline-block;
  height: 30px;
  width: 30px;
}
#footer {
  position: relative !important;
  height: 75vh !important;
  margin-top: 150px !important;
}
.footer {
  height: 75vh;
  position: absolute;
  width: calc(100vw - 17px);
  height: 75vh;
  min-height: 700px;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0);
}
.footer-cta {
  position: relative;
  margin: auto;
  margin-top: 200px;
  margin-bottom: 100px;
}
.footer-cta .btn {
  padding: 15px 60px;
  margin: 20px;
  font-weight: 800;
  top: 10px;
}
.footer-cta span {
  font-family: "Mulish";
  font-size: 3rem;
  font-weight: 800;
  line-height: 3rem;
}
.footer-cta span:nth-child(1) {
  color: #5fa88d;
}
.footer-cta span:nth-child(2) {
  color: white;
}
.footer-decorations,
.decoration1,
.decoration2,
.decoration3,
.decoration4 {
  position: absolute;
}
.footer-decorations .decoration1 {
  left: 80vw;
  top: 47vh;
}
.footer-decorations .decoration2 {
  left: 85vw;
  top: 6vw;
}
.footer-decorations .decoration3 {
  top: 42vh;
  left: 19vw;
}
.footer-decorations .decoration4 {
  left: 28vw;
}
h1,
h3 {
  font-weight: bold;
  margin-top: 20px;
  display: block;
  font-size: 1.4em;
  color: #525252;
  line-height: 1.5em;
  /*text-transform:uppercase;
     */
  /* background-image: url(../i/Header-Arrow.gif);
     background-repeat: no-repeat;
     background-position: 0pt 7px;
     background-size: 11px; */
}
h3 {
  background-position: 0pt 5px;
  background-size: 9px;
  font-size: 1.2em;
  line-height: 1.2em;
}

h4 {
  font-weight: bold;
  margin-top: 20px;
  display: block;
  padding-left: 0;
  font-size: 1.2em;
  color: #525252;
  line-height: 1.2em;
  font-family: "Mulish";
}
.bigText {
  display: block;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.2em;
  /*text-transform:uppercase;
    */
}
/* ========================== Ten Reasons ============================== */
#ten_reasons td {
  height: 85px;
  vertical-align: top;
}
/* ========================== Menu JQ ============================== */
#menuJQ {
  display: none;
  height: 45px;
  clear: both;
  position: absolute;
  left: 0;
  top: 5px;
  width: 100%;
}
#menuJQ > table {
  float: right;
}
.downarrow {
  /* background-image: url(data:image/gif;
    base64,R0lGODlhCgAGALMAAFNTU3Fxcby8vOnp6Wtra2ZmZoeHh1xcXHZ2dnR0dFVVVV9fX////wAAAAAAAAAAACH5BAEHAAwALAAAAAAKAAYAAAQbEKlVajkgDGOtGQyDdEhoEigBmsyAriwjCGwEADs=);
     background-image: url(../i/menu-down.gif);
     background-repeat: no-repeat;
     background-position: center 1.9em;
     background-size: 0.5em;
    */
}

.magWhite {
  position: relative;
  display: block !important;
  width: 26px;
  margin-top: 8px;
}
#siteSearch {
  width: 27px !important;
  float: left;
  display: none;
  overflow: visible !important;
  cursor: pointer;
  margin: 0px 0px 0px 13px;
}

#menuJQ ul {
  height: 52px;
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menuJQ ul li {
  display: block;
  float: left;
  padding: 0;
  height: 50px;
  position: relative;
  z-index: 10000 !important;
}
#menuJQ ul li a.toplink {
  display: block;
  padding: 0.5em 0.5vw 0 0.5vw;
  text-align: center;
  text-decoration: none;
  font-size: calc(7px + 0.5vw);
  color: #333333;
  font-family: "Mulish", sans-serif;
}
#srchCrit {
  position: relative;
  width: 300px !important;
  margin-top: 25px;
  margin-left: -305px;
  font-size: 16px;
  border: 3px solid rgb(95, 168, 141);
  color: rgb(95, 168, 141);
  padding: 2px 12px 2px 40px;
  border-radius: 10px;
  outline: none;
  box-shadow: rgb(0 0 0 / 20%) 0px 3px 5px;
}
#menuJQ ul li a.toplink:hover {
  border-bottom: 3px solid #5fa88d;
  z-index: 10000 !important;
}
a.textbttn {
  text-decoration: underline;
}
#menuJQ ul li span {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 4px;
}
#menuJQ .dropdown {
  display: none;
  position: absolute;
  padding: 20px;
  border: 1px solid;
  border-color: #b7b7b7;
  z-index: 1000 !important;
  opacity: 0.95;
  background-color: white;
}
.dropdown a {
  padding-left: 16px;
  /* text-decoration: none;
     padding-left: 16px;
     background-image: url(data:image/gif;
    base64,R0lGODlhBAAHAKIAAP//////zP/M/8z//5kzZmYzZmYzM////yH5BAEHAAcALAAAAAAEAAcAAAMOSHNHBacQI5yTz8ESWAIAOw==);
     background-repeat: no-repeat;
     background-position: 2px 8px;
     */
}
.subdropdown > a {
  padding: 0 !important;
  display: inline-block !important;
  font-size: 13px !important;
  cursor: pointer;
}
.selectedmenu {
  border-bottom: 3px solid #ff9900;
}
/****************** for when editing the menu ******************/
.cke_show_borders .dropdown {
  display: block !important;
}
.cke_show_borders .toplink {
  width: 300px;
}
.cke_show_borders #menuJQ {
  left: 0;
}
/************************** end ********************************/
.noimage {
  background-image: none;
}
.dropdownTable {
  width: 100%;
}
.dropdownTable td {
  vertical-align: top;
  width: 50%;
}
#sampleVideos a {
  display: inline-block;
  background-image: url(../School/school-icon.jpg);
  padding-left: 130px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 76px;
}
#menuBrochures a {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAeFBMVEUAAAAaZFcYY1caY1cYZFgZYlcAgIAaZFcaYlYYY1gAVVUYY1cWZlcXZFkaY1cZY1cYYlcYYlcYY1cYY1cYZFgZZFYZY1kZYlcYY1cZY1oZY1cZY1cZYlcaY1ckbUkYZFYZY1gZY1caZFgYY1gZY1gaZk0YZFYAAAApT05GAAAAJ3RSTlMA0qjcVJkCYURLA1UjQlivdV68iUCuSLinH4S2h6oHSl2wbp1xCnN+y3mzAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+EKFw4BBxtTnOgAAABzSURBVBjTbc5ZEoMgEATQZkATTdzimsU16v2PKIpYYNk/UA96AAAjFS6gQnp1xAncXTTcZMsCvRUmyI5wTJBTOFnhW+3u+Y8ngtBdp6wQxckrzfLigLLK6P35/qChbkBt1+OAAfiP06yA2a+wi5+ad+T5An/iA8h1cIMHAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTEwLTIzVDE0OjAxOjA3KzAyOjAwWuloJwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0xMC0yM1QxNDowMTowNyswMjowMCu00JsAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC);
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  font-size: 0.8em;
  white-space: nowrap;
  overflow: hidden;
}
#snap {
  background-image: none;
}

/*======================== dashboard styles =================== */
.tickMark {
  font-size: 18px;
  height: 34px;
  background-image: url(/sms/i/tick-icon.gif);
  background-repeat: no-repeat;
}
.coverTblDash {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 1rem;
}
.coverTblDash tr {
  margin-bottom: 20px;
}
.coverTblDash tr:hover {
  background-color: rgb(240, 240, 240);
}
.tblLabelDash,
.tblAction {
  border: solid 1px #c8c8c8;
  min-height: 60px;
  padding: 6px 6px 3px 10px;
}
.tblLabelDash {
  -moz-border-radius: 0.3em 0 0 0.3em;
  border-radius: 0.3em 0 0 0.3em;
  border-right-style: none;
}

.tblAction {
  width: 140px;
  vertical-align: middle;
  text-align: center;
  -moz-border-radius: 0 0.3em 0.3em 0;
  border-radius: 0 0.3em 0.3em 0;
  border-left-style: none;
}
.tblAction a {
  text-decoration: none;
}
.tblAction a:hover {
  text-decoration: underline;
}
.dTitle {
  font-weight: bold;
  font-size: 1.2em;
}
.back2dash {
  text-decoration: none;
  font-size: 0.9em;
  color: #7c7c7c;
}
/* ============= Google transale ============== */
#fakeTranslateDiv {
  position: absolute;
  bottom: 3px;
  left: 16px;
  height: 18px;
  background-image: url(/sms/i/fakeSelectLang.gif);
  width: 110px;
}
#google_translate_element {
  position: relative;
  left: 16px;
  height: 1px;
  bottom: 27px;
}
#google_translate_element img {
  width: 40px;
  margin-left: -40px;
}
#google_translate_element select {
  font-size: 11px;
  border: 1px solid gray;
  width: 140px;
  height: 18px;
  font-family: Signika;
  border-radius: 3px;
  -moz-border-radius: 3px;
}
div#prodDocs #google_translate_element {
  left: 39px;
  bottom: 22px;
}
div#prodDocs #google_translate_element select {
  width: 200px;
  height: 22px;
}
#google_translate_element option {
  font-size: 11px;
  font-family: Signika;
  width: 110px;
}
#google_translate_element a {
  display: none;
}
.goog-te-gadget {
  height: 24px;
  overflow: hidden;
}
.goog-te-banner-frame {
  visibility: hidden !important;
}
/*======================== CMS related styles =================== */
#editorArea {
  background-color: white;
}
.entryCode,
.hotDate,
td.clip,
.hotSubject,
.hotView,
.hotlang,
.hotLang,
.docCode,
.publicYes,
.publicNo {
  vertical-align: top;
}
.entryCode {
  font-weight: bold;
}
.publicYes {
  background-image: url(/doortablet/dtcms.nsf/globe-OK.png);
  background-repeat: no-repeat;
  background-position: center 1px;
}
.publicNo {
  background-image: url(/doortablet/dtcms.nsf/globe-NOT.png);
  background-repeat: no-repeat;
  background-position: center 4px;
}
.html-descr {
  font-size: 0.8em;
  color: #5e5e5e;
}
.tblAddrRow {
  background-color: #ededed;
}
.tblAddrRowHigh {
  background-color: #ffe3f1;
}
.tblHeadrCells {
  background-color: #f1f1f1;
  min-height: 22px;
}
#cmscont {
  padding-left: 10px;
  float: left;
  width: 750px;
  top: 10px;
  left: 0px;
  background-color: white;
}
.bkp-combo {
  width: 70px;
  font-size: 10px;
  border: 1px #bcefbd solid;
}
.bkp-combo option {
  font-size: 10px;
}
/* =================================== tooltips ================== */
.tooltip {
  z-index: 99 !important;
  background-color: rgba(0, 0, 0, 0.75);
  display: none;
  width: 160px;
  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-border-radius: 0.4em;
  border-radius: 0.4em;
  border: 1px solid white;
  padding: 6px;
  color: white;
  font-size: 13px;
  line-height: 1em;
}
.tooltip .qtip-content {
  font-size: 10px;
  color: #fff;
  text-align: left;
}
.tooltip b {
  color: lime;
  font-size: 13px;
}
.tooltipsIcons {
  background-color: #000;
  border: 1px solid #fff;
  padding: 2px 2px;
  display: none;
  color: #fff;
  text-align: left;
  font-size: 10px;
  /* outline radius for mozilla/firefox only */
  -moz-box-shadow: 0 0 4px #000;
  -webkit-box-shadow: 0 0 4px #000;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}
.tooltipsDashBoard {
  background-color: #000;
  border: 1px solid #fff;
  padding: 2px 2px;
  width: 200px;
  display: none;
  color: #fff;
  text-align: left;
  font-size: 10px;
  -moz-box-shadow: 0 0 4px #000;
  -webkit-box-shadow: 0 0 4px #000;
}
/*==================== Doc property =========================== */
#docProps {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #f0f0f0;
  margin-bottom: 5px;
}
/*======================== CMS Images Display =================== */
#imgDispTbl {
}
.innerImage {
  border: 2px solid white;
}
.imgCell {
  background: #fefbf5;
  border: 1px solid #e7e7e7;
}
.imageCorner {
  background: #fefbf5;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  text-align: center;
}
.imageSide {
  background: #fefbf5;
  width: 24px;
  height: 100px;
}
.imageCent {
  width: 100px;
  background: #fefbf5;
  text-align: center;
  color: gray;
  font-size: 10px;
}
.imageIn {
  background: white;
  vertical-align: middle;
  text-align: center;
}
/*======================== dashboard =================== */
#dashTable {
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.tblRow {
  height: 20px;
}
.examColumn {
  width: 100px;
  font-size: 10px;
}
.onLine {
  background: #fff url(/icons/actn041.gif) no-repeat center;
  width: 32px;
  height: 32px;
}
.offLine {
  background: #fff url(/icons/actn116.gif) no-repeat center;
  width: 32px;
  height: 32px;
}
.dash-internal {
  width: 100%;
  border: solid 1px #ececec;
  background: #fefbf5;
  padding: 5px;
  margin-bottom: 5px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
/*========================= CMS Dashboard ======================= */
#topDiv {
  margin: 0 auto;
  width: 770px;
  min-height: 500px;
  background-color: white;
  position: relative;
}
#leftNav {
  width: 163px;
  float: left;
}
#cms_cont {
  float: left;
  width: 595px;
  min-height: 450px;
  background-color: white;
}
#botDiv {
  clear: both;
  position: relative;
  min-height: 20px;
}
#pageContCMS {
  margin-left: 10px;
  background-color: white;
}
#cmsEditHead,
#cmsEditHeadFields {
  min-height: 60px;
  width: 100%;
  background-color: white;
}
#cmsBottomActions {
  position: relative;
  clear: both;
  height: 30px;
  width: 100%;
}
#cmsListHead {
  min-height: 60px;
  background-color: white;
}
#cmsEditHeadFields {
  clear: both;
}
#cmsEditSaveFuncs {
  position: relative;
  width: 100%;
  height: 36px;
  margin: 15px 0 15px 0;
}
#contDiv {
}
#wappFormDiv {
  width: 700px;
}
#wappFormBody {
  clear: both;
}
#srchDiv {
  position: absolute;
  top: 30px;
  right: 20px;
  width: 220px;
  height: 18px;
  background-color: #d3e9a6;
  border: solid 1px gray;
}
#srchFld {
  width: 120px;
  background-color: white;
}
.dashTable,
#sortTbl,
#legend,
.cmsTable {
  width: 100%;
}
.plTblLabel {
  width: 370px;
  border: solid 1px #ececec;
  background: #fefbf5;
  padding: 5px;
}
.dashTable td {
  vertical-align: top;
}
.midCol {
  width: 10px;
}
.iconDisp {
  float: left;
  height: 60px;
  width: 40px;
}
.infoDisp {
  text-align: right;
}
/*=================== print icon display ========================= */
#printDiv {
  position: absolute;
  right: 0px;
  background-image: url(/wappx/IMAGES/print.gif);
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  margin: 5px;
  padding: 2px;
}
#printDiv a {
  display: block;
  height: 100%;
  width: 100%;
}
input,
select,
textarea {
  width: 200px;
  background-color: #fff;
}
div#doc ol,
#doc-help ol {
  padding-left: 20px;
  margin-top: 0px;
}
div#doc ul li {
  list-style: none;
  content: "";
  padding: 0 0 0 25px;
  background: url(../i/bullet.gif) no-repeat 0 3px;
}
div#doc ul,
#doc-help ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a.textbttn {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #101010;
  margin: 5px 5px 10px 0px;
  padding: 4px 10px 4px 10px;
  background: #c9c9c9;
  background: -moz-linear-gradient(top, #c9c9c9 0%, #909293 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #c9c9c9),
    color-stop(100%, #909293)
  );
  background: -webkit-linear-gradient(top, #c9c9c9 0%, #909293 100%);
  background: -o-linear-gradient(top, #c9c9c9 0%, #909293 100%);
  background: -ms-linear-gradient(top, #c9c9c9 0%, #909293 100%);
  background: linear-gradient(to bottom, #c9c9c9 0%, #909293 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#909293',GradientType=0 );
}
a.textbttn:hover {
  background: #b2457c;
  background: -moz-linear-gradient(top, #b2457c 0%, #75274e 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #b2457c),
    color-stop(100%, #75274e)
  );
  background: -webkit-linear-gradient(top, #b2457c 0%, #75274e 100%);
  background: -o-linear-gradient(top, #b2457c 0%, #75274e 100%);
  background: -ms-linear-gradient(top, #b2457c 0%, #75274e 100%);
  background: linear-gradient(to bottom, #b2457c 0%, #75274e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2457c', endColorstr='#75274e',GradientType=0 );
  color: #fff;
}

a.textbttn img {
  width: 16px;
  margin: -2px 0px -2px 0px;
}
.mand {
  background: #fff url(../images/dotColor.gif) no-repeat left;
  width: 10px;
}
#curUser {
  font-size: 9px;
  color: #8b0000;
}
.form-single,
.form-single-wide {
  background: white;
  border: 2px solid #dedede;
  box-shadow: 0px 0px 10px #00000029;
  padding: 30px 40px;
}
.form-single,
#errDiv,
.form-single-wide {
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.form-single,
#errDiv {
  max-width: 500px;
  margin: auto;
  padding: 20px;
  margin-top: 10px;
}
.form-single-wide {
  max-width: 900px;
}
.form-single label {
  display: inline-block;
  font-family: Mulish;
  font-weight: 400;
  color: #707070;
}
.form-single input,
.form-single select,
.form-single textarea {
  background: #f5f5f5;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 3px 11px;
}
.form-single .focus-visible {
  border: 2px solid #c2c2c2;
  border-radius: 5px;
  background: #ffffff;
  outline: none;
}
.form-single .Err {
  background: #ffe5e5 !important;
}
/*=================== Form errors ========================= */
/*#errDiv {
    clip:auto;
    visibility:hidden;
    overflow:hidden;
    height:1px
}
 */
#errDiv {
  background-color: #ffe5e5;
}
#errDiv li {
  color: #dc143c;
}
#errDiv b {
  color: #dc143c;
}
.errClose {
  text-align: right;
}
.errClose a {
  color: #7e7e7e;
  font-size: 0.9em;
  text-decoration: none;
}
/*=================== Form update msg ========================= */
#updMsg {
  position: absolute;
  top: 0px;
  right: 260px;
  width: 200px;
  height: 20px;
  background: -moz-linear-gradient(top, #fbe9ac 0%, #f9df83 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fbe9ac),
    color-stop(100%, #f9df83)
  );
  background: -webkit-linear-gradient(top, #fbe9ac 0%, #f9df83 100%);
  background: -o-linear-gradient(top, #fbe9ac 0%, #f9df83 100%);
  background: -ms-linear-gradient(top, #fbe9ac 0%, #f9df83 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe9ac', endColorstr='#f9df83',GradientType=0 );
  background: linear-gradient(top, #fbe9ac 0%, #f9df83 100%);
  color: #000;
  padding: 6px 16px 2px 16px;
  vertical-align: middle;
  text-align: center;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  text-decoration: none;
}
/*=================== Form basics ========================= */
.sbttn {
  background: #e8fff4;
  height: 19px;
  text-decoration: none;
  cursor: hand;
  border: thin groove;
  color: Black;
}
.btnRow {
  width: 405px;
  margin-top: 10px;
  margin-left: 135px;
}
.FormText {
  width: 520px;
}
.FormNote {
  color: #333333;
}
/*================= page navigation in views ================ */
.pageNavPref {
  border: 1px solid grey;
  width: 16px;
  background-color: #ededed;
}
.pageNavTD {
  border: 1px solid grey;
  width: 16px;
}
/*=================== Input Styles ========================= */
.ComboSmall {
  text-decoration: none;
  width: 75px;
  background: White;
}
.ComboSmallDS,
.ComboSmallDSErr {
  text-decoration: none;
  background-color: White;
  width: 60px;
}
.radio,
.radioErr {
  width: 15px;
  border: none;
  background-color: White;
}

textarea,
.Combo,
.ComboErr,
.ComboSmallErr {
  background: White;
}

input,
.input,
select,
.select,
.combo,
textarea {
  display: inline-block;
  width: 94.5%;
  padding: 3px;
  font-weight: 400;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 18px;
  color: #646464;
  letter-spacing: 0;
  line-height: 30px;
}

select,
.select {
  width: 100%;
  height: 2.2em;
}
.ComboErr,
.ComboSmallErr,
.Err,
.radioErr,
.ComboSmallDSErr {
  background-color: #ffcccc !important;
}
.sectHead {
  font-weight: bold;
  color: #234600;
}

.tblLabel,
.tblLabelMand {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 150px;
  background: #e4e4e4;
  padding-left: 5px;
  padding-top: 4px;
  vertical-align: top;
}
.tblLabelMand,
.mandShow {
  background-image: url(/sms/i/mandatory.gif);
  background-repeat: no-repeat;
  background-position: 140px 9px;
}
.mandShow {
  padding-left: 10px;
  background-position: left;
}
.tblData,
.tblDataRO,
.tblDataErr {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: left;
  padding: 2px;
  margin: 5px;
  width: 220px;
}
.tblDataErr {
  background-color: #ffcccc;
}
.tblDataRO {
  color: Gray;
}
.tblNotes {
  font-size: 0.9em;
  color: #636363;
  width: 160px;
  padding-left: 5px;
  padding-top: 4px;
  vertical-align: top;
}
/*==================== action text button ================== */
#in-place-edits {
  position: fixed;
  top: 54px;
  left: 10px;
  width: 130px;
  border: 1px solid #cacaca;
  background: #e2e2e2;
  opacity: 0.7;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  background: -moz-linear-gradient(top, #e2e2e2 0%, #cacaca 100%);
  background: linear-gradient(top, #e2e2e2 0%, #cacaca 100%);
}
#in-place-edits select {
  width: 60px !important;
  height: 20px !important;
}
#in-place-edits * {
  font-size: 11px;
  line-height: 1;
}

#in-place-edits.fixed {
  position: fixed;
  top: 30px;
}
/*==================== network tables painting ================== */
#netsTable {
}
#netTblView {
}
#netTblView td {
  height: 1.9em;
  min-width: 3em;
  vertical-align: top;
  padding-left: 0.7em;
}
#netsTable td {
  height: 1.9em;
  min-width: 3em;
  text-align: center;
}
#tblNetsHeader #netHeader {
  text-align: left;
  padding-left: 0.7em;
}
#netsTable .netName {
  text-align: left;
  padding-left: 0.7em;
  padding-right: 0.7em;
}
#tblNetsHeader,
#netTblViewHeader {
  background-color: #dadada;
  font-weight: bold;
}
.net0,
.netRowX1 {
  background-color: #e8bad1;
}
.net1,
.netRowX {
  background-color: #f4dfea;
}
#netJump {
  border: 1px grey solid;
  width: 260px;
}
.orange {
  background: #fc8a3f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fc8a3f 0%, #e6640e 77%, #fd832c 100%);
  /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fc8a3f),
    color-stop(77%, #e6640e),
    color-stop(100%, #fd832c)
  );
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #fc8a3f 0%,
    #e6640e 77%,
    #fd832c 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fc8a3f 0%, #e6640e 77%, #fd832c 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fc8a3f 0%, #e6640e 77%, #fd832c 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fc8a3f 0%, #e6640e 77%, #fd832c 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8a3f', endColorstr='#fd832c',GradientType=0 );
  /* IE6-9 */
}
.pageDisp {
  width: 30px;
  height: 35px;
  background-image: url("../dtcms.nsf/pg-bg.jpg");
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.thumb {
  background-image: url("../dtcms.nsf/doc.gif");
  text-align: center;
  font-weight: bold;
  background-repeat: no-repeat;
  padding-right: 10px;
  min-width: 30px;
}
.playClip {
  position: absolute;
  top: 38px;
  left: 70px;
  opacity: 0.5;
}
.playClip {
  content: url("/doortablet/i/play-go.png");
}
.seenit .playClip {
  content: url("/doortablet/i/play.png");
}

.bodyDisp {
  display: inline-block;
  max-width: 600px;
}
.allVids {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.vid-list .thumb {
  position: relative;
  left: 0;
  top: 0;
}
.vid-list td {
  vertical-align: top;
  height: 150px;
}

.vid-list {
  border-bottom: 1px solid #a9a9a9;
  margin-bottom: 10px;
  flex: 1 1 570px;
  max-width: 570px;
}

.vidCols {
  display: flex;
}

.vidCol1 {
  margin-right: 10px;
}
.vidCol2 {
  float: right;
  width: 60%;
}

.vidCol1 .vidOpenUrl img,
#srchResults .clip-column {
  border: 1px solid #a6a6a6;
  border-radius: 6px;
}

.playVideo {
  display: inline-block;
  max-width: 220px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAABNJJREFUWEe9WT1zG1UUvW+ljFZVQkdCgfwLCL8A+RfggqGNMliWksmAPENoKLKGgQqw0hB92EQp+CgolCJlJsoMPXZDxcSmSChxZhi0QtJeznvSyvvxVrvarNgZe2zrvbvn3XPPffdeC0r5VC9Ur3Iu9y62l6UJIfgSvl+dmeMjZnGm/s7cJ8d52h13j9K8SqyyqW7WS1OiOwqUoNIqe4npFOsHOaK9lt2SPyd6EgGsUOVS3jQ/EoKsRFZjFjGTNbHtuz3qKS8ve2IBVs16hQXvCxKgMLuHic8Ei92u3eqlBrht1u9Eeo35JQsa4CV9JjrN48ulTobChKiE05dwuC3BMiTERR0Q6c0Du7UXBVLrQUnpBdPcR5xVghth8A9ssuJOHtynmMA+HPjNEBim3ti2d3WUawHC2P0QOOkxZutg1Gm+CtFgxRLEjZBHARKHvh60HQKoDAil1PMH4GjqlNOmipA3kaIoZwyCIMHOHuj2CdEHUNIAz933G+Tj8XBUTqK4VTyrwqhYGCBTvuV3Bl33hs8CoEolxcKJT63w3NgelbIG5wKaxXrh1OtJqe7JcLThvnMBMERtxrRGeVfeSEG6vVQrgOqGEHTiCzvH2V0miGqhdhMnfx8p5Ocro9e/tchyVqHYu1YX9zmmDZm2FEAs6EEY19xNMpUgWEvLXog9p4uUwfwblFnr2J1fXgHkuT1lhO92h+2GAghxnPjuVvYHqu6l1WLtBQL8sl/s9INhOx93qPPnqkBDAsXdDbFsCBUD+dyvC4OIva7djr3WdABnB6e/kZC/ANCvAXS8CtCqWTvzpZ7J9G0R5B8qengwbG/FGY4EON+IMHkGWzuHdvtxnC338+1irY8sIku42VmhAwHXImHSO+cejKdXhYWGYj0QfjRl48Pv7HvP4oBqaH4aAoiTb0Igg1hjiQHCE8z/Il6/Ae2fg/Z/omyDzTKE98TjLAXQJxBX3lkC9Nh6DtpvI4R+1AovqAdU5qJarCOmz5/usBVbI65GcRgKs/Ppgd35UgsygCc1wO1i/TlOciXO09rPHf6qO2rfTgTQl3CxY50Ug6oXuHk+QX77PiHFx/+bSODtfWHzZ2lEstY0AwU/dsjYSZ1mtgs7DWEY+4vkmF2i/h1iaByOOo+Sxqk+UQekLesxpIHX4oyu46oDwL989ai86iSQoFBwn/qqWr3a1lssuBWVttySUwBZSSzzYtblVqii8pZb2oJV08B4Ae8U6rfQF7+He+ynN0aXO2stWOc0+7o51flPnM2sOrkoNtQQKm888cZeqOSXm5M0MHHCWfXzJI1akrbzCG3nZtad3bztROXijuzmxwsINFHjnjXdOlolvNjG3aUo2ESpzYhJYtFcNuhJQrEcSGGqiWbIPy0DuAewXQnaiBweYR7Y9HZ6i41IQQ4J69C+9yAJIHfNB+aNawaxpRt8SnCYFzYSD488ngzPaRahApVjYuqw0TcweqPp5KWr+Fkznr+IRrlkCGcLVUw5ar6oo9V78NjiVPUJxM2o+d4qXvStlZMLEo24MV4sQDcFgfJGaOqVEp30GihtJskMiQC6OOaTUwu/y+YmPIhcAlgNPgX3cxBa5kN03XtVqjAEgBqzHnr2b4j5KI2PoXg1IEfJ1RcOD9LeSP8BsD7PDsb9Ti8AAAAASUVORK5CYII=);
  padding-left: 50px;
  line-height: 1.1;
  height: 50px;
}

.help {
  background-image: url("../dtcms.nsf/doc-help.gif");
}
.showHelp,
.showPage {
  background-image: url("../dtcms.nsf/doc-help.gif");
  display: inline-block;
  max-width: 320px;
  background-repeat: no-repeat;
  padding-left: 50px;
  line-height: 1.1;
  height: 34px;
}

.showPage {
  background-image: url("../dtcms.nsf/doc.gif");
}

#vidSrchCrit {
  border: solid 1px #dddddd;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}
#vid-display {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0px 50px;
}
.fp-player {
  border: solid 1px #bebebe;
}
#cookie-bar {
  background: #ff9900;
  opacity: 0.9;
  height: 24px;
  line-height: 24px;
  color: white;
  text-align: center;
  padding: 3px 0;
}
#cookie-bar.fixed {
  position: fixed;
  top: 70;
  left: 0;
  width: 100%;
}
#cookie-bar.fixed.bottom {
  bottom: 0;
  top: auto;
}
#cookie-bar p {
  margin: 0;
  padding: 0;
  color: #ffffff;
}
#cookie-bar a {
  color: #ffffff;
  display: inline-block;
  border-radius: 3px;
  text-decoration: none;
  padding: 0 6px;
  margin-left: 8px;
}
#cookie-bar .cb-enable {
  background: #589393;
}
#cookie-bar .cb-enable:hover {
  background: #3f6869;
}
#cookie-bar .cb-disable {
  background: #990000;
}
#cookie-bar .cb-disable:hover {
  background: #bb0000;
}
#cookie-bar .cb-policy {
  background: #0033bb;
}
#cookie-bar .cb-policy:hover {
  background: #0055dd;
}
div#twitter ul li {
  list-style: none;
  overflow: hidden;
  border: 1px solid #dedede;
  margin-bottom: 15px;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  background: none;
  padding: 3px;
  background-image: url(data:image/gif;base64,R0lGODlhFgAVANUAAB2h8qfW+kyw9OPy/XfC9yOi8sjl+zmp85PN+fX6/1y39YrJ+N/w/bnf+iul8mq89uj1/qPU+tLq/EGr81e19ZvS+a/a+i+m8v////H5/iik8tXs/IHF91Gy9DKn8vn8/2K49Y7L+B+h8m++9r/h++Xz/tvu/UKs82C39ev3/1q19ZbP+XrD95/T+VSz9IzL+DSo8zqp8+Hx/bvh++Xz/efz/4vL+aXV+lKz9Y/N+XC+9kSs8+33/v///wAAAAAAACH5BAEHAD0ALAAAAAAWABUAAAaWwJ5wSCwaj8iksvcplRLHwQcZuAAAGkSqZRF+QLpp0VK4mgEUBrTXAShoRdXZfHl5UVfHIiMcxOZXIRhDZGcuKxF/cw4GRCQsIoCSHhJEeJKSJxBEhZhzKGJDIZGeZjdGMgsepQA7JagTrAABSBKxniOhRhgNMJIUPEkmBBqSD3xGDCCkgBMNSyUVLgfUAhwbS9na20VBADs=);
  background-repeat: no-repeat;
  background-position: right top;
}
div#twitter ul {
  margin-left: 0;
  padding: 0;
  list-style-type: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
div#twitter ul li:hover {
  background-color: #ececec;
}
.user,
.tweet,
.timePosted {
  float: left;
}
.tweet {
  margin: 2px;
}
.user {
  width: 0;
  padding-top: 0;
}
.tweet {
  width: calc(100% - 30px);
}
.timePosted {
  width: 0;
}
.user {
  clear: left;
}
.user img,
.user a > span {
  float: left;
}
.user img {
  width: 0;
}
.user a > span {
  color: gray;
  font-size: 0.8em;
}
.media img {
  max-width: 250px;
  max-height: 250px;
}
span[title="door-tablet"] {
  display: none;
}
p.timePosted a {
  pointer-events: none;
  cursor: default;
}
.formComments {
  font-size: 0.8em;
  color: #696969;
}
.fp-elapsed {
  color: white;
}

.seenit .vidOpenUrl img {
  border-bottom: 4px solid green;
}
.star {
  display: inline-block;
  width: 16px;
  height: 20px;
  background-image: url("../i/star.gif");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.vidiFrame {
  width: 100%;
  text-align: center;
}

/*****styling added by Andrei *******/
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.col {
  display: flex;
  flex-direction: column;
}
h1,
h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 300;
}
h2 {
  font-size: 2.6rem;
  color: #0e0e0e;
  letter-spacing: 0.1px;
  margin-bottom: 1rem;
}
h3 {
  font-family: "Mulish", sans-serif;
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #5f5f5f;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.container {
  max-width: 1200px;
  margin: auto;
  padding-right: 30px;
  padding-left: 30px;
}
.max-width-1200 {
  max-width: 1200px;
  margin: auto;
}
.hot-desk-hero,
.grey-section {
  background: #f3f3f3;
}
.services-section,
.features-section,
.integration-section,
.solutions-section,
.meeting-rooms-selling-point,
.meeting-rooms-features-section,
.security-hero {
  text-align: center;
}

.section,
.services-section,
.features-section,
.integration-section,
.solutions-section,
.software-section,
.hardware-section,
.testimonials-section,
.resources-section,
.cta-section,
.grey-section,
.white-section,
.intro-section {
  padding: 50px 0px 80px 0px;
}
.hero h1,
.meeting-rooms-hero h1 {
  font-size: 3rem;
  color: black;
  margin-bottom: 0;
  line-height: 3.4rem;
}
.meeting-rooms-hero h1,
.meeting-rooms-hero h2,
.user-design-section h2,
.user-design-section h3,
.tablet-option-section h2,
.tablet-option-section h3,
.meeting-rooms-features-section h2,
.meeting-rooms-features-section h3,
.wayfinding-selling-points h2,
.wayfinding-selling-points h3,
.wayfinding-view-types h2,
.wayfinding-view-types h3,
.wayfinding-abx-section h2,
.wayfinding-abx-section h3,
.wayfinding-features h2,
.wayfinding-features h3 {
  text-align: center;
  width: 100%;
}
.meeting-rooms-hero img {
  width: 100%;
}
.home-page-hero h2 {
  margin-right: 30px;
}
.hot-desk-hero h1 {
  text-align: center;
  margin-bottom: 20px;
}
.hot-desk-howitworks-section h3 {
  margin-top: 50px;
}
.home-page-hero h2,
.meeting-rooms-hero h2,
.hero h2 {
  font-size: 2rem;
  line-height: 2.2rem;
  margin-top: 10px;
  color: #5f5f5f;
  letter-spacing: 0.2px;
  font-family: "Mulish", sans-serif;
}
.hot-desk-hero {
  padding: 30px 0px 0px 0px !important;
  margin-top: 50px !important;
}
.hot-desk-hero .row {
  justify-content: center !important;
}
.hot-desk-hero-btn {
  margin-top: 30px;
}
.hot-desk-howitworks-section .image-card {
  margin: 20px 20px 20px 0px;
  flex: 1 1 31%;
  width: 31%;
  border: 1px solid #e2e2e2;
}
.hot-desk-advantage-section .card {
  width: 24%;
  border: 1px solid #e2e2e2;
}
.hot-desk-howitworks-section .row {
  justify-content: space-between;
}
.hot-desk-howitworks-section h2,
.hot-desk-howitworks-section h3,
.hot-desk-howitworks-section p {
  text-align: center;
}
.hot-desk-whatitdoes-section {
  margin: 50px 0px 80px 0px;
}
.btn-primary,
.form-single .textbttn {
  position: relative;
  cursor: pointer;
  background: var(--purple);
  border: 1px solid var(--purple);
  border-radius: 10px;
  padding: 7px 60px;
  color: white !important;
  margin: 20px auto;
  margin-top: auto;
  display: inline-block;
  font-family: "Mulish";
}

.btn-primary a,
.form-single .textbttn {
  text-decoration: none !important;
}
.btn-primary:hover,
.form-single .textbttn:hover {
  background: var(--purple-light);
  transform: scale(1.02);
  transition: transform 0.2s;
}
.btn-secondary {
  position: relative;
  cursor: pointer;
  background: white;
  border: 1px solid #5fa88d;
  border-radius: 10px;
  padding: 7px 60px;
  color: #5fa88d !important;
  margin: 20px auto;
  margin-top: auto;
  display: inline-block;
  font-family: "Mulish";
}
.btn-secondary:hover {
  background: white;
  transform: scale(1.02);
  transition: transform 0.2s;
}
.btn-secondary a {
  text-decoration: none !important;
}
.hero .btn-primary,
.hero .btn-secondary {
  padding: 10px 50px;
  font-size: 1.3rem;
}
.home-page-hero .btn-primary {
  margin: 0px 10px 0px 0px;
}

.home-page-hero .container .row {
  justify-content: space-between;
}
.text-center {
  text-align: center;
}
.green-pill {
  width: 65px;
  height: 25px;
  color: white;
  background: #00c608;
  border-radius: 20px;
  float: right;
  margin-bottom: -25px;
  z-index: 999999;
  position: relative;
  top: -13px;
  right: -30px;
  align-self: flex-end;
}
.services-section .image-card {
  text-align: center;
  margin: 30px;
  flex: 1 1 25%;
}
.image-card,
.icon-card {
  color: #333333;
}
.image-card {
  display: flex;
  flex-direction: column;
  background: white;
  border-radius: 10px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.image-card img {
  width: 100%;
}
.services-section .image-card img {
  border-radius: 10px 10px 0px 0px;
}
.image-card .card-title {
  font-size: 1.7rem;
  font-family: "Raleway", sans-serif;
  margin: 20px;
}
.card-title,
.card-description {
  margin: 0px 20px;
}
.card-description {
  font-family: "Mulish", sans-serif;
  margin-bottom: 20px;
}
.image-card .btn-primary {
  padding: 7px 60px;
}
.icon-card {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  background: #f3f3f3;
  margin: 50px 30px 30px 30px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.icon-card .card-title {
  font-family: "Mulish", sans-serif;
  letter-spacing: 0.1px;
  font-size: 1.3rem;
  margin-bottom: 15px;
}
.features-section .icon-card {
  flex: 1 1 5%;
  min-width: 220px;
  background: white !important;
}

.solutions-section a {
  text-align: right;
  display: inline-block;
  position: absolute;
  bottom: 8px;
  right: 12px;
  font-size: 12px;
}
.bg-graphic > img {
}
.meeting-rooms-selling-point img {
  width: 100%;
}
.meeting-rooms-selling-point .arrow-straight {
  display: none;
}
.flip-180 {
  transform: rotate(180deg);
}
.tablet-image img {
  width: 100%;
}
.small-tablet {
}
.meeting-rooms-selling-point .col {
  flex: 1 1 30%;
}
.meeting-rooms-selling-point .col p {
  margin-top: 0;
}
.meeting-rooms-selling-point .col:nth-child(2) {
  flex: 1 1 5%;
}
.meeting-rooms-selling-point .col:nth-child(2) h3 {
  color: #5fa88d;
  font-weight: 800;
  font-size: 1.5rem;
  margin-top: -10px;
  margin-bottom: -10px;
}
.hero .text-section {
  width: 45%;
  /*justify-content: center;*/
}
.hero .image-section {
  width: 50%;
  box-sizing: border-box;
}

.features-section .icon-card img {
  width: 96px;
  align-self: center;
  margin-top: -50px;
  margin-bottom: 25px;
}
.solutions-section .image-card {
  display: flex;
  flex-direction: row;
  border-radius: 10px;
  background: white;
  margin: 20px;
  width: 50%;
  text-align: left;
  max-height: 165px;
}
.solutions-section .image-card {
  flex: 1 1 43%;
}
.solutions-section .image-card .col {
  height: 100%;
}
.solutions-section .image-card img {
  width: auto;
  height: 165px;
  display: block;
  border-radius: 10px 0px 0px 10px;
}
.solutions-section .image-card .card-title {
  margin-bottom: 10px;
  font-size: 1.3rem;
  margin-top: 10px;
}

.solutions-section .card-description {
  font-size: 14px;
}
.solutions-section a {
  color: #5fa88d;
  font-weight: 400;
  font-family: "Mulish", sans-serif;
}
.solutions-section a:hover {
  text-decoration: underline;
}
.software-section img {
  width: 100%;
}
.hardware-section img {
  width: 100%;
  border-radius: 85px;
}
.software-section .btn-primary {
  margin: auto 0 20px auto;
}
.hardware-section .btn-primary {
  margin-left: 0;
}

.software-section .col,
.hardware-section .col {
  flex: 1 1 42%;
  margin: 30px;
}
.software-section p,
.hardware-section p {
  font-family: "Mulish", sans-serif;
  font-size: 1.2rem;
}
.resources-section h2 {
  text-align: center;
}

.resources-card {
  background: #f3f3f3;
  border-radius: 10px;
  padding: 30px;
  flex: 1 1 30%;
  margin: 30px;
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.resources-section .resources-card {
  background: white !important;
}
.resources-card a {
  margin-top: auto;
}
.resources-card .card-title {
  font-family: "Raleway", sans-serif;
  font-size: 1.3rem;
  margin-bottom: 20px;
}
.resources-card .card-description {
  font-family: "Mulish", sans-serif;
}
.resources-card a {
  color: #5fa88d;
  align-self: flex-end;
}
.cta-section {
  display: flex;
  justify-content: center;
  padding-bottom: 0px;
}
.cta-section h2 {
  text-align: center;
  color: white;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.cta-section .container {
  background: #5fa88d;
  border-radius: 10px;
  padding: 20px 50px;
  max-width: 600px;
  margin: 0px 30px;
  color: white;
}
.btn-white {
  background: white;
  border: 1px solid white;
  color: #5fa88d !important;
}
.btn-transparent {
  background: transparent;
  border: 1px solid white;
  color: white !important;
}
.btn-white:hover {
  background: white;
}
.btn-transparent:hover {
  background: transparent;
}
.integration-section .row img {
  width: 100%;
}
.integration-section .icon-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: white;
  border-radius: 10px;
  padding: 50px;
  filter: drop-shadow(0px 4px 9px rgba(0, 0, 0, 0.18));
  position: relative;
  z-index: 1;
}
.integration-section .btn-primary {
  top: -20px;
  position: relative;
  z-index: 2;
}
.integration-section .icon-container .col {
  flex: 1 1 15%;
  margin: 30px;
  align-self: center;
}
.clients-section {
  text-align: center;
}
.clients-section .col {
  width: 10%;
  margin: 10px;
  align-self: center;
}

.clients-section img {
  width: 15%;
  height: auto;
  max-height: 50px;
  object-fit: contain;
}
.clients-carousel {
  padding-bottom: 20px;
}
.clients-carousel .row {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between;
}
.slick-track div div {
  display: flex !important;
  margin: 0 30px;
  align-items: center;
}
.slick-track {
  display: flex !important;
  align-items: center;
}

.clients-section .orange-col {
  margin-right: -55px;
}
.testimonial-card {
  display: flex !important;
}
.testimonials-section .company-image {
  flex: 0.01 0.5 22%;
}
.testimonials-section .testimonial-text {
  flex: 2 1 75%;
}
.testimonials-section h2 {
  text-align: center;
}
.testimonials-section .testimonial-decoration {
  /* margin-left: 50px; */
}
.testimonials-section .card-description {
  margin-left: 0px;
}
.testimonials-section .client-details {
  justify-content: space-between;
}
.testimonials-section .client-details .col {
  color: #5fa88d;
}
.testimonials-section .company-image {
  margin-right: 30px;
}
.testimonials-section .company-image img {
  width: 100%;
}
.printMe,
.scrolldn,
.scrollup {
  z-index: 999999;
}
.nav-container {
  max-width: 1200px;
  margin: auto;
  padding-right: 30px;
  padding-left: 30px;
}
.toplink.btn-primary {
  position: relative;
  cursor: pointer;
  background: #5fa88d;
  border: 1px solid #5fa88d;
  border-radius: 10px;
  padding: 3px 15px !important;
  color: white !important;
  transform: none !important;
  margin: 5px 10px 0px 70px;
}
.toplink.btn-primary:hover {
  border-bottom: 1px solid #5fa88d !important;
}
.toplink.btn-secondary {
  position: relative;
  cursor: pointer;
  background: white;
  border: 1px solid #5fa88d;
  border-radius: 10px;
  padding: 3px 15px !important;
  color: #5fa88d !important;
  transform: none !important;
  margin-top: 5px;
  margin-right: 10px;
}
.toplink.btn-secondary:hover {
  border-bottom: 1px solid #5fa88d !important;
}
.toplink.user-menu img {
  width: 20px;
  margin-top: 5px;
}
.user-menu-dropdown {
  width: 10vw !important;
  top: 50px !important;
  left: -10vw !important;
}
.footer-container {
  display: flex;
  flex-direction: row;
  margin: auto;
  position: relative;
}
.footer-container .footer-text {
  margin: 50px;
  color: white;
}
.footer-background {
  position: absolute;
  overflow: hidden;
  width: calc(100vw - 17px);
  height: 75vh;
  min-height: 700px;
  z-index: -1;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0);
}
.footer-background svg {
  bottom: -10px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
}
.footer-text-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: #b7d8cc;
}
.footer-text {
  color: white;
  display: flex;
  margin: 20px auto 20px auto;
  position: relative;
  flex-direction: column;
  /* flex: 2 2 150px; */
  width: auto;
  padding: 20px;
  /* min-width: 200px;*/
  max-width: 300px;
}
.footer-text .row {
  justify-content: start;
}
.footer-text h2 {
  color: #1d1d1d;
  font-size: 1.2rem;
  font-weight: 600;
}
.footer-text p,
.footer-text a {
  color: #3e3e3e !important;
  margin-top: 0;
}
.footer-cta .row {
}
.footer-logo {
  width: 200px;
  margin-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 40px;
}
.footer-flag {
  width: 30px;
  height: 20px;
}
.footer-flag {
  width: 30px;
  height: 20px;
}
.footer-cta .col {
  justify-content: center;
  margin: 0px 25px 0px 25px;
}
.hero-btn-row {
  width: 100%;
}
.home-page-hero .hero-btn-row img {
  height: 50px;
  width: auto;
  margin: 0px 10px;
}
.nav_menu_toggler_icon .fa-bars {
  color: black;
}
.nav_menu_toggler_icon {
  position: fixed !important;
  top: 10px !important;
}
.integration-col-last {
  flex: 1 1 25% !important;
}
.resources-section .row {
  position: relative;
}
.first-card-decoration {
  position: absolute;
  left: -28px;
  bottom: -37px;
  z-index: 0;
}
.last-card-decoration {
  position: absolute;
  right: -81px;
  top: -82px;
  z-index: 0;
}
.card {
  background: white;
  border-radius: 10px;
  padding: 20px 30px;
  margin: 20px;
  width: 25%;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.card b {
  margin-bottom: -10px;
}

.tablet-animation {
  width: 450px;
  height: 300px;
  position: relative;
  min-height: 200px;
}
.tablet-animation img {
  position: absolute;
  animation-name: fade;
  -webkit-animation-name: fade;
  /* animation-timing-function: ease-in-out; */
  animation-iteration-count: infinite;
  animation-duration: 9s;
  max-height: 300px;
}
#home-page-slideshow div {
  width: 100%;
  height: auto;
  min-width: 543px;
}
#home-page-slideshow img {
  /* width: auto;
  height: 100%;
  max-height: unset;*/
  /* margin-left: auto; */
  right: 0;
}
#home-page-slideshow {
  display: block;
}
.tablet-animation-crestron {
  margin-bottom: 30px;
  height: auto !important;
  width: auto !important;
}
.tablet-animation-crestron img {
  left: 0px;
  margin-bottom: 30px;
  max-height: unset !important;
  position: absolute;
  animation-name: fade-short;
  -webkit-animation-name: fade-short;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 16s;
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fade-short {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-short {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tablet-animation-crestron img:nth-of-type(1) {
  -webkit-animation-delay: 12s !important;
  animation-delay: 12s !important;
}
.tablet-animation-crestron img:nth-of-type(2) {
  -webkit-animation-delay: 8s !important;
  animation-delay: 8s !important;
}
.tablet-animation-crestron img:nth-of-type(3) {
  -webkit-animation-delay: 4s !important;
  animation-delay: 4s !important;
}
.tablet-animation-crestron img:nth-of-type(4) {
  -webkit-animation-delay: 0s !important;
  animation-delay: 0s !important;
}

.tablet-animation img:nth-of-type(1) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
.tablet-animation img:nth-of-type(2) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.tablet-animation img:nth-of-type(3) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.branding-intro-section .tablet-animation {
  width: 290px !important;
  height: auto !important;
  margin: 0px 10px 30px 10px;
}
.branding-hero {
  background: transparent linear-gradient(180deg, #ffffff 0%, #ebebeb 100%) 0%
    0% no-repeat padding-box;
  padding-bottom: 200px;
  margin: 0 !important;
}
.branding-intro-section {
  margin-top: -250px;
}
.branding-intro-section .row {
  justify-content: space-between;
}
@import url("https://fonts.googleapis.com/css2?family=Lustria&display=swap");
.brand-span {
  font-family: "Lustria", serif;
  font-size: 3rem;
  color: black;
  font-weight: 800;
}
.branding-examples-section img:not(.branding-example-cta img),
.branding-creativity-section img,
.branding-advantage-section img {
  height: auto;
  width: 100%;
}
.branding-creativity-section h4 {
  margin-top: 5px;
}
.branding-creativity-section h4 a {
  text-decoration: none;
  color: #444444;
}
.branding-examples-section .row {
  margin-bottom: 50px;
}
.branding-examples-section .row .col:nth-child(1) {
  width: calc(48% - 2px);
}
.branding-examples-section .row .col:nth-child(2) {
  width: 45%;
  margin-left: 50px;
}
.branding-examples-section p {
  font-size: 1.2rem;
  font-weight: 500;
  color: grey;
}
.branding-examples-section h3 {
  font-size: 1.8rem;
}
.branding-examples-section .btn {
  margin-top: 50px;
}
.branding-example-cta {
  white-space: nowrap;
  width: inherit;
  color: #444444;
  font-size: 1.2rem;
  border-bottom: 3px solid #5fa88d;
  margin-top: auto;
  margin-bottom: 30px;
  width: fit-content;
  padding-right: 10px;
}
.branding-reason-section img {
  width: calc(100% + 22px);
  height: auto;
}
.branding-advantage-section p {
  font-size: 1.2rem;
  font-weight: 500;
  color: grey;
}
.branding-advantage-section .row {
  flex-wrap: nowrap;
  margin: auto;
  margin-bottom: 50px;
}
.branding-advantage-section .row:nth-child(odd) .col:nth-child(2),
.branding-advantage-section .row:nth-child(odd) .col:nth-child(2),
.branding-advantage-section .row:nth-child(even) .col:nth-child(1),
.branding-advantage-section .row:nth-child(even) .col:nth-child(1) {
  width: 30%;
}
.branding-advantage-section p:nth-child(1),
.branding-example-cta p:nth-child(1),
.branding-examples-section p:nth-child(1),
.branding-intro-section p:nth-child(1) {
  margin-bottom: -35px;
}
/* .branding-advantage-section .container .row:nth-child(1) > .col,
.branding-advantage-section .container .row:nth-child(3) > .col {
  margin-left: 30px;
}
.branding-advantage-section .container .row:nth-child(2) > .col,
.branding-advantage-section .container .row:nth-child(4) > .col {
  margin-right: -70px;
} */

.branding-intro-section .tablet-animation::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 13px;
  background: transparent
    radial-gradient(closest-side at 50% 50%, #d3d3d3 0%, #ffffff 100%) 0% 0%
    no-repeat padding-box;
  border-radius: 100%;
  bottom: -15px;
}
.branding-examples-section .row > .col:nth-child(1)::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 20px;
  background: transparent
    radial-gradient(closest-side at 50% 50%, #d3d3d3 0%, #ffffff 100%) 0% 0%
    no-repeat padding-box;
  border-radius: 100%;
  bottom: -10px;
}
.branding-examples-section .row > .col:nth-child(1) img {
  border-radius: 5px;
  border: 2px solid #444444;
}
.branding-examples-section .row > .col:nth-child(2) img {
  margin-left: 10px;
}
.branding-example-cta a {
  text-decoration: none;
  color: black;
}
.branding-example-row {
  justify-content: space-between;
}
.branding-example-row .col {
  text-align: center;
  margin: auto;
}
.branding-example-row img {
  width: 278px;
  border-radius: 5px;
  border: 1px solid #444444;
}
.user-design-section .image-card {
  background: #f3f3f3;
  margin: 30px;
  flex-direction: row;
  max-height: none;
  padding: 20px;
}

.user-design-section .image-card img {
  width: inherit;
  max-height: 300px;
  display: block;
}
.user-design-section .image-card .col {
  flex: 1 1 45%;
  justify-content: center;
}
.text-cta {
  text-align: center;
  text-decoration: underline;
}
.text-cta img {
  margin-left: 10px;
  width: 14px;
}
.tablet-option-section .card-title {
  text-align: center;
  font-weight: 800;
  font-size: 1.2rem;
  height: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.tablet-option-section .text-cta {
  text-align: end;
}
.tablet-option-section .row .col {
  margin: 10px 20px;
  max-width: 15%;
  align-content: center;
}
.tablet-option-section img {
  width: 100%;
}
.tablet-option-section .windows-col img {
  width: 75%;
}
.tablet-option-section .text-cta img {
  width: 11px;
}
.signs-use-case-section .row {
  margin-bottom: 40px;
}
.signs-use-case-section .row:nth-child(even) {
  margin-left: -150px;
}
.signs-use-case-section .row:nth-child(odd) {
  margin-left: 150px;
}
.signs-use-case-section .container .row .col:nth-child(2) {
  width: 30%;
  margin-left: 50px;
}
.wayfinding-selling-points .image-card {
  background: #f4f4f4;
  flex-direction: row;
  margin: 30px 0px;
  max-height: 300px;
  padding: 30px;
}
.wayfinding-selling-points .image-card img {
  display: flex;
  flex: 1 1 40%;
  height: 300px;
  border-radius: 10px;
}
.wayfinding-selling-points .image-card .col {
  justify-content: center;
}

.wayfinding-hero .decorative-underline::after {
  content: "";
  width: 438px;
  height: 11px;
  left: 120px;
  top: -16px;
  z-index: -1;
  position: relative;
  display: block;
  background: #88c2af;
}
.wayfinding-features .image-card {
  display: flex;
  flex-direction: column;
  flex: 1 1 30%;
  text-align: center;
  margin: 80px 35px 120px 35px;
  padding: 0px 20px 20px 20px;
  justify-content: space-between;
  align-items: center;
}
.wayfinding-features .image-card img {
  width: 75%;
  height: auto;
  flex: none;
}
.wayfinding-features .image-card a {
  text-align: end;
  color: #5fa88d;
  align-self: flex-end;
}
.wayfinding-abx-section .decorative-underline {
  margin-top: 0.5rem;
}
.decorative-underline::after {
  content: "";
  width: 315px;
  height: 11px;
  left: 37%;
  top: -23px;
  z-index: -1;
  position: relative;
  display: block;
  background: #88c2af;
}
.wayfinding-features .row .image-card:nth-child(1) img {
  margin-top: -120px;
}
.wayfinding-features .row .image-card:nth-child(2) img {
  margin-top: -60px;
}
.wayfinding-features .row .image-card:nth-child(3) img {
  margin-top: -90px;
  margin-bottom: -90px;
  width: 90%;
  margin-left: -80px;
}
.wayfinding-features .row .image-card:nth-child(4) img {
  margin-top: -93px;
  width: 60%;
}
.wayfinding-features .row .image-card:nth-child(5) img {
  margin-top: -100px;
  width: 50%;
}
.wayfinding-features .row .image-card:nth-child(6) img {
  margin-top: -100px;
}

.wayfinding-features .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.wayfinding-hero h1 {
  margin-left: 13%;
}
.wayfinding-hero .decorative-underline {
  margin-left: calc(13% + 120px);
  margin-bottom: 35px;
}
.wayfinding-hero .btn-primary {
  margin-top: 30px;
}
.wayfinding-abx-section .col {
  max-width: 30%;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 30px;
}
.wayfinding-abx-section .col:nth-child(1) {
  text-align: end;
}
.wayfinding-abx-section .col:nth-child(2) {
  justify-content: center;
}

.wayfinding-abx-section img {
  max-width: 100%;
  justify-content: center;
}
.wayfinding-view-types .col {
  flex: 1 1 30%;
  max-width: 30%;
  padding: 20px;
}
.wayfinding-view-types .col .card-title {
  font-size: 2rem;
  font-family: "Mulish";
  margin: 0px;
  font-weight: 800;
}
.wayfinding-view-types .col .card-description {
  font-size: 1rem;
  font-family: "Mulish";
  margin: 0px;
}
.wayfinding-abx-section .text-cta {
  margin-top: 30px;
}
.hidden-abx {
  display: none;
  margin: auto !important;
  margin-bottom: 0px !important;
  width: 30%;
}
.abx-text {
  font-family: "Mulish";
}
.abx-text b {
  font-family: "Mulish";
  font-size: 1.2rem;
}

.quote {
  font-size: 3rem;
  font-weight: 500;
  line-height: 3.5rem;
  text-align: center;
  padding: 20px 0px;
  color: #181818;
  margin: auto;
  font-family: "Raleway";
}
.quote::before {
  content: "“";
  display: block;
  font-size: 9rem;
  line-height: 0.2;
  font-weight: 600;
  padding-top: 4rem;
  opacity: 0.1;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.quote::after {
  content: "“";
  display: block;
  font-size: 9rem;
  line-height: 0.2;
  font-weight: 600;
  padding-top: 4rem;
  opacity: 0.1;
  transform: rotate(180deg);
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.quote-small {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5rem;
  text-align: center;
  padding: 0px;
  color: #181818;
  margin: auto;
  font-family: "Raleway";
}
.quote-small::before {
  content: "“";
  display: block;
  font-size: 5rem;
  line-height: 0.2;
  font-weight: 600;
  padding-top: 2rem;
  opacity: 0.1;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.quote-small::after {
  content: "“";
  display: block;
  font-size: 5rem;
  line-height: 0.2;
  font-weight: 600;
  padding-top: 2rem;
  opacity: 0.1;
  transform: rotate(180deg);
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.security-hero,
.analytics-hero,
.motion-sensors-hero,
.roi-hero,
.use-case-hero {
  padding: 50px 0px;
}
.security-hero img,
.analytics-hero img,
.case-study-hero img,
.use-case-hero {
  width: 100%;
  margin: auto;
  border-radius: 10px;
  margin-right: 10px;
}
.use-case-hero .col {
  width: 45%;
}
/* .use-case-hero .col:nth-child(1){
     margin-right:50px;
} */

.content-section img {
  width: 100%;
}
.analytics-image .col:nth-child(1) {
}
.analytics-image .col:nth-child(2) {
}
.analytics-image .col:nth-child(3) {
}
.image-caption {
  font-style: italic;
  text-align: right !important;
  font-family: "Mulish";
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 2rem;
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.9;
  color: #757575;
}
.security-hero .row,
.analytics-hero .row,
.motion-sensors-hero .row,
.case-study-hero .row,
.roi-hero .row,
.use-case-hero .row {
  justify-content: space-between;
}
.security-hero .col,
.analytics-hero .col,
.motion-sensors-hero .col,
.case-study-hero .col,
.roi-hero .col,
.use-case-hero .col {
  max-width: 49%;
  text-align: left;
  justify-content: center;
}
.security-hero h2,
.analytics-hero h2,
.motion-sensors-hero h2,
.case-study-hero h2 {
  line-height: 2.4rem;
  letter-spacing: 0.2px;
}
.security-hero p,
.analytics-hero p,
.motion-sensors-hero p,
.case-study-hero p,
.roi-hero p,
.use-case-hero p {
  font-weight: bold;
  font-family: "Mulish";
  margin: 0;
  margin-bottom: -20px;
  color: #5f5f5f;
}
.intro-section h3,
.content-section h3 {
  margin-bottom: 5px;
  margin-top: 40px;
}
.security-hero .container,
.content-section .container,
.intro-section .container,
.related-topics-section .container,
.analytics-hero .container,
.motion-sensors-hero .container,
.integration-hero,
.case-study-hero,
.roi-hero,
.use-case-hero .container {
  max-width: 1000px;
  margin: auto;
}
.case-study-hero .container {
  padding: 80px 0px;
}
.integration-hero img {
  width: 100%;
}
.integration-hero h1 {
  text-align: center;
}
h3 {
  color: black;
}
.related-topics-section {
  margin: 80px 0px 50px 0px;
}
.related-topics-section img {
  margin-left: 9px;
  margin-bottom: -2px;
  width: 17px;
}
.motion-sensors-video {
  margin-top: 50px;
  width: 100%;
  height: 450px;
}
.page-split .intro-section img {
  width: 100%;
  height: auto;
}

.o365-hero .row,
.exchange-hero .row {
  justify-content: space-between;
  margin-top: 30px;
}
.o365-hero h2,
.exchange-hero h2 {
  text-align: center;
}
.o365-hero .container .row .col:nth-child(2) h2 {
  margin-top: 41px;
}
.o365-hero .col,
.exchange-hero .col {
  max-width: 45%;
  margin-left: 30px;
}
.o365-hero .container,
.exchange-hero .container {
  padding-bottom: 0px;
}
.exchange-hero div:nth-child(1) {
  position: relative;
  align-self: center;
}
.page-split {
  justify-content: space-between;
  max-width: 1000px;
}
.page-split .col {
  width: 49%;
}
.page-split .col:nth-child(1) {
  border-right: 1px solid #e9e9e9;
}
.tablet-background img {
  width: 100%;
}
.home-page-hero .tablet-animation {
  min-height: 450px;
  width: auto;
  display: flex;
  justify-content: flex-end;
}

.home-page-hero .tablet-animation img {
  width: auto;
  height: 100%;
  max-height: unset;
}

.hardware-hero {
  margin: 20px 0px 50px 0px;
}
.hardware-hero .col {
  width: 50%;
  /*align-self: center; */
}
.hardware-hero .row img {
  width: 100%;
  height: auto;
}
.hardware-hero .btn {
  margin-left: 0;
  margin-top: 20px;
}
.hardware-hero .col:nth-child(1) {
  width: 50%;
}
.hardware-advantage-section h1,
.hardware-advantage-section h2 {
  text-align: center;
}
.hardware-advantage-section img {
  width: 300px;
  margin-bottom: 20px;
}
.hardware-list-section h2 {
  text-align: center;
}

.hardware-list-section .container > .row {
  justify-content: flex-start;
  margin-bottom: 100px;
}
.hardware-solution-section .card {
  justify-content: flex-start;
  text-align: center;
}
.hardware-card {
  max-width: 25%;
  width: 208px;
  min-width: 208px;
  background: #ffffff;
  box-shadow: 0px 0px 10px #6e8abd4d;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  padding: 13px 30px;
  margin: 20px 20px 0px 0px;
}
.hardware-card .col {
  height: 115px;
}
.hardware-card .windows .hardware-image {
  background: #b7c5d8;
}
.hardware-card .row:nth-child(1) {
  justify-content: space-between;
  margin: 0 -15px 10px -15px;
  height: 26px;
}

.hardware-logo {
  max-width: 50%;
}
.hardware-logo img {
  width: 100%;
}
.hardware-availability {
  border-radius: 100px;
  color: white;
  padding: 4px 15px 0px 15px;
  font-size: 12px;
  height: 21px;
}
.available {
  background: var(--purple);
}
.soon {
  background: #e2a600;
}
.hardware-image {
  background: #b7d8cb;
  width: 158px;
  height: 158px;
  border-radius: 100%;
  position: relative;
}
.hardware-image img {
  max-width: calc(100% + 50px);
  max-height: 160px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hardware-card-title {
  text-align: center;
  font: normal normal normal 36px/40px Mulish;
  color: #000000;
}
.hardware-card-description {
  font: normal normal normal 16px/20px Mulish;
  color: #515151;
  text-align: center;
}
.hardware-card .text-cta {
  text-decoration: none;
  color: #474747;
  text-align: end;
  font-family: "Mulish";
  font-size: 16px;
  margin-right: -10px;
  margin-top: auto;
}
.windows-tablet .hardware-image {
  background: white;
}
.wayfinding-hero {
  width: 100%;
}

.hardware-comparison-section tbody tr:nth-child(odd) {
  background: rgb(241 241 241);
}
.hardware-comparison-section tbody tr:nth-child(even) {
  background: white;
}
.hardware-list-section a[target="_blank"]:not(.noexternal)::after {
  display: none;
}
.hardware-feature-section .row {
  justify-content: space-between;
}
.hardware-feature-section > .row {
  justify-content: center;
}
.hardware-feature-section > .row img {
  width: 15%;
  margin: 20px;
}
.cir-feature-list .row {
  justify-content: space-evenly;
}
.cir-feature-list .col {
  width: 50%;
}
.cir-feature-list li {
  margin-bottom: 25px;
}
.hardware-hero .hardware-availability {
  width: 51px;
  position: relative;
}
.individual-hardware .row {
  justify-content: space-between;
}
.individual-hardware .row .row {
  justify-content: flex-start;
}
.individual-hardware h3 {
  margin-top: 5px;
  font-weight: bold;
  color: #323232;
}
.hardware-manufacturer {
  text-align: end;
  display: flex;
  justify-content: flex-end;
}
.hardware-manufacturer img {
  position: relative;
  top: 5px;
}
.hardware-detail-card {
  display: flex;
  min-width: 350px;
  flex-direction: column;
  margin-bottom: 30px;
  margin-right: 20px;
  margin-top: 50px;
  flex: 0.5 1 40%;
  background: white;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}
.hardware-detail-card img {
  max-width: 100px;
  margin: -50px 0px 10px 10%;
}
.hardware-detail-card .card-title {
  font-size: 2rem;
  margin: 0px 40px 30px 40px;
}
.hardware-detail-card .card-description {
  font-size: 1.1rem;
  margin: 0px 40px 30px 40px;
}
.hardware-image-specification-section {
  padding-top: 30px;
}
.hardware-image-specification-section .col:nth-child(1) {
  align-content: space-between;
  justify-content: center;
  flex: 0.8 1 50%;
}
.hardware-image-specification-section .col:nth-child(1) img {
  width: 80%;
  margin: auto;
  margin-bottom: 20px;
}
.hardware-image-specification-section tr td {
  border-bottom: 1px solid #c7c7c7;
  padding: 7px 15px 7px 15px;
}
.hardware-image-specification-section tr td:nth-child(1) {
  text-align: end;
  width: 45%;
}
.hardware-image-specification-section tr:nth-child(odd) {
  background: rgb(233, 233, 233);
  border-bottom: 1px solid rgb(128, 128, 128);
}
.hardware-image-specification-section h3 {
  color: #5fa88d;
  font-weight: bold;
  margin-bottom: 15px;
  margin-left: 10px;
}
.hardware-image-specification-section table {
  border-spacing: 0px;
  margin-bottom: 20px;
}
.slick-prev {
  left: 0px !important;
}
.slick-next {
  right: 0px !important;
}
.hardware-image.no-background {
  background: transparent !important;
}
.breadcrumbs {
  max-width: 1200px;
  margin-top: 10px;
  margin: auto;
  color: #5f5f5f;
}
.breadcrumbs img {
  margin: 0px 10px -1px 10px;
}
/*newsletter page styling*/
.newsletter-section {
  background: #ecf5f2;
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
  margin-bottom: 100px;
}
.newsletter-section .container > .row {
  justify-content: space-between;
}
.newsletter-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 5px 24px #00000029;
  border-radius: 10px;
  padding: 20px 20px 30px 20px;
  max-width: 335px;
  margin-bottom: 35px;
}
.newsletter-card .row {
  justify-content: flex-start;
  margin-top: auto;
}
.newsletter-card > img {
  border-radius: 5px;
  margin-bottom: 20px;
}
.newsletter-card .newsletter-type {
  font: 700 16px Mulish;
  letter-spacing: 0px;
  color: #5fa88d;
  background: #b7d8cb;
  border-radius: 5px;
  padding: 5px 10px;
  width: fit-content;
}
.newsletter-title {
  font: 800 20px Mulish;
  letter-spacing: 0px;
  color: #5fa88d;
  margin-bottom: 20px;
  width: fit-content;
}
.newsletter-preview {
  text-align: left;
  font: 600 18px/24px Mulish;
  letter-spacing: 0px;
  color: #444444;
  margin-bottom: 10px;
}
.newsletter-card .row img {
  border-radius: 100px;
}
.newsletter-card .col p {
  font: 600 16px Mulish;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
}
.newsletter-card .col p:nth-child(1) {
  color: #444444;
}
.newsletter-card .col p:nth-child(2) {
  color: #707070;
}

.newsletter-article {
  margin-bottom: 40px;
}
.newsletter-article h1 {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: bold;
}
.newsletter-article h3 {
  margin-bottom: 0;
  margin-top: 10px;
}
.newsletter-article p {
  margin-bottom: 0;
  margin-top: 0;
}

.clickableBox:hover {
  cursor: pointer;
  transform: scale(1.01);
  transition: all 150ms;
}
#contact-mobile {
  display: none;
}
#pdfTable img {
  height: auto !important;
}
#pdfTable h2 {
  margin-top: 4px;
}
#pdfTable tr {
  margin-bottom: 20px;
}
.user-dropdown span {
  display: none;
}
.input-form-title {
  text-align: center;
}
.newsletter-banner img {
  width: 100%;
  height: auto;
}
.newsletter-block {
  display: flex;
  flex-direction: row;
  margin-bottom: 120px;
}
/* .newsletter-block.reverse {
  flex-direction: row-reverse;
} */
.newsletter-block img {
  width: 100%;
  height: auto;
  max-width: 600px;
}
.newsletter-block .col:first-child {
  margin-right: 50px;
}
/* .newsletter-block .col:nth-child(1),
.newsletter-block.reverse:nth-child(2) {
  align-self: center;
} */
.newsletter-block.reverse .col:nth-child(1) {
  align-self: unset;
}
.newsletter-block .col.text {
  max-width: 550px;
}
.newsletter-block .btn-primary {
  margin-left: 0;
}
.newsletter-block h2 {
  margin: 0;
}
.newsletter-container h4 {
  color: #5fa88d;
}
.newsletter-end {
  text-align: center;
  max-width: 600px;
  margin: auto;
}
.newsletter-block .clickableBox a::after {
  display: none;
}
.crestron-hero {
  background-image: url(/doortablet/dtcmsstore.nsf/0/852FD728AF06448D802587AC007BA62C/$file/crestron-hero-bg.jpg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}
.crestron-hero .row .col:nth-child(1) {
  width: 60%;
  margin-right: 50px;
}
.crestron-hero .row .col:nth-child(2) {
  width: 35%;
}
.crestron-hero .row img {
  max-width: 548px;
}
.crestron-hero .btn-row {
  justify-content: flex-start;
}
.crestron-hero .btn-row .btn {
  margin: 0 20px 0 0;
}
.crestron-hero .btn-row a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #707070;
}
.crestron-hero .btn-row a:hover {
  color: rgb(95, 168, 141);
}
.crestron-advantage-section .row .col {
  max-width: 50%;
  margin: auto;
}
.crestron-advantage-section .row {
  width: 70%;
  margin: auto;
  margin-bottom: 50px;
}
.crestron-hardware-card {
  margin-bottom: 70px;
}
.crestron-hardware-card img {
  margin-right: 50px;
  max-width: 443px;
  width: 100%;
}
.crestron-hardware-card h3 {
  margin-bottom: 0;
}
.crestron-hardware-card .row .row {
  justify-content: flex-start;
}
.crestron-hardware-card .col {
  max-width: 400px;
}
.crestron-cta-points {
  justify-content: space-around;
  margin-bottom: 50px;
}

.crestron-cta-points .row {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: nowrap;
}

.crestron-cta-points img {
  margin-right: 10px;
}

.crestron-cta-points span {
  width: 280px;
  font-weight: bold;
  font-size: 18px;
}

.logo-row img {
  height: 25px !important;
  width: auto !important;
}
.logo-row span {
  margin: 0px 8px;
  font-size: 30px;
  line-height: 20px;
  font-weight: bold;
}
.logo-row {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.dt-samsung-solutions .row {
  width: 100%;
  margin-bottom: 100px;
}
.dt-samsung-solutions .col {
  max-width: 400px !important;
  margin: auto 30px !important;
}
.dt-samsung-solutions h4 {
  text-transform: uppercase;
  margin: 0px;
}
.dt-samsung-solutions h2 {
  margin: 0px;
}
/*sensors page*/

.sensor-guide-lines {
  padding-right: 34px;
}
.sensor-guide-lines div {
  position: absolute;
  width: 100%;
  max-width: 1200px;
  top: 489px;
  z-index: -1;
}
.sensor-guide-lines svg {
  position: relative;
  display: flex;
  margin-left: auto;
}
.sensor-overview-card {
  display: flex;
  flex-direction: row;
  margin-bottom: 190px;
}
.sensor-overview-card .col {
  max-width: 800px;
  margin-left: 50px;
  justify-content: center;
}
.sensor-overview-card p {
  max-width: 700px;
}
.sensor-function-row {
  justify-content: space-around;
}
span.co2 {
  font-size: 50%;
  vertical-align: bottom;
}
.sensor-overview-card:nth-child(last) {
  margin-bottom: 0 !important;
}

/*tablet demo directory page*/
.templates-section .template-card {
  margin-bottom: 150px;
  /* margin-top: 75px; */
}
.templates-section .template-card:first-child {
  margin-top: 0;
}
span.template-feature {
  white-space: nowrap;
  background: #b7d8cb;
  padding: 4px 13px;
  border-radius: 30px;
  margin-right: 1px;
  line-height: 34px;
}
.template-card {
  display: flex;
  flex-direction: row;
  gap: 50px;
}
.template-card.reverse {
  flex-direction: row-reverse;
}
.template-card .info-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.template-card .info-col h2 {
  margin-top: 0;
  margin-bottom: 0px;
}
.template-card .info-col h3 {
  margin-bottom: 10px;
  margin-top: 10px;
}
.template-card .info-col h4 {
  margin: 0;
}
.template-card .info-col .btn {
  margin-left: 0;
}
.template-cta-section .row {
  justify-content: space-between;
}
.template-cta-section .col {
  max-width: 330px;
  text-align: center;
}
.template-cta-section h3 {
  margin-bottom: 5px;
}
.template-cta-section a {
  text-decoration: none;
  font-size: 25px;
  font-weight: bold;
}

@media only screen and (max-width: 1270px) {
  .solutions-section .image-card {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background: #f3f3f3;
    margin: 20px;
    width: auto;
    text-align: left;
    max-height: unset;
  }
  .solutions-section .image-card img {
    height: unset;
    max-width: 100%;
  }
  .hero .btn-primary,
  .hero .btn-secondary {
    padding: 10px 30px;
    font-size: 1rem;
  }
  #logo img {
    height: 30px;
  }
}

@media only screen and (max-width: 1080px) {
  .sensor-guide-lines {
    display: none;
  }
  .branding-intro-section .row {
    justify-content: space-around;
  }
  .hero h1 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  .hero h2 {
    font-size: 1rem;
    line-height: 1.2rem;
  }
  .hero .image-section,
  .hero .text-section {
    width: 50%;
  }
  .tablet-animation {
    width: 300px;
    height: auto;
  }
  .wayfinding-hero .decorative-underline::after {
    width: 294px;
    left: 76px;
  }
  .wayfinding-view-types .col {
    max-width: 40%;
  }
  .footer-cta {
    margin-bottom: 20px;
  }
  .home-page-hero .tablet-animation {
    min-height: 300px;
  }
  .newsletter-block .col.text {
    max-width: 450px;
  }
}
@media only screen and (max-width: 950px) {
  .newsletter-block {
    flex-direction: column;
  }
  .newsletter-block.reverse {
    flex-direction: column-reverse;
  }
  .newsletter-block .col.text {
    max-width: 600px;
    margin: auto;
  }
  .newsletter-block .col:first-child {
    margin-left: auto;
    margin-right: auto;
  }

  .newsletter-block .col {
    align-self: center;
  }
  .newsletter-container h4 {
    text-align: center;
  }
  .newsletter-end {
    max-width: 600px;
    margin: auto;
    text-align: center;
  }
}
@media only screen and (max-width: 827px) {
  .newsletter-section .container > .row {
    justify-content: center;
  }
  .o365-hero .col,
  .exchange-hero .col {
    max-width: 85%;
    text-align: center;
    margin-left: 0px;
  }
  .hardware-feature-section .row {
    justify-content: center;
  }
  .hardware-detail-card {
    margin-right: 0px;
  }
  .wayfinding-abx-section .col:nth-child(1) {
    text-align: start;
  }
  .hardware-comparison-section {
    display: none;
  }
  .hardware-list-section h2,
  .hardware-list-section h3 {
    text-align: center;
  }
  .hardware-list-section .container > .row {
    justify-content: center;
  }
  .wayfinding-abx-section .col {
    max-width: 100%;
    margin: 0;
  }
  .abx-text {
    margin-bottom: 20px;
  }
  .hidden-abx {
    display: block !important;
  }
  .wayfinding-abx-section .col:nth-child(2) {
    display: none;
  }
  .hardware-section .container .row {
    flex-direction: column-reverse;
  }
  .clients-section .col {
    width: 20%;
  }
  .clients-section .orange-col {
    margin-right: 0px;
    align-items: center;
  }
  .hero .btn-primary,
  .hero .btn-secondary {
    padding: 10px 30px;
    font-size: 0.8rem;
  }
  .software-section .col,
  .hardware-section .col {
    margin-bottom: -30px;
  }
  .wayfinding-selling-points .image-card {
    flex-direction: column !important;
    align-items: center;
  }
  .wayfinding-selling-points .image-card-reverse {
    flex-direction: column-reverse !important;
    align-items: center;
  }
  .wayfinding-selling-points .image-card {
    max-height: unset;
  }
}
@media only screen and (max-width: 760px) {
  .branding-examples-section .row .col:nth-child(1) {
    width: 80%;
  }
  .branding-examples-section .row .col:nth-child(2) {
    width: 80%;
    margin-left: 0px;
    text-align: center;
  }
  .branding-example-cta {
    width: fit-content;
    text-align: left;
    margin: auto;
  }
}
.captera-badge {
  position: absolute;
  width: 150px;
  z-index: 1;
  left: 32%;
  top: 70%;
}
@media only screen and (max-width: 700px) {
  .captera-badge {
    left: 1% !important;
    top: 84% !important;
  }
  .crestron-advantage-section .row .col {
    max-width: 100%;
    margin: auto;
  }
  .crestron-advantage-section .row:nth-child(odd) {
    flex-direction: column-reverse;
  }
  .crestron-hero {
    background-image: none !important;
  }
  .crestron-hero .row .col:nth-child(1) {
    width: 60%;
    margin-right: 0;
  }
  .crestron-advantage-section img {
    width: 100%;
    height: auto;
  }
  .crestron-advantage-section .row {
    width: 100%;
  }
  .crestron-hero .btn-row {
    justify-content: center;
    flex-direction: column !important;
    text-align: center;
    margin: auto;
  }
  .crestron-hero .btn-row .btn {
    margin: auto;
  }
  .crestron-hero .btn-row a {
    margin: auto;
    margin-top: 10px;
  }
  .crestron-hardware-card img {
    margin-right: 0 !important;
  }

  #home-page-slideshow img {
    left: 50%;
    transform: translate(-50%, 0%);
  }
  .branding-advantage-section .row:nth-child(odd) {
    flex-direction: column;
  }
  .branding-advantage-section .row:nth-child(even) {
    flex-direction: column-reverse;
  }

  .branding-advantage-section .row .col {
    width: 80% !important;
    margin: auto !important;
    text-align: center !important;
  }
  .animated-logo {
    width: 100%;
  }
  #helpDiv a img {
    margin-left: 0px;
  }
  .hot-desk-howitworks-section .image-card {
    flex: 1 1 50%;
    margin: 10px auto 10px auto;
  }
  .form-single {
    padding: 30px 20px;
  }
  .form-single input {
    width: 91.5%;
  }
  .hot-desk-advantage-section .card {
    width: 100%;
    margin-bottom: 5px;
  }
  .wayfinding-view-types .col {
    max-width: 80%;
  }
  .tablet-option-section .row .col {
    max-width: 35%;
  }
  .footer,
  .footer-background {
    width: 100vw;
  }
  .image-card-reverse {
    flex-direction: column-reverse !important;
    align-items: center;
  }
  .image-card {
    text-align: center;
  }
  .card {
    width: 80%;
  }
  .meeting-rooms-selling-point .col:nth-child(2) h3 {
    font-size: 1rem;
    line-height: 1.2rem;
  }
  .integration-section .icon-container .col {
    margin: 15px;
  }
  .text-image-section {
    flex-direction: column-reverse;
    align-items: center;
  }
  .hero .text-section {
    width: 100%;
    text-align: center;
  }
  .hero h2 {
    margin-right: 0px;
  }
  .hero-btn-row {
    justify-content: center !important;
    margin-top: 0px;
  }

  .hero .image-section {
    width: 100%;
  }
  .footer-container {
    flex-direction: column;
  }
  #logo img {
    height: 20px;
  }
  .wayfinding-hero h1 {
    margin: auto !important;
  }
  .home-page-hero .tablet-animation {
    justify-content: center;
  }
  .home-page-hero .hero-btn-row {
    flex-direction: column-reverse !important;
  }
  .home-page-hero .hero-btn-row .row {
    justify-content: center;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 625px) {
  .samsung-hero .btn-primary {
    margin: auto;
  }
  .logo-row {
    flex-direction: row !important;
    margin-top: 30px;
  }
  .newsletter-hero .btn {
    margin: auto;
  }
  .newsletter-block {
    margin-bottom: 50px;
  }
  .btn-primary {
    padding: 7px 30px;
  }
  .signs-info-hero .btn {
    margin: auto;
  }
  .signs-use-case-section .container .row:nth-child(2) .col:nth-child(1) {
    margin-left: -48px;
  }
  .signs-use-case-section .container .row:nth-child(4) .col:nth-child(1) {
    margin-left: -38px;
  }
  .signs-use-case-section .container .row:nth-child(5) .col:nth-child(1) {
    margin-left: 5px;
  }
  .signs-use-case-section .container .row .col:nth-child(2) {
    width: 80%;
    margin-bottom: 50px;
    margin-left: 0;
  }
  .signs-use-case-section .row {
    margin: 0 !important;
    margin-top: 30px;
  }
  .signs-use-case-section .col {
    margin: 0 !important;
    text-align: center;
  }
  .branding-creativity-section .row {
    flex-direction: column-reverse;
  }
  .branding-creativity-section .btn,
  .branding-hero .btn {
    margin: auto;
  }
  .individual-hardware .row .row {
    justify-content: center;
    /* margin-right: -81px; */
    margin-top: 20px;
    flex-wrap: nowrap;
    flex-direction: column-reverse;
    align-items: center;
  }
  .individual-hardware .btn {
    margin-left: auto;
  }
  .hardware-card {
    margin: 20px 0px 0px 0px;
  }
  .hardware-list-section p {
    text-align: center;
  }
  .page-split {
    flex-direction: column;
  }
  .page-split .col {
    width: 100%;
  }
  .page-split .col:nth-child(1) {
    border: none;
  }
  .slick-track div div {
    margin: 0 10px;
  }
  .user-design-section .image-card img {
    width: 100%;
  }
  .hardware-hero .row {
    flex-direction: column-reverse;
  }
  .hardware-hero .col {
    width: 100% !important;
    text-align: center;
  }
  .hardware-card {
    width: 100%;
    max-width: 100%;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.2rem;
  }
  .container {
    padding-right: 10px;
    padding-left: 10px;
  }
  .integration-section .icon-container {
    padding: 15px;
  }
  .integration-section .btn-primary {
    top: 16px;
  }
  .integration-section .icon-container .col {
    flex: 1 1 25%;
  }
  p {
    font-size: 1rem;
  }
  .resources-card {
    margin: 15px;
  }
  .resources-section .container {
    overflow: hidden;
  }
  .use-case-hero .row,
  .roi-hero .row {
    flex-direction: column !important;
  }
  .use-case-hero .col,
  .roi-hero .col {
    width: 100%;
    max-width: unset;
  }
  .use-case-hero .col:nth-child(1),
  .roi-hero .col:nth-child(1) {
    margin-top: -40px;
    margin-bottom: 20px;
  }
  .hardware-hero .hardware-availability {
    margin: auto;
  }
}
@media only screen and (max-width: 550px) {
  .form-single {
    margin: 15px;
  }
  .footer-cta .btn {
    padding: 10px 40px;
    margin: 5px;
  }
  .meeting-rooms-selling-point .arrow-straight {
    display: block;
    height: 100px;
    width: auto;
  }
  .meeting-rooms-selling-point .arrow-curved {
    display: none;
  }
  .meeting-rooms-selling-point .row {
    flex-direction: column;
  }
  .meeting-rooms-selling-point .col:nth-child(2) {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .meeting-rooms-selling-point .col:nth-child(2) h3 {
    flex-direction: row;
    align-items: center;
    width: 30%;
  }
}
@media only screen and (max-width: 500px) {
  .tablet-animation {
    width: 100%;
  }
  .footer-decorations {
    display: none;
  }
  .footer-text-section {
    display: block;
    padding-left: 50px;
    padding-bottom: 50px;
  }
  .footer-text {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  #vid-display {
    padding: 0px 20px;
  }
}

@media only screen and (max-width: 400px) {
  .hero .btn-primary,
  .hero .btn-secondary {
    padding: 10px 25px;
    font-size: 0.8rem;
  }
  #cookie-bar {
    height: 54px;
    z-index: 9999999;
  }
}

/************** styling for new menu ************************/

/*desktop*/
@media (min-width: 992px) {
  .navbar-container {
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  }

  .navbar {
    max-width: 1200px;
    height: 44px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    font-family: "Mulish";
  }
  .navbar .logo {
    float: left;
  }
  .nav-dropdown:hover > ul {
    display: block !important;
    border: 1px solid #e2e2e2;
  }
}
.solutions-dropdown ul {
  width: 400px;
  height: 280px;
}
.solutions-image,
.use-case-image {
  margin-bottom: 30px !important;
}
.solutions-image,
.use-case-image {
  width: 36px;
}

.solutions-column-1 {
}
.solutions-column-2 {
  position: relative;
  left: 250px;
  top: -185px;
}
.navbar {
  width: 100%;
  max-width: unset;
  z-index: 99999999999999;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0px);
  padding-bottom: 2px;
  border-bottom: 1px solid #d2d2d2;
  background: white;
  display: block;
}
.navbar > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1200px;
  width: 100%;
  margin: auto;
}
.nav-title {
  color: #5fa88d;
  font-weight: 800;
  padding: 9px 14px 10px 14px !important;
}
.nav-title::before {
  /* display: none !important; */
}
.sitenavigation li ul a:hover {
  border: none;
  font-weight: 800;
}
.sitenavigation > ul > li:hover {
  border-bottom: 3px solid #5fa88d;
}
.nav-dropdown .col {
  margin-right: 20px;
  margin-top: 1px;
}
.menu-btn,
.menu-search,
.user-icon {
  margin-right: 15px !important;
}
.user-icon {
  margin-left: 0;
}
.btn-primary.clickableBox a {
  color: white !important;
}
.btn-primary.clickableBox.btn-white a {
  color: rgb(95, 168, 141) !important;
}
.btn-secondary.clickableBox.btn-transparent a {
  color: white !important;
}
.menu-btn .btn-primary {
  padding: 7px 30px !important;
  margin-top: 3px;
}
.menu-btn .btn-secondary {
  padding: 7px 30px !important;
  margin-top: 3px;
}
.menu-btn:hover {
  border-bottom: 0 !important;
}
.user-icon > img {
  display: inline !important;
  margin-top: 7px;
}
.user-menu {
  margin-left: -173px !important;
  margin-top: -10px !important;
}
#hamburger {
  width: 30px;
  position: relative;
  margin: auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#hamburger .menu-line {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #333;
  border-radius: 9px;
  opacity: 1;
  left: 7px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#hamburger .menu-line:nth-child(1) {
  top: 0px;
}

#hamburger .menu-line:nth-child(2) {
  top: 11px;
}

#hamburger .menu-line:nth-child(3) {
  top: 22px;
}

#hamburger.open .menu-line:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#hamburger.open .menu-line:nth-child(2) {
  opacity: 0;
  left: -30px;
}

#hamburger.open .menu-line:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.sitenavigation ul {
  margin: 0;
  padding: 0;
  float: right;
  display: flex;
}
.sitenavigation li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  margin-left: -4px;
  line-height: 44px;
  height: 41px;
  font-family: "Mulish";
}

.sitenavigation li a {
  color: black;
  text-decoration: none;
  display: block;
  padding: 11px 14px;
  font-size: 0.9375em;
  -webkit-tap-highlight-color: transparent;
}
.sitenavigation li a.nav-path-selected,
.sitenavigation li a.linkclicked {
  color: white;
  /* background-color: #ececec; */
}
.sitenavigation li a.nav-selected {
  /* background-color: #777; */
  color: #000;
}
.sitenavigation li a:hover {
  color: #000;
}
.sitenavigation li.clicked > ul {
  display: block;
}
.sitenavigation li ul {
  display: none;
  position: absolute;
  min-width: 200px;
  padding: 0;
  margin: 0;
  background: white;
}
.sitenavigation li ul a {
  /* margin-left: -14px; */
  font-size: 0.8125em;
}
.use-case-col {
  margin-right: 30px;
}
.sitenavigation li ul li {
  float: none;
  display: block;
  margin: 0;
}
.sitenavigation li ul ul {
  left: 100%;
  margin-top: -40px;
}
.sitenavigation li ul ul a {
  /* background-color: lightgray; */
}
.sitenavigation .nav-dropdown:hover > a,
.sitenavigation .nav-dropdown.clicked > a {
  /* background-color: #ececec; */
}

.no-js .sitenavigation li:hover > ul {
  display: block !important;
}

.menu-icon {
  display: none;
}
.nav-dropdown .nav-dropdown img {
  width: 8px;
  margin-top: 3px;
  float: right;
}
.nav-dropdown > img {
  display: none;
}
.navbar .logo img {
  /*max-width: 182px; */
  margin-top: 7px;
}
#hamburger {
  display: none;
}

/*mobile*/
@media (max-width: 991px) {
  .breadcrumbs {
    padding-left: 20px;
  }
  #hamburger {
    display: block;
  }
  .navbar {
    width: 100%;
    height: 44px;
    top: 0;
    right: 0;
    max-width: 100%;
    z-index: 4;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    font-family: "Mulish";
  }
  .navbar .logo {
    float: right;
    margin-left: 20px;
  }
  .navbar .menu-icon {
    width: 30px;
    height: 25px;
    padding-top: 0;
    margin-top: 7px;
    display: block;
    -webkit-tap-highlight-color: transparent;
    padding: 5px;
    padding-top: 1px;
    padding-bottom: 12px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    left: -20px;
  }
  .navbar .sitenavigation ul {
    display: none;
    max-width: none !important;
  }
  .navbar .sitenavigation li {
    float: none;
    display: inline;
    margin: 0;
    padding: 0;
  }
  .navbar .sitenavigation.is-tapped > ul {
    display: block;
    position: absolute;
    margin: 0;
    background-color: #fff;
    right: 0;
    left: 0;
    z-index: 100;
    padding: 0;
    padding-top: 10px;
    margin-top: -10px;
    box-shadow:
      0px 10px 13px -7px #969696,
      5px 5px 15px 5px rgba(0, 0, 0, 0);
  }
  .navbar .sitenavigation.is-tapped > ul a {
    width: 100%;
    margin: 0;
    /* background-color: #ececec; */
    display: block;
    font-size: 1.1875em;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    color: #758283;
    float: none;
    border: none !important;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
  }
  .navbar .sitenavigation.is-tapped > ul a:hover {
    /* background-color: #dfdfdf; */
  }
  .navbar .sitenavigation.is-tapped > ul li {
    width: 100%;
    /* background-color: #f7f7f7; */
    border-bottom: solid 1px #b9b9b9;
    -webkit-tap-highlight-color: transparent;
  }
  .navbar .sitenavigation.is-tapped > ul li li {
    background-color: #fff;
  }
  .navbar .sitenavigation.is-tapped > ul ul {
    display: none;
    width: 100%;
    z-index: 200;
    border: none;
    margin-left: 0;
    padding: 0;
    position: relative !important;
  }
  .navbar .sitenavigation.is-tapped > ul ul ul {
    clear: both;
    left: 0;
    margin-top: 0;
  }
  .navbar .sitenavigation.is-tapped > ul ul li {
    border-bottom: solid 1px #f9f9f9;
  }
  .navbar .sitenavigation.is-tapped > ul ul li li a {
    /* background-color: #f9f9f9; */
    padding-left: 30px;
  }
  .navbar .sitenavigation.is-tapped > ul ul a {
    /* background-color: #dfdfdf; */
    font-size: 1em;
    padding-left: 20px;
  }
  .navbar .sitenavigation.is-tapped > ul ul a:before {
    content: "- ";
    display: inline-block;
    margin-right: 8px;
    color: #000;
  }
  .navbar .sitenavigation.is-tapped > ul li.nav-dropdown {
    cursor: pointer;
  }
  .navbar .sitenavigation.is-tapped > ul li.nav-dropdown > a {
    width: 80%;
    color: black;
  }
  /* .navbar .sitenavigation.is-tapped > ul li.nav-dropdown:after {
       content: "\f107";
       font-family: FontAwesome;
       position: absolute;
       color: #000;
       padding: 0;
       display: block;
       width: 20%;
       right: 0;
       margin-top: -40px;
       text-align: center;
       font-size: 16px;
       font-weight: 700;
       padding-top: 10px;
       padding-bottom: 10px;
     } */
  .navbar .sitenavigation.is-tapped > ul li.expanded:after {
    display: none;
  }

  .nav-dropdown .row {
    flex-direction: column;
  }
  .nav-dropdown .col {
    margin-left: 20px;
  }
  .nav-dropdown > img {
    display: block;
    width: 8px;
    margin-top: -35px;
    float: right;
    margin-right: 20px;
  }
  .menu-btn {
    display: none !important;
  }
}

.topnav {
  background-color: white;
  font-family: "Mulish";
  font-size: 0.9375em;
}
.topnav h3 {
  color: #5fa88d;
  margin-bottom: 10px;
}
.topnav > a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 9px 16px;
  text-decoration: none;
  font-size: 0.8125em;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 0.9375em;
  border: none;
  outline: none;
  color: black;
  padding: 9px 16px;
  background-color: white;
  font-family: "Mulish";
  margin: 0;
  cursor: pointer;
}
.dropbtn img {
  width: 12px;
}
.dropdown .dropbtn {
  border-bottom: 3px solid transparent;
}
.dropdown.active .dropbtn {
  color: var(--purple);
  border-bottom: 3px solid var(--purple);
}
.dropdown-content {
  display: none;
  background: white;
  position: absolute;
  border: 1px solid #e2e2e2;
  box-shadow: 0px 10px 7px 0px rgb(0 0 0 / 20%);
  z-index: 999;
  width: calc(100% - 2px);
  left: 0;
  left: 50%;
  transform: translate(-50%, 0);
  border: 1px solid #d2d2d2;
}
.dropdown-content > div {
  max-width: 1200px;
  margin: auto;
  justify-content: flex-start;
  flex-wrap: nowrap;
  height: 100%;
}
/* .dropdown.active::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
} */
.dropdown-content > .row > .col:nth-child(1) {
  width: 240px;
  padding-right: 20px;
}
.dropdown-content > .row > .col:nth-child(3) {
  width: 100%;
}
.dropdown-content.dropdown-list {
}
.dropdown-content.dropdown-list h3,
.dropdown-content.dropdown-list p,
.dropdown-content.dropdown-list a {
  margin: 0;
  padding: 0;
}
.dropdown-content.dropdown-list a {
  margin-top: 20px;
}
.dropdown-content.dropdown-list h3 {
  color: black;
  margin-bottom: 5px;
}
.dropdown-content .item {
  background: rgb(255, 255, 255);
  border: 1px solid #e8e8e8;
  padding: 20px;
  cursor: pointer;
  width: fit-content;
}
.dropdown-content .item a::after {
  display: none;
}
.nav-background {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.1;
  z-index: -1;
  overflow: hidden;
}
.nav-background.active {
  display: block;
}
#usecase-tab .item {
  max-width: 320px;
}
#usecase-tab .item > .row {
  flex-wrap: nowrap;
}
#usecase-tab .item h3 {
  margin-top: 0;
}
/* #usecase-tab .submenu-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
} */
/* #usecase-tab > div > .row {
  gap: 30px;
} */

#resources-tab .item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  margin: 0;
}
#resources-tab .item img {
  width: 40px;
  margin-right: 15px;
  fill: #bdbdbd;
  transition: fill 0.2s;
}
#resources-tab .item:hover a {
  color: #5fa88d;
}
#resources-tab .item:hover img {
  fill: #5fa88d;
}
#resources-tab .newsletter-content {
  padding-top: 0px;
  overflow: visible;
}
.newsletter-content img {
  width: 250px !important;
}
#resources-tab .newsletter-content .item {
  flex-direction: column;
  width: 99%;
}
#resources-tab .newsletter-content .item a {
  padding: 0;
}
.dropdown-content.dropdown-list .item .row {
  flex-wrap: nowrap;
}
.submenu-content.submenu-list div > .row {
  flex-wrap: wrap;
}
.submenu-content.submenu-list .item {
  padding: 10px;
  transition: background-color 0.1s;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.submenu-content.submenu-list .item:hover,
.submenu-content .item:hover {
  transition: background-color 0.1s;
  background-color: #f5fffb;
  border: 1px solid #adddcc;
}
.dropdown-content .submenu-content {
  padding: 30px 0px 30px 40px;
}
.submenu-content.submenu-list {
  padding: 0px 30px;
}
.dropdown-content .submenu-content .row {
  justify-content: flex-start;
  flex-wrap: inherit;
  gap: 30px;
}
.dropdown-content .divider {
  height: 400px;
  width: 1px;
  background: rgb(235, 235, 235);
  padding-left: 1px;
}
.dropdown-content .submenu-content h2,
.dropdown-content .submenu-content div > h2 {
  margin-top: 0;
}
.dropdown-content .submenu-content .row > img {
  /* width: 200px;
  height: 200px; */
}

.dropdown-content .submenu-content .btn-primary {
  float: right;
}
.dropdown-content .submenu-item {
  max-width: 1200px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.dropdown-content .submenu-item.active > a {
  background-color: #f5fffb;
  color: #5fa88d;
}
.dropdown-content .submenu-item > a img {
  position: relative;
  left: -10px;
  opacity: 0;
  transition: all 0.3s;
  height: 16px;
  fill: #5fa88d;
}
.dropdown-content .submenu-item.active > a img {
  display: block;
  position: relative;
  left: 0px;
  opacity: 1;
  transition: all 0.3s;
  height: 16px;
}
.submenu-item {
  text-decoration: none;
  font-size: 0.8125em;
}
.submenu-content .btn-primary a {
  padding: 0;
}
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
  text-align: left;
  justify-content: space-between;
  align-content: center;
  text-align: left;
}
.dropdown-content .btn-primary {
  font-size: 16px;
}
.submenu-item a {
  min-width: 200px;
}
/* .dropdown-content .col {
  padding-right: 20px;
} */
/* .dropdown:hover .dropbtn {
  border-bottom: 3px solid #5fa88d;
} */
/* .topnav a:hover{
     font-weight: 800;
   }   */
.dropdown-content a:hover {
  color: #5fa88d;
}
.topnav .dropdown-content {
  height: 400px;
}
.dropdown.active .dropdown-content {
  display: block;
  padding: 20px 0px 30px 0px;
}
.dropdown:hover .dropdown .dropdown-content {
  display: none;
}
.dropdown .dropdown:hover .dropdown-content {
  display: block;
  margin-left: -32px;
  margin-top: 8px;
}
.dropdown .dropdown {
  float: none;
}
.dropdown .dropdown .dropbtn {
  font-size: 0.8125em;
  border-bottom: none;
}
.user-dropdown {
  width: 44px;
}
.user-dropdown .dropbtn {
  padding: 7px 10px 2px 10px;
  background: none;
  margin-left: 5px;
}
.user-dropdown img {
  width: 20px;
}
.user-dropdown .dropdown-content {
  margin-left: 0;
  width: 200px;
  right: 27px;
  height: 124px;
  padding-top: 0px !important;
}
.topnav > .btn-primary,
.topnav > .btn-secondary {
  padding: 7px 28px;
  margin: 5px 6px;
}
.dropdown .submenu-content {
  display: none;
  height: 100%;
  overflow: visible;
}
.dropdown .submenu-content.active {
  display: block;
}
#integrations-tab .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* padding: 20px; */
}
#integrations-tab .item img {
  width: 200px;
}
.hardware-collaborations .item img {
  width: 220px;
}
#integrations-tab .item a {
  justify-content: center;
}
#usecase-tab .item img {
  width: 50px;
  margin-top: 5px;
  fill: #bdbdbd;
}

#usecase-tab .item a img {
  fill: #bdbdbd;
  height: 14px;
  margin-top: 3px;
  margin-left: 5px;
}
#usecase-tab .item:hover svg,
#usecase-tab .item:hover a,
#usecase-tab .item:hover a svg,
#integrations-tab .item:hover a,
#integrations-tab .item:hover a svg {
  color: #5fa88d;
  fill: #5fa88d;
}
#usecase-tab .item p {
  margin: 0;
  margin-bottom: 5px;
}
.active {
  background-color: unset;
  color: unset;
}
.menu-meeting-room-displays .item p,
.menu-desk-devices .item p {
  margin: 0;
}
.menu-meeting-room-displays .item a,
.menu-desk-devices .item a {
  padding: 0;
}
.menu-meeting-room-displays .item,
.menu-desk-devices .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.menu-meeting-room-displays .btn-primary,
.menu-desk-devices .btn-primary {
  margin-top: 20px;
}
.submenu-content .item a {
  padding: 0;
}

.menu-meeting-room-displays img,
.menu-desk-devices img {
  max-width: 150px;
}
/* nav#new-nav{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: white;
  position: fixed;
  z-index: 99;
  top: 0;
  width: 100%;
  left: 50%;
  transform: translate(-50%, 0);
} */
/* nav#new-nav:after {
  content: "";
  display: block;
  position: fixed;
  top: 44px;
  height: 1px;
  width: 100%;
  background: #d2d2d2;
  left: 0;
} */
.user-dropdown.active .dropdown-content {
}
.user-dropdown.active {
  overflow: visible;
}
@media screen and (max-width: 1100px) {
  .topnav a:not(:first-child),
  .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
    padding: 0px 25px;
  }
  .topnav #siteSearch,
  .topnav > .btn-primary,
  .topnav > .btn-secondary {
    display: none !important;
  }
  .dropdown-content .col:nth-child(2) {
    position: relative;
    padding-right: 0px;
  }
  .dropdown-content {
    padding: 10px;
  }
  .dropdown-content .col {
    width: 50%;
  }
  .user-dropdown {
    width: 100% !important;
  }
}

@media screen and (max-width: 1100px) {
  .topnav.responsive .magWhite {
    width: 22px;
    margin-left: 10px;
    margin-top: 9px;
    display: block !important;
    top: 6px;
    position: absolute;
    z-index: 99;
  }
  .topnav.responsive input#srchCrit::placeholder {
    padding-left: 0px;
  }
  .topnav.responsive #siteSearch {
    display: block !important;
  }
  .topnav.responsive #srchCrit {
    display: block !important;
    top: 6px;
    position: absolute;
    width: 57% !important;
    margin-left: 0px;
    margin-top: 0px;
  }
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 4px;
  }
  .user-dropdown span {
    display: inline-block;
    margin-left: 10px;
  }
  .user-dropdown .dropdown-content {
    margin-left: 0px;
  }
  .topnav.responsive {
    position: absolute;
    width: 100%;
    min-height: 260px;
    height: calc(100vh - 70px);
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 20px;
    box-shadow: 0px 3px 6px 0px #00000042;
  }
  .topnav.responsive .row {
    flex-wrap: nowrap;
  }
  .dropdown-content .col:nth-child(2) {
    padding-right: 0px;
  }
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {
    float: none;
  }
  .topnav.responsive .dropdown-content {
    position: relative;
  }
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
  .logo {
    margin-left: 15px;
  }
  .dropdown .submenu-content.active {
    position: absolute;
    left: 0;
    top: 0;
    background: white;
    text-align: center;
    padding: 10px;
  }
  .dropdown-content > .row {
    flex-direction: column;
  }
  .dropdown-content .submenu-content .row > img {
    width: 75%;
    max-width: 250px;
    height: auto;
    margin: auto;
  }
  .dropdown-content .submenu-content .btn-primary {
    float: none;
  }
  .dropdown-content .submenu-content .row {
    flex-direction: column;
    align-items: center;
  }
  .dropdown-content .submenu-content .row .col {
    width: 100%;
  }
  .dropdown.active .dropdown-content {
    display: block;
    padding: 20px 0px 30px 0px;
    width: 100%;
    height: 100vh;
    overflow: scroll;
    background: white;
    padding: 0px;
  }
  .topnav.responsive
    .dropdown.active
    .dropdown-content
    .submenu-content.active {
    float: none;
    position: absolute;
    height: calc(100% - 90px);
    overflow: auto;
    width: 100%;
    z-index: 99;
    padding: 0;
    margin-top: 10px;
  }
  .dropdown-content .divider {
    display: none;
  }
  #hardware-tab .menu-meeting-room-displays .row,
  #hardware-tab .menu-desk-devices .row {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  #hardware-tab .menu-meeting-room-displays .item,
  #hardware-tab .menu-desk-devices .item {
    padding: 10px;
    align-items: center;
  }
  #hardware-tab .menu-meeting-room-displays .item img,
  #hardware-tab .menu-desk-devices .item img {
    max-width: 100px;
  }
  .submenu-item a {
    margin-left: 20px;
  }
  .dropdown.active {
    position: absolute;
    width: 100%;
    top: 50px;
  }
  .dropdown.active .dropbtn::before {
    content: url(https://www.door-tablet.com/doortablet/dtcmsstore.nsf/0/1AED82438838E318802588D0002C1370/$file/chevron-down.png?OpenElement);
    display: inline-block;
    height: 19px;
    transform: rotate(180deg);
    width: 10px;
    position: relative;
    margin-right: 10px;
  }
  .dropdown-content .submenu-item > a img {
    display: none;
  }
  #usecase-tab .item {
    max-width: 250px;
  }
  #usecase-tab .item img {
    margin: auto;
  }
  #usecase-tab .item > .row {
    gap: 10px;
  }
  .dropdown-content .submenu-content .row {
    gap: 15px;
  }
  #hardware-tab .menu-meeting-room-displays .item {
    width: 130px;
    height: 100px;
  }
  #hardware-tab .menu-desk-devices .item {
    width: 130px;
    height: 100px;
  }
  #hardware-tab .menu-desk-devices .item:nth-child(3) img {
    height: 72px !important;
  }
  .user-dropdown .dropbtn {
    background: white;
  }
}
#checkin {
  margin-top: -36px;
}

/*********************************************************** litrature page of PDFs ********************************************************/
#pdfsDiv {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.pdfEntry {
  width: 48%;
  display: flex;
  margin-top: 20px;
}
.pdfInfo {
  float: right;
  width: 56%;
}
.pdfIcon {
  width: 36%;
  margin-right: 10px;
}
.pdfIcon a {
  display: inline-block;
}
.pdfThumb {
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: gray;
}

.flag-fr,
.flag-en {
  display: inline-block;
  width: 24px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 24px 16px;
  line-height: 12px;
  margin-right: 10px;
}
.flag-fr {
  background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAAUAB4DAREAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAABgcIBAX/xAAsEAAABAMFBgcAAAAAAAAAAAAAAQMFAgQHCBETUrMGEhRRYbEVITI3YnHC/8QAGAEAAwEBAAAAAAAAAAAAAAAAAwUGBAf/xAAkEQABAwIEBwAAAAAAAAAAAAAAAQISBDEDBhOBBREiIzNBwf/aAAwDAQACEQMRAD8AxE9lmD6AIoelC+PsNIK5jU1DCipTrCIcirM3gLNvn6oVPyF+OpRcDZJHbAATt1GeQ+0BFk+HzFzA50VzQdfHpg1K5jW1oghrU7ihW2B6vk3w8wz/AChW7whTVLYr8sMkj9hT+LdRkkVWgJa8x0c4+WvZz9o2b7X1ohN1/lUM2wK2lTMpliuyL94AlrPRc5QtibfRK78fMYSz5H//2Q==);
}
.flag-en {
  background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAAUAB4DAREAAhEBAxEB/8QAGgAAAQUBAAAAAAAAAAAAAAAABgECAwQHBf/EAC8QAAEEAAYAAwUJAAAAAAAAAAMBAgQFAAYREhMhBzFhFCMyQlEiM1JicXKBkbL/xAAZAQEBAQEBAQAAAAAAAAAAAAAEAwUGAQL/xAAxEQACAAQCBgcJAAAAAAAAAAABAgADBBEFIQYSE0FRYRQiMXGRofAjJDI0coGCsdH/2gAMAwEAAhEDEQA/ANHrJ1ncwm1t9RSuNn3WrHI4fqArv8P/ALxdl2JuhuOELBWb8XVbju+/CKc7Lc3LtdYS+bnrZLQpGK5OMqLyfAQa9oumJVtQHl84ThUkiotyMWmZMsrO+kyjt0iPVCMVdUZs2p25ydr+1vf6Yr0qyBV7bQU04uWc5XOW8/yJ52YLirIkfL+XzyWjTY6bJA7RyJ8ohppsZr/OPqXIQ5u2cTmT2OSiywAZRiVOaXEfXWViODHTWVZSIzBRhJ+Yin019E7wGfhJlDrMI6OXpFrmyyrn1yhL6FUQ4c18K7JNPD43OAQXHuGR2xCab3ORNfLcia4DMpyqa+erGrS1+0nCUVAa243t5R3RZRrCwyHjX5pb4ejbIEYO8kZ21F94PkR+3v4kTTFWoyoBN7GBJjQdygRbjie3ygSsr/KtbI4JtlZif5tX2Vitcn4mOQ+jk9Uw2Vg7OLqwIgszSDUNmlWPrlEHipm63r6PjreKDFBZHr4cOONGAAMTGuR4x+XIqu7e7VfpphWFShUTGaZnqwLEfdERJWWutyd/jw7oAMinMaqzSUpHEK8UVzyOVVcqrJTtVXCtIxaQO+PdFfnPxMNzdmG7ofEy0sqeYWFNCdNhRLp8jelTyVF+i406OUr06g8Iw6k+1b6j+43CTCh5h8OMv5smRwstLNV9sYMQ1juf9r3iBI0jWvXb2rdNccxWgyHOzJXON7Cn6R1JoDhRlft8Y//Z);
}
#pdfsDiv h2 {
  margin-top: 0;
  font-size: 1.6rem;
  line-height: 1em;
}

#blog-top-div {
  position: relative;
}

#blog-top-div img {
  max-width: 94%;
  height: unset !important;
}

#blog-top-div > #links > #search > a > img {
  margin-bottom: -10px;
}

#blog-top-div > #links {
  position: absolute;
  top: 0;
  right: 0;
  width: 24%;
}

#blog-content {
  width: 75%;
}

#recent-posts a {
  display: inline-block;
  padding-left: 14px;
  text-indent: -14px;
}

#recent-posts a::before {
  content: "\00BB";
  margin-right: 6px;
  text-decoration: none;
}

.dashTable textarea{
	line-height: 1;
}