/* Colors
Dark Blue: #00205c;
Blue: #009BC7;
Hot Blue: #68CEF2;
Light Blue #BFE7F7;
Purple: #7F35B2;
Hot Yellow: #F8E71C;
Green: #00A24F;

Dark Grey (Body Copy): #161F30;
Medium Grey: #53565A;
Grey: #898A8D;
Light Grey: #DDDDDD;
Super Light Grey: #F8F8F8

Hot Orange (Error): #ED5024;
Orange (warning): #F58220;
Hot Green (Success): #9DC23B

*/
body, html {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
}
body {
  margin: 0 15px;
}

@media (max-width: 768px) {
  body {
    overflow-x: hidden;
  }
}

td, th {
    padding: 0 10px 8px;
}
/* Fonts */
h1 {
  color: #00205c;
  font-size: 100px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  width: 100%;
  float: left;
  line-height: 1.15;
}
h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 64px;
  font-weight: bold;
  color: #00205c;
  width: 100%;
  float: left;
}
h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 48px;
  font-weight: bold;
  color: #00205c;
  width: 100%;
  float: left;
}
h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 36px;
  font-weight: bold;
  color: #00205c;
  width: 100%;
  float: left;
}
h5 {
  font-family: 'Open Sans', sans-serif;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.54;
  color: #00205c;
  width: 100%;
  float: left;
}
h6 {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.6;
  color: #00205c;
  width: 100%;
  float: left;
}
li {
  font-size: 16px;
  line-height: 1.75;
}
ul.arr {
    margin: 0.75em 0;
    padding: 0 1em;
    list-style: none;
}
ul.arr > li:before {
    content: "";
    border-color: transparent #00a24f;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -0.87em;
    top: 1em;
    position: relative;
}
ul.arr > li > ul {
    list-style: disc;
    margin: 0.5em 0 0;
}
ul.arr > li > ul > li {
    color: #68CEF2;
}
ul.arr > li > ul > li:before {
    content: "";
    border-color: transparent;
    border-width: 0;
    display: inline;
    height: 0;
    width: 0;
    left: 0;
    top: 1em;
    position: relative;
}
ul.arr > li > ul > li > span {
    color: #333;
}
.mainPostBodyCopy ul {
  float : left;
  width: 100%;
}
.mainContentBox ul li, .mainPostBodyCopy ul li, .executives-card-row ul, #templateCBlock3 ul, .gridIconWidget ul, .textSnippetCallout ul, .mainContentBox ul {
    list-style: none;
    margin-bottom: 10px;
    font-size: 16px;
}
.gridIconWidget ul {
  float: left;
}
.gridIconWidget h5.blueFont {
  text-align: center;
}
.gridIconWidget.item-center {
  margin: 0 auto;
}
#templateCBlock3 ul {
  width: 100%;
  float: left;
}
.mainContentBox ul li:before, .mainPostBodyCopy ul li:before, .executives-card-row ul li:before, #templateCBlock3 ul li:before, .gridIconWidget li:before, .textSnippetCallout li:before  {
  content: "";
  background-image: url(/Businessolver/media/businessolver/Theme/Images/bulletTriangle.svg);
  background-size: 8px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
  margin-left: -15px;
  margin-top: 10px;
}
.mainContentBox ul li ul li:before, .mainPostBodyCopy ul li ul li:before {
  content: "";
  background-image: url(/Businessolver/media/businessolver/Theme/Images/bulletCircle.svg);
  background-size: 8px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
  margin-left: -15px;
  margin-top: 9px;
}
.gridIconWidget ul li:before {
  display: inline-block;
  margin-right: 5px;
  float: none;
}
.hs-form-booleancheckbox:before {
 background-image: none;
 width: 0;
 height: 0;
}
.mainContentBox ul.blueListItems li:before, .mainPostBodyCopy ul.blueListItems li:before , .mainContentBox ul.blueListItems li ul li:before, .mainPostBodyCopy ul.blueListItems li ul li:before {
  background-image: none;
  width: 0;
  height: 0;
}
.mainContentBox ul.blueListItems li, .mainPostBodyCopy ul.blueListItems li {
  margin-bottom: 0;
}
/*.mainContentBox {
  padding-bottom: 60px;
}*/
.hs-form fieldset {
  max-width: 100% !important;
}
/*


#mainNav ul {
    margin: 0;
}
#mainNav ul li {
    margin: 0;
}
#mainNav ul li:before, ul.inline-list li:before, ul.blueListItems li:before {
    content: "";
    border-color: transparent;
    border-width: 0;
    display: inline;
}
*/
.blueFont {
    color: #00205c;
}
.greyFont {
  color: #898a8d;
}
p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: #161f30;
}
.largeParagraph {
  font-size: 18px;
  line-height: 1.89;
}
.smallParagraph {
  font-size: 14px;
  line-height: 1.71;
}
.HeaderPageTitle {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  color: #ffce35;
}

.sub-header {
  font-family: 'Open Sans', sans-serif;
  font-size: 26px;
  font-weight: normal;
  line-height: 1.46;
  color: #00205c;
}

.topicTag {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.07;
  color: #009bc7;
}
.newsPostBlock {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
}

/*.contentBlockPost h6 {
  min-height: 96px;
}*/
/* BUTTONS */
button {
  border: none;
  box-shadow: none;
  padding: 0;
}
.buttonOrangeOutline {
  border-radius: 4px;
  border: solid 2px #ed5024;
  color: #ed5024;
  padding: 15px 32px;
  font-size: 14px;
  font-weight: 600;
  background-color: transparent;
  float: left;
}
body.hasHover .buttonOrangeOutline:hover {
  border: solid 2px #c9441e;
  color: #c9441e;
  text-decoration: none;
}
.buttonWhiteOutline {
  border-radius: 4px;
  border: solid 2px #FFFFFF;
  color: #FFFFFF;
  padding: 15px 32px;
  font-size: 14px;
  font-weight: 600;
  background-color: transparent;
}
body.hasHover .buttonWhiteOutline:hover {
  opacity: .8;
}
.buttonOrange, .btn-default, .cta_button  {
  border-radius: 4px;
  background-color: #ed5024;
  color: #FFFFFF;
  padding: 15px 32px;
  font-size: 19px;
  font-weight: 500;
  float: left;
  margin-top: 20px;
  border: none;
  line-height: 20px;
}
body.hasHover .buttonOrange:hover, body.hasHover .btn-default:hover, body.hasHover .cta_button:hover {
  background-color: #c9441e;
  color: #FFFFFF;
}
body.hasHover a.buttonOrange:hover, a.buttonOrange:focus {
  text-decoration: none;
  color: #ffffff;
}
.buttonOrangeBig, .hs-button {
  border-radius: 4px;
  background-color: #ed5024;
  color: #FFFFFF;
  padding: 24px 52px;
  font-size: 16px;
  font-weight: 600;
  box-shadow: 0px 22px 60px rgba(80,80,80,.6);
  border: none;
}
.carousel-inner .buttonOrangeBig {
  box-shadow: 0px 12px 20px rgba(80,80,80,.4);
}
.buttonOrangeBig {
    display:inline-block;margin-top:12px;
}
/*.mainContentBox .buttonOrangeOutline {
  margin-top: 30px;
}*/
#homepageFirstCalloutCopy .buttonOrangeOutline {
  float: right;
  display: inline-block;
  margin-top: 20px;
}
.hs-button {
  border: none !important;
  border-radius: 4px !important;
  padding: 24px 52px !important;
  font-size: 16px !important;
  float: right !important;
  width: auto !important;
  min-width: auto !important;
}
.contact input.hs-button {
    float: none !important;
    margin: 0 auto !important;
    display: block;
}
.hs-form-booleancheckbox {
  list-style-type: none;
}
.hs-form-booleancheckbox input {
    float: left;
    min-width: auto !important;
    margin-right: 10px !important;
    margin-top: 4px !important;
}
.hs-nested-form-fix .input {
    padding-bottom: 0;
    min-height: 47px;
    margin-top: 10px;
}
.inputs-list {
  padding: 0 !important;
}
body.hasHover .buttonOrangeBig:hover, body.hasHover .hs-button:hover {
  background-color: #c9441e;
}
body.hasHover a.buttonOrangeBig:hover, a.buttonOrangeBig:focus {
  text-decoration: none;
  color: #ffffff;
}

.buttonYellowOutline {
  border-radius: 4px;
  border: solid 2px #ffce35;
  color: #ffce35;
  padding: 15px 32px;
  font-size: 14px;
  font-weight: 600;
  background-color: transparent;
  margin-top: 50px;
}

body.hasHover .buttonYellowOutline:hover {
  border: solid 2px #E6B51C;
  color: #E6B51C;
}

@media (max-width: 1272px) {
  #templateMBlock1 .contact .form-columns-2 .hs-form-field {
    width: 100%;
    float: none;
  }
}

@media (max-width: 768px) {
  #templateMBlock1 .contact .form-columns-2 .hs-form-field {
    width: 50%;
    float: left;
  }
}

@media (max-width: 550px) {
  #templateMBlock1 .contact .form-columns-2 .hs-form-field {
    width: 100%;
    float: none;
  }
}

/* General Orange Links */
a {
  color: #ed5024;
  text-decoration: none;
  cursor: pointer;
}
body.hasHover a:hover {
  color: #c9441e;
  text-decoration: none;
}
.calloutLinks {
    color: #ed5024;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    background-image: url('/Businessolver/media/businessolver/Theme/Images/orangeArrow.svg');
    background-repeat: no-repeat;
    padding-right: 34px;
    background-position: right center;
    background-size: 34px;
    float: left;
    cursor: pointer;
}
body.hasHover .calloutLinks:hover, body.hasHover .threeArticlesBlock:hover .calloutLinks, body.hasHover .smallArticleLayout:hover .calloutLinks {
  color: #c9441e;
  background-size: 6px;
  padding-right: 16px;
  background-image: url('/Businessolver/media/businessolver/Theme/Images/carrotOrangeArrow.svg');
}
body.hasHover .calloutLinks a:hover {
  text-decoration: none;
}
.calloutLinks:disabled {
  color: #ed5024;
  opacity: .35;
}

/* FORMS */
.centeredContent {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}
.centeredContentNoPadding {
    max-width: 1400px;
    margin: 0 auto;
}


/* HEADER */
#header {
  margin-top: 55px;
}
#bsLogo {
  width: 250px;
  float: left;
  position: relative;
  margin-top: -16px;
  display: inline;
  background-image: url(/Businessolver/media/businessolver/Theme/Images/logo.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  height: 50px
}
#mainNav {
  float: left;
  margin-top: -2px;
  display: inline;
}
#mainNav ul li {
  float: left;
  list-style: none;
  margin-right: 22px;
  margin-left:12px;
}
#mainNav ul li:last-child {
  margin-right: 0px;
}
#mainNav ul li a {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
}
body.hasHover #mainNav ul li a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
#mainNav .active a {
  font-weight: 700;
  text-decoration: underline;
}
body.hasHover #mainNav ul li:hover ul {
  display: inline;
}
body.hasHover #header:hover {
  position: absolute;
  width: 100%;
  background-color: #FFF;
  /*padding: 55px 0 20px;*/
  float: left;
  margin-top: 0 !important;
}
/* pageId1: What We Do*/
#mainNav .pageId1 {

}

#mainNav .pageId1 .secondMobileMenuNav ul li:first-child .ThirdMobileMenuNav ul li {
  width: 45%;
}

/* pageId30: Resources */
#mainNav .pageId30 .secondMobileMenuNav ul li:nth-child(2) {
  width: 40%;
}

/* pageId37: Who We Are */
#mainNav .pageId37 .secondMobileMenuNav .centeredContent ul li {
  width: 82%;
  float: left;
}

#mainNav .pageId37 .secondMobileMenuNav .centeredContent ul li {
  width: 37%;
}

#mainNav .pageId37 .secondMobileMenuNav .centeredContent ul li .ThirdMobileMenuNav ul li {
  width: 100%;
}

#mainNav .pageId37 .secondMobileMenuNav .centeredContent ul li:nth-child(5) {
  width: 40%;
}

/* pageId61: Contact */
#mainNav .pageId61 {

}

#loginLink {
  float: right;
  color: #FFF;
  font-size: 13px;
  font-weight: 600;
}
.loginImg {
  margin-top: -3px;
  margin-right: 4px;
  width: 16px;
}
#requestDemoBtn {
    float: right;
    margin-top: -14px;
    margin-left: 30px;
}

body.hasHover #requestDemoBtn:hover {
  text-decoration: none;
  color: #ffffff;
  opacity: .8;
}

/* Iframe Videos */
.backgroundMainImage .vid-container  {
  padding-bottom: 50%;
  margin: unset;
}
.vid-container {
    position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
    max-width: 800px;
}

.vid-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
body.hasHover .tyHeaderPage #secondaryPageHeaderText a:hover {
  opacity: 1;
  background-color: #c9441e;
}
/* GENERAL SECTIONS */
svg {
  display: block;
}
.textSnippetCallout {
  margin: 50px 0;
}
.content-item .textSnippetCallout {
  float: left;
}
.textSnippetCallout svg {
    display: block;
    margin-left: 102px;
}
.textSnippetCallout button {
  margin-top: 55px;
}
.fourIconSection {
  margin: 50px 0 300px;
}
.fourIconSection .iconMaxWidth {
  padding: 0 30px;
  margin: 0 auto;
}
.fourIconSection svg {
  margin: 0 auto;
  display: block;
}
.fourIconSection h2, .fourIconSection h4 {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.fourIconSectionParagraph {
  width: 80%;
  margin: 0 auto 60px;
}
.fourIconSection .iconFlex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.fourIconSection .redBoxHover img {
  margin: 0 auto;
  display: block;
}
.fourIconSection .redBoxHover h5 {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.fourIconSection .homepageHoverTextbox h5 {
  color: #ffce35;
  font-size: 38px;
  font-weight: normal;
}
.homepageHoverTextbox {
  display: none;
}
.redBoxHover {
  cursor: pointer;
}
body.hasHover .redBoxHover:hover .homepageHoverTextbox {
  display: block !important;
}
.redBoxHover img {
  z-index: 20;
  position: relative;
}
.homepageHoverTextbox {
    background-color: #ed5024;
    margin-top: -215px;
    position: absolute;
    z-index: 10;
    margin-left: -8%;
    width: 108%;
    padding: 196px 55px 55px;
    text-align: center;
}
.homepageHoverTextbox h6, .homepageHoverTextbox p {
  color: #FFF;
}
.blueArticleLabel {
    float: left;
    width: 100%;
    color: #009bc7;
    font-weight: 600;
    font-size: 16px;
    text-align: right;
    margin-top: 6px;
}
.blueArticleLabel span {
  float: left;
  margin-top: -2px;
  margin-left: 6px;
  text-transform: uppercase;
  font-size: 14px;
  color: #009BC7
}
.blueArticleLabel img {
  float: left;
}

.newsPostBlock .contentBlockPost {
  width: 31%;
  border: 1px solid #e4e4e4;
  margin-bottom: 50px;
  text-decoration: none;
  /*margin-right: 0;*/
}
.newsPostBlock .contentBlockPost:nth-child(3), .newsPostBlock .contentBlockPost:nth-child(6), .newsPostBlock .contentBlockPost:nth-child(9) {
    margin-right: 0;
}
.newsPostBlock .contentBlockPost h6 {
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .newsPostBlock {
    margin-bottom: 400px;
  }

  .newsPostBlock .contentBlockPost {
    width: 48%;
    /*margin-right: 0;*/
  }
}

@media (max-width: 768px) {
  .newsPostBlock {
    margin-bottom: 0;
  }

  .newsPostBlock .contentBlockPost {
    width: 100%;
  }

  .newsPostBlock  .contentBlockPost .postImage {
    margin-bottom: 20px;
  }
}




.floatRight {
  float: right !important;
  text-align: right;
}
.fiveReadMoreArticles {
  margin: 50px 0 190px;
  position: relative;
  z-index: 5;
}
.fiveReadMoreArticles svg {
  display: block;
  margin: 0 auto;
}
.fiveReadMoreArticles h2 {
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
/*.fiveReadMoreArticles .buttonOrangeOutline {
  margin-top: 30px;
}*/
.largeArticleLayout {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}
.equalColumnsAndRow {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 600px;
    z-index: 1;
    position: relative;
}
.fiveReadMoreArticles .smallArticleLayout {
    float: left;
    width: 50%;
    padding: 3%;
    height: 50%;
}
.smallArticleLayout a {
  width: 100%;
  height: 100%;
  display: block;
}
body.hasHover .smallArticleLayout a:hover {
  text-decoration: none;
}
body.hasHover .fiveReadMoreArticles .smallArticleLayout:hover {
  background-color: #f8f8f8;
}
.fiveReadMoreArticles .smallArticleLayout:first-child, .fiveReadMoreArticles .smallArticleLayout:nth-child(3)  {
    border-bottom: 1px solid #dddddd;
}
.fiveReadMoreArticles .smallArticleLayout:first-child, .fiveReadMoreArticles .smallArticleLayout:nth-child(2)  {
    border-right: 1px solid #dddddd;
}
.articlesmallDate {
  color: #161f30;
  padding: 4px 0 18px;
  float: left;
  width: 100%;
}
body.hasHover .articlesmallDate:hover {
  text-decoration: none;
}
.imageLeftCalloutBox {
  float: left;
  width: 100%;
  margin: 50px 0;
  display: flex;
}
.leftImageBox {
  float: left;
  width: 100%;
  background-color: #BFE7F7;
  padding: 50px;
  display: flex;
  align-items: center;
}
.leftImageBox img {
  width: 100% !important;
  max-width: 100% !important;
}
.rightTextBox {
  float:left;
  width:100%;
  background-color: #FFFFFF;
  border: solid 1px #f0f0f0;
  padding: 50px;
}
#homepageDemoBox .rightTextBox h3 {
    margin-bottom: 0;
}
.imageLeftCalloutBox p {
  color: #898a8d;
  font-size: 18px;
  font-style: italic;
}
.imageLeftCalloutBox h3 {
  color: #161f30;
}
.imageLeftCalloutBox h3 span {
  color: #ffce35;
}
select {
    border-radius: 4px;
    border: solid 1px #dddddd;
    padding: 14px 50px 14px 14px;
    font-size: 18px;
    margin-top: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #53565a;
    background-image: url('/Businessolver/media/businessolver/Theme/Images/dropdown-arrow.svg');
    background-repeat: no-repeat;
    background-position: right+15px center;
    min-width: 270px;
    background-size: 13px;
    cursor: pointer;
}
.noGutters {
  padding: 0;
}
.displayFlex {
  display: flex;
}
.interiorPageBackgroundImage {
  width: 100%;
  position: absolute;
  left: 0;
  top:-200px;
  right: 0;
  bottom: 0;
  -webkit-transform: skewY(8deg);
  -moz-transform: skewY(8deg);
  -ms-transform: skewY(8deg);
  -o-transform: skewY(8deg);
  transform: skewY(8deg);
  overflow: hidden;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.interiorPageBackgroundImage .imageDiv {
  width: 100%;
  height: 110%;
  margin-top: 140px;
  -webkit-transform: skewY(-8deg);
  -moz-transform: skewY(-8deg);
  -ms-transform: skewY(-8deg);
  -o-transform: skewY(-8deg);
  transform: skewY(-8deg);
  position: absolute;
  background-size: cover;
  filter: grayscale(70%);
}
.interiorPageBackgroundImage .colorDiv {
  width: 100%;
  height: 200%;
  margin-top: 140px;
  -webkit-transform: skewY(-8deg);
  -moz-transform: skewY(-8deg);
  -ms-transform: skewY(-8deg);
  -o-transform: skewY(-8deg);
  transform: skewY(-8deg);
  position: absolute;
}
.mainCalloutBtn {
  float :left;
  width: 100%;
  margin-top: -160px;
  position: relative;
  z-index: 10;
}
.mainCalloutBtn .calloutLinks {
  float: none;
  margin-left: 50px;
}
.swapAngle .mainCalloutBtn {
  margin-top: -130px;
}
.mainCalloutBtn .buttonOrangeBig {
  float: none;
}
.purpleBackground {
    height: 860px !important;
}
.sunYellowFont {
  color: #FFCE35;
}
.secondaryPageHeaderText {
  margin-top: 190px;
  /*min-height: 560px;*/
  position:relative;
  float: left;
  margin-bottom: 160px;
  padding-bottom: 30px;
}
.secondaryPageHeaderText h3 {
  margin-top: 40px;
  line-height: 64px;
  float: none;
}
/*.rotatorHeaderText {
  padding-bottom: 100px;
}*/
.secondaryPageHeaderText h6 {
  font-weight: normal;
}

.secondaryPageHeaderText h3, .secondaryPageHeaderText h6 {
  color: #FFFFFF;
}
.secondaryPageHeaderText .buttonOrangeBig {
    float: left;
    margin-top: 86px;
    text-decoration: none !important;
}
.secondaryPageHeaderText.ltrDown .buttonOrangeBig {
    bottom: 50px;
    left: 0;
    position: absolute;
}

.leftTextImageRightBoxBG, .rightTextImageLeftBox, .leftTextImageRightBox, .rightTextImageLeftBox2 {
  margin: 100px 0;
}
/*
.leftTextImageRightBoxBG svg, .rightTextImageLeftBox svg, .leftTextImageRightBox svg, .rightTextImageLeftBox2 svg, .internalContentWidget svg {
margin-left: 102px;
}*/
.leftTextImageRightBoxBG img, .rightTextImageLeftBox img, .leftTextImageRightBox img, .rightTextImageLeftBox2 img {
  width: 100%;
}


.text-right {
    float: right;
    width: 100%;
    margin-top: 50px;
}
.blueListItems, .mainContentBox ul.blueListItems, .regularListItems {
  font-size: 16px;
  /*color: #009bc7;*/
  margin: 0 2% 0 0;
  padding: 0;
  width: 48% !important;
  float: left !important;
}
.mainContentBox ul.blueListItems {
  margin-bottom: 10px;
}
.regularListItems {
  color: #333333;
}
.blueListItems li, .mainContentBox ul.blueListItems li, .regularListItems li {
  padding-bottom: 12px;
}
.internalContentWidget .blueListItems:last-child {
  margin-right: 0;
}
.blueListItems li, .regularListItems li {
  list-style: none;
}
.blueListItems li a,  .mainContentBox ul.blueListItems a {
  color: #009bc7;
  cursor: pointer;
}
.blueLink {
  color: #009bc7;
  cursor: pointer;
}
.subFooterTwoCTA {
  margin: 180px 0 100px;
}
.subFooterTwoCTA img {
    width: 100%;
    max-width: 140px;
    float: left;
    margin-right: 20px;
    margin-top: 20px;
}
.greyCtaSection .floatLeft {
    /*width: calc(100% - 160px);*/
    width: 100%;
    padding: 15px 0;
    text-align: center;
}
.greyCtaSection {
    width: 40%;
    margin: 0 auto;
    padding: 0 2%;
    text-align: left;
}
.twoCtaSections .greyCtaSection {
  margin: 0 5%;
  float: left;
}
.twoCtaSections .greyCtaSection:first-child {
  margin-top: 45px;
}
.twoCtaSections .greyCtaSection:nth-child(2) {
  margin-top: -45px;
}
.threeCtaSections .greyCtaSection {
  width: 32.5% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.threeCtaSections .greyCtaSection:first-child {
  margin-top: 90px !important;
}
.threeCtaSections .greyCtaSection:nth-child(2) {
  margin-top: 0px !important;
}
.threeCtaSections .greyCtaSection:last-child {
  margin-top: -90px !important;
}
.threeCtaSections .greyCtaSection img {
  float: none;
  margin: 20px auto 0;
  display: block;
}
.threeCtaSections .greyCtaSection .floatLeft {
    width: 100%;
    text-align: center;
}
.threeCtaSections .greyCtaSection .buttonOrangeOutline {
    float: none;
  }
.threeCtaSections .greyCtaSection .singleCtaBodyCopy {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.greyCtaSection h5 {
  float: none;
}
.greyCtaSection .buttonOrangeOutline {
  margin-top: 10px;
  float: none;
  text-decoration: none;
}
.subFooterBackgroundImg {
    background-color: #e8e8e8;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    padding: 100px 0;
    -webkit-transform: skewY(-8deg);
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    transform: skewY(-8deg);
    margin-top: -80px;
    height: 680px;
    z-index: -1;
}
.topMargin90 {
  margin-top: 90px;
}
.mainFooter {
  margin: 260px 0 0;
}
.GreyBackgroundCTA {
  margin-bottom: -100px;
}
#mainFooterHomepage {
  display: relative;
}
.mainFooterBackgroundImgOutside {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 980px;
    margin-top: -180px;
    z-index: -5;
}
.mainFooterBackgroundImg {
  background-color: #00205C;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  padding: 100px 0;
  -webkit-transform: skewY(-8deg);
  -moz-transform: skewY(-8deg);
  -ms-transform: skewY(-8deg);
  -o-transform: skewY(-8deg);
  transform: skewY(-8deg);
  margin-top: 140px;
  height: 1080px;
}
.mainFooterMenu {
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
}
.mainFooterMenu li {
  float: left;
  padding: 0 20px;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  list-style: none;
}
.mainFooterMenu a {
  color: #FFFFFF;
  text-decoration: none;
}
body.hasHover .mainFooterMenu a:hover {
  color: #99a5bd;
}
.heartLogo {
  width: 100%;
  margin-bottom: 80px;
}
.footerTable {
    float: left;
    width: 100%;
    color: #FFF;
    margin-top: 30px;
    border-top: solid 1px rgba(255, 255, 255, 0.15);
}
.footerTable tr:first-child th {
    padding-top: 30px;
    /*padding-bottom: 10px;*/
}
.footerTable tr a {
  color: #FFFFFF;
  text-decoration: none;
  opacity: 1;
  cursor: pointer;
}
body.hasHover .footerTable tr a:hover {
  opacity: .6;
}
.footerTable td {

}
.footerTable td a {
  color: #FFFFFF;
  text-decoration: none;
  opacity: .6;
  font-size: 14px;
  cursor: pointer;
}
body.hasHover .footerTable td a:hover {
  opacity: 1;
}
sup {
  font-size: 8px;
}

h3 sup {
  top: -1.5em;
  font-size: 18px;
}

h4 sup {
top: -1.3em;
font-size: 14px;
display: inline-block;
}
h5 sup {
top: -1.5em;
}
h6 sup {
font-size: 12px;
top: -.6em;
}
/*.leftTextImageRightBox.triangleBoxLeftContent {
  padding-top: 30px;
}*/
.mainContentBox ul {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    top: -1.2em;
}
.socialMediaFooterIcons {
  margin: 70px 4% 0;
}
.InternetExplorer .facebookSMIcon {
  width: 60% !important;
}
.InternetExplorer .height100Percent {
height: 100% !important;
}
.socialMediaFooterIconsNoRightMargin {
    margin-right: 0 !important;
}
body.hasHover .socialMediaFooterIcons:hover {
  opacity: .6;
}
.footerInfo {
  font-size: 14px;
  color: #8f9db7;
  font-style: italic;
  margin-top: 30px;
  text-align: center;
}
.footerInfo a {
  color: #8f9db7;
}
body.hasHover .footerInfo a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.whiteCenteredLink {
    color: #FFF;
    opacity: 1;
    text-align: center;
    font-size: 20px;
    width: 100%;
    float: left;
}
body.hasHover .whiteCenteredLink:hover {
  opacity: .6;
  color: #FFFFFF;
  text-decoration: none;
}
.mobileMenu {
  display: none;
  background-color: #161f30;
  width: 100%;
  padding: 5%;
  height: 100%;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
}
.col-md-6 .secondaryPageHeaderText {
  width: 100%;
}
#bsLogoMobile {
    float: left;
    width: 60%;
}
#closeMenuButton {
    float: right;
    margin-top: 14px;
    cursor: pointer;
}
.mobileMenu ul {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%;
    line-height: 2;
}
.clear {
  clear: both;
}
.mobileMenu li {
    list-style: none;
    width: 100%;
    font-weight: bold;
    font-size: 22px;
    float: left;
}
#mainNav li a {
  color: #FFFFFF;
  opacity: 1;
}
body.hasHover #mainNav li a:hover {
  opacity: .6;
}
#mainNav ul li ul li span {
  float: left;
}
#mainNav ul li ul li {
    font-size: 16px;
    line-height: 2;
}
.secondMobileMenuNav ul li {
    width: 30%;
    margin-right: 3%;
}
.ThirdMobileMenuNav ul li {
  width: 100%;
  margin-right: 0;
}
.secondaryMenuDropdownArrow  {
    float: right;
    width: 20px;
    margin-top: -3px;
    opacity: 1;
}
body.hasHover .secondaryMenuDropdownArrow:hover  {
    opacity: .6;
}
.tertiaryMenuDropdownArrow {
    float: left;
    width: 20px;
    margin-left: 25px;
}
body.hasHover .tertiaryMenuDropdownArrow:hover  {
    opacity: .6;
}
/*
#mainNav ul li ul li ul li {
    font-weight: normal;
    font-size: 14px;
    line-height: 3;
}*/
#mainNav .buttonOrangeBig {
    margin: 20px 5% 0;
    float: left;
    width: 90%;
    text-align: center;
}
.whiteBackgroundMenu li a, .whiteBackgroundMenu #loginLink {
  color: #161f30 !important;
}
.fixedNavStyle {
  position: fixed;
  width: 100%;
  background-color: #FFF;
  left: 0;
  padding: 25px 0 10px;
  float: left;
  top: 0;
  margin-top: 0 !important;
}
.fixedNavStyle #mainNav ul li a, .fixedNavStyle #loginLink, body.hasHover #header:hover #mainNav ul li a, body.hasHover #header:hover #loginLink {
  color: #00205c;
}
.fixedNavStyle .buttonWhiteOutline, body.hasHover #header:hover .buttonWhiteOutline {
  color: #ed5024;
  border-color: #ed5024;
}
.fixedNavStyle #requestDemoBtn {
    margin-top: -11px;
    padding: 10px 15px;
}
.fixedNavStyle #bsLogo {
    width: 220px;
    margin-top: -12px;
  }
