/*BEGIN BIGBOX CONTAINER/*

/* SECTION BOX SHARED */
.sectionbox {
  margin-top: 22px;
  padding-bottom: 20px;
  height: auto;
  background-color: rgba(255, 255, 255, 0);
  width: 1440px;
}

.sectionbox .sectiontitles {
    background-color: rgba(255, 255, 255, 0);
    height: 30px;
    margin-bottom: 0;
    position: relative;
}
.sectionbox .sectiontitles.titlebox {
    align-items: center;
    background-color: rgba(255, 255, 255, 0);
    display: flex;
    flex-direction: row;
    height: 30px;
    justify-content: center;
}
.sectionbox .sectiontitles.titlebox .seeall {
    padding-right: 15px;
    margin-left: 31.5px;
}
.sectionbox .sectiontitles.titlebox .seeall, 
.sectionbox .sectiontitles.titlebox .seeall a, 
.sectionbox .sectiontitles.titlebox .seeall a:link, 
.sectionbox .sectiontitles.titlebox .seeall a:visited, 
.sectionbox .sectiontitles.titlebox .seeall a:hover {
    color: rgb(0, 156, 150);
    font-family: montserrat,sans-serif;
    font-weight: 300;
    
    font-size: 22px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    line-height: 27px;
    text-decoration-color: rgb(0, 156, 150);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
}

.sectionbox .sectiontitles .caption {
    background-color: rgba(255, 255, 255, 0);
    color: rgb(116, 115, 117);
    font-family: montserrat,sans-serif;
    font-size: 26px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-weight: 800;
    height: auto;
    line-height: 32px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    opacity: 1;
    position: relative;
    text-align: center;
    width: auto;
    
    padding-left:20px;
    padding-right:20px;
}
.sectionbox .sectiontitles.titlebox .caption {
    padding-right:0;
}