body.hasHover .fixedNavStyle .buttonWhiteOutline:hover, body.hasHover #header:hover .buttonWhiteOutline:hover {
  color: #c9441e;
  border-color: #c9441e;
  text-decoration: none;
  opacity: 1;
}
body.hasHover .fixedNavStyle  #requestDemoBtn:hover, body.hasHover #header:hover  #requestDemoBtn:hover {
    color: #c9441e;
    text-decoration: none;
    opacity: 1;
}
.fixedNavStyle #bsLogo,  body.hasHover #header:hover #bsLogo {
  background-image: url(/Businessolver/media/businessolver/Theme/Images/logo_colored.svg);
}
.triangleWidget .tab-links {
    float: left;
    width: 100%;
    padding: 15px 0;
    margin-bottom: 0;
}
.triangleWidget .templateBBlock2Part {
  margin-top: 6px;
}



/*Main Menu */
.secondaryMenuDropdownArrow, .tertiaryMenuDropdownArrow, .secondMobileMenuNav {
  display: none;
}
body.hasHover .firstMobileMenuNav > li:hover .secondMobileMenuNav {
  display: block;
}
.secondMobileMenuNav {
    float: left;
    position: absolute;
    color: #53565a;
    left: 0;
    width: 100%;
    padding: 25px 0 0;
    z-index: 1000;
}
.secondaryMenuBackgroundColor {
    background: #fafafa url('/Businessolver/media/businessolver/Theme/Images/team-logo.png') center right+27% no-repeat;
    width: 100%;
    position: absolute;
    padding: 30px 0;
    min-height: 230px;
}
@media (max-width: 1272px) {
  .secondaryMenuBackgroundColor {
    background-position: center right+25%;
  }
}
@media (max-width: 1040px) {
  .secondaryMenuBackgroundColor {
    background-position: center right+21%;
  }
}

body.hasHover .firstMobileMenuNav li:hover:after {
  content: '';
  background-image: url(/Businessolver/media/businessolver/Theme/Images/oneTriangleForNav.svg);
  background-repeat: no-repeat;
  margin-top: 13px;
  width: 20px;
  height: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body.hasHover .firstMobileMenuNav li:nth-child(4):hover:after {
  height: 0;
  margin-top: 0;
}

#mainNav .secondMobileMenuNav ul {
  padding: 0;
}
body.hasHover .secondMobileMenuNav li:hover:after {
  background: none;
  width: 0;
  height: 0;
}
#mainNav .secondMobileMenuNav li a {
  color: #00205c !important;
  font-size: 20px;
  font-weight: 600;
}
#mainNav .secondMobileMenuNav li ul a {
  color: #53565a !important;
  font-size: 14px;
  line-height: 32px;
}
#mainNav .ThirdMobileMenuNav ul {
  padding: 0;
  margin: 20px 0 0;
}
#mainNav .ThirdMobileMenuNav li:nth-child(even) {
  clear: right;
}
.banner-purple{
  background-color: #7f35b2;
  opacity: 0.6;
}
.banner-blue{
  background-color: #00205c;
  opacity: 0.8;
}
.banner-grey{
  background-color: #333333;
  opacity: .8;
}


/*Main Menu */
.secondaryMenuDropdownArrow, .tertiaryMenuDropdownArrow, .secondMobileMenuNav {
  display: none;
}
body.hasHover .firstMobileMenuNav > li:hover .secondMobileMenuNav {
  display: block;
}
#mainNav .secondMobileMenuNav li a {
  color: #00205c !important;
  font-size: 20px;
  font-weight: 600;
}
#mainNav .secondMobileMenuNav li ul a {
  color: #53565a !important;
  font-size: 14px;
  line-height: 32px;
}
#mainNav .ThirdMobileMenuNav ul {
  padding: 0;
  margin: 20px 0 0;
}
#mainNav .ThirdMobileMenuNav li {
  float: left;
  padding: 0 2.5% 0 0;
  margin: 0;
  font-weight: 400;
}

.desktopRightBtns {
  float: right;
}
#templateCBlock3 {
    margin-bottom: 150px;
}
.templateBBlock2 {
  margin-bottom: 100px;
}

.fullWidthContentBox {
    float: left;
    width: 100%;
    padding: 0 0 100px;
}
.carousel-inner .item {
  padding-left: 30px !important;
}
.textSnippetCallout h5 {
  font-weight: 400;
}
/* Triangles */
.trianglePurle, .trianglePurple{
  fill:#7F35B2;
}
.triangleDarkBlue{
  fill:#009BC7;
}
.triangleYellow{
  fill:#FFCE35;
}
.triangleBlue{
  fill:#68CEF2;
}
.triangleRed{
  fill:#ed5024;
}
.triangleOrange{
  fill:#F58220;
}
.triangleGreen{
  fill:#00a24f;
}
.triangleHotGreen{
  fill:#9dc23b;
}
.triangleWhite{
  fill:#FFFFFF;
}
.triangleMultiply {
  mix-blend-mode: multiply;
}
.triangleOnSide {
    position: absolute;
    width: 9vw;
}
.EditMode .triangleOnSide {
  display: none;
}
.opacity45 {
  opacity: .45;
}
.opacity65 {
  opacity: .65;
}
.opacity75 {
  opacity: .75;
}
.homepageTriangleBlueForBanner {
  fill: #00a6d0;
}
.triangleSideRight {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.one-tri-yellow {
  width: 5vw;
}
.one-tri-blue {
  width: 6vw;
}
.one-tri-orangle {
  width: 4.7vw;
}
.two-tri-orange-blue {
  width: 7.7vw;
}
.two-tri-purple-yellow {
  width: 8.9vw;
}
.two-tri-blue-yellow {
  width: 9.7vw;
}
.two-tri-yellow-blue {
  width: 11.2vw;
}
.two-tri-blue-green {
  width: 10.3vw;
}
.two-tri-purple-green {
  width: 13.2vw;
}
.three-tri-yellow-blue-purple {
  width: 14.3vw;
}
.two-tri-blue-purple {
  width: 19.9vw;
}
.two-tri-blue-yellow {
  width: 18.2vw;
}
.two-tri-purple-blue {
  width: 8vw;
}


.maxWidth100 {
  max-width: 100%;
}
/*.internalContentWidget {
  margin: 150px 0;
}*/
.backgroundMainImage {
    background-image: url(/Businessolver/media/businessolver/Images/driving-technology-through-innovation.png?ext=.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#mainHeaderContent {
  float: left;
  width: 100%;
}
.align-center {
    display: flex;
    align-items: center;
}
.featuredWidgetBlocks {
  margin: 75px 0;
}
.triangleBoxLeft {
    width: 22vw;
    position: absolute;
    background-size: 22vw auto;
    left: 0;
    margin-top: -110px;
    overflow: hidden;
    background-repeat: no-repeat;
    display: block;
    z-index: -1;
}
.triangleBoxRight {
    width: 25vw;
    position: absolute;
    background-size: 25vw auto;
    right: 0;
    margin-top: -120px;
    overflow: hidden;
    background-repeat: no-repeat;
    display: block;
}
.triangleImage {
  min-width: 0;
  background-size: cover;
  height: auto;
  z-index: -2;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  top: 3px;
  bottom: 3px;
  left: 0;
  right: 3px;
}
.triangleBoxRight .triangleImage, .triangleBoxRightBig .triangleImage {
  right: 0;
  left: 3px;
}


.contentWithTriangle {
  /*  margin-top: 32vw;*/
  margin-top: 280px;
}
.whiteBackgroundTriangle {
  position: absolute;
  z-index: -1;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
  top: -3px;
  left: -3px;
}
.triangleBoxLeft {
  border-width: 2px 2px 2px 0px;
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-style: solid;
    border-color: #FFFFFF;
}
.triangleBoxRight {
  border-width: 2px 0px 2px 2px
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-style: solid;
    border-color: #FFFFFF;
}
.triangleImage {
  border: 1px solid #FFFFFF;
}
.triangleBoxLeftBig {
    width: 38vw;
    position: absolute;
    background-size: 38vw auto;
    left: 0;
    /*margin-top: -5%;*/
    overflow: hidden;
    background-repeat: no-repeat;
    display: block;
    z-index: -1;
}
.oneBigTriangleWidget {
  margin: 0px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
/*.InternetExplorer .centeringBigTriangleBox {
  margin-top: 150px;
}*/
.InternetExplorer .triangleSideLeft {
  margin-left: -30px;
}
.InternetExplorer .triangleMultiply {
  opacity: .7;
}
@supports (-ms-ime-align: auto) {
  .triangleMultiply {
    opacity: .7;
  }
}
/*
.InternetExplorer .oneBigTriangleWidget {
     justify-content: inline-block;
 }
*/
.centeringBigTriangleBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 700px;
/*  margin-top: -270px;*/
}
.triangleBoxRightBig {
    width: 38vw;
    position: absolute;
    background-size: 38vw auto;
    right: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    display: block;
    z-index: -1;
}
.triangleBoxRightBig .triangleTriangles, .triangleBoxLeftBig .triangleTriangles, #homepageTriangleSetTwo .triangleTriangles, #homepageTriangleSetOne .triangleTriangles {
  float: left;
  width: 100%;
}
.triangleBoxRightBig .triangleBackground, .triangleBoxLeftBig .triangleBackground, #homepageTriangleSetTwo .triangleBackground, #homepageTriangleSetOne .triangleBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.mainFooter {
  z-index: 2
}
.mainPostBodyCopy .downloadImage {
  width: 100%;
  margin: -300px 0 30px;
  max-width: 248px;
  float: right;
}
@media (max-width: 1000px) {
	.mainPostBodyCopy .downloadImage {
  width: 100%;
  margin: 0 0 30px;
  max-width: 248px;
  float: right;
}
}
#thank-you-social {
  margin-top: -260px;
}
.tyHeaderPage {
    height: 530px !important;
}
div.buttonOrangeBig {
  float: left;
  text-decoration: none;
  margin-top: 25px;
}
.downloadContentLinkContainer {
  max-width: 248px;
  float: right;
}



/* ------------ END UNIVERSAL STYLES ------------ */

/* HOMEPAGE */
#homepageBackground {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: -2;
  overflow: hidden;
  width: 100%;
  padding-bottom: 83%;
  vertical-align: middle;
}
#homepageBackground svg {
  width: calc(100% + 50px) !important;
  display: inline-block;
  position: absolute;
  left: -50px;
}
#homepageBackgroundImage {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-image: url('/Businessolver/media/businessolver/Images/homepage-header-image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  -webkit-filter: grayscale(70%);
  filter: grayscale(70%);
  z-index: -3;
}
.CenterCenter {
  background-position: center;
}
.TopLeft {
  background-position: top left;
}
.TopRight {
  background-position: top right;
}
.BottomLeft {
  background-position: bottom left;
}
.BottomRight {
  background-position: bottom right;
}

.st1 {
  fill:#7f35b2;
  opacity: 0.45;
}
.st2 {
  fill:#7f35b2;
  opacity: 0.65;
  mix-blend-mode: multiply;
}
.st3 {
  fill:#009bc7;
  opacity: 0.65;
  mix-blend-mode: multiply;
}
.st4 {
  fill:#FFF;
}
#homepageHeaderSection h1 {
  color: #FFF;
}
#homepageHeaderSection h6 {
  font-weight: normal;
  color: #FFF;
}
#requestDemoHomepage {
  margin-top: 16px;
}
#homepageFirstIcon {
  float: right;
  max-width: 200px;
}
#firstHomepageCallout {
  float: left;
  width: 100%;
  margin-top: -300px;
}
#homepageFirstCalloutCopy {
    text-align: right;
    float: left;
    width: 100%;
    position:relative;
    z-index:2;
}
.homepageFirstCalloutLabel img {
  float: none;
}
#homepageFirstCalloutCopy p.largeParagraph {
  color: #161f30;
  opacity: .6;
}
#homepageFirstCalloutCopy button {
  margin-top: 20px
}
#homepageMainContent {
  margin-top: 240px;
}
#homepageFirstCallout {
    margin-top: 12px;
}
#homepageTriangels {
  width: 100%;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1;
}
#headerTriangle1 {
    mix-blend-mode: multiply;
    width: 6.7vw;
    height: 9.1vw;
    border-left: solid 9.1vw #7f35b2;
    border-bottom: solid 6.7vw transparent;
    border-top: solid 6.7vw transparent;
    margin-top: 75vw;
}
#headerTriangle2 {
    mix-blend-mode: multiply;
    width: 9.2vw;
    height: 12.5vw;
    border-left: solid 12.5vw #009bc7;
    border-bottom: solid 9.2vw transparent;
    border-top: solid 9.2vw transparent;
    margin-top: -24.5vw;
}
#headerTriangle3 {
    mix-blend-mode: multiply;
    width: 10.5vw;
    height: 15vw;
    border-right: solid 10.5vw #68cef2;
    border-bottom: solid 7.7vw transparent;
    border-top: solid 7.7vw transparent;
    margin-top: 2vw;
    right: 0;
    position: absolute;
}

#headerTriangle4 {
  width: 43vw;
  height: 63.3vw;
  right: 0;
  position: absolute;
    /*mix-blend-mode: multiply;
    width: 43vw;
    height: 57vw;
    border-right: solid 43vw #ffce35;
    border-bottom: solid 31.7vw transparent;
    border-top: solid 31.7vw transparent;
    margin-top: 6vw;
    right: 0;
    position: absolute;
    border-image: url('images/homepage-header-image2.jpg');*/
}
#headerTriangle4 svg {
    /*background-image: url('images/homepage-header-image2.jpg');*/
}
#headerTriangle5 {

    mix-blend-mode: multiply;
    width: 21.8vw;
    height: 16vw;
    border-right: solid 21.8vw #ffce35;
    border-bottom: solid 16vw transparent;
    border-top: solid 16vw transparent;
    margin-top: 12vw;
    right: 0;
    position: absolute;

}
#homepageHeaderSection {
    margin-top: 120px;
}
#homepageHeaderSection h6 {
    width: 620px;
}
#mainFooterHomepage .mainFooterBackgroundImg {
  background-image: url(/Businessolver/media/businessolver/Theme/Images/homepageBackground.svg);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: 100%;
  transform-origin: unset;
  background-color: transparent;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
#mainFooterHomepage .mainFooterBackgroundImgOutside {
  height: 1600px;
  left: 0;
  right: 0;
  bottom: 0;
  top: unset;
  width: auto;
  margin: 0;
  position: absolute;
  z-index: -5;
}
.InternetExplorer #mainFooterHomepage .mainFooterBackgroundImg {
  height: 300%;
  margin-top: -440px;
  background-image: none;
  background-color: #00205c;
}
.InternetExplorer #mainFooterHomepage .mainFooterBackgroundImgOutside {
  height: 1000px;
}
@media only screen and (max-width: 992px) {
  .InternetExplorer #mainFooterHomepage .mainFooterBackgroundImgOutside {
    height: 700px;
  }
}
@media only screen and (max-width: 768px) {
  .InternetExplorer #mainFooterHomepage .mainFooterBackgroundImgOutside {
    height: 500px !important;
  }
}
@media only screen and (max-width: 500px) {
  .InternetExplorer #mainFooterHomepage .mainFooterBackgroundImgOutside {
    height: 650px !important;
  }
}
/*#mainFooterHomepage .mainFooterBackgroundImg {
    -webkit-transform: skewY(-36deg);
    -moz-transform: skewY(-36deg);
    -ms-transform: skewY(-36deg);
    -o-transform: skewY(-36deg);
    transform: skewY(-36deg);
    margin-top: 692px;
    height: 1600px;
}
#mainFooterHomepage .mainFooterBackgroundImgOutside {
    height: 1600px;
    left: -600px;
    bottom: 0;
    width: auto;
    margin: 0;
}*/
#homepageDemoBox {
    margin-bottom: -40px;
    z-index: 20;
    position: relative;
    box-shadow: 0px 92px 60px -75px rgba(80,80,80,.6);
    padding: 0 25px;
}
#mainFooterHomepage {
  margin: 200px 0 0;
}
#homepageTriangleSetOne {
  width: 36.7vw;
  position: absolute;
  right: 0;
  margin-top: -561px;
  background-image: url('/Businessolver/media/businessolver/Images/homepage-header-image2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  float: right;
}
#homepageTriangleSetTwo {
  width: 38.4vw;
  position: absolute;
  left: 0;
  margin-top: 210px;
  background-image: url('/Businessolver/media/businessolver/Images/homepage-header-image2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  float: left;
}
#homepageTriangleSetThree {
    width: 7.3vw;
    position: absolute;
    right: 0;
    margin-top: 1405px;
    z-index: -1;
}
#homepageTriangleSetFour {
    width: 6.8vw;
    position: absolute;
    left: 0;
    margin-top: 2403px;
    z-index: -1;
}

@media (max-width: 768px) {
  #homepageDemoBox {
    width: calc(100% + 60px);
    margin-left: -30px;
  }
}
.tyRelatedContent {
    margin-bottom: 100px;
}
.gridIconWidget {
    width: 33.3%;
    padding: 0 4%;
}
.modal-header {
    background: transparent;
    padding: 0;
    border: none;
    height: 0px;
}
.modal-header .close {
    margin-top: 8px;
    background-image: url(/Businessolver/media/businessolver/Theme/Images/close-hover.svg);
    width: 30px;
    height: 30px;
    margin-right: 8px;
    opacity: 1;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 999999999999999;
    position: absolute;
    right: 0;
}
.modal-header .close span, .modal-title {
  display: none;
}
.sliderContent, .sliderContent img {
  width: 100%;
}
.item {
  display: relative;
  float: left;
  width: 100%;
}



.imageSliderWidget {
  margin: 100px 0;
  float: left;
  width: 100%;
}










/* - Tamplate A - */
.templateATriangles {
    z-index: -1;
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0;
    left: 0;
    right: 0;
}
#templateATriangleOne {
    width: 15.8vw;
    position: absolute;
    right: 0;
    margin-top: 783px;
}
#templateATriangleTwo {
  position: absolute;
  left: 0;
  width: 30.4vw;
  margin-top: 780px;
  background-image: url('/Businessolver/media/businessolver/Images/homepage-header-image2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
#templateATriangleThree {
    position: absolute;
    right: 0;
    width: 30vw;
    margin-top: 1614px;
    background-image: url('/Businessolver/media/businessolver/Images/homepage-header-image2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
#templateATriangleFour {
  position: absolute;
  left: 0;
  width: 13.8vw;
  margin-top: 2705px;
}
/*#templateABlock2 {
    margin-top: 30%;
}*/

/*
#templateABlock2 .contentWithTriangle {
  margin-top: 28vw;
}
#templateABlock3 .contentWithTriangle {
    margin-top: 29.5vw;
}*/


/*
#templateABlock3 {
    margin-top: 37%;
}*/
#templateABlock4 {
    margin-top: 13%;
}

#grnhse_app {
  margin-top: 30px
}
.closeLeadershipBtn {
    float: right;
    margin-right: -100px;
    cursor: pointer;
    position: relative;
    z-index: 5;
}
.closeLeadershipBtn path {
    fill: #161f30;
}
.closeLeadershipBtn .strokeFill {
    stroke: #161f30;
}
body.hasHover .closeLeadershipBtn:hover path {
    fill: #ed5024;
}
body.hasHover .closeLeadershipBtn:hover .strokeFill {
  stroke: #ed5024;
}

/*#secondaryMainContent .leftTextImageRightBoxBG {
  margin-top: 0;
}*/

/*#secondaryMainContent #templateABlock2.rightTextImageLeftBox {
  margin-bottom: 50px;
}*/

#secondaryMainContent #templateABlock3.leftTextImageLeftBox .contentWithTriangle {
  margin-top: 35vw;
}

@media (max-width: 768px) {
  /*#secondaryMainContent #templateABlock2.rightTextImageLeftBox .contentWithTriangle {
    margin-top: 63vw;
  }*/

  #secondaryMainContent #templateABlock3.leftTextImageLeftBox .contentWithTriangle {
    margin-top: 40vw;
  }

  #secondaryMainContent .triangleBoxLeftBig + .internalContentWidget {
    margin-bottom: 0;
  }

  /*#secondaryMainContent .triangleBoxLeftBig + .internalContentWidget .mainContentBox {
    margin-top: 300px;
  }*/
}

@media (max-width: 480px) {
  /*#secondaryMainContent .triangleBoxLeftBig .internalContentWidget .mainContentBox {
    margin-top: 200px;
  }*/
  #firstHomepageCallout {
    margin-top: 100px;
  }
}

/* - Template B - */
/*
.interiorPageBackgroundImage.rightSkew {
  height: 730px;
  -webkit-transform: skewY(-8deg);
  -moz-transform: skewY(-8deg);
  -ms-transform: skewY(-8deg);
  -o-transform: skewY(-8deg);
  transform: skewY(-8deg);
}

.interiorPageBackgroundImage.rightSkew .imageDiv,
.interiorPageBackgroundImage.rightSkew .colorDiv {
  -webkit-transform: skewY(8deg);
  -moz-transform: skewY(8deg);
  -ms-transform: skewY(8deg);
  -o-transform: skewY(8deg);
  transform: skewY(8deg);
}
*/
.releative {
  position: relative;
  z-index: 2;
}

.templateB .interiorPageBackgroundImage {
  z-index: 0;
}

.templateB #requestDemoHomepage {
  margin-top: 55px;
}

.darkFont {
  color: #161F30;
}

.whiteFont {
  color: white;
}

.fontWeightNormal {
  font-weight: normal;
}

.fontWeightSemiBold {
  font-weight: 600;
}

.lineHeightNormal {
  line-height: normal;
}

.text-center-forced {
  text-align: center;
  float: left;
  width: 100%;
}

.text-center svg {
  display: block;
  margin: 0 auto;
}
.viewAll {
  margin-bottom: 40px;
}
/*.rightBoxStyleB {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: -100px 0 0 auto;
}*/

.col-md-7 h5 {
  max-width: 740px;
  float: none;
}

ul.inline-list {
  padding-left: 0;
}

ul.inline-list li {
  display: inline-block;
  padding: 0 30px;
}

ul.inline-list li a {
  display: block;
  color: #161f30;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1.88;
}

ul.inline-list li a:focus {
  outline: none;
  text-decoration: none;
}

.triangleWidget ul.inline-list li a, #templateCBlock5 ul.inline-list li a {
  color: #ed5024;
}
.triangleWidget ul.inline-list li.selected a, #templateCBlock5 ul.inline-list li.selected a {
  font-weight: bold;
  color: #009BC7;
}

ul.inline-list li:before {
  content: "";
  background-image: url(/Businessolver/media/businessolver/Theme/Images/orangeTriangle.svg);
  background-size: 8px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
  margin-left: -15px;
  margin-top: 12px;
  transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

body.hasHover ul.inline-list li a:hover {
  text-decoration: none;
  color: #ed5024;
}

.svg-center {
  margin: 0 auto;
}

.templateB #secondaryMainContent {
  background-color: #f8f8f8;
  padding-bottom: 150px;
  padding-top: 200px;
  margin-top: -200px;
}

.templateB #secondaryMainContent,
.templateB #thirdMainContent {
  padding-left: 15px;
  padding-right: 15px;
}
.templateB #thirdMainContent:before {
  content: '';
  width: 200vw;
  height: 500px;
  left: -50vw;
  top: -240px;
  position: absolute;
  background: #f8f8f8;
  transform: skewY(8deg);
  z-index: 0;
}

.templateB #thirdMainContent {
  position: relative;
  overflow: hidden;
  padding-bottom: 50px;
}

.triangleWidget {
  margin-bottom: 100px !important;
}

.pageNavigator .disable {
  opacity: .2;
}
.templateBBlock2Part {
  position: relative;
  margin: 50px auto 150px auto;
  transform: all .3s;
  max-width: 1400px;
}
.templateBBlock2Part.show {
  height: 550px;
}

.tabbedImageCopy {
    width: 100%;
    max-width: 930px;
    display: none;
    margin: 15px auto;
}
.show .tabbedImageCopy, .show .tab-content {
  display: block;
}
.tab-content {
  display: none;
}
.show {
  display: block;
}
.tabbedImageSection {
    width: 100%;
    float: left;
}
.videoPlayButton:before {
  background-image: url('/Businessolver/media/businessolver/Theme/Images/playBtn.svg');
  content: '';
  float: left;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;
  position: absolute;
}
.row.internalContentWidget {
  width: 100%;
}
.addBackground {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #e8e8e8;
    height: calc(100% + 70px);
    -webkit-transform: skewY(-8deg);
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    transform: skewY(-8deg);
    z-index: -1;
    margin-top: -124px;
}
.addPhotoBorder {
  border: 10px solid white;
  box-shadow: 5px 5px 20px 0px #676767;
}
.productIconWidget {
    margin: 150px 0;
}
.flexEnd {
  justify-content: flex-end;
}
.flexCenter {
  justify-content: center;
}
.productWidgetBackgroundFix {
  position: relative;
  padding: 70px 0;
}
#downloadcontent a {
  text-align: center;
  float: left;
  width: 100%;
}
#downloadcontent .buttonOrangeBig {
  float: none;
  display: inline-block;
}
.num {
    float: right;
    color: #FFF;
    margin-right: -270px;
    margin-top: 290px;
}
.num .lineSeperatingNumbers {
  border-color: #FFFFFF;
}
.num .numberCurrent {
    margin-top: -20px;
    float: left;
}
.templateBBlock2PartTriangle {
  width: 75%;
  height: auto;
  position: absolute;
  right: 15px;
  z-index: -1;
  top: 0;
}

.templateBBlock2PartTriangle .triangle-mask {
  background-size: cover;
  position: relative;
  z-index: -10;
  background-clip: content-box;
  margin-left: 0;
  border: 3px solid #FFFFFF;
  width: 100%;
}
.templateBBlock2PartTriangle:after {
  border: 3px solid #FFFFFF;
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  bottom: -2px
  right: -2px;
  z-index: 1;
}
.templateBBlock2Part .mainContentBox {
  position: relative;
  max-width: 420px;
  padding-top: 150px;
}

.templateBBlock2Part .mainContentBox h5 {
  margin-top: 4px;
  line-height: 1.46;
}

.templateBBlock2Part .mainContentBox h6,
.templateBBlock2Part .mainContentBox .buttonOrangeOutline {
  margin-top: 27px;
}

.img-choice {
  margin-bottom: 53px;
}

.front-check-text {
  position: relative;
  padding-left: 16px;
  margin-bottom: 0;
  line-height: 2.19;
}

.front-check-text:before {
  content: '';
  width: 4px;
  height: 1px;
  background-color: #161F30;
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  top: 18px;
}

.front-check-text:after {
  content: '';
  width: 8px;
  height: 1px;
  background-color: #161F30;
  transform: rotate(-45deg);
  position: absolute;
  left: 2px;
  top: 17px;
}
.hs_message textarea {
border: solid 1px #dddddd;
}
.hs_rfp_due_date label, .hs_message label, .hs_attach_rfp label {
  color: #53565a;
}
.hs_attach_rfp label {
  margin-top: 20px;
}
.hs-fieldtype-text label {
    float: right;
    color: #CCC;
    position: relative;
    right: 20px;
    top: 14px;
}
.hs-fieldtype-text .hs-input {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
.hs-fieldtype-select label {
  display: none;
}
.hs-error-msgs {
  padding-left: 0;
  list-style: none;
}
.hs-error-msgs li, .hs-error-msgs ul {
  list-style: none;
}
.hs-form-booleancheckbox:before {
  width: 0 !important;
  height: 0 !important;
}
.hs-error-msgs label {
  color: #ED5024;
  top: 0;
  right: auto;
}
#templateBBlock3 > h4, #templateBBlock3NoHover > h4 {
  margin-bottom: 50px;
}
.templateBBlock3PartParent {
    margin-top: 50px;
    margin-bottom: 90px;
    float: left;
    width: 100%;
}
.templateBBlock3Part, .templateBBlock3PartNoHover {
  padding: 36px 45px;
  background-color: transparent;
  border-right: solid 1px #dddddd;
  border-top: solid 1px #dddddd;
  width: 50%;
  cursor: pointer;
  align-self: stretch;
}
.templateBBlock3Part:nth-child(even), .templateBBlock3PartNoHover:nth-child(even) {
  border-right: 0;
}
.templateBBlock3PartParent .templateBBlock3Part:first-child, .templateBBlock3PartParent .templateBBlock3Part:nth-child(2) {
  border-top: 0;
}
.templateBBlock3PartParent .templateBBlock3PartNoHover:first-child, .templateBBlock3PartParent .templateBBlock3PartNoHover:nth-child(2) {
  border-top: 0;
}
.templateBBlock3PartNoHover:nth-child(2) {
  position: relative;
}
.templateBBlock3PartNoHover:nth-child(2):after {
  content:"";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  border-bottom: solid 1px #DDDDDD;
}
.templateBBlock3PartParent .col-md-10 {
  width: 100%
}
.templateBBlock3PartParent .flex {
  max-width: 1175px;
  margin-left: auto;
  margin-right: auto;
  /*background-color: #FFFFFF;*/
}
/*
.imageHigh img {
  margin-top: -250px;
}*/
.postImage {
  background-position: center;
}
.leftTextImageRightBoxBG .row {
  height: 100%;
}
.leftTextImageRightBoxBG .row .flex {
  justify-content: center;
  align-items: center;
  height: 100%;
}
.share-icon {
  cursor: pointer;
}
.bg-white {
  display: none;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  background: white;
  left: -2px;
  top: -2px;
  background: white;
  z-index: -1;
}
body.hasHover .templateBBlock3Part:nth-child(odd):hover {
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  border-right: 1px solid #FFFFFF !important;
  margin-bottom: 0px;
  z-index: 3;
}
body.hasHover .templateBBlock3Part:nth-child(even):hover {
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  border-left: 1px solid #FFFFFF !important;
  margin-left: -1px;
  z-index: 3;
}
body.hasHover .templateBBlock3Part:hover .buttonOrangeOutline {
  color: white;
  background-color: #ed5024;
}
body.hasHover .templateBBlock3Part:hover .bg-white {
  display: block;
}
.templateBBlock3Part img, .templateBBlock3PartNoHover img {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  display: block;
}

.templateBBlock3Part h4, .templateBBlock3PartNoHover h4 {
  line-height: 1.33;
}

.templateBBlock3Part h5, .templateBBlock3PartNoHover h5 {
  margin-top: 100px;
}

.templateBBlock3Part h6, .templateBBlock3PartNoHover h6 {
  margin-bottom: 30px;
}
.templateBBlock3Part .row {
  height: 100%;
}
.templateBBlock3Part .buttonOrangeOutline, .templateBBlock3PartNoHover .buttonOrangeOutline {
  bottom: 0;
  position: absolute;
}
.buttonMinHeight {
    min-height: 91px;
}
/*.productsTemplateTopBoxes {
  margin-bottom: 50px;
}*/
.animation-toup, .templateBBlock2Part.show, .mainRightContentBox {
  animation: toUp .5s;
}
@keyframes toUp {
    to {
      transform: translateY(0);
      opacity: 1;
    }
    from {
      transform: translateY(150px);
      opacity: 0;
    }
}


/* ANIMATIONS */
.thingAnimated {
  opacity: 0;
}
.bouncingTriangle {
  opacity: 0;
  top: -20px;
}
/*.rightBoxStyleB {
  opacity: 0;
}
.floatUpLoad {
    animation: toUp .5s;
}
*/


.hs_error_rollup {
  display: none;
}
.mainRightContentBox {
  width: 100%;
  margin-top: -120px;
}
.mainRightContentBox img {
  width: 100%;
}
.mainRightContentBox img[src*=".svg"] {
  margin-top: -120px;
}
.firstPageSearch, .lastPageSearch, .prevGroupSearch, .nextGroupSearch {
  display: none;
}
.generalSearchLayout {
    width: 180px;
    margin: 60px auto 0;
}
.generalSearchLayout .leftArrow {
  width: 30px;
  float: left;
}
.generalSearchLayout .rightArrow {
  width: 30px;
  float: right;
  margin-top: -47px;
}
.generalSearchLayout .pageNumSearch a, .pageNumSearch .lineSeperatingNumbers:nth-child(1) {
  display: none;
}
.generalSearchLayout .lineSeperatingNumbers:first-child {
  display: none;
}
.generalSearchLayout .numberCurrent {
  margin-top: -30px;
  float: left;
  margin-left: 40px;
  height: 32px;
}
.generalSearchLayout .numberTotal {
  float: left;
  margin-left: -28px;
  text-align: left;
  margin-top: 6px;
}
.generalSearchLayout .lineSeperatingNumbers {
  float: left;
  margin-left: -5px;
}
.flex,
.desktop-flex {
  display: flex;
}
.flexColumns {
  align-items: stretch;
  flex-wrap: wrap;
  height: 100%;
}
.flex .clear {
  width: 100%;
}
.mainContentBox svg {
  margin-left: 100px;
}
#templateBTriangle1 {
  width: 8.4vw;
  position: absolute;
  left: 0;
  margin-top: 1120px;
}

#templateBTriangle2 {
  width: 6.8vw;
  position: absolute;
  right: 0;
  margin-top: 2000px;
}

#templateBTriangle3 {
  width: 4.6vw;
  position: absolute;
  left: 0;
  margin-top: 3000px;
}

@media (max-width: 1272px) {
  .interiorPageBackgroundImage.rightSkew {
    height: 845px;
  }
  /*
  .triangleWidget {
    margin-bottom: 400px !important;
  }*/
}

@media (max-width: 991px) {
  .rightBoxStyleB {
    margin-top: -150px;
  }

  .desktop-flex {
    display: block;
  }

  .templateBBlock3Part {
    width: 100%;
    border: none;
  }

  .templateBBlock2Part.show {
    flex-direction: column-reverse;
  }
  .templateBBlock2 svg {
    margin-left: 50px;
  }
  .templateBBlock2 h4,
  .templateBBlock2 ul {
    text-align: left;
    padding-left: 0;
  }
  .templateBBlock2 ul li {
    padding-left: 0;
    display: block;
  }

  .templateBBlock2PartTriangle {
      width: 100%;
      right: -50vw;
      margin-top: -110px;
  }
  .templateBBlock2Part.show {
    padding-bottom: 0;
  }
}

@media (max-width: 768px) {
  .rightBoxStyleB {
    margin-top: -100px;
  }
  .templateB #secondaryMainContent {
    padding-bottom: 50px;
  }
  .templateB #thirdMainContent {
    padding-bottom: 0;
  }
  .templateB #templateBBlock2 {
    margin-bottom: 30px;
  }

  .triangleWidget {
    margin-bottom: 200px !important;
  }

  .templateBBlock3Part h5 {
    margin-top: 10px;
  }

  .templateBBlock3Part {
    padding-left: 0;
    padding-right: 0;
  }

  /*ul.inline-list li {
    display: block;
  }*/
}
.leftTextImageRightBoxBG .mainContentBox svg {
  float: none;
}
.mainContentBox .clear + a .buttonOrangeOutline {
  margin-top: 0;
}
.buttonYellowOutline, .buttonOrangeOutline {
  display: inline-block;
}
/* - Tamplate C - */

.templateC .secondaryPageHeaderText h6 {
  /*max-width: 640px;*/
  margin-bottom: 50px;
}

.templateC #secondaryMainContent .leftTextImageRightBoxBG .col-md-5 {
  order: 2;
}

.templateC #secondaryMainContent .leftTextImageRightBoxBG .rightBoxStyleB {
  margin-top: -465px;
}

.templateC #secondaryMainContent .leftTextImageRightBoxBG h4 {
  max-width: 600px;
  line-height: 1.33;
  margin-bottom: 30px;
}

.templateC #secondaryMainContent .leftTextImageRightBoxBG .topMargin180 h4,
.templateC #secondaryMainContent .leftTextImageRightBoxBG .topMargin180 p {
  max-width: 640px;
}

.templateC #secondaryMainContent .leftTextImageRightBoxBG p {
  max-width: 600px;
  margin-bottom: 30px;
}

.templateC #secondaryMainContent .leftTextImageRightBoxBG p.image-bottom-text {
  font-style: italic;
  line-height: 1.88;
  text-align: right;
  margin: 15px 0 15px auto;
  max-width: 525px;
}

.templateC .rightBoxStyleB {
  width: 570px;
  height: 445px;
  margin-bottom: 30px;
}

.templateC .leftTextImageRightBoxBG img {
  width: auto;
}

.templateC h4 {
  float: none;
}

.templateC .leftTextImageRightBoxBG .inline-images img {
  float: right;
  max-height: 40px;
  margin-left: 10px;
}
#templateCBlock3 svg {
  margin-left: 15%;
}

#templateCBlock3 .grid-first {
  max-width: 400px;
  margin: 0 auto;
  float: none;
  padding-top: 30px;
}

#templateCBlock3 .grid-first h4 {
  margin-bottom: 30px;
}

#templateCBlock3 h5 {
  text-align: center;
}

#templateCBlock3 p {
  max-width: 350px;
  text-align: center;
  margin: 0 auto;
}

#templateCBlock3 img {
  max-width: 180px;
  display: block;
  margin: 30px auto 0;
}

#templateCBlock4 {
  position: relative;
  overflow: hidden;
  margin: 0 -15px 100px;
}

#templateCBlock4:before,
#templateCBlock4:after {
  content: '';
  width: 200vw;
  height: 150px;
  background-color: white;
  transform: skewY(-3deg);
  position: absolute;
  left: -50vw;
  top: -100px;
  z-index: 2;
}

#templateCBlock4:after {
  top: auto;
  bottom: -100px;
}

#templateCBlock4 .left-back-image {
  min-height: 505px;
  background-image: url('Images/homepage-header-image2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#templateCBlock4 .right-text {
  background-color: #00205c;
  padding: 120px 10vw;
}

#templateCBlock4 .right-text h5 {
  max-width: 450px;
  float: none;
}

#templateCBlock4 .right-text p.blueFont {
  color: #009bc7;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.07;
}

#templateCBlock4 .right-text p.blueFont img {
  vertical-align: sub;
  margin-right: 5px;
}

#templateCBlock4 .right-text p.whiteFont {
  opacity: .6;
}

#templateCBlock5 h4 {
  max-width: 751px;
  float: none;
  text-align: center;
  margin: 15px auto 30px;
}

#templateCBlock5 .templateCBlock5Part img {
  max-width: 930px;
  width: 100%;
  margin: 30px auto;
}

/*
.templateC .mainFooter {
  margin-top: 350px;
}
*/
.templateC #homepageDemoBox {
  margin-top: 0;
}

.templateC .mainFooterBackgroundImgOutside {
  height: 1208px;
}

.templateC .mainFooterBackgroundImg {
  height: 1210px;
}

#templateCTriangle1 {
  width: 15vw;
  position: absolute;
  left: 0;
  margin-top: 1000px;
}

#templateCTriangle2 {
  position: absolute;
  right: 0;
  width: 44vw;
  margin-top: 800px;
  background-image: url('/Businessolver/media/businessolver/Images/homepage-header-image3.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#templateCTriangle3 {
  width: 4vw;
  position: absolute;
  left: 0;
  margin-top: 2550px;
}

#templateCTriangle4 {
  width: 6.8vw;
  position: absolute;
  right: 0;
  margin-top: 3636px;
}

#templateCTriangle5 {
  width: 6.8vw;
  position: absolute;
  left: 0;
  margin-top: 4200px;
}
.gridIconWidget img {
  max-width: 180px;
  margin: 0 auto;
  display: block;
}
.leftTextImageRightBoxBG svg.leftMargin170 {
  margin-left: 170px;
}

@media (max-width: 1400px) {
  #templateCTriangle2 {
    margin-top: 1000px;
  }
}

@media (max-width: 1200px) {
  #templateCBlock2 {
    margin-top: 100px;
  }

  #templateCTriangle2 {
    margin-top: 1200px;
  }
}

@media (max-width: 991px){
  .templateC #secondaryMainContent .leftTextImageRightBoxBG .rightBoxStyleB {
    margin-top: -250px;
  }

  #templateCBlock3 .flexColumns {
    justify-content: space-between;
  }
}

@media (max-width: 768px) {
  .templateC #secondaryMainContent .leftTextImageRightBoxBG .col-md-5 {
    order: 0;
  }

  .templateC #secondaryMainContent .leftTextImageRightBoxBG .rightBoxStyleB {
    margin-top: -100px;
  }

  /*#templateCBlock2,
  #templateCBlock6 .threeContentBlock {
    margin-top: 0;
  }*/

  .templateC .subFooterThreeArticles {
    margin-top: -280px;
  }

  .templateC .mainFooterBackgroundImgOutside,
  .templateC .mainFooterBackgroundImg {
    height: 1530px;
  }

  .templateC .leftTextImageRightBoxBG .mainContentBox svg {
    float: none;
    margin-right: 100px;
  }

  .templateC #secondaryMainContent .leftTextImageRightBoxBG h4,
  .templateC #secondaryMainContent .leftTextImageRightBoxBG p {
    max-width: 100%;
  }

  .postImage .postImageHover {
    padding: 14vw 0;
    height: 100%;
  }

  #templateCBlock3 .flexColumns {
    justify-content: center;
  }
}

/* - Tamplate D - */
.templateD .secondaryPageHeaderText h6 {
  max-width: 640px;
}

.templateD .secondaryPageHeaderText #requestButton {
  margin-top: 80px;
}

/*.templateD .leftTextImageRightBoxBG {
  margin-bottom: 50px;
}*/

.templateD .leftTextImageRightBoxBG .desktop-right {
  order: 2;
}

.templateD .leftTextImageRightBoxBG svg {
  margin-left: 50px;
}