.sectionbox,
.sectionbox .bigboxcontainer {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.sectionbox .bigboxcontainer {
  margin-bottom: 0;
  margin-top: 16px;
  width: 100%;
  padding-bottom: 50px;
}

.sectionbox .bigboxcontainer .innerbigboxcontainer {
  height: 100%;
  position: relative;
  width: 100%;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.sectionbox .bigboxsmalleritem .imageboxcontainer .imagebox {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-origin: padding-box;
  background-position-x: center;
  background-position-y: top;
  background-repeat: no-repeat;
  background-size: cover;    
  height: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  width: 100%;
  
  transform-style: preserve-3d;
  transition: transform 750ms ease-out 0s;
  transform: scaleX(1) scaleY(1) scaleZ(1);
}
.sectionbox .bigboxsmalleritem:hover .imageboxcontainer .imagebox {
  transform: scaleX(1.05) scaleY(1.05) scaleZ(1);
}
.sectionbox .bigboxsmalleritem .imageboxcontainer .imagebox .overlay-gray-tint-block {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(10, 8, 8, 0.5) 0%, rgba(8, 8, 8, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  transition: opacity 750ms ease-out 0s;
  opacity: 0;
}
.sectionbox .bigboxsmalleritem:hover .imageboxcontainer .imagebox .overlay-gray-tint-block {
  opacity: 1;
}

.bigboxsmalleritem {
  background-color: rgba(255, 255, 255, 0);
  height: 536px;
  margin-bottom: 0;
  margin-left: 7.25px;
  margin-right: 7.25px;
  margin-top: 0;
  position: relative;
  width: 348px;
}

.bigboxsmalleritem:first-child {
  margin-left: 0;
}

.bigboxsmalleritem:last-child {
  margin-right: 0;
}

.bigboxsmalleritem .maintitlebox {
    background-color: rgba(0, 0, 0, 0);
    height: 23px;
    left: 50%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 258px;    
}
.bigboxsmalleritem .maintitlebox .maintitle {
    background-color: rgba(255, 255, 255, 0);
    color: rgb(255, 255, 255);
    font-family: "ProximaNova-Extrabld", Helvetica, Arial, serif;
    font-size: 14px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: auto;
    line-height: 17px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    position: relative;
    text-align: center;
    width: auto;
    
    display: inline-block; 
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
    padding-top: 3px;
}
.bigboxsmalleritem .maintitlebox .maintitle.orange {
    background-color: rgb(255, 131, 0);    
}
.bigboxsmalleritem .maintitlebox .maintitle.purple {
    background-color: #714194;    
}
.bigboxsmalleritem .maintitlebox .maintitle.red {
    background-color: #CF4229;    
}
.bigboxsmalleritem .maintitlebox .maintitle.green {
    background-color: #9FC54D;    
}
.bigboxsmalleritem .maintitlebox .maintitle.blue {
    background-color: #00B8EA;    
}
.bigboxsmalleritem .maintitlebox .maintitle.navy {
    background-color: rgba(0, 66, 113, 0.88);    
}
.bigboxsmalleritem .maintitlebox .maintitle.teal {
  color: rgb(0, 156, 150);
}
.bigboxsmalleritem .maintitlebox .maintitle.crimson {
    background-color: rgba(113, 0, 43, 0.84);    
}

.bigboxsmalleritem .imageboxcontainer {
  background-color: rgba(255, 255, 255, 0);
  height: 348px;
  position: relative;
  width: 100%;
  overflow:hidden;
}

.bigboxsmalleritem .imageboxcontainer,
.bigboxsmalleritem .textbox {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

.bigboxsmalleritem .textbox {
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 14px 0;
  height: auto;
  position: absolute;
  transform: translate(-50%);
  left: 50%;
  bottom: 0;
  width: 258px;
  overflow: hidden;
  padding-bottom: 16px; /*22px*/

  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bigboxsmalleritem .textbox .fix-collapse-margin.fc-4-1 {
  padding-top: 1px !important;
  position: relative;
  overflow: hidden;
}

.bigboxsmalleritem .textbox .description {
  background-color: rgba(255, 255, 255, 0);
  height: 203px; /*197px*/
  margin-bottom: 0;
  margin-left: 25px;
  margin-right: 0;
  margin-top: 18px;
  position: relative;
  width: 221px;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.bigboxsmalleritem .textbox .description .boxcaption {
  height: 17px;
}

.bigboxsmalleritem .textbox .description .boxcaption,
.bigboxsmalleritem .textbox .description .boxcaption .caption {
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0;
  margin-left: 0px;
  margin-right: 0;
  margin-top: 0px;
  position: relative;
  width: auto;
}

.bigboxsmalleritem .textbox .description .boxcaption .caption {
  color: rgb(113, 65, 148);
  font-family: "ProximaNova-Extrabld", Helvetica, Arial, serif;
  font-size: 14px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: 17px;
  text-align: left;
  text-transform: uppercase;
}

.bigboxsmalleritem .textbox .description .boxcaption .caption.purple {
  color: rgb(113, 65, 148);
}

.bigboxsmalleritem .textbox .description .boxcaption .caption.orange {
  color: rgb(255, 131, 0);
}

.bigboxsmalleritem .textbox .description .boxcaption .caption.red {
  color: rgb(207, 66, 41);
}

.bigboxsmalleritem .textbox .description .boxcaption .caption.green {
  color: rgb(159, 197, 77);
}
.bigboxsmalleritem .textbox .description .boxcaption .caption.blue {
  color: #00B8EA;
}
.bigboxsmalleritem .textbox .description .boxcaption .caption.teal {
  color: rgb(0, 156, 150);
}
.bigboxsmalleritem .textbox .description .boxcaption .caption.navy {
  color: rgb(0, 66, 113);
}
.bigboxsmalleritem .textbox .description .boxcaption .caption.crimson {
  color: rgb(113, 0, 43);
}


.bigboxsmalleritem .textbox .description .boxtitle {
  background-color: rgba(255, 255, 255, 0);
  height: auto; /*52px;*/
  margin-bottom: 0;
  margin-left: 0px;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  width: auto;
}

.bigboxsmalleritem .textbox.captioned .description .boxtitle {
  margin-top: 11px;
}

.bigboxsmalleritem .textbox .description .boxtitle .title {
  color: rgb(74, 73, 74);
  font-family: "ProximaNova-Bold", Helvetica, Arial, serif;
  font-size: 24px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  line-height: 26px;
  margin-top: 0;
  text-align: left;
  max-height: 130px;
}

.bigboxsmalleritem .textbox .description .boxtitle .title,
.bigboxsmalleritem .textbox .description .boxdesc {
  background-color: rgba(255, 255, 255, 0);
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  width: auto;
  overflow: hidden;
}
.bigboxsmalleritem .textbox .description .boxtitle .title.extended {
  max-height: 160px;
}

.bigboxsmalleritem .textbox .description .boxdesc { /*131px;*/
  margin-top: 14px;
}

.bigboxsmalleritem .textbox.captioned .description .boxdesc {
  margin-top: 13px;
  overflow: hidden;
}

.bigboxsmalleritem .textbox .description .boxdesc .desc {
  background-color: rgba(255, 255, 255, 0);
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  text-align: left;
  width: auto;
}

.bigboxsmalleritem .textbox .description .boxdesc .desc,
.bigboxsmalleritem .textbox .description .boxdesc .desc p {
  color: rgb(116, 115, 117);
  font-family: "ProximaNova-Regular", Helvetica, Arial, serif;
  font-size: 16px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
}

.bigboxsmalleritem .textbox .description .boxdesc .desc p {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.bigboxsmalleritem .textbox .imgwrap.fc-5-1 {
  margin-left: 181px;
  margin-top: 5px; /*31px*/
  position: relative;
}

.bigboxsmalleritem .textbox.captioned .imgwrap.fc-5-1 {
  margin-top: 10px;
}

.bigboxsmalleritem .textbox .readarrow {
  background-color: rgba(255, 255, 255, 0);
  height: 12px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  width: 32px;
}

.bigboxcontainer .innerbigboxcontainer .bigboxsmalleritem.alink {
  cursor: pointer;
}

@media screen and (max-width: 1440px) {
  .sectionbox {
    width: 100%;
    height: auto;
    padding-bottom: 0px;
  }

  .sectionbox .bigboxcontainer {
    padding-right: 20px;
    padding-left: 20px;
    height: auto;
  }
}
                     
@media screen and (max-width: 1130px) {
  .sectionbox .bigboxcontainer .innerbigboxcontainer {
    flex-wrap: wrap;
    justify-content: center;
  }

  .bigboxsmalleritem:first-child {
    margin-left: 7.25px;
  }

  .bigboxsmalleritem:last-child {
    margin-right: 7.25px;
  }

  .bigboxsmalleritem {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 991px) {
    .sectionbox .bigboxcontainer {
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 450px) {
  .sectionbox .bigboxcontainer:not(.containmobile):not(.containimage) .bigboxsmalleritem .imageboxcontainer .imagebox {
    background-size: cover;
  }

    .sectiontitles .caption {
        font-size:20px;
    }  

}
/*END BIGBOX CONTAINER*/



/*BEGIN SECTION SOLUTIONS - EX: incoming, outgoing*/
.sectionsolutions {
  background-color: rgb(255, 255, 255);
  height: auto;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  opacity: 1;
  padding-bottom: 24px;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 100%;
}

.sectionsolutions .solutionscontainer {
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.sectionsolutions .solutionscontainer,
.sectionsolutions .solutionscontainer .solutionsbox {
  background-color: rgba(255, 255, 255, 0);
  left: unset;
  margin-bottom: 0;
  margin-top: 27px;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 1357px;
}

.sectionsolutions .solutionscontainer .solutionsbox {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  height: auto;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  flex-wrap: wrap;
}

.sectionsolutions .solutionscontainer .solutionsbox .solution1 {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../jpg/incoming---1440x900-b-backgroundimage-1%402x.jpg");
  background-origin: padding-box;
  background-position-x: center;
  background-position-y: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 245px;
  left: unset;
  margin-bottom: 23px;
  margin-right: 0;
  margin-top: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 666px;
  margin-left: 0;
}

.sectionsolutions .solutionscontainer .solutionsbox .solution1.agreement {
  background-image: url("../jpg/incoming---1440x900-b-backgroundimage%402x.jpg");
}
.sectionsolutions .solutionscontainer .solutionsbox .solution1.engage {
  background-image: url("../jpg/solution-engage-background.jpg");
}
.sectionsolutions .solutionscontainer .solutionsbox .solution1.dashboard {
  background-image: url("../jpg/solution-dashboard-background.jpg");
}

.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox {
  background-color: rgba(255, 131, 0, 0.87);
  height: auto;
  left: unset;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  opacity: 1;
  padding-bottom: 19px;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 548px;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.30);
  cursor: pointer;
}
.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox:hover .textbox .titlebox1 .title {
    text-align: left;
    line-height: 1;   
}

.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox.green {
  background-color: rgba(159, 197, 77, 0.88);
}
.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox.purple {
  background-color: rgba(113, 65, 148, 0.88);
}
.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox.orange {
  background-color: rgba(255, 131, 0, 0.88);
}
.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox.red {
  background-color: rgba(207, 66, 41, 0.88);
}
.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox.blue {
  background-color: rgba(0, 172, 236, 0.88);
}
.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox.navy {
  background-color: rgba(0, 66, 113, 0.88);
}
.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox.crimson {
  background-color: rgba(113, 0, 43, 0.84);
}


.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .arrowaction {
  background-color: rgba(255, 255, 255, 0);
  height: 13px;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 32px;
}

.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .textbox {
  background-color: rgba(255, 255, 255, 0);
  height: auto;
  left: unset;
  margin-bottom: 0;
  margin-left: 31px;
  margin-right: 0;
  margin-top: 23px;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 486px;
}

.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .textbox .titlebox1 {
  height: 100%;
}

.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .textbox .titlebox1,
.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .textbox .titlebox1 .title {
  background-color: rgba(255, 255, 255, 0);
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 100%;
}

.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .textbox .titlebox1 .title {
  color: rgb(255, 255, 255);
  font-family: montserrat,sans-serif;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  font-size: 21px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;

  font-weight: 600;
  height: auto;
  line-height: 26px;
  text-align: center;
}

.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .descbox1 {
    position:relative;
    display:none;
}
.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .descbox1 .desc {
    position:relative;
    font-size: 15px;
    color: #FFFFFF;
    text-align: left;
    font-family: montserrat,sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-top:9px;
    line-height: 19px;
}
.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox:hover .descbox1 {
    display:block;    
}

.sectionsolutions .solutionscontainer .titlebox {
  margin-left: auto;
  margin-right: auto;
  width: 1357px;
}

.sectionsolutions .solutionscontainer .titlebox,
.sectionsolutions .solutionscontainer .titlebox .title {
  background-color: rgba(255, 255, 255, 0);
  height: auto;
  left: unset;
  margin-bottom: 0;
  margin-top: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
}

.sectionsolutions .solutionscontainer .titlebox .title {
  color: rgb(116, 115, 117);
  font-family: montserrat,sans-serif;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  font-size: 26px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;

  font-weight: 800;
  line-height: 32px;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  width: auto;
}

.sectioninfo {
  background-color: rgb(245, 245, 245);
  height: auto;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-bottom: 62px;
  width: 100%;
  
  padding-left: 20px;
  padding-right: 20px;
}

.sectioninfo,
.sectioninfo .infobox {
  left: unset;
  margin-bottom: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
}

.sectioninfo .infobox {
  align-items: flex-start;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  flex-direction: row;
  height: 211px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  margin-top: 74px;
  width: 1060px;
}
.sectioninfo .infobox.fullwidth {
    width:auto;
    height:auto;
    justify-content: space-evenly;
}

.sectioninfo .infobox .info {
  margin-top: 0;
  width: 220px;
}

.sectioninfo .infobox .info,
.sectioninfo .infobox .info .textbox {
  background-color: rgba(255, 255, 255, 0);
  height: auto;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
}

.sectioninfo .infobox .info .textbox {
  margin-top: 32px;
  padding-bottom: 36px;
  width: 100%;
}

.sectioninfo .infobox .info .textbox .info4 {
  color: rgb(138, 138, 138);
  font-family: montserrat,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
  
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;

  height: auto;
 
  text-align: center;
  width: 100%;
}

.sectioninfo .infobox .info .textbox .info4,
.sectioninfo .infobox .info .share {
  background-color: rgba(255, 255, 255, 0);
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
}

.sectioninfo .infobox .info .share {
  height: 69px;
  width: 69px;
}

.sectioninfo .infobox .info1 {
  background-color: rgba(255, 255, 255, 0);
  height: auto;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 220px;
}
.sectioninfo .infobox .info1.medgrp {
    width:164px;
}

.sectioninfo .infobox .info1 .textbox {
  margin-top: 32px;
}

.sectioninfo .infobox .info1 .textbox,
.sectioninfo .infobox .info1 .textbox .info4 {
  background-color: rgba(255, 255, 255, 0);
  height: auto;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 100%;
}

.sectioninfo .infobox .info1 .textbox .info4 {
  color: rgb(138, 138, 138);
  font-family: montserrat,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
  
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  
  margin-top: 0;
  text-align: center;
}

.sectioninfo .infobox .info1 .depart {
  height: 69px;
  width: 69px;
}

.sectioninfo .infobox .info1 .depart,
.sectioninfo .infobox .info2 {
  background-color: rgba(255, 255, 255, 0);
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
}

.sectioninfo .infobox .info2 {
  height: 100%;
  width: 220px;
}

.sectioninfo .infobox .info2 .textbox {
  margin-top: 32px;
}

.sectioninfo .infobox .info2 .textbox,
.sectioninfo .infobox .info2 .textbox .info4 {
  background-color: rgba(255, 255, 255, 0);
  height: auto;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 100%;
}

.sectioninfo .infobox .info2 .textbox .info4 {
  color: rgb(138, 138, 138);
  font-family: montserrat,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
  
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
   
  margin-top: 0;
  text-align: center;
}

.sectioninfo .infobox .info2 .upload {
  height: 69px;
  width: 69px;
}

.sectioninfo .infobox .info2 .upload,
.sectioninfo .infobox .info3 {
  background-color: rgba(255, 255, 255, 0);
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
}

.sectioninfo .infobox .info3 {
  height: auto;
  width: 220px;
}

.sectioninfo .infobox .info3 .textbox {
  margin-top: 32px;
}

.sectioninfo .infobox .info3 .textbox,
.sectioninfo .infobox .info3 .textbox .info4 {
  background-color: rgba(255, 255, 255, 0);
  height: auto;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 100%;
}

.sectioninfo .infobox .info3 .textbox .info4 {
  color: rgb(138, 138, 138);
  font-family: montserrat,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
  
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;

  
  margin-top: 0;
  text-align: center;
}

.sectioninfo .infobox .info3 .sevis {
  height: 69px;
  width: 69px;
}

.sectioninfo .infobox .info3 .sevis,
.sectionfold {
  background-color: rgba(255, 255, 255, 0);
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
}

.sectionfold {
  height: 100vh;
  width: 100%;
}
.sectionfold.threefour {
    height: 75vh;
}

.sectionfold .infocontainer {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../jpg/intro-banner-logo-pattern-dark.jpg");
  background-origin: padding-box;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 189px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
}

.sectionfold .infocontainer,
.sectionfold .infocontainer .infobox {
  width: 100%;
  position: relative;
  margin-bottom: 0;
  margin-top: 0;
}

.sectionfold .infocontainer .infobox {
  left: unset;
  opacity: 1;
  top: unset;
  transform: rotate(0deg);
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.sectionfold .infocontainer .infobox .info {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
  font-family: montserrat,sans-serif;
  font-size: 29px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: auto;
  line-height: 34px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  text-align: center;
  width: 917px;
}
.sectionfold .infocontainer.forty .infobox .info {
    width:auto;
    font-size: 40px;
    line-height: 44px;    
}

.sectionfold .infocontainer .infobox .info,
.sectionfold .bannercontainer {
  left: unset;
  margin-bottom: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
}

.sectionfold .bannercontainer {
  align-items: flex-start;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  
  /*custom*/
  background-image: url("../jpg/incoming---1440x900-b-incominghero%402x.jpg");
  
  background-origin: padding-box;
  background-position-x: center;
  background-position-y: top;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-bottom: 0;
  width: 100%;
}

.sectionfold .bannercontainer .actionbox {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 200px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 1228px;
}

.sectionfold .basecontainer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}
.sectionfold .basecontainer.nograd {
    background: none;
    filter: none;
}

.sectionfold .actionbox {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 200px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 1228px;
  padding-bottom: 40px; /*custom*/
}
.sectionfold .actionbox.mobility {
    justify-content: flex-end;    
}
.sectionfold .actionbox.usecaption {
    padding-bottom: 20px;
}
.sectionfold .basecontainer.buttononly .actionbox {
    justify-content: flex-end;
    height: auto;
    width: auto;
    margin-right: 69px;
}

.sectionfold .actionbox,
.sectionfold .actionbox .solutionsbox {
  background-color: rgba(255, 255, 255, 0);
  left: unset;
  margin-bottom: 0;
  margin-top: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
}

.sectionfold .actionbox .solutionsbox {
  height: 76px;
  margin-left: 0;
  margin-right: 0;
  width: 262px;
}


/*DEFAULTS FOR ACTION BOX BUTTON
Right now, these are tied to faqfbutton, but they
need to be universal. Need to simply update the faqfbutton
class with something general*/
.actionbox,
.actionbox .faqfbutton {
    height: 76px;
    left: unset;
    margin-bottom: 0;
    opacity: 1;
    position: relative;
    top: unset;
    transform: rotate(0deg);
    width: 262px;
}

.actionbox .faqfbutton {
    align-items: center;
    
    
    background-color: rgba(0, 0, 0,0);
    border: 1px solid #fff;
  
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    
    -webkit-transition: background-color 250ms ease-out, border 250ms ease-out;
    -moz-transition: background-color 250ms ease-out, border 250ms ease-out;
    -o-transition: background-color 250ms ease-out, border 250ms ease-out;
    transition: background-color 250ms ease-out, border 250ms ease-out;
}
/*BUTTON COLORS*/
.actionbox .faqfbutton.orange {
    background-color: rgb(255, 131, 0);
    border:none;
}
.actionbox .faqfbutton.green {
  background-color: rgba(159, 197, 77, 0.88);
  border:none;
}
.actionbox .faqfbutton.purple {
  background-color: rgba(113, 65, 148, 0.88);
  border:none;
}
.actionbox .faqfbutton.red {
  background-color: rgba(207, 66, 41, 0.88);
  border:none;
}
.actionbox .faqfbutton.blue {
  background-color: rgba(0, 172, 236, 0.88);
  border:none;
}
.actionbox .faqfbutton.blue:hover,
.actionbox .faqfbutton.blue-over:hover {
  background-color: rgb(0, 172, 236);
  border-color: rgba(0, 0, 0, 0);
}
.actionbox .faqfbutton.red:hover,
.actionbox .faqfbutton.red-over:hover {
  background-color: rgb(207, 66, 41);
  border-color: rgba(0, 0, 0, 0);
}
.actionbox .faqfbutton.orange:hover,
.actionbox .faqfbutton.orange-over:hover {
  background-color: rgb(226, 96, 0);
  border-color: rgba(0, 0, 0, 0);
}
.actionbox .faqfbutton.purple:hover,
.actionbox .faqfbutton.purple-over:hover {
  background-color: rgb(113, 65, 148);
  border-color: rgba(0, 0, 0, 0);
}
.actionbox .faqfbutton.green:hover,
.actionbox .faqfbutton.green-over:hover {
  background-color: rgb(159, 197, 77);
  border-color: rgba(0, 0, 0, 0);
}
/*default goes last*/
.actionbox .faqfbutton:hover {
  background-color: rgba(0, 0, 0,0); /*default is transparent*/
  border:1px solid #fff;
}
/*END BUTTON COLORS*/

.actionbox .faqfbutton .label {
    color: rgb(255, 255, 255);
    font-family: montserrat,sans-serif;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    width: auto;

}
.actionbox .faqfbutton .label {
    background-color: rgba(255, 255, 255, 0);
    height: auto;
    margin-bottom: 0;
    opacity: 1;
    position: relative;
}
/*END DEFAULTS*/

.sectionfold .actionbox .solutionsbox .btnactionfbutton {
  align-items: center;
  
  background-color: transparent;
  border: 1px solid #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 76px;
  justify-content: center;
  width: 262px;
  
  -webkit-transition: background-color 250ms ease-out, border 250ms ease-out;
    -moz-transition: background-color 250ms ease-out, border 250ms ease-out;
    -o-transition: background-color 250ms ease-out, border 250ms ease-out;
    transition: background-color 250ms ease-out, border 250ms ease-out;
}
.sectionfold .actionbox .solutionsbox .btnactionfbutton.mont {
    width:224px;
    height: 64px;  
}

.sectionfold .actionbox .solutionsbox .btnactionfbutton:hover {
  background-color: rgb(255, 131, 0);
  border-color: rgb(255, 131, 0);
}
.sectionfold .actionbox .solutionsbox .btnactionfbutton.blue:hover {
    background-color: rgb(0, 172, 236);
    border-color: rgb(0, 172, 236);
}
.sectionfold .actionbox .solutionsbox .btnactionfbutton.red:hover {
  background-color: rgb(207, 66, 41);
  border-color: rgb(207, 66, 41);
}
.sectionfold .actionbox .solutionsbox .btnactionfbutton.orange:hover {
  background-color: rgb(255, 131, 0);
  border-color: rgb(255, 131, 0);
}
.sectionfold .actionbox .solutionsbox .btnactionfbutton.purple:hover {
  background-color: rgb(113, 65, 148);
  border-color: rgb(113, 65, 148);
}
.sectionfold .actionbox .solutionsbox .btnactionfbutton.green:hover {
  background-color: rgb(159, 197, 77);
  border-color: rgb(159, 197, 77);
}
.sectionfold .actionbox .solutionsbox .btnactionfbutton.mattedarkblue:hover {
  background-color: rgb(93,152,200);
  border-color: rgb(93,152,200);
}


.sectionfold .actionbox .solutionsbox .btnactionfbutton,
.sectionfold .actionbox .solutionsbox .btnactionfbutton .label {
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
}

.sectionfold .actionbox .solutionsbox .btnactionfbutton .label {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
  
  font-family: montserrat,sans-serif;
font-size: 16px;
line-height: 19px;
font-weight: 500;

  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;

  height: auto;

  text-align: center;
  width: auto;
}

.sectionfold .actionbox .titlebox {
  height: 100%;
  padding-right: 60px;
}

.sectionfold .actionbox .titlebox {
  background-color: rgba(255, 255, 255, 0);
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: auto;
}

.sectionfold .actionbox .titlebox .caption {
    font-family: "ProximaNovaT-Thin", Helvetica, Arial, serif;
    font-size: 212px;
    color: rgba(255,255,255,0.30);
    letter-spacing: -10.07px;
      
      font-size-adjust: none;
      font-stretch: normal;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      white-space: nowrap;
}
.sectionfold .actionbox .titlebox .caption.outgoing {
    font-size:200px;  
}

.sectionfold .bannercontainer .messagebox {
  background-color: rgba(255, 131, 0, 0.88);
  margin-left: 0;
  margin-top: 0;
  padding-bottom: 18px;
  width: 468px;
}
.sectionfold .bannercontainer .messagebox.layout2 {
    padding-right: 40px;
    width:auto;
}

.sectionfold .bannercontainer .messagebox.layoutimg {
    padding-right: 0;
    width:auto;    
}
.sectionfold .bannercontainer .messagebox.transparent {
    background-color: rgba(255, 255, 255, 0);
}
.sectionfold .bannercontainer .messagebox.purple {
    background-color: rgba(113, 65, 148, 0.88);
}
.sectionfold .bannercontainer .messagebox.red {
    background-color: rgba(207, 66, 41, 0.88);
}
.sectionfold .bannercontainer .messagebox.orange {
    background-color: rgba(255, 131, 0, 0.88);
}
.sectionfold .bannercontainer .messagebox.green {
    background-color: rgba(159, 197, 77, 0.88);
}
.sectionfold .bannercontainer .messagebox.blue {
    background-color: rgba(0, 172, 236, 0.88);
}
.sectionfold .bannercontainer .messagebox.blueslick {
    background: rgba(32,93,158,0.80);
}
.sectionfold .bannercontainer .messagebox.navy {
    background: rgba(0, 66, 113, 0.88);
}
.sectionfold .bannercontainer .messagebox.crimson {
    background-color: rgba(113, 0, 43, 0.84);
}

.sectionfold .bannercontainer .messagebox,
.sectionfold .bannercontainer .messagebox .message {
  height: auto;
  left: unset;
  margin-bottom: 0;
  margin-right: 0;
  opacity: 1;
  position: relative;
  top: unset;
  transform: rotate(0deg);
}

.sectionfold .bannercontainer .messagebox .message {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
  
  font-family: montserrat,sans-serif;
    font-weight: 800;
    font-size: 31px;
    line-height: 36px;

  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;

 
  margin-left: 26px;
  margin-top: 15px;
  text-align: left;
  width: auto;
}
.sectionfold .bannercontainer .messagebox.layoutimg .message {
    margin-left:75px;
}
.sectionfold .bannercontainer .messagebox .message img.alertbrand {
    max-width: 100%;    
    height:auto;
    width: 322px;
    display:block
}

.imgwrap.fc-1-1 {
  font-size: 0;
  left: unset;
  line-height: 0;
  margin-left: 0;
  margin-top: 11px;
  position: relative;
  top: unset;
}

.sectionsolutions .fix-collapse-margin.fc-8-1,
.sectioninfo .fix-collapse-margin.fc-13-1 {
  padding-top: 1px !important;
  position: relative;
}

.sectionfold .bannercontainer .fix-collapse-margin.fc-16-1 {
  padding-top: 1px !important;
  position: absolute;
  top: 30%;
  transform: translate(0px, -50%);
}

.sectioninfo .infobox .info .imgwrap.fc-9-1,
.sectioninfo .infobox .info1 .imgwrap.fc-10-1,
.sectioninfo .infobox .info2 .imgwrap.fc-11-1,
.sectioninfo .infobox .info3 .imgwrap.fc-12-1 {
  font-size: 0;
  left: unset;
  line-height: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  position: relative;
  text-align: center;
  top: unset;
  width: 220px;
}
.sectioninfo .infobox .info1.medgrp .imgwrap.fc-10-1 {
    width: 100%;
} 

.sectionfold .infocontainer .infobox .fix-collapse-margin.fc-14-1 {
  flex-direction: column;
}

.sectionfold .infocontainer .infobox .fix-collapse-margin.fc-14-1,
.sectionsolutions .solutionscontainer .solutionsbox .solution1 .fix-collapse-margin.fc-7-1 {
  padding-top: 1px !important;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sectionfold .actionbox .titlebox .imgwrap.fc-15-1 {
  font-size: 0;
  left: unset;
  line-height: 0;
  margin-left: 0;
  margin-top: 0;
  position: relative;
  top: unset;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}


.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .fix-collapse-margin.fc-5-1 {
  padding-top: 1px !important;
  position: relative;
}

.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .imgwrap.fc-6-1 {
  font-size: 0;
  left: unset;
  line-height: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 9px;
  position: relative;
  text-align: center;
  top: unset;
  width: auto;
}
.sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox:hover .imgwrap.fc-6-1 {
    text-align: right;
    padding-right: 35px;
}

.sectionfold .bannercontainer .fix-collapse-margin.fc-16-1 .messagebox .fix-collapse-margin.fc-17-1 {
  padding-top: 1px !important;
  position: relative;
}

.sectionmidmessage {
    position: relative;
    height:200px;
    background-color: #4A4A4A;
}
.sectionmidmessage .messagecontainer {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.sectionmidmessage .messagecontainer .messagebox {
    position: relative;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.sectionmidmessage .messagecontainer .messagebox .imagebox {
    position: relative;    
}
.sectionmidmessage .messagecontainer .messagebox .imagebox img {
    max-width: 100%;
    height: auto;
    padding-right: 38px;
}
.sectionmidmessage.actions .messagecontainer .messagebox .message {
    margin-right: 90px;
}
.sectionmidmessage .messagecontainer .messagebox .message {
    position: relative;
    background-color: rgba(255, 255, 255, 0);
    color: #9FC54D;
    font-family: "ProximaNova-Extrabld", Helvetica, Arial, serif;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal; 
    text-align: center;   
    
    width:874px;
    font-size: 28px;
    line-height:34px; 
}
.sectionmidmessage .messagecontainer .messagebox .message.light {
    color:#fff;    
}
.sectionmidmessage .messagecontainer .messagebox .message span.light {
    font-family: "ProximaNova-Light", Helvetica, Arial, serif;    
}
.sectionmidmessage.actions .messagecontainer .messagebox .message {
    width:auto;
}
.sectionmidmessage .messagebox .message.green {
    color: #9FC54D;    
}

.testimonials {
  position: relative;
}

.sectionbox {
  margin-top: 54px;
}

@media screen and (max-width: 1480px) {
  .imgwrap.fc-1-1 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

@media screen and (max-width: 1479px) {
  .sectionfold .infocontainer.forty .infobox .info {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 1397px) {
  .sectionsolutions .solutionscontainer {
    width: 100%;
  }

  .sectionsolutions .solutionscontainer .solutionsbox {
    height: auto;
    width: 100%;
  }

  .sectionsolutions .solutionscontainer .titlebox {
    width: 100%;
  }

  .sectionsolutions .solutionscontainer .titlebox .title {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

@media screen and (max-width: 1387px) {
  .sectionsolutions .solutionscontainer .titlebox .title {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 1367px) {
  .sectionsolutions .solutionscontainer .solutionsbox {
    align-items: center;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
  }

  .sectionsolutions .solutionscontainer .solutionsbox .solution1 {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

}

@media screen and (max-width: 1357px) {
  .sectionsolutions .solutionscontainer {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 1268px) {
  .sectionfold .actionbox {
    width: 100%;
  }

  .sectionfold .actionbox .solutionsbox {
    margin-right: 20px;
  }

  .sectionfold .actionbox .titlebox {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 1238px) {
  .sectionfold .actionbox .titlebox {
    flex-shrink: 1;
  }

}

@media screen and (max-width: 1100px) {
  .sectioninfo .infobox {
    height: auto;
    width: 100%;
  }
  
  .sectioninfo .infobox.fullwidth {
    align-items: center;
    flex-direction: column;
    margin-top: 0px;
  }

  .sectioninfo .infobox.fullwidth .info1 {
    height: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 46px;
    padding-left: 0;
    padding-right: 0;
  }
  
  .sectioninfo .infobox.fullwidth .info1 .textbox {
      margin-top: 16px;
    }

}

@media screen and (max-width: 1070px) {
    .sectionmidmessage:not(.actions) {
        height: auto;
        padding-top:30px;
        padding-bottom:30px;
    }
    .sectionmidmessage:not(.actions) .messagecontainer .messagebox {
        flex-direction: column;
    }    
    .sectionmidmessage:not(.actions) .messagecontainer .messagebox .message {
        width: auto;
        padding-left:20px;
        padding-right: 20px;
        padding-top: 38px;
    }
    .sectionmidmessage:not(.actions) .messagecontainer .messagebox .imagebox img {
        padding-right: 0px;
    }
}

@media screen and (max-width: 1070px) {
  .sectioninfo .infobox {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 975px) {
  .sectioninfo .infobox {
    align-items: center;
    flex-direction: column; 
  }

  .sectioninfo .infobox .info,
  .sectioninfo .infobox .info1,
  .sectioninfo .infobox .info2 {
    height: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 46px;
    padding-left: 0;
    padding-right: 0;
  }

  .sectioninfo .infobox .info3 {
    height: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  
  .sectioninfo .infobox .info .textbox
  .sectioninfo .infobox .info1 .textbox,
  .sectioninfo .infobox .info2 .textbox,
  .sectioninfo .infobox .info3 .textbox {
      margin-top: 16px;
    }
}

@media screen and (max-width: 905px) {
  .sectionfold .actionbox .titlebox {
    width: 100%;
  }

  .sectionfold .actionbox .titlebox .imgwrap.fc-15-1 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

@media screen and (max-width: 1440px) {
    .sectionfold .actionbox .titlebox .caption,
    .sectionfold .actionbox .titlebox .caption.outgoing {
      font-size: 12.5vw;
    }    
}

@media screen and (max-height: 905px), screen and (max-width: 1440px) {
  .sectionfold .infocontainer {
    height: 167px;
  }
  .sectionfold .infocontainer .infobox .info {
    font-size: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 769px;
  }
  .sectionfold .infocontainer.forty .infobox .info {
    font-size:35px; 
    line-height: normal;   
  }
  
  .sectionfold .actionbox {
    height: 155px;
  }
  

  .sectionfold .bannercontainer .fix-collapse-margin.fc-16-1 {
    top: 30%;
  }

}

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

  .sectionmidmessage .messagecontainer .messagebox .message {
        font-size:22px;
        line-height: normal;
    }
}

@media screen and (max-height: 905px) and (max-width: 849px) {
  .sectionfold .infocontainer {
      height:147px;
  }  
  .sectionfold .infocontainer .infobox .info {
    font-size: 20px;
    line-height: 22px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
  }
  .sectionfold .infocontainer.forty .infobox .info {
    font-size:26px;    
  }
}

@media screen and (max-width: 809px) {
  .sectionfold .infocontainer .infobox .info {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; 
  }

  .sectionfold .actionbox,
  .sectionfold .actionbox.mobility {
    flex-direction: column-reverse;
    
    height: auto;
  }
  .sectionfold .basecontainer.buttononly .actionbox {
      margin-right:0;
  }

  /*default goes first*/
  .actionbox {
    height: 61px;
    width: 210px;
  }

  .sectionfold .actionbox .solutionsbox {
    height: 61px;
    margin-left: auto;
    margin-right: auto;
    width: 210px;
  }

  .sectionfold .actionbox .solutionsbox .btnactionfbutton,
  .sectionfold .actionbox .solutionsbox .btnactionfbutton.mont,
  .actionbox .faqfbutton {
    height: 61px;
    width: 210px;
  }

  .sectionfold .actionbox .solutionsbox .btnactionfbutton .label,
  .actionbox .faqfbutton .label {
    font-size: 16px;
    line-height: normal;
  }

  .sectionfold .actionbox .titlebox {
    margin-left: 0;
    margin-right: 0;
    margin-top: 39px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .sectionfold .bannercontainer .messagebox {
    width: 230px;
  }
  .sectionfold .bannercontainer .messagebox.layoutimg .message {
    margin-left:26px;    
  }
  .sectionfold .bannercontainer .messagebox.layout2 {
    padding-right: 20px;
    padding-bottom: 13px;
  }

  .sectionfold .bannercontainer .messagebox .message {
    font-size: 18px;
    line-height: normal;
    margin-left: 10px;
    width: auto;
  }
  .sectionfold .bannercontainer .messagebox.layout2 .message {
    margin-top: 10px; 
    font-size: 20px;   
  }


  .sectionfold .actionbox .titlebox .imgwrap.fc-15-1 {
    text-align: center;
  }
  .sectionfold .actionbox.usecaption .titlebox .imgwrap.fc-15-1 {
    align-items: center;
  }
  .sectionfold .actionbox .titlebox .caption,
  .sectionfold .actionbox .titlebox .caption.outgoing {
    letter-spacing: normal;
  }
}

@media screen and (max-width: 706px) {
  .sectionsolutions {
    padding-bottom: 25px;
  }

  .sectionsolutions .solutionscontainer .solutionsbox .solution1 {
    height: 168px;
    padding-bottom: 1px;
    width: 100%;
  }

  .sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox {
    margin-left: 40px;
    margin-right: 40px;
    max-width: 375px;
    padding-bottom: 7px;
  }
  
  
  /*disable actionbox rollover*/
  .sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox:hover .descbox1 {
        display:none;    
    }
    /*reverse the actionbox rollover statements*/
    .sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox:hover .textbox .titlebox1 .title {
        line-height: 26px;
        text-align: center; 
    }
    /*reverse the actionbox rollover statements*/
    .sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox:hover .imgwrap.fc-6-1 {
        text-align: center;
        padding-right: 0px;
    }

  .sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .arrowaction {
    height: 8px;
    width: 21px;
  }

  .sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .textbox {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }

  /*include actionbox rollover so that the state does not revert back to the desktop rollover*/
  .sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .textbox .titlebox1 .title,
  .sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox:hover .textbox .titlebox1 .title {
    font-size: 16px;
    line-height: normal;
  }

  .sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .imgwrap.fc-6-1 {
    margin-top: 2px;
  }
}

@media screen and (max-width: 666px) {
  .sectionsolutions .solutionscontainer .solutionsbox .solution1 {
    margin-left: auto;
    margin-right: auto;
  }
} 

@media screen and (max-width: 650px) {
    .sectionmidmessage.actions {
        height: auto;
        padding-top:30px;
        padding-bottom:30px;
    }
    .sectionmidmessage.actions .messagecontainer .messagebox {
        flex-direction: column;
    }    
    .sectionmidmessage.actions .messagecontainer .messagebox .message {
        margin-right: 0px;
        padding-left:20px;
        padding-right: 20px;
        margin-bottom: 38px;
    }
}

@media screen and (max-height: 905px) and (max-width: 588px) {
    .sectionfold .infocontainer {
        height: 126px;
      }
    .sectionfold .infocontainer .infobox .info {
        font-size: 16px;
      }
      .sectionfold .infocontainer.forty .infobox .info {
        font-size: 20px;
        line-height: 22px;    
      }    
}

@media screen and (max-width: 700px) {
    .sectionfold .infocontainer:not(.forty) .infobox .info br {
        display:none;    
    }    
}

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

  .sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox {
    width: 100%;
  }
 
  .sectionfold .bannercontainer {
      /*custom*/
    background-image: url("../jpg/incominghero--mobile.jpg");
  }

}

@media screen and (max-width: 547px) {
  .sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .textbox .titlebox1 .title {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 527px) {
  .sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .textbox {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 526px) {
  .sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .textbox {
    width: 100%;
  }
}

@media screen and (max-width: 468px) {
  .sectionsolutions .solutionscontainer {
    margin-top: 23px;
  }

  .sectionsolutions .solutionscontainer .solutionsbox {
    margin-top: 20px;
  }

  .sectionsolutions .solutionscontainer .titlebox .title {
    font-size: 20px;
    line-height: normal;
  }

  .sectionfold .actionbox .titlebox .caption,
  .sectionfold .actionbox .titlebox .caption.outgoing {
      font-size: 16.5vw;
  }
  
  

  .sectioninfo .infobox {
    margin-top: 42px;
  }
  .sectioninfo .infobox.fullwidth {
      margin-top:0;
  }

  .sectioninfo .infobox .info {
    margin-top: 46px;
    max-width: 278px;
    width: 100%;
  }           
  .sectionfold .infocontainer.forty .infobox .info br {
    display:none;    
  }

  .sectioninfo .infobox .info .textbox {
    margin-top: 29px;
  }

  

  .sectioninfo .infobox .info .share {
    height: 56px;
    width: 56px;
  }

  .sectioninfo .infobox .info1 {
    margin-top: 46px;
    max-width: 278px;
    width: 100%;
  }

  .sectioninfo .infobox .info1 .textbox {
    margin-top: 29px;
  }

 

  .sectioninfo .infobox .info1 .depart {
    height: 56px;
    width: 56px;
  }

  .sectioninfo .infobox .info2 {
    margin-top: 46px;
    max-width: 278px;
    width: 100%;
  }

  .sectioninfo .infobox .info2 .textbox {
    margin-top: 29px;
  }

  

  .sectioninfo .infobox .info2 .upload {
    height: 56px;
    width: 56px;
  }

  .sectioninfo .infobox .info3 {
    max-width: 278px;
    width: 100%;
  }

  .sectioninfo .infobox .info3 .textbox {
    margin-top: 29px;
  }

  

  .sectioninfo .infobox .info3 .sevis {
    height: 56px;
    width: 56px;
  }

  .sectionfold .bannercontainer .messagebox {
    width: 176px;
  }
  /*custom depending on text*/
  .sectionfold .bannercontainer .messagebox.layout2:not(.nobend) {
    width: 157px;
  }
  /*custom depending on image*/
  .sectionfold .bannercontainer .messagebox.layoutimg {
    width: 235px;
  }
  
  
  .sectionfold .bannercontainer .messagebox .message img.alertbrand {
    max-width: 100%;
    height: auto;
    width: 171px;
  }

  .sectionfold .actionbox .solutionsbox .btnactionfbutton,
  .sectionfold .actionbox .solutionsbox .btnactionfbutton.mont {
      height: 58px;
      width: 198px;
  }
  .sectionfold .actionbox .solutionsbox .btnactionfbutton .label {
      font-size:15px;
  }
  
  .sectioninfo .infobox .info .imgwrap.fc-9-1,
  .sectioninfo .infobox .info1 .imgwrap.fc-10-1,
  .sectioninfo .infobox .info2 .imgwrap.fc-11-1,
  .sectioninfo .infobox .info3 .imgwrap.fc-12-1 {
    width: auto;
  }

  .sectioninfo .infobox .info br,
  .sectioninfo .infobox .info3 br {
    display: none;
  }
}

@media screen and (max-width: 302px) {
  .sectionfold .actionbox .solutionsbox {
    height: auto;
    width: 100%;
  }

  .sectionfold .actionbox .solutionsbox .btnactionfbutton,
  .sectionfold .actionbox .solutionsbox .btnactionfbutton.mont {
    height: auto;
    padding-bottom: 52px;
    width: 100%;
  }

  .sectionfold .actionbox .solutionsbox .btnactionfbutton .label {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 260px) {
  .sectioninfo .infobox .info,
  .sectioninfo .infobox .info1,
  .sectioninfo .infobox .info2,
  .sectioninfo .infobox .info3 {
    width: 100%;
  }
}

@media screen and (max-width: 249px) {
  .sectionfold .actionbox .solutionsbox .btnactionfbutton .label {
    width: 100%;
  }
}

@media screen and (max-width: 109px) {
  .sectioninfo .infobox .info .share,
  .sectioninfo .infobox .info1 .depart,
  .sectioninfo .infobox .info2 .upload,
  .sectioninfo .infobox .info3 .sevis {
    height: auto;
    width: 100%;
  }
}

@media screen and (max-width: 72px) {
  .sectionsolutions .solutionscontainer .solutionsbox .solution1 .actionbox .arrowaction {
    height: auto;
    width: 100%;
  }
}
/*END SECTION SOLUTIONS*/

/*BEGIN SECTION SOLUTIONS BULLETS*/
.sectionbullets {
    background-color: rgb(255, 255, 255);
    height: auto;
    left: unset;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    opacity: 1;
    padding-bottom:0;
    position: relative;
    top: unset;
    transform: rotate(0deg);
    width: auto;
}

.sectionbullets .actionbox {
    background-color: rgba(255, 255, 255, 0);
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
}


.sectionbullets .linearhalfgrade,
.sectionbullets.linearhalfgrade {
    background: linear-gradient(90deg, #fff 50%, #FAFAFA 0%);
}
.sectionbullets .linearhalfgrade.transparent,
.sectionbullets.linearhalfgrade.transparent {
    background: none;
}
.sectionbullets .linearhalfgrade.fill,
.sectionbullets.linearhalfgrade.fill {
    background: none;
    background-color: #FAFAFA;
    margin-top: 70px;
}
.sectionbullets.linearhalfgrade {
    padding-bottom: 71px;
}
.sectionbullets .bulletcontainer {
    position: relative;
    background-color: rgba(255, 255, 255, 0);
    height: auto;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0;
    margin-top: 70px;
    padding-bottom: 73px;
    width: 1150px;
}
.sectionbullets .bulletcontainer.nobottompad {
    padding-bottom:0px;
}

.sectionbullets .bulletcontainer .column {
    background-color: rgba(255, 255, 255, 0);
    height: auto;
    left: unset;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1px;
    opacity: 1;
    padding-bottom: 0px;
    position: relative;
    top: unset;
    transform: rotate(0deg);
    width: 575px;
}
.sectionbullets .bulletcontainer .column.col2 {
    padding-bottom: 50px;    
}
.sectionbullets.linearhalfgrade.divider .bulletcontainer .column.col2 {
	border-left: 1px solid rgba(52,91,124,0.37);
}

.sectionbullets .bulletcontainer .column .bulletbox {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 0px;
    margin-top: 72px;
    width: auto;
           
    background-color: rgba(255, 255, 255, 0);
    height: auto;
    margin-bottom: 0;
    margin-right: 0;
    position: relative;
}
.sectionbullets .bulletcontainer .column.col2 .bulletbox {
    margin-left: 68px;
}
.sectionbullets .bulletcontainer .column .bulletbox:first-of-type {
    margin-top: 115px;
}
.sectionbullets .bulletcontainer .column.col1 .bulletbox:first-of-type {
    margin-top: 0;
}
  
.sectionbullets .bulletcontainer .column .bulletbox .listbox {
    background-color: rgba(255, 255, 255, 0);
    height: auto;
    left: unset;
    margin-bottom: 0;
    margin-right: 0;
    opacity: 1;
    position: relative;
    top: unset;
    transform: rotate(0deg);

    margin-left: 0;
    margin-top: 26px;
    width: 409px;
}

.sectionbullets .bulletcontainer .column .bulletbox .listbox .list {
    background-color: rgba(255, 255, 255, 0);
    color: rgb(138, 138, 138);
    
    font-family: montserrat,sans-serif;
    font-size: 16px;
    line-height:19px;
    font-weight:400;
    
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    
    height: auto;
    left: unset;
   
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    opacity: 1;
    position: relative;
    text-align: left;
    top: unset;
    transform: rotate(0deg);
    width: 100%;
}

.sectionbullets .bulletcontainer .column .bulletbox .infobox {
    height: 100%;
    left: unset;
    margin-left: 27px;
    margin-top: 19px;
    position: relative;
    top: unset;
    width: auto;
}
.sectionbullets .bulletcontainer .column.col1 .bulletbox:last-of-type .infobox {
    padding-bottom: 42px;
}

.sectionbullets .bulletcontainer .column .bulletbox .titlebox {
    width: 384px;
}
.sectionbullets .bulletcontainer .column.col1 .bulletbox .titlebox {
    width: 409px;
}

.sectionbullets .bulletcontainer .column .bulletbox .titlebox,
.sectionbullets .bulletcontainer .column .bulletbox .titlebox .title {
    background-color: rgba(255, 255, 255, 0);
    height: auto;
    left: unset;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    opacity: 1;
    position: relative;
    top: unset;
    transform: rotate(0deg);
}

.sectionbullets .bulletcontainer .column .bulletbox .titlebox .title {
    color: rgb(255, 131, 0);
    font-family: montserrat,sans-serif;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    text-align: left;
    width: 100%;
}

.sectionbullets .bulletcontainer .column .bulletbox .iconbox {
    background-color: rgba(255, 255, 255, 0);
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    height: auto;
    margin-top: 0px;
    width: 69px;
}
.sectionbullets .bulletcontainer .column .bulletbox .iconbox img {
    width: auto;    
    height: 70px;
}


/*TITLE COLORS*/
.sectionbullets .bulletcontainer .column .bulletbox .infobox .titlebox .title.orange {
    color: rgb(255, 131, 0);    
}
.sectionbullets .bulletcontainer .column .bulletbox .infobox .titlebox .title.purple {
    color: rgb(113, 65, 148);
}
.sectionbullets .bulletcontainer .column .bulletbox .infobox .titlebox .title.red {
    color: rgba(207, 66, 41);
}
.sectionbullets .bulletcontainer .column .bulletbox .infobox .titlebox .title.green {
    color: rgba(159, 197, 77);
}
.sectionbullets .bulletcontainer .column .bulletbox .infobox .titlebox .title.blue {
    color: rgba(0, 172, 236);
}
.sectionbullets .bulletcontainer .column .bulletbox .infobox .titlebox .title.navy {
    color: rgba(0, 66, 113);
}
.sectionbullets .bulletcontainer .column .bulletbox .infobox .titlebox .title.crimson {
    color: rgba(113, 0, 43);
}
/*END TITLE COLORS*/




.sectionbullets .fix-collapse-margin,
.sectionbullets .bulletcontainer .column .fix-collapse-margin,
.sectionbullets .bulletcontainer .column .bulletbox .infobox .fix-collapse-margin {
    padding-top: 1px !important;
    position: relative;
}

.sectionbullets .bulletcontainer .column .bulletbox .iconbox .imgwrap {
    font-size: 0;
    left: unset;
    line-height: 0;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    top: unset;
}

.sectionbullets .bulletcontainer .column .bulletbox .infobox .listbox .list ul {
    color: inherit;
    font-size: 100%;
    line-height: inherit;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 0;
    padding-top: 0;
    position: relative;
}

.sectionbullets .bulletcontainer .column .bulletbox .infobox .listbox .list li {
    font-family: montserrat,sans-serif;
    font-size: 16px !important;
    line-height:19px;
    font-weight:400;
    
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto;
    color: inherit;

  
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 0;
    padding-top: 0;
    position: relative;
}

.sectionbullets .bulletcontainer .column .bulletbox .infobox .listbox .list li:last-child {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
.sectionbullets .bulletcontainer .column .bulletbox .infobox .listbox .list li::before {
    top: -1px;
    content: "\25A0";
    font-size: 11px;
    left: -12px;
    position: absolute;
   
}

@media screen and (max-width: 1190px) {
    .sectionbullets .bulletcontainer {
        width: auto; 
    }
    .sectionbullets .bulletcontainer .column {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media screen and (max-width: 1160px) {
    .sectionbullets .linearhalfgrade:not(.fill),
    .sectionbullets.linearhalfgrade:not(.fill) {
        background: none;
    }
    .sectionbullets .bulletcontainer {
        align-items: center;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding-bottom:0;
        width:100%;
    }
    .sectionbullets.linearhalfgrade.divider .bulletcontainer .column.col2 {
		border-left: none;
	}
    .sectionbullets .bulletcontainer .column {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        width:100%;
    }
    .sectionbullets .bulletcontainer .column .bulletbox  {
        width: 575px;
        margin-left: auto;
        margin-right: auto;    
    }
    .sectionbullets .bulletcontainer .column .bulletbox,
    .sectionbullets .bulletcontainer .column .bulletbox:first-of-type {
        margin-top: 71px;
    }
    .sectionbullets .bulletcontainer .column {
        padding-bottom:20px;
    }
	.sectionbullets .linearhalfgrade.transparent .bulletcontainer .column,
	.sectionbullets.linearhalfgrade.transparent .bulletcontainer .column,
    .sectionbullets .linearhalfgrade.fill .bulletcontainer .column,
    .sectionbullets.linearhalfgrade.fill .bulletcontainer .column	{
	  padding-bottom: 0px;
	}
    .sectionbullets .bulletcontainer .column.col2 {
        background-color: rgb(250, 250, 250);
        padding-bottom: 71px;
    }
	.sectionbullets .linearhalfgrade.transparent .bulletcontainer .column.col2, 
	.sectionbullets.linearhalfgrade.transparent .bulletcontainer .column.col2,
    .sectionbullets .linearhalfgrade.fill .bulletcontainer .column.col2,
    .sectionbullets.linearhalfgrade.fill .bulletcontainer .column.col2 {
	  background: none;
	}
    .sectionbullets .bulletcontainer .column.col2 .bulletbox  {
        margin-left: auto;
        margin-right: auto;    
    }
	.sectionbullets .linearhalfgrade.transparent .bulletcontainer .column.col1 .bulletbox:last-of-type .infobox,
	.sectionbullets.linearhalfgrade.transparent .bulletcontainer .column.col1 .bulletbox:last-of-type .infobox,
    .sectionbullets .linearhalfgrade.fill .bulletcontainer .column.col1 .bulletbox:last-of-type .infobox,
    .sectionbullets.linearhalfgrade.fill .bulletcontainer .column.col1 .bulletbox:last-of-type .infobox 	{
	  padding-bottom: 0px;
	}

}

@media screen and (max-width: 713px) {
    .sectionbullets .bulletcontainer .column .bulletbox {
        align-items: center;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .sectionbullets .bulletcontainer .column .bulletbox .infobox {
        margin-left: 0;
        margin-right: 0;
        margin-top: 23px;
        padding-left: 0;
        padding-right: 0;
    }
    .sectionbullets .bulletcontainer .column .bulletbox .iconbox {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .sectionbullets .bulletcontainer .column .bulletbox .titlebox .title {
        text-align: center;
    }

}

@media screen and (max-width: 675px) {
    .sectionbullets .bulletcontainer .column .bulletbox {
        width: 100%;
    }
}

@media screen and (max-width: 615px) {
    .sectionbullets .bulletcontainer .column .bulletbox {
        margin-left: auto;
        margin-right: auto;
        width: 507px;
    }
}

@media screen and (max-width: 575px) {
    .sectionbullets .bulletcontainer .column {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 547px) {
    .sectionbullets .bulletcontainer .column .bulletbox {
        width: 100%;
    }
}

@media screen and (max-width: 540px) {
    /*we include the fill version because it retains the background color*/
    .sectionbullets .bulletcontainer,
    .sectionbullets .linearhalfgrade.fill, 
    .sectionbullets.linearhalfgrade.fill {
       margin-top: 50px; 
    }
}

@media screen and (max-width: 476px) {
    .sectionbullets .bulletcontainer .column .bulletbox .infobox {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 449px) {
    .sectionbullets .bulletcontainer .column .bulletbox .listbox {
        width: 100%;
    }
    .sectionbullets .bulletcontainer .column .bulletbox .infobox {
        width: 100%;
    }
    .sectionbullets .bulletcontainer .column .bulletbox .titlebox {
        width: auto;
    }
    .sectionbullets .bulletcontainer .column .bulletbox .titlebox .title {
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }
    .sectionbullets .bulletcontainer .column .bulletbox .infobox .listbox .list ul {
        margin-left: auto;
        margin-right: auto;
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
    }
}

@media screen and (max-width: 434px) {
    .sectionbullets .bulletcontainer .column .bulletbox .infobox .listbox .list li {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

@media screen and (max-width: 424px) {
    .sectionbullets .bulletcontainer .column .bulletbox .titlebox,
    .sectionbullets .bulletcontainer .column.col1 .bulletbox .titlebox {
        width: 100%;
    }
    .sectionbullets .bulletcontainer .column .bulletbox .titlebox .title {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 409px) {
    .sectionbullets .bulletcontainer .column .bulletbox .listbox {
        margin-left: auto;
        margin-right: auto;
    }
    .sectionbullets .bulletcontainer .column .bulletbox .titlebox {
        margin-left: auto;
        margin-right: auto;
    }
}


@media screen and (max-width: 109px) {
    .sectionbullets .bulletcontainer .column .bulletbox .iconbox {
        width: 100%;
    }
    .sectionbullets .bulletcontainer .column .bulletbox .iconbox img {
        height: auto;
        width: 100%;
        max-width:100%;
    }
    .sectionbullets .bulletcontainer .column .bulletbox .iconbox .imgwrap {
        margin-left: auto;
        margin-right: auto;
        width: 69px;
    }
}

/*END SECTION BULLETS*/

/*COMPUTER GRAPHIC VIEW*/
.sectioncomputerview {
    position: relative;
    width:100%;
    height:auto;    
}
.sectioncomputerview .viewcontainer {
    position: relative;
    width:100%;
    height:auto;
}
.sectioncomputerview .infocontainer {
    position: relative;
    margin-top:71px;
    padding-bottom: 81px;
    width:900px;
    margin-left:auto;
    margin-right:auto;
}
.sectioncomputerview .infocontainer .intro {
    position: relative;
    font-family: montserrat,sans-serif;
    font-size:24px;
    line-height:29px;
    font-weight:400;
    color:#4A4A4A;
}
.sectioncomputerview .infocontainer .desc {
    position: relative;
    margin-top:29px;
}
.sectioncomputerview .infocontainer .desc .title {
    position: relative;
    font-family: montserrat,sans-serif;
    font-size:24px;
    line-height:29px;
    font-weight:700;
    color:#4A4A4A;
}
.sectioncomputerview .infocontainer .desc ul {
    position: relative;
    margin-top:20px;
}
.sectioncomputerview .infocontainer .desc ul li {
    position: relative;
    font-family: montserrat,sans-serif;
    font-size:24px;
    line-height:29px;
    font-weight:400;
    color:#4A4A4A;
    margin-bottom:20px;
    padding: 0 0 0 22px;
    background:none;
}
.sectioncomputerview .infocontainer .desc ul li:before {
  content: "\25A0";
  left: 0px;
  position: absolute;
  top: 5px;
  color: #000;
  font-size: 13px;
  line-height: normal;
}

.sectioncomputerview .viewcontainer .titlebox {
    position: absolute;
    top: 82px;
    left: 0;
    width: 100%;
    padding-left:40px;
    padding-right:40px;
}
.sectioncomputerview .viewcontainer .titlebox .title {
    position: relative;
    width: 100%;
    
    font-family: montserrat,sans-serif;
    font-weight:300;
    
    color: #FFFFFF;
    letter-spacing: -1.5px;
    text-align: center;
    
    white-space: nowrap;
    
    font-size:46px;
    
    line-height:1;

}

.sectioncomputerview .viewcontainer .titlebox.longtext .title {
    font-size:34px;
    letter-spacing: -1.5px;
}
.sectioncomputerview .viewcontainer .graphicpreview {
    position: relative;
    width:100%;
    max-width: 100%;
    height:auto;
}

@media screen and (max-width: 1490px) {
    .sectioncomputerview .viewcontainer .titlebox {
        top: 8%;
    }  
}

@media screen and (max-width: 1240px) {
    .sectioncomputerview .viewcontainer .titlebox .title {
        font-size: 3vw;
        letter-spacing: 0;
    }  
}

@media screen and (max-width: 1040px) {
    .sectioncomputerview .viewcontainer .titlebox.longtext {
        top:6%;
    }
    .sectioncomputerview .viewcontainer .titlebox.longtext .title {
        font-size: 3vw;
        line-height:1.2;
        letter-spacing: 0;
        white-space: normal;
        padding-left: 80px;
        padding-right: 80px;
    }  
}


@media screen and (max-width: 940px) {
    .sectioncomputerview .infocontainer {
            width:100%;
            padding-left:20px;
            padding-right:20px;
    }
}

@media screen and (max-width: 769px) {
    .sectioncomputerview .infocontainer {
        margin-top: 45px;
        padding-bottom: 50px;
    }
    .sectioncomputerview .infocontainer .intro,
    .sectioncomputerview .infocontainer .desc .title,
    .sectioncomputerview .infocontainer .desc ul li {
        font-size: 20px;
        line-height: 26px;
    }
}
@media screen and (max-width: 540px) {
    .sectioncomputerview .infocontainer {
        margin-top: 35px;
        padding-bottom: 40px;
    }
    .sectioncomputerview .viewcontainer .titlebox.longtext .title {
        padding-left: 40px;
        padding-right: 40px;
    }

    .sectioncomputerview .infocontainer .intro,
    .sectioncomputerview .infocontainer .desc .title,
    .sectioncomputerview .infocontainer .desc ul li {
        font-size: 16px;
        line-height: 23px;
    }
}    


@media screen and (min-width: 1490px) {
    .sectioncomputerview .viewcontainer .titlebox .title {
        font-size: 56px;
    }
    .sectioncomputerview .viewcontainer .titlebox.longtext .title {
        font-size: 41px;
        letter-spacing: -1.5px;
    }
}