.templateD .leftTextImageRightBoxBG h5,
.templateD .leftTextImageRightBoxBG p {
  max-width: 620px;
}

.topMargin20 {
  margin-top: 20px;
}

.topMargin42 {
  margin-top: 42px;
}
/*.secondaryPageHeaderText h3 {
    line-height: 1.333;
}*/
.position-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.position-center >*:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.templateD .partners .contentBlockPost {
  display: block;
  padding: 15px;
  margin: 0;
  width: 50%;
  border: none;
  min-height: 300px;
}
.partnersTitle {
  text-transform: uppercase;
  font-size: 14px;
  color: #009BC7;
}
.templateD .partners .contentBlockPost .partner-logo {
  position: relative;
  background-color: #f8f8f8;
  height: 260px;
  border: solid 1px #dddddd;
}

.templateD .partners .contentBlockPost .partner-logo img,
.templateD .partners .contentBlockPost .partner-logo .hover-text {
  max-width: 80%;
  max-height: 200px;
}

.templateD .partners .contentBlockPost .partner-logo .hover-text,
.templateD .partners .contentBlockPost .partner-title .hover-text {
  width: 80%;
  display: none;
}

.templateD .partners .contentBlockPost .partner-title .hover-text {
  color: #ed5024;
}

.templateD .partners .contentBlockPost .partner-logo .hover-text h5,
.templateD .partners .contentBlockPost .partner-logo .hover-text p {
  float: none;
  color: white;
}

body.hasHover .templateD .partners .contentBlockPost:hover .partner-logo {
  background-color: #ed5024;
  border-color: #ed5024;
}

body.hasHover .templateD .partners .contentBlockPost:hover .partner-logo img {
  display: none;
}

body.hasHover .templateD .partners .contentBlockPost:hover .partner-logo .hover-text {
  display: block;
}

body.hasHover .templateD .partners .contentBlockPost:hover .partner-title .hover-text {
  font-weight: bold;
  display: block;
}

body.hasHover .templateD .partners .contentBlockPost:hover .partner-title .hover-hidden {
  opacity: 0;
}

.templateD .partners .contentBlockPost .partner-title {
  border: solid 1px #dddddd;
  border-top: none;
  padding: 10px;
  height: calc(100% - 260px);
  position: relative;
}

.templateD .partners .contentBlockPost .partner-title p {
  text-align: center;
  margin: 0;
}

.templateD .partners .contentBlockPost.last {
    cursor: auto;
    height: auto;
}
.templateD .partners .contentBlockPost.last a {
  width: unset;
}
.templateD .partners .contentBlockPost.last p {
  font-size: 20px;
  width: 80%;
  max-width: 235px;
}

.templateD .largeParagraph {
  line-height: 1.78;
}

#templateDBlock3 {
  margin-top: 80px;
  margin-bottom: -140px;
}

#templateDBlock3 svg {
  margin-left: 80px;
}

#templateDBlock3 p.largeParagraph {
  max-width: 626px;
}

#templateDBlock3RightPart {
  text-align: right;
  border: 1px solid #dddddd;
  background-color: white;
  position: relative;
  margin-top: 70px;
  z-index: 10;
}

#templateDBlock3RightPart img {
  width: 100%;
}

#templateDBlock3RightPart h5 {
  width: 80%;
  display: block;
  float: none;
  margin: 30px auto 80px;
}

#templateDBlock3RightPart button, #templateDBlock3RightPart a.buttonOrangeBig {
  position: absolute;
  right: 10%;
  bottom: -35px;
  box-shadow: none;
}

.templateDTriangles #templateDTriangle1 {
  position: absolute;
  right: 0;
  width: 6.1vw;
  margin-top: 990px;
}

.templateDTriangles #templateDTriangle2 {
  position: absolute;
  right: 0;
  width: 5.1vw;
  margin-top: 1350px;
}

.templateDTriangles #templateDTriangle3 {
  position: absolute;
  left: 0;
  width: 8.1vw;
  margin-top: 2060px;
}

@media (min-width: 768px){
  .templateD .partners .contentBlockPost {
    width: 33.33333333%;
  }
}

@media (min-width: 992px) {
  .templateD .partners .contentBlockPost {
    width: 25%;
  }
}

@media (max-width: 991px) {
  .templateD .leftTextImageRightBoxBG .flex {
    display: block;
  }

  .templateD .leftTextImageRightBoxBG .desktop-right {
    margin-bottom: 30px;
  }

  #templateDBlock3 svg {
    margin-left: calc(50% - 20px);
  }

  #templateDBlock3 h4 {
    text-align: center;
  }

  .templateD .mainFooterBackgroundImgOutside {
    height: 1130px;
  }

  /*.templateD .mainFooter .mainFooterContent img.heartLogo {
    margin-top: 150px;
  }*/
}

@media (max-width: 768px) {
  .templateD .interiorPageBackgroundImage {
    height: 740px;
  }

  /*.templateD .leftTextImageRightBoxBG .mainContentBox svg,
  .templateD .leftTextImageRightBoxBG .mainContentBox {
    text-align: left;
    float: none;
  }*/
}

@media (max-width: 767px) {
  .templateD .mainFooterBackgroundImgOutside {
    height: 850px;
  }
  .blueArticleLabel p {
    margin-bottom: 0;
  }
  .blueArticleLabel img.floatRight {
    float: left !important;
  }
  .templateBBlock3PartParent .templateBBlock3PartNoHover {
    width: 100%;
    border: none;
    border-bottom: solid 1px #DDDDDD;
    padding-right: 0;
    padding-left: 0;
  }
  .templateBBlock3PartParent .templateBBlock3NoHover:last-child {
    border-bottom: none;
  }
  #homepageFirstCalloutCopy .buttonOrangeOutline {
    float: none;
  }
}

/* - Tamplate E - */


.secondaryPageHeaderText.slider {
  position: relative;
  padding-left: 50px;
}

.secondaryPageHeaderText.slider .pageNavigator {
  position: absolute;
  left: 0;
  top: 38%;
  transform: translateY(-50%);
  width: calc(110% + 100px);
  margin: 0;
}

.secondaryPageHeaderText.slider .pageNavigator img {
  margin: 0;
}

.secondaryPageHeaderText.slider .pageNavigator .numberOfScreenOn {
  color: white;
  transform: none;
  float: right;
  margin-left: 10%;
}

.secondaryPageHeaderText.slider .pageNavigator .lineSeperatingNumbers {
  border-color: white;
}

.templateE .interiorPageBackgroundImage.rightSkew {
  height: 630px;
}

.templateE #header .secondaryPageHeaderText button {
  margin-top: 80px;
}

#templateEBlock1 {
  margin-top: 100px;
}
body.hasHover .subPart a:hover {
  text-decoration: none;
}
body.hasHover .subPart a:hover h6 {
  opacity: .65;
}
#templateEBlock1 .subPart:last-child .right-border {
  display: none;
}
#templateEBlock1 h5 {
  max-width: 745px;
  float: none;
  margin-bottom: 50px;
}

#templateEBlock1 .subPart {
  position: relative;
}

#templateEBlock1 .subPart img {
  display: block;
  margin: 0 auto;
  max-width: 90%;
}

#templateEBlock1 .subPart h6 {
  text-align: center;
  width: 100%;
  float: none;
  font-weight: normal;
}

#templateEBlock1 .subPart .right-border {
  width: 1px;
  height: 123px;
  background-color: #dddddd;
  position: absolute;
  right: 0;
  top: 30px;
}
.inputs-list {
  list-style: none !important;
}
.inputs-list .hs-input {
    min-width: 10px !important;
    width: 10px !important;
    float: left !important;
    margin-right: 10px;
    margin-top: 5px !important;
    margin-bottom: 5px;
}
.inputs-list .hs-input span {
  float: left !important;
}
.hs-form-checkbox-display {
  font-weight: 400 !important;
  font-size: 14px !important;
}
.templateE .mainFooterBackgroundImgOutside {
  height: 1335px;
}

.templateE .mainFooterBackgroundImg {
  height: 1330px;
}

.templateE .rightTextBox {
  padding: 50px 15%;
}

.templateETriangles #templateETriangle1 {
  position: absolute;
  left: 0;
  width: 8.1vw;
  margin-top: 750px;
}

@media (max-width: 768px) {
  .templateE .rightTextBox {
    text-align: center;
  }
}

/* - Tamplate G - */
.secondaryPageHeaderText.slider button {
  margin-top: 80px;
}

.templateG .interiorPageBackgroundImage {
  height: 790px;
}

.templateG .ninePostBlock {
  margin-top: 150px;
  padding: 0 50px;
}

.mainEventLink, body.hasHover .mainEventLink:hover {
  text-decoration: none;
}

.eventPostListItem {
  padding: 30px;
  display: flex;
  align-items: center;
  border-top: solid 1px #dddddd;
  cursor: pointer;
  width: 100%;
  background-size: 0px;
  position: relative;
}
body.hasHover .eventPostListItem:hover .backgroundColor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
}
body.hasHover .eventPostListItem:hover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.mainEventLink:first-child .eventPostListItem {
  border-top: none;
}

.eventPostListItem .postToOutsideSource {
  background-image: url('/Businessolver/media/businessolver/Theme/Images/external-link.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: right+40px center;
  padding-right: 0;
  position: relative;
  width: 150px;
}
.eventViewEvent {
  position: relative;
  width: 150px;
}
body.hasHover .eventPostListItem:hover .postToOutsideSource {
  background-image: none;
}

body.hasHover .mainEventLink .eventPostListItem:hover .blueArticleLabel,
body.hasHover .mainEventLink .eventPostListItem:hover h5,
body.hasHover .mainEventLink .eventPostListItem:hover .dateLine,
body.hasHover .mainEventLink .eventPostListItem:hover .eventDate,
body.hasHover .mainEventLink .eventPostListItem:hover .eventTime {
  color: white;
  opacity: 1;
}

.eventPostListItem .eventViewEvent .event-tag {
  visibility: hidden;
  font-size: 16px;
  font-weight: 600;
  color: #ed5024;
  margin: 0;
}

body.hasHover .eventPostListItem:hover .eventViewEvent .event-tag {
  visibility: visible;
}

.eventPostListItem .eventDateTime {
  width: 200px;
  position: relative;
}

.eventPostListItem .eventDateTime img {
  margin: 10px 10px 0 0;
}

.eventPostListItem .blueArticleLabel {
  float: none;
}

body.hasHover .eventPostListItem:hover .blueArticleLabel .postIcon,
.eventPostListItem .blueArticleLabel .postIconHover,
body.hasHover .eventPostListItem:hover .eventDateIcon,
.eventPostListItem .eventDateIconHover {
  display: none;
}

.eventPostListItem .eventDateIcon,
body.hasHover .eventPostListItem:hover .eventDateIconHover {
  display: block;
}

.eventPostListItem .blueArticleLabel .postIcon,
body.hasHover .eventPostListItem:hover .blueArticleLabel .postIconHover {
  display: inline-block;
}

.eventPostListItem .eventDate {
  opacity: 0.6;
  font-size: 14px;
  font-weight: 600;
  color: #161f30;
  margin-bottom: 0;
}

.eventPostListItem .eventDate span {
  font-size: 18px;
  font-weight: bold;
}

.eventPostListItem .eventTime {
  opacity: 0.6;
  font-size: 12px;
  font-style: italic;
  color: #161f30;
}

.eventPostListItem .eventContent {
  flex-grow: 0;
  position: relative;
  width: 100%;
}
.eventContent .blueArticleLabel img {
  width: 20px;
}
.eventPostListItem .dateLine {
  /*background-image: url(Images/dark-icon-events.png);*/
  padding-left: 30px;
}

body.hasHover .eventPostListItem:hover .dateLine {
  /*background-image: url(Images/white-icon-events.png);*/
}
.hs-error-msgs label {
  font-size: 11px;
}
.hs-error-msgs {
  margin: 0;
  padding: 0;
  float: left;
  margin-top: -20px;
}
#templateGTriangle1 {
  position: absolute;
  left: 0;
  width: 8.1vw;
  margin-top: 600px;
}

#templateGTriangle2 {
  position: absolute;
  right: 0;
  width: 5vw;
  margin-top: 1400px;
}

@media (max-width: 991px) {
  body.hasHover .eventPostListItem:hover .eventContent h5 {
    color: #ed5024;
  }

  body.hasHover .eventPostListItem:hover .eventViewEvent .event-tag {
    visibility: hidden;
  }
  #tempalteABlock3 {
    background-color: #FFFFFF;
    margin-bottom: 50px;
  }
  .leftTextImageRightBoxBG .mainContentBox {
    text-align: left;
  }
  /*.leftTextImageRightBoxBG + .triangleBoxLeft {
    margin-top: 0;
  }*/
  /*.rightTextImageLeftBox + .triangleBoxRight {
    margin-top: -190px;
  }*/
  .secondaryPageHeaderText.slider .pageNavigator {
    width: 85px;
    top: 20px;
    right: 30px;
    left: auto;
  }
}

@media (max-width: 768px) {
  .templateG .interiorPageBackgroundImage {
    height: 630px;
  }

  .eventPostListItem {
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
  }

  .eventPostListItem .eventDateTime {
    order: 4;
  }

  .eventPostListItem .blueArticleLabel img, .eventPostListItem .blueArticleLabel span {
    display: inline-block;
  }

  .eventPostListItem .eventViewEvent {
    display: none;
  }

  .templateG .ninePostBlock {
    margin-top: 50px;
    padding: 0;
  }

  .secondaryPageHeaderText.slider {
    padding-left: 0;
  }

  .templateG .mainFooterWithThreeArticles {
    margin-top: 200px;
  }
}

/* - Tamplate I - */

.templateI .interiorPageBackgroundImage.rightSkew {
  height: 680px;
}

.templateI .interiorPageBackgroundImage .imageDiv {
  background-image: url(/Businessolver/media/businessolver/Images/homepage-header-image.jpg);
}

.templateI .interiorPageBackgroundImage .colorDiv {
  background-color: black;
  opacity: 0.8;
}

.templateI .secondaryPageHeaderText h6 {
  max-width: 625px;
  float: none;
}

.templateI .buttonGroup {
  margin-top: 85px;
}

.templateI .buttonGroup a {
  font-size: 16px;
  font-weight: 600;
  margin-left: 50px;
}

.templateI .buttonGroup a img {
  height: 30px;
}

body.hasHover .templateI .buttonGroup a:hover {
  text-decoration: none;
}

.templateI .buttonGroup .rightImageText {
  text-align: right;
  margin-top: -240px;
}

.templateI .buttonGroup .rightImageText img {
  width: 300px;
  border: solid 15px white;
  box-shadow: 0px 22px 60px rgba(80,80,80,.6);
  margin-bottom: 30px;
}

.templateI .buttonGroup .rightImageText p {
  max-width: 370px;
  margin: 0 0 0 auto;
}

#templateIBlock1 .rightImage {
  order: 2;
}

#templateIBlock1,
#templateIBlock2 {
  margin-bottom: 50px;
}

#templateIBlock1 svg,
#templateIBlock2 svg {
  margin-left: 50px;
}

#templateIBlock1 h4,
#templateIBlock2 h4 {
  max-width: 765px;
  margin-bottom: 30px;
}

#templateIBlock1 p,
#templateIBlock2 p {
  max-width: 675px;
}

#templateIBlock1 button,
#templateIBlock2 button {
  margin-top: 30px;
}

#templateIBlock1 .backImage,
#templateIBlock2 .backImage {
  /*background-image: url(images/placeholder-01.jpg);*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 550px;
  height: 400px;
  margin-top: 50px;
}

#templateIBlock1 .backImage {
  margin-left: auto;
  margin-right: 0;
}

#templateIBlock2 .backImage {
  background-image: url(images/placeholder-02.jpg);
}

.templateI #templateBBlock2 {
  margin-top: 150px;
}

#templateIBlock5 {
  margin-top: 100px;
  margin-bottom: 100px;
}

#templateIBlock5 h4 {
  margin-bottom: 50px;
}

#templateIBlock5 .slider .sliderContent h2.title {
  color: #a3be5f;
  margin-top: 0;
}
/*#myCarousel .carousel-inner .item .sliderContent {
    padding-bottom: 80px;
}*/
.slider {
  position: relative;
}

.slider .sliderContents img {
  max-width: 90%;
}

.slider .pagenation {
  position: absolute;
  width: calc(100% + 80px);
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
}

.slider .pagenation .control {
  opacity: .6;
  cursor: pointer;
  float: left;
}

body.hasHover .slider .pagenation .control:hover {
  opacity: 1;
}

.slider .pagenation .next {
  transform: rotate(180deg);
  float: right;
}

.slider .sliderDots {
  text-align: center;
}

.slider .sliderDots .sliderDot {
  width: 5px;
  height: 5px;
  background-color: black;
  opacity: 0.3;
  border-radius: 5px;
  display: inline-block;
}

.slider .sliderDots .sliderDot.active {
  opacity: 0.7;
}

/*.templateI #homepageDemoBox {
  margin-top: 100px;
  padding: 0;
  border: 1px solid #dddddd;
}*/

/*.templateI .mainFooter {
  margin-top: 300px;
}*/

.templateI .mainFooterBackgroundImgOutside,
.templateI .mainFooterBackgroundImg {
  height: 1302px;
}

/*.templateI .threeContentBlock {
  margin-top: 0;
}*/
.tyRelatedContent .contentBlockPost {
  width: 31%;
}
.sliderContents .contentBlockPost {
  width: 33.33%;
  margin-right: 0;
}

.sliderContents .contentBlockPost .blueArticleLabel .postMoreIcon {
  float: right;
}

.sliderContents .contentBlockPost .blueArticleLabel .dateText {
  text-align: left;
  opacity: .6;
}

@media (max-width: 1272px) {
  .templateI .interiorPageBackgroundImage.rightSkew {
    height: 747px;
  }
}

@media (max-width: 991px) {
  .templateI .buttonGroup .rightImageText {
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .templateI .interiorPageBackgroundImage.rightSkew {
    height: 665px;
  }

  .templateI #templateBBlock2PartOne,
  #templateIBlock4 {
    margin-bottom: 50px;
  }

  /*.templateI .mainFooter {
    margin-top: 550px;
  }*/

  #templateIBlock1 .backImage,
  #templateIBlock2 .backImage {
    max-width: 100%;
    width: 100%;
    margin-bottom: 30px;
  }

  .templateI .buttonGroup > a {
    display: block;
    margin-top: 50px;
  }

  .sliderContents .contentBlockPost {
    width: 100%;
  }
}

/* - Tamplate L - */

.templateL .interiorPageBackgroundImage .imageDiv {
  background-image: url(/Businessolver/media/businessolver/Images/homepage-header-image.jpg);
}

.templateL .interiorPageBackgroundImage .colorDiv {
  opacity: 0.8;
  background-color: #00205c;
}
#templateLBlock1 {
    margin-top: -100px;
    float: left;
    width: 100%;
}
#templateLBlock1 img {
  max-width: 100%;
  border-radius: 3px;
  margin: 0px 0 0 auto;
  display: block;
}

#templateLBlock2 {
  margin-bottom: 50px;
}

#templateLBlock2 .threeContentTab {
  margin-top: 50px;
  border: solid 1px #dddddd;
  position: relative;
}

#templateLBlock2 .threeContentTab .tabTitles {
  display: flex;
}

#templateLBlock2 .threeContentTab .tabTitle {
  background-color: #f8f8f8;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  cursor: pointer;
}

body.hasHover #templateLBlock2 .threeContentTab .tabTitle:hover,
#templateLBlock2 .threeContentTab .tabTitle:focus {
  text-decoration: none;
}

#templateLBlock2 .threeContentTab .tabTitle p {
  margin: 0;
  padding: 15px 0;
  font-size: 18px;
}

#templateLBlock2 .threeContentTab .tabTitle:last-child {
  border-right: none;
}
/*   #box-fifteen:target ~ .tabs a[href="#box-fifteen"]  --- #templateLBlock2 .tabContents .tabContentPart:target */
/*#templateLBlock2 .threeContentTab .tabTitle.active {*/
#templateLBlock2 .threeContentTab .tabTitle.active,
#templateLBlock2 .threeContentTab #tabContent0:target ~ .tabTitles a[href="#tabContent0"],
#templateLBlock2 .threeContentTab #tabContent1:target ~ .tabTitles a[href="#tabContent1"],
#templateLBlock2 .threeContentTab #tabContent2:target ~ .tabTitles a[href="#tabContent2"] {
  background-color: white;
  border-bottom: none;
}

/*#templateLBlock2 .threeContentTab .tabTitle.active p {*/
#templateLBlock2 .threeContentTab .tabTitle.active p ,
#templateLBlock2 .threeContentTab #tabContent0:target ~ .tabTitles a[href="#tabContent0"] p,
#templateLBlock2 .threeContentTab #tabContent1:target ~ .tabTitles a[href="#tabContent1"] p,
#templateLBlock2 .threeContentTab #tabContent2:target ~ .tabTitles a[href="#tabContent2"] p {
  color: #ed5024;
}


#templateLBlock2 .tabContents {
  padding: 50px 100px;
}

#templateLBlock2 .tabContents .tabContentPart {
  display: none;
}

#templateLBlock2 .tabContents .tabContentPart:target, #templateLBlock2 .tabContents .tabContentPart.active {
  display: block;
}

.tabContents h6 {
  max-width: 210px;
  float: none;
}

.tabContent {
  margin-bottom: 50px;
}

.tabContent .buttonOrangeOutline {
  margin-top: 30px;
  margin-bottom: 15px;
}

.tabComment {
  opacity: 0.6;
  font-style: italic;
  float: left;
  width: 100%;
  clear: left;
}

.officeLocation {
  /*background-image: url(images/placeholder-01.jpg);*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 216px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.officeLocation .locationText {
  position: absolute;
  bottom: 30px;
  left: 30px;
  text-align: left;
}

.officeLocation .locationText h5,
.officeLocation .locationText p {
  padding: 0;
  margin: 0;
  line-height: 1.2;
  max-width: 260px;
}

.officeLocation .locationText .locationDetails {
  display: none;
}

body.hasHover .officeLocation:hover .locationText .locationDetails {
  display: block;
}

body.hasHover .officeLocation:hover .locationText h5 {
  color: #ed5024;
  margin-bottom: 15px;
}

.officeLocation .mask {
  position: absolute;
  background-color: transparent;
  left: 0;
  top: 0;
  width: 100%;
  height: 300px;
}

body.hasHover .officeLocation:hover .mask {
  background-color: black;
  opacity: 0.6;
}

#templateLBlock3 {
  margin-bottom: -450px;
}

#templateLBlock3 .threeContentTab {
  background-color: white;
}

.bottomLocation {
  padding-top: 50px;
  background-color: #f8f8f8;
}

.bottomLocation > img,
.bottomLocation > div {
  display: inline-block;
  text-align: left;
}

.bottomLocation > img {
  padding-bottom: 50px;
  padding-right: 30px;
  max-width: 200px;
}
.tabTitles {
    float: left;
    width: 100%;
}
.officeTitle {
    margin-bottom: 20px;
}
/*.officeLocationSection {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}*/
.bottomLocation p {
  max-width: 290px;
}

.templateL .heartLogo {
  margin-top: 350px;
}

.templateL .mainFooterBackgroundImg {
  height: 1430px;
}

.templateL .mainFooterBackgroundImgOutside {
  height: 1330px;
}

#templateLTriangle1 {
  position: absolute;
  right: 0;
  width: 5vw;
  margin-top: 1300px;
}

@media (max-width: 1272px){
  /*.templateL .interiorPageBackgroundImage.rightSkew {
      height: 720px;
  }*/
}

@media (max-width: 991px) {
  .templateL .secondaryPageHeaderText h6 {
    max-width: 57%;
  }

  /*.templateL .interiorPageBackgroundImage.rightSkew {
    height: 710px;
  }*/

  #templateLBlock1 img {
    margin-top: -70px;
  }
}

@media (max-width: 768px) {
  .templateL .secondaryPageHeaderText h6 {
    max-width: 100%;
  }

  .bottomLocation > img {
    padding-right: 0;
    padding-bottom: 30px;
  }

  .bottomLocation {
    padding-bottom: 50px;
  }

  #templateLBlock1 img {
    margin-top: 0;
  }
}

/* - Tamplate M - */

.templateM .interiorPageBackgroundImage .imageDiv {
  background-image: url(/Businessolver/media/businessolver/Images/homepage-header-image.jpg);
}

.templateM .secondaryPageHeaderText h6 {
  max-width: 568px;
}

#templateMBlock1 {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-top: -70px;
}
#templateMBlock1 .col-md-2.hidden-sm-hidden-xs {
  display: none;
}
#templateMBlock1 .contact select {
  background-color: transparent;
}
#templateMBlock1 img {
  max-width: 100%;
}

#templateMBlock1 .yellowBack {
  padding: 30px;
  background-color: #ffce35;
  margin-top: -350px;
  position: relative;
}
#templateMBlock1 .yellowBack p {
  margin-bottom: 0;
}
#templateMBlock1 .yellowBack img {
  max-width: 240px;
  position: absolute;
  right: 30px;
  top: 50px;
}

#templateMBlock1 .yellowBack .leftText {
  position: relative;
}

#templateMBlock1 .yellowBack .leftText h4 {
  float: none;
  margin-top: 0;
}

#templateMBlock1 .contact {
  padding: 30px 30px 50px;
  border: solid 1px #dddddd;
  border-top-style: none;
  position: relative;
  background-color: white;
}

.contact button {
  position: absolute;
  right: 30px;
  bottom: -40px;
}

.contact input, .contact select {
  font-size: 16px;
  width: 100%;
  min-width: 100%;
  padding: 10px;
  margin: 0 0 30px;
  border: solid 1px #dddddd;
  border-radius: 3px;
}

.contact .hs_would_you_like_to_subscribe_to_our_blog_ input {
  width: auto;
}
.contact .hs-fieldtype-select .hs-error-msgs label, .contact .hs-fieldtype-checkbox .hs-error-msgs label {
  display: block;
}
.contact .hs-fieldtype-checkbox .hs-error-msgs label {
margin-top: 8px;
}
.hs-fieldtype-checkbox {
  margin-top: 15px;
  padding-bottom: 10px;
}
.error {
    border: solid 5px red !important;
    background-color: #f9b9b9 !important;
}
.hs-error-msgs label {
  display: block;
}
#templateMBlock2 .sliderContent .rightContent .authorName {
  color: inherit;
}
#templateMBlock2 .sliderContent .photo {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  float: left;
  background-size: cover;
  margin-right: 25px;
}
.carouselLeft, .carouselRight, .slick-next, .slick-prev, .slick-next-two, .slick-prev-two  {
  background-image: url(/Businessolver/media/businessolver/Theme/Images/arrow-circle-dark.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  filter: none !important;
  margin-left: -120px;
}
.carouselRight, .slick-next, .slick-next-two {
  transform: scaleX(-1);
  margin-left:0;
  margin-right: -120px;
}
.carouselWhiteArrows .carouselLeft, .carouselWhiteArrows  .carouselRight {
  background-image: url(/Businessolver/media/businessolver/Theme/Images/arrow-circle-white.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  filter: none !important;
  background-size: 35px;
  margin-left: -80px;
}
.carouselWhiteArrows  .carouselRight {
  margin-right: -150px;
}
.slick-next, .slick-next-two {
  margin-top: 100px;
  float: right;
  height: 36px;
  width: 36px;
  cursor: pointer;
}
.slick-next-two {
  margin-top: 22px;
}
.slick-prev, .slick-prev-two {
  margin-top: 100px;
  float: left;
  height: 36px;
  width: 36px;
  cursor: pointer;
}
.slick-prev-two {
  margin-top: 22px;
}
.sliderContent {
  padding: 0 10px;
  align-items: center;
}
.individualSliderContent {
  text-align: center;
}
.individualSliderContent {
  line-height: 1.4;
}
.slickCarousel  {
  margin-top: 20px;
}
/*#templateMBlock2 .sliderContent .photo img {
  width: 100%;
  max-width: 100%;
  border-radius: 200px;
  overflow: hidden;
}*/

#templateMBlock2 .sliderContent .rightContent {
  padding: 15px;
  width: calc(100% - 209px);
}

#templateMBlock2 .sliderContent .rightContent .authorName {
  opacity: 0.6;
  font-style: italic;
}

#templateMTriangle1 {
  width: 6vw;
  position: absolute;
  left: 0;
  margin-top: 700px;
}

@media (max-width: 1300px) {
  #templateMBlock1 .yellowBack img {
    position: relative;
    display: block;
    margin: -100px auto 30px;
    top: auto;
  }
  .partner-logo h5 {
    font-size: 20px;
  }
  .templateD .partners .contentBlockPost .partner-logo .hover-text {
    max-width: 90%;
    width: 90%;
  }
}

@media (max-width: 991px) {
  #templateMBlock1 .yellowBack {
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  #templateMBlock1 {
    margin-bottom: 100px;
  }

  #templateMBlock1 .yellowBack {
    margin-top: 100px;
  }

  #templateMBlock2 .sliderContent .rightContent {
    width: 100%;
  }

  #templateMBlock2 .sliderContent .photo {
    margin: 0 auto;
  }
}

/* - Tamplate P - */
#notFoundPage {
  margin-top: 200px;
}
#notFoundPage .interiorPageBackgroundImage {
    -webkit-transform: skewY(-8deg);
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    transform: skewY(-8deg);
    height: 600px;
}
#notFoundPage .colorDiv {
    background-color: #F8F8F8;
    opacity: 1;
    margin-top: -140px;
    height: 1200px;
}
#notFoundPage img {
  width: 100%;
  float: left;
}
#notFoundPage h1 {
  margin-top: 150px;
}
.form-group {
  float: left;
}
.editing-form-value-cell {
  float: left;
  width: 100%;
}
.mainPostBodyCopy .form-control {
    width: 50%;
    padding: 14px 12px;
    height: auto;
    min-width: 400px;
    margin-top: 5px;
    margin-right: 50px;
}
.opacityEighty {
  opacity: .8;
}
.btn-default {
  border: none;
}
.new-content {
    display:block !important
}
 .form-group-submit .btn-default {
   margin-top: 32px;
 }
 /* CMS Styles */
 #p_lt_WebPartZone3_ZoneContent_pageplaceholder_p_lt_WebPartZone4_ZoneSearch_SmartSearchResults_srchResults_pnlSearchResults {
    float: left;
    width: 100%;
    margin-top: 50px;
}
#p_lt_WebPartZone3_ZoneContent_pageplaceholder_p_lt_WebPartZone4_ZoneSearch_SmartSearchResults_srchResults_pnlSearchResults span {
color: #161f30 !important;
}
#p_lt_WebPartZone3_ZoneContent_pageplaceholder_p_lt_WebPartZone4_ZoneSearch_SmartSearchResults_srchResults_pnlSearchResults a {
color: #161f30;
font-size: 26px;
}
#wp_a8825d0ea2e54248a84454886b7b45aa_container {
  z-index: 1;
position: relative;
float: left;
}
#p_lt_WebPartZone3_ZoneContent_pageplaceholder_p_lt_WebPartZone2_ZoneBannerButton_container {
  max-width: 75%;
}
.WebPartZoneBorder, .WebPartZoneBorderActive{
  position: relative;
  z-index: 5;
}







/* TEMPLATE F */
.contentBlockPost {
  float: left;
  width: 30%;
  border: 1px solid #E4E4E4;
  padding: 20px;
  margin-right: 5%;
  margin-bottom: 5%;
  cursor: pointer;
  position: relative;
}

.threeBlockLatestResource {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  clear: both;
}

.threeBlockLatestResource > a {
  width: 30%;
  border: 1px solid #e4e4e4;
  margin-bottom: 50px;
  text-decoration: none;
  background-color: #FFFFFF;
}

.threeBlockLatestResource > a .contentBlockPost {
  float: none;
  width: auto;
  border: none;
  margin: 0;
}

.threeBlockLatestResource > a .contentBlockPost h6 {
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .threeBlockLatestResource > a {
    width: 48%;
  }
}

@media (max-width: 768px) {
  .threeBlockLatestResource > a {
    width: 100%;
  }

  .threeBlockLatestResource > a .contentBlockPost .postImage {
    margin-bottom: 20px;
  }
}

.moreContentYouMightLike .contentBlockPost:nth-child(3), .moreContentYouMightLike .contentBlockPost:nth-child(6), .moreContentYouMightLike .contentBlockPost:nth-child(9) {
  margin-right: 0;
}
.contentBlockPost .postImage {
    float: left;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-top: -20px;
    height: 195px;
    background-size: cover;
    overflow: hidden;
}
.contentBlockPost .blueArticleLabel {
    margin-top: 20px;
}
.contentBlockPost h6 {
  margin-bottom: 0;
}
.postIcon {
  float: left;
}
.floatLeft {
  float: left;
  text-align: left;
}
.filterNews, .filterEvents {
    float: left;
    width: 100%;
    padding-bottom: 40px;
    margin-top: 20px;
}
.filterEvents {
  margin-top: 50px;
}
.filterLabel {
  opacity: .6;
  font-size: 16px;
  color: #161f30;
  border-bottom: 1px solid #dddddd;
  min-width: 300px;
  padding-right: 30px;
  padding-bottom: 15px;
  background-image: url('/Businessolver/media/businessolver/Theme/Images/dropdown-arrow.svg');
  background-repeat: no-repeat;
  background-position: right+15px center;
  float: left;
  background-size: 13px;
  cursor: pointer;
}
body.hasHover .filterLabel:hover {
  opacity: 1;
}
.filterDropdown {
    display: none;
    float: left;
    width: 100%;
    margin-top: 20px;
}
.filterDropdown table {
  width: 540px;
  color: #161f30;
}
.filterDropdown table a {
  color: #53565a;
}
body.hasHover .filterDropdown table a:hover, .filterDropdown table .selectedItem {
  color: #ed5024;
  text-decoration: none;
}
.selectedItem {
    background-image: url(/Businessolver/media/businessolver/Theme/Images/close-orange.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto;
    padding-right: 30px;
}
.ninePostBlock {
    margin-top: 340px;
}
body.hasHover .contentBlockPost:hover h6 {
  color: #ed5024;
}
.postImageHover {
    display: none;
    background-color: rgba(237,80,36,.8);
    width: 100%;
    height: 100%;
    z-index: 5;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    content: "View Resource";
}
body.hasHover .contentBlockPost:hover .postImageHover {
  display: flex;
  justify-content: center;
  align-items: center;
}
#templateFTriangleOne {
  position: absolute;
  left: 0;
  width: 8.1vw;
  margin-top: 1035px;
}
.pageNavigator {
  width: 200px;
  margin: 60px auto 0;
}
.numberOfScreenOn {
    text-align: left;
    max-width: 45px;
    margin: 0 auto;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #161f30;
    font-size: 12px;
}
.numberCurrent {
  max-width: 50px;
}
.lineSeperatingNumbers {
    display: inline-block;
    width: 58px;
    border: 1px solid #161f30;
    -ms-transform: rotate(-43deg);
    transform: rotate(-45deg);
    -ms-transform-origin: top center;
    transform-origin: top center;
    position: relative;
    top: -9px;
    left: -11px;
    opacity: 0.6;
}
.numberTotal {
  max-width: 39px;
  text-align: right;
  position: relative;
  top: -13px;
  display: block;
}
.leftArrow {
  float: left;
  cursor: pointer;
  margin-top: -75px;
  opacity: 0.6;
}
.rightArrow {
  float: right;
  transform: rotate(180deg);
  cursor: pointer;
  margin-top: -75px;
  opacity: 0.6;
}
body.hasHover .leftArrow:hover, body.hasHover .rightArrow:hover {
  opacity: 1;
}
.topMargin180 {
  margin-top: 180px;
}
.subFooterThreeCTA {
  text-align: center;
  margin: 180px 0 0px;
}
.subFooterThreeCTA .subFooterBackgroundImg {
  height: 770px;
}
.mainSubfooterContentSection {
  position: relative;
  z-index: 10;
}
.extraSmallPageNavigation {
    margin-top: 0;
    text-align: center;
}
.swipeToView {
  font-size: 18px;
  color: #161f30;
  background-image: url('/Businessolver/media/businessolver/Theme/Images/swipe.svg');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
  width: 210px;
  text-align: left;
  margin: 0 auto;
  display: inline-block;
}
.threeDots {
  width: 40px;
  margin: 15px auto 0;
  display: inline-block;
}
.dot {
  opacity: 0.2;
  background-color: #000000;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  float: left;
  margin-right: 5px;
  cursor: pointer;
}
.dot:last-child {
  margin-right: 0;
}
.dotSelected {
  opacity: 0.6;
  background-color: #161f30;
}
.noBottomPaddingOrMargin {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* TEMPLATE J*/

.templateJ .secondaryPageHeaderText p {
    margin: 0px;
}

.templateJ .secondaryPageHeaderText h3 {
    margin-top: 35px;
}

.templateJ .secondaryPageHeaderText h6 {
    margin: 25px 0px 75px 0px;
    padding: 0 300px 0 0;
    font-family: OpenSans;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.templateJ-container {
    padding-bottom: 75px;
    padding-top: 50px;
}
.partners.row  {
  display: flex;
  flex-direction: row;
  height: 100%;
  flex-wrap: wrap;
  position: relative;
}
.partnersExpandedItem {
  width: 25% !important;
}
.partners .executives-info-dropdown-container a {
  width: unset;
}
.partners .executives-info-dropdown-container p {
  width: 100%;
  float: left;
}
.partners .executives-info-dropdown-container ul {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.templateD .partners .contentBlockPost {
  width: 100%;
  height: 100%;
}

.executives-card-row .col-md-3 {
    padding: 0;
}
.executives-card-row .col-md-3 .card {
    background-color: white;
    border: solid 1px #dddddd;
    overflow: hidden;
}
.templateJ-container .executives-card-row [data-expanded="expanded"] .card-body {
  background-color: #ed5024;
}
.templateJ-container .executives-card-row [data-expanded="expanded"] .card-body:after {
  content: '';
  background-image: url(/Businessolver/media/businessolver/Theme/Images/leadershipTriangle.svg);
  width: 35px;
  height: 24px;
  position: absolute;
  margin-left: -17px;
  margin-top: 9px;
  background-repeat: no-repeat;
}
.templateJ-container .executives-card-row [data-expanded="expanded"] .card-text, .templateJ-container .executives-card-row [data-expanded="expanded"] .text-muted {
  color: #FFFFFF !important;
}
.executives-card-row .card-body {
    padding: 10px 0px;
    /*position: relative;*/
    min-height: 80px;
    background-color: #FFFFFF;
}
body.hasHover .card:hover {
  cursor: pointer;
}
/*.card:hover img {
  transform: scale(1.1);
}*/
body.hasHover .card:hover .card-body {
  background-color: #ed5024;
}
body.hasHover .card:hover .card-text, body.hasHover .card:hover .text-muted {
  color: #FFFFFF !important;
}
.bottomBioContent {
    width: 100%;
    position: absolute;
    background: #f8f8f8;
    left: 0;
    right: 0;
    padding: 30px;
    display: none;
}
.card-img-top {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

body.hasHover .expand-one .card-img-top:hover{
    position: relative;
    transform: scale(1.2);
}

.executives-card-row .col-md-3 .card .card-text {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    color: #1b3150;
    margin-bottom: 1px;
}

.executives-card-row .col-md-3 .card .text-muted {
    font-family: OpenSans;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #898a8d;
}

.executives-info-dropdown-container {
    background-color: #f8f8f8;
    margin: 0 15px 0 15px;
    padding: 59px 250px 67px 250px;
    float: left;
    display: none;
}
.templateJ-container .executives-info-dropdown-container {
  margin: 0 0 0 -15px;
  width: calc(100% + 30px);
}
.content-one {
    display: none;
}

.executives-card-row a {
    text-decoration: none;
}

#expand-one {
    background-color: black;
}

.expand-one .card {
    position: relative;
    overflow: hidden;
}
/*
.executives-info-dropdown-container .col-md-12 {
    font-family: OpenSans;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.89;
    letter-spacing: normal;
    text-align: left;
    color: #161f30;
}
*/
.executives-card-info-name {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.31;
    color: #00205c;
}

.One-look-at-the-expe {
    width: 750px;
    height: 90px;
    font-family: OpenSans;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    /*color: var(--white);*/
}

.The-Businessolver-Ex {
    width: 900px;
    height: 137px;
    font-family: OpenSans;
    font-size: 48px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    /*color: var(--white);*/
}

@media(max-width: 991px) {
  .executives-info-dropdown-container {
    padding: 30px;
    min-width: 100%;
    margin: 0;
  }
  .executives-card-row {
    margin: 0;
  }
  .closeLeadershipBtn {
    display: none;
    margin-right: 0;
  }
}


/* TEMPLATE K */
.dateLine {
  font-size: 14px;
  color: #161f30;
  opacity: .6;
  background-image: url('/Businessolver/media/businessolver/Theme/Images/calendar.svg');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 22px;
  float: left;
  width: 100%;
}
.newsPostListItem {
    float: left;
    border-top: solid 2px #dddddd;
    padding: 35px 55px;
    cursor: pointer;
    width: 100%;
}
.newsPostListItem:first-child {
  border: 0;
}
body.hasHover .newsPostListItem:hover {
    background-color: #f8f8f8;
}
body.hasHover .newsPostListItem:hover h5 {
    color: #ed5024;
}
.postToOutsideSource {
    background-image: url('/Businessolver/media/businessolver/Theme/Images/external-link.svg');
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: right+40px center;
    padding-right: 135px;
}
body.hasHover .postToOutsideSource:hover {
  background-image: url('/Businessolver/media/businessolver/Theme/Images/readNewsText.svg');
  background-size: 90px;
}
.socialIconsOnPost {
    background-color: #ed5024;
    float: left;
    margin-top: 30px;
    padding: 10px;
    border-radius: 4px;
    color: #FFF;
}
.socialIconsOnPost img {
  float: left;
  margin-left: 12px;
}
body.hasHover .socialIconsOnPost img:hover {
  opacity: .6;
}
.socialIconsOnPost span {
  float: left;
  margin-top: 2px;
}
.WhiteSocialVersion {
  float: right;
  background-color: #FFFFFF;
  border: 1px solid #dddddd;
  color: #161f30;
}
.tyRelatedContent .contentBlockPost:nth-child(3) {
  margin-right: 0;
}
.headerWithNoText {
  height: 510px !important;
}
.textOn404 {
  min-height: 130px !important;
}
#secondaryPageHeaderText a {
  color: #FFF;
  text-decoration: underline;
}
body.hasHover #secondaryPageHeaderText a:hover {
  color: #FFF;
  opacity: .6;
}
.mainPostBodyCopy {
  float: left;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 50px;
}
.interiorPageBackgroundImage.swapAngle {
  -webkit-transform: skewY(-8deg);
  -moz-transform: skewY(-8deg);
  -ms-transform: skewY(-8deg);
  -o-transform: skewY(-8deg);
  transform: skewY(-8deg);
  height: 100%;
}
.interiorPageBackgroundImage.swapAngle .imageDiv, .interiorPageBackgroundImage.swapAngle .colorDiv {
  -webkit-transform: skewY(8deg);
  -moz-transform: skewY(8deg);
  -ms-transform: skewY(8deg);
  -o-transform: skewY(8deg);
  transform: skewY(8deg);
}
.HeaderSection {
    display: flex;
    flex-direction: row;
    height: 100%;
    position: relative;
    /*padding-bottom: 150px;*/
}
.HeaderSection .centeredContent {
  width: 100%;
}
.headerResources, .headerEvents {
  padding-bottom: 0;
}
/*.headerResources .interiorPageBackgroundImage.swapAngle {
  height: 90%;
}*/
.carousel .postIcon {
  width: 20px;
    margin-top: 4px;
    margin-right: 10px;
}
.italicFont {
  font-style: italic;
  font-weight: 700;
}
/*.headerEvents .interiorPageBackgroundImage.swapAngle {
  height: 90%;
}*/
.heightFifty {
  height: 50px;
  width: 100%;
}
.heightOneHundred{
  height: 100px;
  width: 100%;
}
.heightOneHundredFifty{
  height: 150px;
  width: 100%;
}
.carousel {
    margin-left:50px;max-width:1330px;
}
.linkedinSocialShare {
  margin-top: 3px;
}
.twitterSocialShare {
  margin-top: 6px;
}
.emailSocialShare {
  margin-top: 6px;
}
.mainPostBodyCopy img {
    float: left;
    width: 110%;
    margin: 10px 0 50px -5%;
}
.EditMode #p_lt_WebPartZone3_ZoneContent_pageplaceholder_p_lt_WebPartZone3_ZoneThumbBanner_EditableImage_ucEditableImage_pnlEditor {
  margin-right: 50px;
}
.EditMode #p_lt_WebPartZone3_ZoneContent_pageplaceholder_p_lt_WebPartZone4_ZoneWidget_container {
  position: relative;
  z-index: 1;
}
.calloutQuote{
  color: #00205c;
  float: left;
  width: 110%;
  margin: 30px 0 30px -5%;
  font-size: 26px;
  font-style: italic;
  line-height: 1.46;
  padding: 0;
}
blockquote {
  float: left;
  width: 110%;
  margin: 30px 0 30px -5%;
  border: none;
}
blockquote p {
  color: #00205c;
  font-size: 26px;
  font-style: italic;
  line-height: 1.46;
}
.mainPostBodyCopy p {
    padding: 10px 0;
	margin-bottom: 0;
}
.mainPostBodyCopy h5 {
  margin-top: 50px;
}
.subFooterThreeArticles {
    float: left;
    width: 100%;
    margin-top: -280px;
    margin-bottom: 80px;
}
.threeArticlesBlock {
  float: left;
  width: 33%;
  background-color: #FFFFFF;
  border: 1px solid #dddddd;
  padding: 40px;
  cursor: pointer;
}
body.hasHover .threeArticlesBlock:hover {
  background-color: #f8f8f8;
}
body.hasHover .threeArticlesBlock:hover h6 {
  color: #ed5024;
}
.dateLineNoIcon {
  font-size: 14px;
  color: #161f30;
  opacity: .6;
  float: left;
  width: 100%;
  margin-top: 5px;
}
.threeArticlesBlock:nth-child(1), .threeArticlesBlock:nth-child(2) {
  border-right: 0;
}
.headerWithTriangle {
  float: left;
  text-align: center;
  width: 100%;
}
.headerWithTriangle svg {
    margin: 0 auto;
}
.floatLeftWidth100 {
  float: left;
  width: 100%;
}
#templateKOne1 {
    width: 8.4vw;
    position: absolute;
    left: 0;
    margin-top: 1150px;
}
#templateKOne2 {
    width: 4.7vw;
    position: absolute;
    left: 0;
    margin-top: 1560px;
}
#templateKOne3 {
    width: 6.8vw;
    position: absolute;
    right: 0;
    margin-top: 2000px;
}
#templateKOne4 {
    width: 6.8vw;
    position: absolute;
    left: 0;
    margin-top: 2550px;
}


/* TEMPLATE O */
.templateODownload {
  float: right;
  border: solid 11px #ffffff;
  width: 240px;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.3);
}
.downloadItem {
  float: right;
  margin-top: 510px;
}
.downloadItem h5, .downloadItem p {
  float: left;
  width: 100%;
  text-align: right;
}


/* Note: this .socialIconsOnPost styling overrides left-aligned orange share boxes. If this class is to be updated/used it needs to tie to a parent class to avoid conflict */

/* .socialIconsOnPost {
  float: right;
  background-color: #FFFFFF;
  border: solid 1px #dddddd;
  color: #161f30;
  margin-top: 20px;
} */
.downloadOrangeButton {
  margin-top: 70px;
}
/*.threeContentBlock {
  width: 100%;
  float: left;
  margin-top: 50px;
}*/
.threeContentBlock h4 {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 50px
}
.threeContentBlock svg {
  width: 39px;
  margin: 0 auto;
}
.moreContentYouMightLike .extraSmallPageNavigation {
    float: left;
    width: 100%;
}








/* - Configure page RESPONSIVE - */
@media (max-width: 1460px) {
  #homepageHeaderSection {
    margin-top: 50px;
  }
  #homepageHeaderSection h1 {
    line-height: 1.1;
  }
  #homepageTriangleSetOne {
    margin-top: -141px;
  }
  #homepageTriangleSetTwo {
    margin-top: 650px;
  }
  #homepageTriangleSetFour {
    margin-top: 2193px;
  }
}
@media (max-width: 1400px) {
  #homepageHeaderSection {
    margin-top: 30px;
  }
  #homepageHeaderSection h1 {
    font-size: 85px;
  }
  .centeredContent {
      margin: 0 15px;
  }
  .centeredContentNoPadding {
    margin: 0 15px;
  }
}
@media (max-width: 1295px) {
  #homepageHeaderSection h6 {
    width: 500px;
  }
  .homepageHoverTextbox {
    /*
    margin-left: -16%;
    width: 122%;
    */
    padding: 196px 25px 25px;
  }
}

@media (max-width: 1215px) {
  .socialMediaFooterIcons {
    margin: 70px 4.3% 0;
  }
  .mainFooterMenu li {
    font-size: 16px;
  }
  #homepageHeaderSection {
    margin-top: 0px;
  }
}
@media (max-width: 1180px) {
  #mainNav {
    margin-top: 0px;
  }
  #mainNav ul li a {
    font-size: 15px;
  }
  #homepageHeaderSection h1 {
    font-size: 70px;
  }
  #homepageHeaderSection h6 {
    width: 410px;
    font-size: 15px;
  }
  .homepageHoverTextbox {
    margin-left: -10%;
    width: 105%;
    padding: 184px 15px 15px;
    margin-top: -195px;
  }
  .fourIconSection .homepageHoverTextbox h5 {
    font-size: 34px;
  }
  .centeringBigTriangleBox {
    /*min-height: 500px;*/
  }
}
@media (max-width: 1140px) {
  #requestDemoBtn {
    margin-left: 15px;
    padding: 15px;
    margin-top: -9px;
  }
  #loginLink {
    font-size: 15px;
    margin-top: 6px;
  }
  #bsLogo {
    width: 200px;
  }
  /*#mainNav ul {
    margin-top: -4px;
  }*/
  .mainFooterMenu li {
    font-size: 14px;
    padding: 0 15px;
  }
  /*#mainNav ul li a {
    font-size: 14px;
  }*/
    .theMainMenu, .desktopRightBtns {
        margin-top: -10px;
    }
}
@media (max-width: 1050px) {
    .theMainMenu {
        margin-top: 10px;
    }

    .desktopRightBtns {
        margin-top: -10px;
    }
}

    @media (max-width: 1030px) {
        #bsLogo {
            width: 160px;
            margin-top: -10px;
        }

        /*#mainNav ul li a {
            font-size: 14px;
        }*/

        #loginLink {
            font-size: 14px;
        }

        #requestDemoBtn {
            margin-left: 10px;
            padding: 10px;
        }

        #mainNav ul {
            padding-left: 20px;
        }

        .mainFooterMenu li {
            font-size: 13px;
            padding: 0 14px;
        }
    }

    @media (max-width: 1000px) {
        /* .secondaryPageHeaderText .buttonOrangeBig {
            bottom: -80px;
        } */

        .secondaryPageHeaderText.ltrDown .buttonOrangeBig {
            bottom: 40px;
        }
    }
    @media (min-width: 1301px) {
      .centeredContent-item.banner-mb {
        padding-top: 100px;
      }
    }
@media (max-width: 1300px) {
    .centeredContent-item.banner-mb {
        padding-top: 60px;
    }
  }

    @media (max-width: 1040px) {
        #homepageBackground svg {
            min-width: 995px !important;
        }
        #homepageBackground {
            padding-bottom: 790px;
          }
        #homepageHeaderSection h1 {
            margin-top: 0;
        }
    }

    @media (max-width: 992px) {
      /*#mainFooterHomepage .mainFooterBackgroundImgOutside {
        height: auto;
        left: -380px !important;
        margin-top: -340px;
      }*/
      .newsPostBlock .contentBlockPost:nth-child(even) {
          margin-right: 0;
      }
      .newsPostBlock .contentBlockPost:nth-child(odd) {
          margin-right: 3%;
      }
      .threeCtaSections .greyCtaSection:last-child {
        margin-top: 0 !important;
      }
      .triangleBoxLeft {
        margin-top: -90px;
      }
      .mainRightContentBox {
        margin-top: 0px;
      }
      .textSnippetCallout {
          margin: 0;
      }
      .featuredWidgetBlocks {
        margin: 50px auto;
        max-width: 500px;
      }
      #mainNav {
        margin-top: 2px;
      }
      #templateEBlock1 .subPart:nth-child(3) .right-border {
        display: none;
      }
      /*#templateMBlock1 .col-md-5:first-child {
        width: 58.3333%
      }
      #tempalteMBlock1 .col-md-5:first-child * {
        max-width: 570px;
      }*/
      #tempalteMBlock1 .col-md-5:first-child img {
        width: 100%;
      }
      .partnersExpandedItem {
        width: 33.333% !important;
      }
      .twoCtaSections .greyCtaSection {
        margin-top: 30px !important;
        text-align: center;
      }
      .greyCtaSection .floatLeft {
        width: calc(100% - 160px);
        float: none;
        margin: 0 auto;
        text-align: center;
      }
      .subFooterThreeCTA {
        margin: 180px 0 20px;
      }
      .subFooterThreeCTA .subFooterBackgroundImg {
        top: 0px;
      }
      .triangleOnSide  {
        display: none;
      }
        #notFoundPage h1 {
            margin-top: -20px;
            text-align: center;
        }

        #notFoundPage h5 {
            text-align: center;
        }

        #notFoundPage {
            margin-top: 90px;
            padding: 0 50px;
        }

        .contentBlockPost {
            width: 47.5%;
        }

        .contentBlockPost:nth-child(3), .contentBlockPost:nth-child(6), .contentBlockPost:nth-child(9) {
            margin-right: 5%;
        }

        .contentBlockPost:nth-child(even) {
            margin-right: 0;
        }

        /*.newsPostBlock .contentBlockPost, .threeBlockLatestResource .contentBlockPost {
          margin-right: 0;
        }*/

        #templateFTriangleOne {
            display: none;
        }

        .tamplateOheaderText {
            margin-top: 10px;
        }

        #thank-you-social {
          margin-top: -130px;
        }
        .tyHeaderPage {
            height: 400px !important;
        }
    }

    @media (max-width: 900px) {
        #homepageFirstIcon {
            width: 80%;
        }
        .tyHeaderPage {
            height: 460px !important;
        }
        #firstHomepageCallout {
            margin-top: -180px;
        }

        .secondaryPageHeaderText .buttonOrangeBig {
            bottom: -70px;
        }

        #mainNav ul li {
            margin-left: 10px;
        }
    }

    @media (max-width:880px) {
        #mainNav ul li {
            margin-left: 0px;
        }
    }

    @media (max-width: 838px) {
        #bsLogo {
            width: 130px;
            margin-top: -7px;
        }

        #mainNav ul li a {
            font-size: 13px;
        }

        .homepageHoverTextbox {
            padding: 184px 10px 10px;
        }

        .secondaryPageHeaderText .buttonOrangeBig {
            bottom: -60px;
        }
    }
    @media only screen and (max-width: 1000px) and (min-width: 768px) {
      #firstHomepageCallout {
        margin-top: -285px;
      }
    }
    @media (max-width: 768px) {
      .homepageHoverTextbox .buttonWhiteOutline {
        border: solid 2px #ed5024;
        color: #ed5024;
      }
      #thank-you-social {
        margin-top: 60px;
      }
      .partnersExpandedItem {
        width: 50% !important;
      }
      .fixedNavStyle {
        position: inherit;
        background-color: transparent;
      }
        /*.leftTextImageRightBoxBG .mainContentBox {
            margin-top: 40px;
            text-align: right;
        }*/

        .rightTextImageLeftBox .mainContentBox, .leftTextImageRightBox .mainContentBox, .rightTextImageLeftBox2 .mainContentBox, .leftTextImageRightBoxBG .mainContentBox {
            margin-top: 20px;
        }

        .leftTextImageRightBoxBG .mainContentBox svg {
            float: right;
            margin-right: 100px;
        }

        .rightTextImageLeftBox2 button {
            margin-top: 30px;
        }
        .centeringBigTriangleBox {
          /*display: inline;
          min-height: 0;*/
          margin-top: -20px;
        }
        .topMargin90 {
            margin-top: 30px;
        }

        .mainFooterBackgroundImgOutside {
            height: 680px;
        }

        #bsLogo.fixed-menu {
          position: fixed;
        }

        body.hasHover .firstMobileMenuNav li:hover:after {
            display: none;
        }

        /* MOBILE MENU */
        .mobile-head{
          display: none;
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 87px;
          z-index: 9999999;
          background: #161f30;
        }
        .mobile-head.mobile-nav-open {
          display: block;
        }

        .secondaryMenuBackgroundColor {
          background-image: none;
          min-height: auto;
        }

        .secondaryMenuBackgroundColor .centeredContent {
            padding: 0;
            margin: 0;
        }

        #mainNav {
          display: none;
          background-color: #161f30;
          width: 100%;
          padding: 5%;
          height: 100%;
          position: fixed;
          z-index: 9999998;
          top: 0;
          left: 0;
          overflow-y: scroll;
        }

        #bsLogoMobile {
          float: left;
          width: 60%;
        }

        #closeMenuButton {
          float: right;
          margin-top: 4px;
          cursor: pointer;
          display: none;
          z-index: 10000000;
          position: fixed;
          right: 25px;
        }

        #mainNav .active a {
            color: #049bc6 !important;
        }

        #mainNav ul {
            float: left;
            padding: 0;
            margin: 0;
            width: 100%;
            line-height: 2;
        }

        #mainNav li {
            list-style: none;
            width: 100% !important;
            float: left;
        }

        #mainNav li a {
            color: #FFFFFF;
            opacity: 1;
            font-weight: bold;
            font-size: 22px !important;
        }

        body.hasHover #mainNav ul li a:hover {
          text-decoration: underline;
        }

        .secondaryMenuDropdownArrow, .tertiaryMenuDropdownArrow {
            display: inline;
        }

        body.hasHover .firstMobileMenuNav > li:hover .secondMobileMenuNav {
            display: none;
        }

        body.hasHover .firstMobileMenuNav > li:hover .secondMobileMenuNav.mobile-nav-open {
            display: block;
        }

        .secondMobileMenuNav.mobile-nav-open, .ThirdMobileMenuNav.mobile-nav-open {
          display: block;
        }

        .secondMobileMenuNav {
          float: left;
          position: unset;
          color: #FFF;
          left: unset;
          width: 100%;
          padding: 0;
          z-index: 1000;
          display: block;
        }

        .secondaryMenuBackgroundColor {
            background-color: unset;
            position: relative;
            padding: 0;
        }

        #mainNav .secondMobileMenuNav li a {
            color: #FFFFFF !important;
            font-size: 18px !important;
            float: left;
        }

        #mainNav .secondMobileMenuNav li ul a {
            color: #FFFFFF !important;
            font-size: 14px !important;
            font-weight: normal !important;
            width: 100%;
        }

        body.hasHover #mainNav li a:hover {
            opacity: .6;
        }

        #mainNav .ThirdMobileMenuNav ul {
            padding: 0;
            margin: 0 0 20px;
        }

        .firstMobileMenuNav {
            margin-top: 70px !important;
            margin-bottom: 30px !important;
        }

        .secondMobileMenuNav {
            display: none;
            margin: 5px 0 15px !important;
        }

            .secondMobileMenuNav li span {
                float: left;
            }

            .secondMobileMenuNav li {
                font-size: 16px;
                line-height: 2;
            }

        .secondaryMenuDropdownArrow {
            float: right;
            width: 20px;
            margin-top: -3px;
            opacity: 1;
        }

            body.hasHover .secondaryMenuDropdownArrow:hover {
              opacity: .6;
              cursor: pointer;
            }

        .tertiaryMenuDropdownArrow {
            float: left;
            width: 20px;
            margin-left: 25px;
        }

            body.hasHover .tertiaryMenuDropdownArrow:hover {
                opacity: .6;
                cursor: pointer;
            }

        .ThirdMobileMenuNav {
            display: none;
            margin: 5px 0 15px !important;
            float: left;
            width: 100%;
        }

            .ThirdMobileMenuNav li {
                font-weight: normal;
                font-size: 14px;
                line-height: 3;
            }

        .mobileMenu .buttonOrangeBig {
            margin: 40px auto 0;
            left: 0;
            right: 0;
            position: absolute;
        }

        #bsLogo {
            width: 200px;
            margin-top: 0;
            position: relative;
            z-index: 10000000;
        }

        .mobileMenuIcon {
            float: right;
            cursor: pointer;
            opacity: 1;
        }

            body.hasHover .mobileMenuIcon:hover {
                opacity: .6;
            }

        .mobileMenuIconColored g {
            fill: #00205c;
        }

        .secondaryPageHeaderText h3 {
            margin-top: 20px;
            font-size: 36px;
        }

        #firstHomepageCallout {
            margin-top: 130px;
        }

        .homepageHoverTextbox {
            display: inline;
            float: left;
            width: 100%;
            margin: 0 0 75px;
            padding: 0 22px;
            background-color: #FFF;
            color: #161f30;
            position: relative;
        }

        .fourIconSection .homepageHoverTextbox h5 {
            color: #00205c;
        }

        .homepageHoverTextbox h6, .homepageHoverTextbox p {
            color: #161f30;
        }

        .fourIconSection .redBoxHover h5 {
            margin-top: 0px;
        }

        /*.fiveReadMoreArticles {
            margin: 50px 0 50px;
            position: relative;
            z-index: 5;
        }*/

        .imageLeftCalloutBox {
            display: inline;
        }

        .largeArticleLayout {
            margin-bottom: 50px;
        }

        .calloutQuote, blockquote {
            width: 100%;
            margin: 30px 0 30px 0;
        }

        .subFooterThreeArticles .extraSmallPageNavigation {
            float: left;
            width: 100%;
        }

        .subFooterThreeArticles .swipeToView {
            float: left;
        }

        .subFooterThreeArticles .threeDots {
            margin: 10px auto 0;
            float: right;
        }

        .threeArticlesBlock {
            width: 100%;
            border: 0;
            background-color: transparent;
        }

            body.hasHover .threeArticlesBlock:hover {
                background-color: transparent;
            }

        .subFooterThreeArticles {
            margin-top: -600px;
        }

        .mainFooterWithThreeArticles {
            margin: 490px 0 0;
        }

        .moreContentYouMightLike .contentBlockPost {
            width: 100%;
        }

            .moreContentYouMightLike .contentBlockPost .postImage {
                height: 30vw;
            }
/*
        .secondaryPageHeaderText .buttonOrangeBig {
            position: relative;
            margin: 10px 0;
            bottom: auto;
            left: auto;
        }
        */
    }

    @media (max-width: 575px) {
        .fiveReadMoreArticles .smallArticleLayout {
            width: 100%;
            padding: 25px 0;
        }

        .fiveReadMoreArticles .smallArticleLayout {
            border-bottom: 1px solid #dddddd;
            border-right: 0 !important;
        }

        .equalColumnsAndRow {
            display: inline;
        }
    }

    @media (max-width: 422px) {
        .secondaryPageHeaderText.ltrDown .buttonOrangeBig {
            bottom:0px;
        }
    }
#homepageFirstCalloutCopy .buttonOrangeOutline {
    display: inline-block;
    margin-top: 20px;
}
@media only screen and (max-width: 1000px) and (min-width: 768px){
    #firstHomepageCallout {
        margin-top: -150px;
    }
}
@media only screen and (max-width: 767px){
    .blueArticleLabel p {
        margin-bottom: 0;
    }
    .blueArticleLabel img.floatRight {
        float: left !important;
    }
    #homepageFirstCalloutCopy .buttonOrangeOutline {
        float: none;
    }
    .templateD .partners .contentBlockPost {
      float: left;
      margin-bottom: 0 !important;
    }
    #templateDBlock3RightPart {
      margin-top: 20px;
    }
    #templateCBlock3 p {
      max-width: none;
    }
    #secondaryMainContent .centeredContent .centeredContent {
      position: relative;
    }
}
@media only screen and (max-width: 480px) {
    #firstHomepageCallout {
        margin-top: 100px;
    }
    .blueListItems, .mainContentBox ul.blueListItems, .regularListItems  {
      float: none;
      width: 100%
    }
    #myCarousel .carousel-inner .item h5 {
      font-size: 23px;
    }
}

#homepageHeaderSection h1 {
    line-height: 1.3;
}
#homepageHeaderSection .buttonOrangeBig {
    margin-top: -9px;
    display: inline-block;
}
#homepageHeaderSection h6 {
    float:none;
}
.homepageTriangels,
#homepageTriangels {
    opacity: 0.9;
}

@media only screen and (max-width: 1500px) {
    #homepageBackground svg {
        width: 110%;
    }
    #mainFooterHomepage .mainFooterBackgroundImgOutside {
      height: 1510px;
    }
}
@media only screen and (max-width: 767px) {
    .homepageTriangels {
        bottom: auto;
        top: 720px;
    }
    #homepageHeaderSection p,
    #homepageHeaderSection h6 {
        padding-right: 30%;
    }
    #homepageBackground svg {
        min-width: 1050px;
    }
}
@media only screen and (max-width: 580px) {
    #homepageBackground svg {
        min-width: 966px;
    }
    #homepageHeaderSection p,
    #homepageHeaderSection h6 {
        padding-right: 10%;
    }
}
@media only screen and (max-width: 480px) {
    #homepageHeaderSection p,
    #homepageHeaderSection h6 {
        padding-right: 0;
    }
}
.mainFooterMenu a {
    font-size: 18px;
    font-weight: 600;
}
.footerTable th a {
    font-size: 16px;
    font-weight: 600;
}
.footerTable {
    margin-top: 16px;
}
/*.footerTable tr:first-child th {
    padding-bottom: 20px;
}*/
.footerTable th {
    padding-top: 0;
}
.footerTable td {
    vertical-align: top;
}
.mainFooterContent .col-sm-4.col-xs-12 {
    margin-top: 36px;
    width: 100%;
    text-align: center;
}
.mainFooterContent .col-sm-4.col-xs-12 a {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 1.2em;
}
.youTubeFooterIcon {
    margin: 14px 1.2em 10px 1em !important;
}
.mainFooterContent .col-sm-4.col-xs-12 a .socialMediaFooterIcons {
    margin: 0;
    width: 100%;
    max-width: 26px;
}
.footerInfo {
    margin-top: 2px;
    margin-bottom: 21px;
}
.footerInfo a {
    text-decoration: underline;
}
@media only screen and (max-width: 1050px) {
    .mainFooterMenu a {
        font-size: 15px;
    }
}
@media (max-width: 991px) {
    .footerTable {
        display: none;
    }
    .mainFooterMenu, .whiteCenteredLink {
        border-bottom: solid 1px rgba(255, 255, 255, 0.15);
    }
    .whiteCenteredLink {
        padding-bottom: 10px;
        font-size: 16px;
    }
    .mainFooterContent .col-sm-2.col-xs-4 {
        margin-top: 15px;
    }
    .heartLogo {
        margin-bottom: 50px;
    }
}
@media (max-width: 768px) {
    .threeContentBlock {
      margin-bottom: 50px;
    }
    .triangleWidget .inline-list {
      width: 50%;
    }
    .mainFooterContent .col-sm-2.col-xs-4 {
        width: 100%;
    }
    .mainFooterContent .col-sm-2.col-xs-4 .heartLogo {
        max-width: 120px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    #templateLBlock2 .threeContentTab {
      margin-top: 30px;
    }
}
@media only screen and (max-width: 480px) {
    .mainFooterContent .col-sm-2.col-xs-4 a {
        margin: 10px .5em;
    }
    .mainFooterContent .col-sm-2.col-xs-4 .socialMediaFooterIcons {
        max-width: 22px;
    }
}
.fourIconSection h2 {
    margin-bottom: 110px;
}
.redBoxHover:after {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 80px;
    left: 0;
    border-right: 1px solid #ddd;
}
.fourIconSection .row .redBoxHover:first-child:after {
    display: none;
}
.fourIconSection .redBoxHover h5 {
    color: #161f30;
    font-weight: 400;
}
.fourIconSection .homepageHoverTextbox h5 {
    font-size: 26px;
    color: #ffce35;
    margin-bottom: 19px;
    line-height: 1.2;
    margin-top: 24px;
}
.homepageHoverTextbox {
    z-index: 10;
}
.homepageHoverTextbox:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 90px;
    z-index: -1;
    background-color: #ed5024;
}
.homepageHoverTextbox:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    box-shadow: 0px 8px 46px rgba(0, 0, 0, 0.16);
    height: 40px;
    z-index: -2;
}
.homepageHoverTextbox h6 {
    font-weight: 600;
}
.homepageHoverTextbox p {
    font-weight: 400;
}
.homepageHoverTextbox {
    margin-top: -205px;
    padding: 207px 20px 37px;
}

@media only screen and (max-width: 1350px) {
    .fourIconSection .homepageHoverTextbox h5 {
        font-size: 38px;
    }
}
@media only screen and (max-width: 991px) {
  /*.leftTextImageRightBoxBG .centeredContent >.row:first-child, .rightTextImageLeftBox .centeredContent >.row:first-child, #templateABlock3 .contentWithTriangle {
    display: block;
  }*/
  /*.leftTextImageRightBoxBG .centeredContent >.row:first-child .col-sm-6, .leftTextImageLeftBox .centeredContent >.row:first-child .col-sm-5, .leftTextImageRightBox .centeredContent >.row:first-child .col-sm-5 {
    float: none;
    width: 100%;
    left: auto;
    right: auto;
  }*/

    .fourIconSection .redBoxHover {
        width: 50%;
    }
    .homepageHoverTextbox:after,
    .homepageHoverTextbox:before {
        display: none;
    }
    .redBoxHover a {
        text-decoration: none;
        display: block;
    }
    .redBoxHover .homepageHoverTextbox {
        display: block;
        background-color: transparent;
        position: static;
        margin-left: 0;
        width: 100%;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0;
        float: none;
    }
    .fourIconSection .redBoxHover h5 {
        float: none;
        color: #00205c;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .fourIconSection .redBoxHover h5.hidden-xs {
        display: none;
    }
    .row .redBoxHover:nth-child(3):after {
        display: none;
    }
    .homepageHoverTextbox h6,
    .homepageHoverTextbox p {
        color: #161f30;
    }
    .fourIconSection h2 {
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 991px) and (min-width:768px) {
  /*.mainFooterBackgroundImgOutside {
    height: auto;
    top: -150px;
  }*/
}
@media only screen and (max-width: 767px) {
    .fourIconSection .iconMaxWidth {
        padding: 0;
    }
    .fourIconSection .redBoxHover {
        width: 100%;
        padding-top: 50px;
    }
    .row .redBoxHover:nth-child(3):after {
        display: block;
    }
    .redBoxHover:after {
        border-right: none;
        border-top: 1px solid #ddd;
        top: 0;
        bottom: auto;
        left: 50px;
        right: 50px;
    }
    .fourIconSection h2 {
        margin-bottom: 20px;
    }
    .fourIconSectionParagraph {
        margin-bottom: 0;
    }
}
#thank-you {
margin-top: 0;
}
#secondaryPageHeaderText .vid-container {
width: 100%;
}
#bsLogo {
    background-image: none !important;
    height: auto;
}
#bsLogo img {
    width: 100%
}
#bsLogo .logo-active {
    display: none;
}
.pin-header #bsLogo {
    margin-top: -8px;
}
body.hasHover #header:hover #bsLogo .logo-default,
#header.pin-header #bsLogo .logo-default {
    display: none;
}
body.hasHover #header:hover #bsLogo .logo-active,
#header.pin-header #bsLogo .logo-active {
    display: inline-block;
}

@media only screen and (min-width: 1800px) {
#homepageBackground {
  padding-bottom: 81%;
}
}
@media only screen and (max-width: 768px) {
  .Safari .imageDiv {
    filter: none;
  }
  .secondaryPageHeaderText h3 {
    line-height: 44px !important;
  }
  .triangleBoxLeftBig {
      position: absolute;
      width: 358px;
      background-size: 358px auto;
      margin-left: -15px;
      margin-top: -150px;
  }
  .triangleBoxRightBig {
    width: 358px;
    position: absolute;
    background-size: 358px auto;
    margin-right: -15px;
    float: right;
    margin-top: -120px;
  }
  .triangleBoxRightBig svg, .triangleBoxLeftBig svg {
    width: 100% !important;
  }
  .centeringBigTriangleBox {
    min-height: unset;
    margin-top: 400px;
  }
  .oneBigTriangleWidget {
    margin-top: 100px;
  }
  .triangleBoxLeft, .triangleBoxRight {
    display: none;
  }
  .contentWithTriangle {
    margin-top: 0
  }
    #bsLogo {
        display: inline-block;
        float: none;
    }
    .pin-header #bsLogo,
    #bsLogo {
        width: 220px;
        margin-top: 0 !important;
    }
    #bsLogo .logo-active {
        display: none !important;
    }
    #bsLogo .logo-default {
        display: inline-block !important;
    }
}
a {
    outline: 0 !important;
}
#header {
    margin: 0;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    padding: 55px 0 20px;
    transition: .25s all;
}
#header.pin-header {
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
    padding-top: 30px;
    transition: .25s all;
}
.pin-header #mainNav {
    margin-top: 5px;
}
body.hasHover #header:hover {
    background-color: #fff;
}
.firstMobileMenuNav:after {
    content: "";
    clear: both;
    display: table;
}
#requestDemoBtn {
    text-decoration: none !important;
}
#requestDemoBtn:focus {
    color: #fff;
    opacity: .8;
}
.fixedNavStyle #requestDemoBtn:focus {
    color: #c9441e;
    opacity: 1;
}
#mainNav ul li a {
    font-weight: 400;
    border-bottom: 2px solid transparent;
    text-decoration: none !important;
}
body.hasHover #mainNav ul li a:hover {
    border-bottom: 2px solid #fff;
}
#loginLink {
    border-bottom: none !important;
    font-weight: 400;
    text-decoration: none;
}
#mainNav ul la.active > a {
    border-bottom: 2px solid #fff;
    font-weight: 700;
}
#mainNav ul li li a {
    border-bottom: none !important;
}
.pin-header #mainNav ul li a,
.pin-header #loginLink {
    color: #161f30;
}
.pin-header #mainNav ul li.active > a,
body.hasHover .pin-header #mainNav ul li > a:hover,
body.hasHover #header:hover #mainNav ul li.active > a,
body.hasHover #header:hover #mainNav ul li > a:hover {
    color: #00205c;
    border-bottom: 2px solid #00205c;
}
body.hasHover .pin-header #loginLink:hover {
    color: #00205c;
}
#mainNav ul li li {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 15px;
}
#mainNav ul li li:after {
    display: none;
}
#mainNav ul li {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 20px;
}
#mainNav .ThirdMobileMenuNav ul {
    margin-top: 15px;
}
#mainNav .ThirdMobileMenuNav ul::after,
#mainNav .secondMobileMenuNav ul ::after,
#mainNav .ThirdMobileMenuNav::after,
#header .centeredContentNoPadding:after {
    content: "";
    clear: both;
    display: table;
}
.secondMobileMenuNav ul li {
    width: 33.33333% !important;
    margin-bottom: 20px;
}
.secondMobileMenuNav ul li li {
    width: 100% !important;
    margin-bottom: 0;
}
.secondMobileMenuNav ul li:nth-child(4),
.secondMobileMenuNav ul li:nth-child(6) {
    clear: both;
}
body.hasHover #mainNav ul li:hover ul {
    display: block;
}
.secondaryMenuBackgroundColor {
    min-height: 270px;
}
.secondaryMenuBackgroundColor {
    background-image: none !important;
    background-position-y: 70px !important;
}
.secondMobileMenuNav .centeredContent {
    position: relative;
}
.secondMobileMenuNav .centeredContent::after {
    content: "";
    background-image: url(/Businessolver/media/businessolver/Theme/Images/team-logo.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 36px;
    left: 66.66666%;
    margin-left: -24px;
    width: 195px;
    height: 185px;
}
.pageId61 .secondMobileMenuNav .centeredContent {
    min-height: 240px;
}
.pageId61 .secondMobileMenuNav .centeredContent::after {
    top: 0;
}
#mainNav .secondMobileMenuNav li ul a {
    font-weight: 400;
}
#mainNav .secondMobileMenuNav li ul li a {}
#mainNav .secondMobileMenuNav .centeredContent > ul > li.active > a,
body.hasHover #mainNav .secondMobileMenuNav .centeredContent > ul > li a:hover,
#mainNav .secondMobileMenuNav li ul li.active > a,
body.hasHover #mainNav .secondMobileMenuNav li ul li a:hover {
    color: #009bc7 !important;
}
#mainNav .secondMobileMenuNav li ul a {}
#mainNav ul li ul li {
    line-height: 1.2;
    margin-bottom: 11px !important;
}
#mainNav .secondMobileMenuNav li ul a {
    line-height: inherit;
}
#mainNav .pageId1 .secondMobileMenuNav ul li:first-child .ThirdMobileMenuNav ul li {
    width: 50% !important;
    float: none;
    display: inline-block;
    vertical-align: top;
}
body.hasHover #mainNav li a:hover {
    opacity: 1;
}
.fixedNavStyle {
    position: static;
    padding: 0;
    background-color: transparent;
}
@media only screen and (max-width: 1140px) {
    #header /*, body.hasHover #header:hover*/ {
        padding-top: 25px;
    }
    .pin-header #mainNav {
        margin-top: 0;
    }
    .theMainMenu, .desktopRightBtns {
        margin-top: 2px !important;
    }
    #loginLink {
        margin-top: 3px;
    }
    .pin-header #bsLogo, #bsLogo {
        width: 160px;
        margin-top: 0;
    }
    /*#mainNav ul {
        margin-top: 2px;
    }*/
}
@media (max-width: 1030px) {
    #requestDemoBtn {
        margin-top: -6px;
    }
    .pin-header #mainNav {
        margin-top: 0;
    }
}
@media (max-width: 991px) {
    #mainNav .secondMobileMenuNav li ul a {
        font-size: 12px;
    }
    #mainNav > ul > li {
        padding: 0 10px;
    }
}
@media (max-width: 991px) and (min-width: 851px) {
    #mainNav > ul > li, #requestDemoBtn, #loginLink {
        /* font-size: 11px; */
    }
    /*#mainNav > ul > li {
        font-size: 12px;
    }
    #mainNav > ul > li > a {
        font-size: inherit;
    }*/
}
@media only screen and (max-width: 850px) {
    .desktopRightBtns {
        margin-top: 5px !important;
    }
    #loginLink {
        margin-top: 6px;
    }
    .pin-header #requestDemoBtn {
        margin-top: -6px;
    }
}
@media (max-width: 768px) {
    .desktopRightBtns.hidden-xs {
        display: none;
    }
    #theMainMenu .mobileMenuIcon {
        display: block !important;
    }
    #theMainMenu .centeredContentNoPadding {
        margin: 0;
    }
    .mobileMenuIcon {
        margin-top: 14px;
    }
    #header {
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
        padding: 20px 0 !important;
    }
    body.hasHover #header:hover {
        background-color: transparent;
    }
    .centeredContent:after {
        content: "";
        clear: both;
    }
    #closeMenuButton {
        right: 30px;
        margin-top: 11px;
    }
    #bsLogo.fixed-menu {
        position: static;
    }
    .secondMobileMenuNav .centeredContent:after {
        display: none;
    }
    .secondaryMenuBackgroundColor {
        min-height: 0;
    }
    #header.open-menu #closeMenuButton {
        display: block !important;
    }
    html.open-menu {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 100%;
    }
    #header.pin-header, #header.pin-header:hover {
        background: #161f30 !important;
    }
    #header.open-menu {
        background: #161f30 !important;
        height: 100%;
        overflow-x: auto;
    }
    #header.open-menu .mobileMenuIcon {
        display: none !important;
    }
    #header.open-menu #mainNav {
        display: block;
    }
    #mainNav {
        position: static;
        overflow: hidden;
        padding: 0;
        background: transparent;
    }
    .fixedNavStyle {
        position: static;
        background-color: transparent;
        float: none;
        padding: 0;
        left: 0;
        width: 100%;
    }
    .mobile-head {
        display: none !important;
    }
    #mainNav ul li a {
        color: #fff !important
    }
    .theMainMenu {
        margin-top: 0 !important;
    }
    #mainNav .secondMobileMenuNav li li a {
        float: none;
    }
    #mainNav .ThirdMobileMenuNav li {
        float: none;
        display: block;
    }
    #mainNav .pageId1 .secondMobileMenuNav ul li:first-child .ThirdMobileMenuNav ul li {
        display: block;
        width: 100% !important;
    }
}
#header {
    margin-top: 0 !important;
}
.secondMobileMenuNav .centeredContent::after {
    display: none;
}
.secondMobileMenuNav ul li:nth-child(4),
.secondMobileMenuNav ul li:nth-child(6) {
    clear: none;
}
.buttonOrangeBig, .hs-button {
    background-color: #ed5024;
}
.buttonOrangeOutline {
    padding: 11px 32px;
}
body.hasHover .buttonOrangeOutline:hover,
.buttonOrangeOutline:focus {
    border: solid 2px #c9441e;
    color: #c9441e;
    text-decoration: none;
}
h2 {
    line-height: 1.3;
    float: none;
}
@media only screen and (max-width: 991px) {
    .homepageHoverTextbox:after,
    .homepageHoverTextbox:before {
        display: none;
    }
}
#homepageDemoBox h5 {
    color: #161f30;
    font-weight: 400;
    font-size: 26px;
    line-height: 1.46;
}
@media only screen and (max-width: 480px) {
    .leftImageBox {
        padding: 40px 20px;
    }
}
#header .centeredContent:after {
    content: "";
    clear: both;
    display: table;
}
#mainNav ul li li:after {
    display: none !important;
}
#mainNav ul li.active > a {
    border-bottom: 2px solid #fff;
    /*font-weight: 700;*/
}
.secondaryMenuBackgroundColor .centeredContent {
  max-width: 1150px;
}
/*.pageId1 .secondaryMenuBackgroundColor li, .firstMobileMenuNav li:nth-child(3) .secondaryMenuBackgroundColor ul li {
  width: 50% !important;
}*/

.pageId1 .secondaryMenuBackgroundColor li {
    width: 32% !important;
}
.pageId1 .secondaryMenuBackgroundColor li:first-child {
    width: 46% !important;
}
.pageId1 .secondaryMenuBackgroundColor li:last-child {
    width: 22% !important;
}
.firstMobileMenuNav li:nth-child(3) .secondaryMenuBackgroundColor ul li, .pageId1 .secondaryMenuBackgroundColor li ul li, .pageId1 .secondaryMenuBackgroundColor li .ThirdMobileMenuNav ul li:first-child, .pageId1 .secondaryMenuBackgroundColor li .ThirdMobileMenuNav ul li:last-child {
  width: 50%;
}
.pageId1 .secondaryMenuBackgroundColor li:last-child .ThirdMobileMenuNav ul li:first-child, .pageId1 .secondaryMenuBackgroundColor li:last-child .ThirdMobileMenuNav ul li, .pageId1 .secondaryMenuBackgroundColor li:nth-child(2) .ThirdMobileMenuNav ul li {
    width: 100% !important;
}

.firstMobileMenuNav li:nth-child(3) .ThirdMobileMenuNav ul li {
  width: 100% !important;
}
/*#mainNav .firstMobileMenuNav li:nth-child(4) .secondMobileMenuNav ul li {
    margin: 0 auto !important;
    float: none !important;
    text-align: center;
}*/
.ThirdMobileMenuNav sup {
  display: inline-block;
}
.desktopRightBtns {
    position: relative;
}
.search-input {
    display: block !important;
    position: absolute;
    padding-right: 30px;
    bottom: 100%;
    right: 0;
    margin-bottom: 24px;
}
.search-input a {
    position: absolute;
    top: 0px;
    right: 0;
    margin-right: 10px;
    white-space: nowrap;
}
#searchIcon, #searchIconTwo {
    width: 16px;
    margin-right: 5px;
}
#searchIconTwo {
    display: none;
}
.search-input .form-control {
    margin: 0;
    box-shadow: none;
    width: 0;
    transition: width .25s;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    height: 20px;
    border-radius: 0;
    padding: 0;
    width: 153px;
}
.search-input.active .form-control {
    width: 153px;
    transition: width .25s;
}
body.hasHover #header:hover .search-input .form-control,
#header.pin-header .search-input .form-control {
    border-bottom: 1px solid #161f30;
    color: #161f30;
}
body.hasHover #header:hover #searchIcon,
#header.pin-header #searchIcon {
    display: none;
}
body.hasHover #header:hover #searchIconTwo,
#header.pin-header #searchIconTwo {
    display: inline-block;
}
#header.pin-header .search-input {
    display: none !important;
}
.secondMobileMenuNav .centeredContent::after {
    display: none !important;
}
@media only screen and (max-width: 1400px) {
    #header .centeredContentNoPadding {
        margin: 0;
    }
    /*body.hasHover #header, body.hasHover #header:hover:not(.pin-header) {
        padding-top: 50px;
    }*/
    /*#mainFooterHomepage .mainFooterBackgroundImgOutside {
      left: -730px;
    }*/
}
@media only screen and (max-width: 1300px) {
  /*#mainFooterHomepage .mainFooterBackgroundImgOutside {
    left: -900px;
  }*/
  #homepageTriangleSetTwo {
    width: 32vw;
    margin-top: 150px;
  }
  #homepageTriangleSetOne {
    width: 34vw;
  }
}

@media only screen and (max-width: 850px) {
    #header.pin-header{

    }
}

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

    .search-input {
        display: none !important;
    }
    .pin-header #bsLogo, #bsLogo {
        width: 210px;
    }
    .secondaryMenuDropdownArrow {
        margin-top: 7px;
    }
    .mobileMenuIcon {
        margin-top: 7px;
    }
}
@media only screen and (max-width: 480px) {
    #mainNav .secondMobileMenuNav li a {
        font-size: 13px !important;
    }
    #mainNav ul li li {
        padding-right: 0;
    }
}
#loginLink #loginImageTwo {
    display: none;
}
body.hasHover #header:hover #loginLink #loginImageOne,
#header.pin-header #loginLink #loginImageOne {
    display: none;
}
body.hasHover #header:hover #loginLink #loginImageTwo,
#header.pin-header #loginLink #loginImageTwo {
    display: inline;
}
#loginLink #loginImageTwo {
    display: none;
}
body.hasHover #header:hover #loginLink #loginImageOne,
#header.pin-header #loginLink #loginImageOne {
    display: none;
}
body.hasHover #header:hover #loginLink #loginImageTwo,
#header.pin-header #loginLink #loginImageTwo {
    display: inline;
}
.smallArticleLayout .blueArticleLabel .postIcon {
    position: relative;
    top: -2px;
}
.smallArticleLayout .articlesmallDate {
    font-size: 14px;
    float: none;
    padding-bottom: 7px;
}
.smallArticleLayout h6 {
    font-weight: 700;
}
.smallArticleLayout .calloutLinks {
    font-size: 16px;
    margin-top: 40px;
}
.equalColumnsAndRow + .smallArticleLayout .blueArticleLabel span {
    margin-left: 0;
}
body.hasHover .smallArticleLayout:hover h6 {
    color: #ed5024;
}
.equalColumnsAndRow + .smallArticleLayout .hs-featured-image {
    display: none;
}
.largeArticleLayout .articlebigdate {
    font-size: 20px;
    margin-bottom: 30px;
}
.articlebigdate, .articlesmallDate {
  color: #161f30;
  opacity: .6;
}
.smallArticleLayout {
  cursor: pointer;
}
.largeArticleLayout .blueArticleLabel {
  margin-bottom: 5px;
}
.largeArticleLayout h4 {
    margin-bottom: 30px;
    float: none;
}
.fiveReadMoreArticles .largeArticleLayout {
    max-width: 490px;
}
.fiveReadMoreArticles .largeArticleLayout p {
    font-size: 18px;
}
.fiveReadMoreArticles .largeArticleLayout {
    margin-top: 90;
}
.fiveReadMoreArticles .buttonOrangeOutline {
    float: none;
    display: inline-block;
}
.fourIconSection {
    position: relative;
    z-index: 10;
}
li.pageId55 .secondMobileMenuNav ul li:nth-child(4) {
    clear: none;
}
.secondMobileMenuNav ul li:nth-child(4) {
    clear: both;
}
@media only screen and (max-width: 1500px) {

    /*#homepageDemoBox {
        margin-top: 100px;
    }*/
}
@media only screen and (max-width: 1140px) {
    #header.pin-header {
        padding-top: 25px;
    }
}
@media only screen and (min-width: 768px) {
    .equalColumnsAndRow + .smallArticleLayout {
        position: absolute;
        right: 0;
        top: 50%;
        border-right: none !important;
        padding-left: 15px;
        z-index: 1;
    }
}
@media only screen and (max-width: 991px) {
  .fourIconSection {
    margin-top: 50px;
  }
  #grnhse_app {
    margin-top: 30px;
  }
  #homepageTriangleSetTwo {
    margin-top: -50px !important;
  }
  /*.backgroundMainImage {
    margin-bottom: 40px;
  }*/
  /*.rightTextImageLeftBox2 .flex, .triangleBoxRightContent .flex {
    display: block;
  }*/
  .rightTextImageLeftBox2 .flex .col-sm-6 {
    width: 100%;
    float: none;
  }
  #templateABlock4 {
    margin-bottom: 50px;
  }
  #templateCBlock4 .right-text {
    padding: 80px 35px;
  }
  /*.triangleBoxRightContent .col-sm-6 {
    float: none;
    width: 100%;
    left: auto;
    right: auto;
  }*/
  .greyCtaSection .floatLeft {
    float:none;
    width: 100%;
    text-align: center;
  }
  .twoCtaSections .greyCtaSection {
    float: none;
    margin: 0 auto 50px !important;
    text-align: center;
    width: 50% !important;
  }
  .subFooterThreeCTA .col-sm-12.col-xs-8 {
    clear: both;
  }
  .fiveReadMoreArticles .col-sm-5, .fiveReadMoreArticles .col-sm-7 {
        width: 100%;
        float: none;
    }
    .fiveReadMoreArticles .largeArticleLayout {
        max-width: 100%;
    }
    .fiveReadMoreArticles .largeArticleLayout {
        margin-top: 0;
    }
}
@media only screen and (max-width: 767px) {
  #homepageTriangleSetTwo {
    width: 70%;
    margin-top: -30px !important;
  }

    #templateMBlock1 .col-md-5:first-child img {
      margin-bottom: 30px;
    }
    #templateMBlock2 .sliderContent .photo {
      float: none;
    }
    #templateMBlock2 .sliderContent .rightContent {
      text-align: center;
    }
    #myCarousel .carousel-inner .item * {
      float: none;
    }
    #templateMBlock1 .yellowBack {
      margin-top: 100px;
    }
    #templateMBlock1 .yellowBack .leftText {
      min-height: 0;
    }
    #templateCBlock4 .right-text {
      padding: 50px 45px 90px;
    }
    #templateCBlock4 {
      margin: 0 0 30px;
    }
    /*#templateCBlock3 .gridIconWidget {
      text-align: center;
    }*/
    #templateCBlock3 svg {
        margin: 0 auto;
    }
    .threeCtaSections .greyCtaSection {
      width: 100% !important;
      margin: 0 0 50px !important;
    }
    .threeCtaSections .greyCtaSection:last-child {
      margin-top: 0 !important;
      margin-bottom: -30px !important;
    }
    .threeCtaSections .greyCtaSection:first-child {
      margin-top: -50px !important;
    }
    .subFooterThreeCTA {
      margin: 100px 0 50px;
    }
    .newsPostListItem {
      padding: 30px 125px 30px 30px;
    }

    .equalColumnsAndRow {
        display: block;
        height: auto;
    }
    .fiveReadMoreArticles .smallArticleLayout {
        float: none;
        width: 100%;
        height: auto;
        border-right: none !important;
    }
    .smallArticleLayout:after {
        content: "";
        clear: both;
        display: table;
    }
    .smallArticleLayout .calloutLinks {
        margin-top: 0;
    }
    .fiveReadMoreArticles .smallArticleLayout:nth-child(2) {
        border-bottom: 1px solid #ddd;
    }
    .smallArticleLayout .articlesmallDate {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .fiveReadMoreArticles .smallArticleLayout.smallArticleLayout {
        padding: 40px 0;
        background-color: transparent;
    }
}

#loginLink {
    position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: 26px;
}
.search-input {
    right: 80px;
    padding-right: 80px;
}
.search-input a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}
.search-input .form-control {
    width: 0;
}
body.hasHover #header:hover .search-input a,
#header.pin-header .search-input a {
    color: #161f30;
}
#header.pin-header .search-input a,
#header.pin-header #loginLink {
    display: none;
}
@media only screen and (max-width: 768px) {

    #mainNav ul li a {
        border-bottom: none !important;
    }
    #mainNav > ul > li {
        padding-left: 0;
        padding-right: 0;
    }
    #header.pin-header .search-input {
        display: block !important;
    }
    #header.pin-header .search-input a {
        display: block !important;
    }
    #mainNav .search-input {
        display: block !important;
        position: relative;
        bottom: auto;
        right: auto;
        padding-right: 30px;
    }
    #mainNav ul {
        float: none;
    }

    #mainNav .search-input .form-control {
        width: 100%;
        border-bottom: 1px solid #fff !important;
        color: #fff !important;
        height: auto;
        padding-top: 5px;
        font-size: 20px;
    }
    #mainNav .search-input a {
        color: #fff !important;
    }
    #searchIcon {
        display: inline !important;
    }
    #searchIconTwo {
        display: none !important;
    }
    #mainNav .buttonOrangeBig {
        display: inline-block !important;
        margin-left: 0;
        float: none;
        width: auto;
    }
    #mainNav .secondMobileMenuNav li a {
        font-size: 16px !important;
    }
    #closeMenuButton {
        position: static;
    }
}
.GreyBackgroundCTA:after {
    content: "";
    display: table;
    clear: both;
}
/*.mainFooter {
    margin-top: 250px;
}*/
.mainFooter #homepageDemoBox {
    margin-top: 0;
}
.threeContentBlock {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-top: 50px;
}
.contentBlockPost {
    margin-right: 3%;
    width: 32%;
}
/*.contentBlockPost:nth-child(2) {
    margin-right: 3%;
}*/
.moreContentYouMightLike .col-sm-10 {
    width: 100%;
}
.contentBlockPost h6 {
    font-weight: 700;
}
.contentBlockPost a {
    text-decoration: none !important;
    display: block;
}
.contentBlockPost h6 {
    float: none;
}
@media only screen and (min-width: 768px) {
    .group-arrows {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .flex, .desktop-flex {
        display: block;
    }
    .contentBlockPost {
        float: none;
        width: 100%;
        margin: 0 0 80px !important;
    }
    .contentBlockPost .postImage {
        float: none;
    }
    .moreContentYouMightLike .extraSmallPageNavigation {
        display: none;
    }
    .group-arrows {
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .group-arrows .swipeToView {
        display: inline-block;
        vertical-align: middle;
    }
    .group-arrows .slick-dots {
        position: static;
        width: auto;
        display: inline-block;
        vertical-align: middle;
        float: none;
    }
    .moreContentYouMightLike .slick-dots li {
        vertical-align: middle;
        outline: none;
    }
    .moreContentYouMightLike .slick-dots li button {
        display: block;
        outline: none;
    }
    .moreContentYouMightLike .blueArticleLabel span,
    .moreContentYouMightLike .blueArticleLabel img {
        float: left !important;
    }
    .contentBlockPost .blueArticleLabel:after {
        content: "";
        display: table;
        clear: both;
    }
}
/* Style Module -- Our Office Location --*/
#secondaryMainContent .officeLocationSection .officeTitle {
    margin-bottom: 40px;
}
#secondaryMainContent .officeLocationSection .bottomLocation > img {
    max-width: 230px;
}
#secondaryMainContent .officeLocationSection .bottomLocation p {
    line-height: 26px;
}
/*#secondaryMainContent #templateLBlock1 #secondaryMainContent .officeLocationSection {
    float: none;
}*/
.officeLocationSection {
    margin: 50px 0;
    float: none;
    width: 100%;
}
#secondaryMainContent .officeLocationSection > div {
    padding: 0;
}
#secondaryMainContent .officeLocationSection .officeLocation {
    min-height: 330px;
}
#secondaryMainContent .officeLocationSection .mask {
    height: 330px;
}
#secondaryMainContent .officeLocation .locationText {
    left: 0;
    padding: 0 30px;
}
@media (max-width: 767px) {
    /* Style Module -- Our office location --*/
    #secondaryMainContent .officeLocationSection .bottomLocation > img {
        display: block;
        margin: 0 auto;
    }
}
@media (max-width: 1000px) {
    /* Style Module -- Our office location --*/
    /*#secondaryMainContent .officeLocationSection {
        margin-top: 70px;
    }*/
    #secondaryMainContent #templateLBlock1 {
        padding: 0 15px;
        float: none;
    }
    #secondaryMainContent #templateLBlock2 {
        margin: 0;
    }
    #secondaryMainContent #templateLBlock2 > div {
        padding: 0;
    }
    #secondaryMainContent .bottomLocation {
        padding-bottom: 0;
    }
}
@media (max-width: 1199px) {
    /* Style Module -- Our office location --*/
    #secondaryMainContent .officeLocationSection .officeLocation {
        min-height: 230px;
    }
    #secondaryMainContent .officeLocationSection .mask {
        height: 230px;
    }
    #homepageBackground::after {
        right: -10%;
    }

}
@media (max-width: 1000px) {
    /* Page Resource Events - Screen max-width: 1000px */
    #myCarousel .carousel-control {
        width: 35px;
        height: 35px;
        bottom: 0;
        left: inherit;
        margin: 0;
        right: 0;
        top: 120px;
    }
    #myCarousel .carouselLeft {
        right: 55px;
    }
    #myCarousel {
        margin-left: 0;
    }
    #myCarousel .carousel-inner .item {
        padding-left: 0 !important;
    }
}
#myCarousel p:not(.largeParagraph) {
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
}
#myCarousel .carousel-control {
    width: 16%;
    margin-top: 280px;
    background-position: top center !important;
}
/* Style ThreeTab How We Can Help */
#templateLBlock2 .threeContentTab .tabTitles {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
}
#templateLBlock2 .threeContentTab .tabTitle {
    align-items: center;
    display: flex;
    justify-content: center;
}
#templateLBlock2 .threeContentTab .tabTitle p {
    padding: 26px 0;
}
#templateLBlock2 .threeContentTab .tabTitle:nth-child(3) {
    border-right: 0;
}
#templateLBlock2 .threeContentTab h6 {
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    max-width: 400px;
}
#templateLBlock2 .threeContentTab .desc {
    font-size: 20px;
    line-height: 32px;
}
#templateLBlock2 .threeContentTab .tabContent p {
    max-width: 400px;
}
#templateLBlock2 .threeContentTab .tabContent .buttonOrangeOutline {
    margin-top: 15px;
}
@media (max-width: 1280px) {
    #templateLBlock2 .tabContents {
        padding: 50px 20px;
    }
}
@media (max-width: 767px) {
    #templateLBlock2 .threeContentTab h6,
    #templateLBlock2 .threeContentTab .tabContent p {
        max-width: none;
    }
    #templateLBlock2 .col-md-10 {
        padding: 0;
    }
}
p {
    margin-bottom: 22px;
}
h4 {
    float: none;
    line-height: 1.3333;
    padding-bottom: 8px;
}
/*.textSnippetCallout ul,*/
.textSnippetCallout ol {
    padding-bottom: 10px;
}
/*.secondaryPageHeaderText {
    width: 70%;
}
.secondaryPageHeaderText h6 {
    max-width: 700px;
}*/
/*.blueListItems li a {
    text-decoration: underline;
}*/
body.hasHover .blueListItems li a:hover,
.blueListItems li a:focus {
    color: #00205C;
}
.leftTextImageRightBoxBG > .row:first-child .text-right {
    margin: 0;
}
.secondaryPageHeaderText .sunYellowFont {
    font-weight: 500;
    margin-bottom: 10px;
}
.secondaryPageHeaderText h3 {
    margin-top: 20px;
    line-height: 64px;
}
.contentBlockPost .postImage {
    float: none;
}
.textSnippetCallout .buttonOrangeOutline {
    float: none;
    display: inline-block;
}
.leftTextImageRightBoxBG .textSnippetCallout {
    margin-bottom: 0;
}
.slick-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
}
.slick-dots li {
    list-style: none;
    display: inline-block;
    padding: 0 5px;
}
.slick-dots li button {
    background: #000000;
    opacity: .2;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    color: transparent;
    display: block;
}
@media only screen and (max-width: 1300px) and (min-width: 992px) {
  .templateBBlock2PartTriangle {
    right: auto;
    left: 360px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 992px) {
  .templateD .partners .contentBlockPost .partner-logo .hover-text {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
    .showreversed {
    display: flex;
    flex-direction: row-reverse;
    }
    .templateJ-container .executives-card-row a .executives-info-dropdown-container {
      display: none !important;
    }
    .leftTextImageRightBoxBG > .row:first-child .mainContentBox {
        margin-left: 10%;
        min-height: 350px;
        position: relative;
    }
    /*.leftTextImageRightBoxBG > .row:first-child .mainContentBox .rightBoxStyleB {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
    }*/
}
.templateBBlock2Part .mainContentBox {
    padding-top: 0;
}
.triangelWidget .tab-links {
    float: none;
    margin-bottom: 30px;
}
.mainContentBox .buttonOrangeOutline {
    float: none;
    display: inline-block;
    text-align: center;
}
/*.leftTextImageRightBoxBG .leftTextImageRightBoxBG {
    margin: 0;
}*/
.leftTextImageRightBoxBG.imageHigh {
    margin-top: 50px;
}
@media only screen and (max-width: 1600px) and (min-width: 992px) {
    /*.leftTextImageRightBoxBG .textSnippetCallout {
        position: relative;
        left: 38%;
        margin-top: 366px;
        width: 200%
    }*/
    .leftTextImageRightBoxBG > .row:first-child .mainContentBox {
        margin-left: 0;
    }
}
@media only screen and (max-width: 1500px) {
    .secondaryPageHeaderText {
        width: 100%
    }
}
@media only screen and (max-width: 991px) {
  .templateJ-container .container-fluid {
    display: none !important;
  }
    /*#secondaryMainContent .leftTextImageRightBoxBG .col-sm-6 {
        width: 100%;
        float: none;
    }*/
    .leftTextImageRightBoxBG > .row:first-child .mainContentBox {
        margin-left: 0;
    }
    .rightBoxStyleB {
        margin-top: 0;
    }
    .leftTextImageRightBoxBG > .row:first-child {
        display: flex;
        flex-wrap: wrap;
    }
    .leftTextImageRightBoxBG > .row:first-child .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .leftTextImageRightBoxBG > .row:first-child .col-md-7 {
        order: -1;
    }
    .leftTextImageRightBoxBG .textSnippetCallout {
        margin-top: 50px;
    }
    .leftTextImageRightBoxBG, .rightTextImageLeftBoxBG, .rightTextImageLeftBox, .leftTextImageRightBox   {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .secondaryPageHeaderText {
        margin-top: 120px
    }
    .templateBBlock2Part.show {
        height: auto;
    }
}
@media only screen and (min-width: 767px) {
    .imageLeftCalloutBox {
        display: flex;
    }
}
@media only screen and (max-width: 767px) {
    #templateCBlock3 .grid-first h4 {
        margin-bottom: 0;
    }
    .templateBBlock2Part .mainContentBox {
        width: 80%;
        max-width: none;
    }
    .triangelWidget .tab-links {
        margin-bottom: 0;
    }
    ul.inline-list li {
        padding-right: 0;
        padding-bottom: 5px
    }
    .templateBBlock2Part.show {
        margin-bottom: 50px;
    }
    .templateBBlock2.centeredContent.triangelWidget {
        margin-bottom: 100px !important;
    }
    /*#secondaryMainContent .centeredContent .triangleBoxRightBig {
        margin-top: 0;
        top: auto;
        bottom: 100%;
        max-width: 300px;
        margin-bottom: -50px;
    }*/
    /*.internalContentWidget {
        margin-bottom: 50px;
    }*/
    .templateBBlock2Part.show {
        height: auto;
    }
}
.filterNews .filterLabel {
    font-size: 18px;
    font-weight: 600;
    opacity: 1;
    background-position: right 9px;
    padding-left: 15px;
}
.filterNews td,
.filterNews th {
    font-size: 16px;
    vertical-align: top;
}
.eventPostListItem .blueArticleLabel img {
    width: 20px;
}
.eventPostListItem .floatLeft {
    margin-top: 0;
}
body.hasHover .eventPostListItem:hover .floatLeft {
    color: #fff;
}
/*.newsPostBlock {
    padding-bottom: 100px;
}*/
@media (max-width: 767px) {
    .newsPostBlock {
        padding-bottom: 0px;
    }
}
@media (max-width: 580px) {
    .filterNews .filterLabel {
        min-width: auto;
        width: 100%;
    }
    .filterNews .filterDropdown table {
        width: 100%;
    }
    .newsPostBlock h5 {
        line-height: 32px;
    }
    .newsPostBlock .eventDateTimeLine p {
        display: inline-block;
        /* width: 45%; */
        margin: 0;
    }
    .newsPostBlock .eventDateTimeLine .eventTime {
        position: relative;
        top: -1px;
    }
}
@media (max-width: 1000px) {
    #secondaryMainContent .officeLocation .locationText {
        padding: 0 15px;
        bottom: 15px;
    }
}
@media (max-width: 767px) {
    #secondaryMainContent .officeLocationSection .bottomLocation {
        padding: 50px 15px 20px;
    }
}
@media (max-width: 580px) {
    #secondaryMainContent .officeLocationSection .officeLocation {
        min-height: 160px;
    }
    #secondaryMainContent .officeLocationSection .mask {
        height: 160px;
    }
    #secondaryMainContent .officeLocation .locationText h5 {
        font-size: 18px;
    }
    #secondaryMainContent .officeLocation .locationText p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px){
 .gridIconWidget{
   width: 50%;
 }
}
@media only screen and (max-width: 767px){
  .twoCtaSections .greyCtaSection {
    width: 100% !important;
}
 .gridIconWidget {
   width: 100%;
   text-align: center;
 }
 .gridIconWidget:first-child {
   text-align: left;
 }
 #templateCBlock3 .grid-first{
   max-width: none;
 }
 .flex, .desktop-flex{
   display: block;
 }
}
.templateBBlock3PartParent {
    margin-top: 40px;
}
.templateBBlock3Part {
    position: relative;
    z-index: 2;
    background-color: #fff;
}
/*.centeredContent .centeredContent {
    padding: 0;
}*/
.subFooterThreeCTA .subFooterBackgroundImg {
    z-index: 1;
    left: -30%;
    right: -30%;
    width: auto;
    top: -30px;
    height: auto;
    bottom: -110px;
}
/*.subFooterThreeCTA .subFooterBackgroundImg + .row {
    z-index: 2;
    position: relative;
}*/
.greyCtaSection img {
    max-width: 230px;
    margin: 0 auto;
    display: block;
}
.subFooterTwoCTA .subFooterThreeCTA {
    margin-bottom: 0;
}
.subFooterTwoCTA {
    margin-bottom: 100px;
}
.subFooterTwoCTA .subFooterThreeCTA {
    position: relative;
}
@media only screen and (max-width: 991px) {
    .centeredContent .templateBBlock3PartParent .templateBBlock3Part {
        box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
        border: none !important;
        padding: 30px;
        margin: 0 0 50px 0 !important;
    }
    body.hasHover .templateBBlock3Part:hover .bg-white {
        display: none;
    }
    .leftTextImageRightBoxBG .leftTextImageRightBoxBG .row:first-child {
        flex: none;
    }
}
@media only screen and (max-width: 991px) {
    .subFooterThreeCTA .col-sm-12.col-xs-8 {
        width: 100%;
        float: none;
        text-align: center;
    }
    .subFooterTwoCTA img {
        float: none;
        margin: 0 auto;
        display: block;
    }
    .subFooterTwoCTA .greyCtaSection .floatLeft {
        float: none;
        width: 100%;
        text-align: center;
    }
    .greyCtaSection .buttonOrangeOutline {
        float: none;
    }
    .greyCtaSection {
        width: 100%;
    }
    .mainFooterWithThreeArticles {
        margin-top: 200px;
    }
}
/* 8h 14-5 */
.triangleOnSide {
    z-index: 2;
}
.newsPostBlock .contentBlockPost h6 {
    margin-bottom: 0;
}
.contentBlockPost .blueArticleLabel {
    float: none;
}
.contentBlockPost .blueArticleLabel:after, .filterNews:after {
    clear: both;
    content: "";
    display: table;
}
.threeBlockLatestResource > a .contentBlockPost h6 {
    margin-bottom: 0;
}
.filterNews {
    float: none;
}

.newsPostBlock {
    margin-bottom: 0;
}
.filterNews .filterLabel {
    padding-left: 0;
}
.filterNews td:first-child .filterNews th:first-child {
    padding-left: 0;
}
.interiorPageBackgroundImage.swapangle {
    height: 100%;
}
.filterDropdown table a {
    padding-right: 30px;
}
/* CSS Style Banner Again */
/*.HeaderSection .col-xs-12 {
    width: 100%;
}
.HeaderSection .col-xs-12 #secondaryPageHeaderText {
    width: 60%;
}*/
/*.HeaderSection {
    padding-bottom: 150px !important;
}*/
.HeaderSection.headerResources {
    padding-bottom: 3px !important;
}
.greyCtaSectionContainer {
  position: relative;
}
.secondaryPageHeaderText {
    padding-bottom: 30px;
}
#myCarousel .secondaryPageHeaderText {
    padding-bottom: 60px;
    margin-bottom: 0;
}
#templateEBlock1 {
    margin-top: 50px;
}
#myCarousel .secondaryPageHeaderText .buttonOrangeBig {
    position: relative;
     top: 50px;
}
.secondaryPageHeaderText .buttonOrangeBig {
    bottom: auto;
}
.interiorPageBackgroundImage,
.interiorPageBackgroundImage .imageDiv,
.interiorPageBackgroundImage .colorDiv {
    top: 0 !important;
    bottom: 1px !important;
    /*height: auto !important;*/
    transform: none !important;
    margin: 0 !important;
}
.interiorPageBackgroundImage {
    bottom: -160px !important;
}
.interiorPageBackgroundImage:after {
    content: "";
    background-color: #fff;
    height: 300px;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 1;
    position: absolute;
    transform: skew(-98deg);
    transform-origin: bottom center;
    min-width: 2000px;
}
/*.interiorPageBackgroundImage.swapAngle {
    bottom: 20px !important;
}
.interiorPageBackgroundImage.swapAngle {
    bottom: 20px !important;
}*/
.interiorPageBackgroundImage.swapAngle:after {
    transform: skew(98deg);
}
/* End Banner CSS */
@media only screen and (min-width: 2100px) {
    /*.interiorPageBackgroundImage:after {
        transform: skew(-96deg);
    }
    .interiorPageBackgroundImage.swapAngle:after {
        transform: skew(96deg);
    }*/
}
    .interiorPageBackgroundImage.swapAngle {
        bottom: 50px !important;
    }
@media only screen and (max-width: 1000px) {
    #myCarousel .carousel-inner .item {
        padding-left: 30px;
    }
    #myCarousel {
        margin-left: -30px;
    }
    #myCarousel .carousel-control {
        top: 130px;
    }
}
@media only screen and (max-width: 991px) {
  #templateDBlock3 {
  margin-bottom: 40px;
  }
    /*.interiorPageBackgroundImage.swapAngle {
        height: 116%;
    }*/
    .headerResources .secondaryPageHeaderText,
    .headerEvents .secondaryPageHeaderText {
        padding-bottom: 50%;
    }
    /*.HeaderSection .col-xs-12 #secondaryPageHeaderText {
        width: 100%;
    }*/
    .mainRightContentBox img[src*=".svg"] {
    margin-top: 0;
  }
    .interiorPageBackgroundImage {

    }
    /*.interiorPageBackgroundImage {
        bottom: -200px !important;
    }*/
    /*.interiorPageBackgroundImage.swapAngle {
        bottom: 42px !important;
    }*/
}
@media only screen and (max-width: 767px) {
    .filterNews {

    }
    #myCarousel .carousel-control {
        top: 117px;
    }
}
@media only screen and (max-width: 580px) {
    .contentBlockPost {
        margin-bottom: 50px !important;
    }
    /*.interiorPageBackgroundImage.swapAngle {
        height: 120%;
    }*/
    .triangleBoxRightBig {
      width: 230px;
      background-size: 230px auto;
      margin-top: -140px;
    }
    .triangleBoxLeftBig {
      width: 230px;
      background-size: 230px auto;
      margin-top: -150px;
    }
    .centeringBigTriangleBox {
      margin-top: 150px;
    }

}
@media only screen and (max-width480px) {
    .filterNews td, .filterNews th {
        font-size: 14px;
    }
}
.slider.imageSliderWidget {
    float: none;
    margin-top: 50px;
    margin-bottom: 50px;
}
.slider.imageSliderWidget h4 {
    margin-bottom: 60px;
}
.slider.imageSliderWidget > .slick-prev-two,
.slider.imageSliderWidget > .slick-next-two {
    display: none;
}
.multi-item-carousel-four .slick-arrow {
    top: 50%;
    float: none;
    margin-top: -18px;
    position: absolute;
    z-index: 2;
    outline: none;
}
.multi-item-carousel-four .slick-prev-two {
    margin-left: 0;
    left: -100px;
}
.multi-item-carousel-four .slick-next-two {
    margin-right: 0;
    right: -100px;
}
.slider.imageSliderWidget .sliderContent img {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
}
.slick-dots li {
    vertical-align: middle;
}
* {
    outline-color: none;
}
body.hasHover .slick-dots li:hover button,
.slick-dots li.slick-active button {
    opacity: 1;
}
.group-arrows {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.centeredContent .centeredContent .centeredContent {
    padding: 0;
    margin: 0;
}
@media only screen and (min-width: 1200px) {
    .slider.imageSliderWidget {
        width: auto;
    }
}
@media only screen and (max-width: 991px) {
    .multi-item-carousel-four .slick-prev-two {
        left: -50px;
    }
    .multi-item-carousel-four .slick-next-two {
        right: -50px;
    }
    .slider.imageSliderWidget h4 {
        margin-bottom: 30px;
    }
    .mainFooterBackgroundImgOutside {
      height: 570px;
    }
}
@media only screen and (max-width: 767px) {
    .multi-item-carousel-four, .multi-item-carousel {
        padding-bottom: 40px;
    }
}
@media only screen and (max-width: 580px) {
    #templateMBlock1 {
        margin-bottom: 50px;
    }
    .partnersExpandedItem {
    width: 100% !important;
  }
}
/*https://tracker.carbon8.com/issues/78056*/
@media only screen and (max-width: 768px) {

    #homepageMainContent #homepageDemoBox {
      margin-bottom: -120px;
    }
    #secondaryMainContent #homepageDemoBox {
      margin-bottom: -30px;
    }
    .fiveReadMoreArticles {
      margin-bottom: 50px;
    }
    .theMainMenu {
        margin-top: 0;
    }
    .mobileMenuIcon {
        margin-top: 7px;
    }
    .mainFooter {
      margin: 160px 0 0;
    }
}
body {
    overflow-x: hidden;
}

@media only screen and (max-width: 370px) {
    .secondaryPageHeaderText h3 {
        font-size: 30px;
    }
}
/**/
.triangleOnSide {
    z-index: 3;
}
@media only screen and (max-width: 991px) {
  #mainFooterHomepage .mainFooterBackgroundImgOutside {
    height: 1110px;
  }
    /*#templateABlock3 {
        margin-bottom: 50px;
    }*/
    .leftTextImageRightBoxBG .mainContentBox,
    .triangleBoxLeftContent .mainContentBox {
        padding-bottom: 0;
    }
    /*#secondaryMainContent #templateABlock2.rightTextImageLeftBox .contentWithTriangle {
        margin-top: 0;
    }*/
    /*.triangleBoxLeft {
        position: relative;
        margin-left: -40px auto 10px 0 !important;
        left: -16px;
    }*/
    .triangleBoxRight {
      /*  position: relative;
        right: -16px;
        margin: -40px 0 10px auto !important;*/
        margin-top: -40px;
    }
    /*#templateABlock3 .contentWithTriangle {
        margin-top: 0
    }*/
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
    /*.triangleBoxRightBig {
        position: relative;
        right: -16px;
        margin: -40px 0 10px auto !important;
    }*/
    /*.internalContentWidget {
        margin: 0 0 50px;
    }*/
}
@media only screen and (max-width: 580px) {
    #firstHomepageCallout {
        margin-top: 50px;
    }
    #mainFooterHomepage .mainFooterBackgroundImgOutside {
      height: 760px !important;
    }
}
#myCarouselSlider {
    margin-left: 0;
}
#myCarouselSlider .item {
    padding-left: 0 !important;
}
@media only screen and (max-width: 991px) {
    #myCarouselSlider .carousel-control {
        width: 40px;
    }
    #myCarouselSlider .carousel-control.carouselLeft {
        margin-left: -50px;
    }
    #myCarouselSlider .carousel-control.carouselRight {
        margin-right: -50px;
    }
    .triangleWidget {
        margin-bottom: 50px !important;
    }
    .triangleWidget .mainContentBox {
        padding-bottom: 0;
    }
    .templateBBlock2Part {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 767px) {
  .filterDropdown table {
    width: 100%;
    color: #161f30;
    float: left;
}
.filterLabel {
    min-width: 200px;
  }
  #mainFooterHomepage .mainFooterBackgroundImgOutside {
    height: 880px;
  }
    #myCarouselSlider {
        margin-left: 60px;
        margin-right: 60px;
    }
}
.new-content {
    display: block !important;
    width: 100%;
}
/**/
.HeaderSection #myCarousel {
    overflow: inherit !important;
}
.HeaderSection #myCarousel .carousel-inner .item .secondaryPageHeaderText {
    padding-bottom: 50px;
    margin-bottom: 0;
}
@media only screen and (max-width: 1000px) {
  .num {
    display: none;
  }
    .HeaderSection #myCarousel .carousel-inner .item {
        padding-left: 30px !important;
    }
}
@media only screen and (max-width: 767px) {
    #templateEBlock1 .subPart {
        width: 100%;
        float: none;
        margin-bottom: 40px;
    }
    #templateEBlock1 .subPart .right-border {
        display: none;
    }
}
.socialIconsOnPost span {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    top: -2px
}
.socialIconsOnPost > * {
    display: inline-block;
    vertical-align: baseline;
    float: none !important;
    margin: 0 !important;
    padding: 0 5px;
}
.socialIconsOnPost img {
    margin: 0;
}
 
 div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
    float: left;
    width: 80%;
}
 div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
    float: left;
    width: 20%;
}
 