.sectiontitlebox {
    width: auto;
    margin-left: 127px;
    margin-right: auto;
}



/*SECTION WHAT'S HOT*/

.sectionwhatshot {
  left: unset;
  margin-bottom: 0;
  
  margin-top: 0;
  position: relative;
  top: unset;
  width: 100%;
}

.sectionwhatshot {
  background-color: rgb(74, 73, 74);
  height: 670px;
  transform: rotate(0deg);
}

.sectionwhatshot .whatshotcontainer {
    width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.sectionwhatshot .whatshotgroup {
  align-items: flex-start;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  flex-direction: row;
  height: 403px;
  justify-content: flex-start;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 100%;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone {
  background-color: rgba(255, 255, 255, 0);
  height: 100%;
  left: unset;
  margin-bottom: 0;
  margin-left: 14px;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 348px;
  flex: 0 0 auto;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .imageboxcontainer {
  background-color: rgba(255, 255, 255, 0);
  height: 348px;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 100%;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .imageboxcontainer .imagebox {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../jpg/whatshot-alerttraveler-productsheet.jpg");
  background-origin: padding-box;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 100%;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotstandarddesccontainer {
  bottom: 0;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 14px 0;
  height: 152px;
  left: 50%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  min-height: 140px;
  position: absolute;
  right: unset;
  top: unset;
  transform: translate(-50%);
  width: 258px;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotstandarddesccontainer .readarrow {
  background-color: rgba(255, 255, 255, 0);
  height: 12px;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  top: unset;
  width: 32px;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotstandarddesccontainer .whatshotdesc {
  background-color: rgba(255, 255, 255, 0);
  height: 52px;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 11px;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: auto;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotstandarddesccontainer .whatshotdesc .desc {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
  font-family: "ProximaNova-Bold", Helvetica, Arial, serif;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  font-size: 24px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-variation-settings: normal;
  font-weight: normal;
  height: auto;
  left: unset;
  line-height: 26px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  text-align: left;
  top: unset;
  transform: rotate(0deg);
  width: 100%;
 
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotstandarddesccontainer .whatshottitle {
  background-color: rgba(255, 255, 255, 0);
  height: 17px;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 18px;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: auto;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotstandarddesccontainer .whatshottitle .title {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
  font-family: "ProximaNova-Extrabld", Helvetica, Arial, serif;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  font-size: 14px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-variation-settings: normal;
  font-weight: normal;
  height: auto;
  left: unset;
  line-height: 17px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  text-align: left;
  top: unset;
  transform: rotate(0deg);
  width: auto;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotmaintitle {
  background-color: rgba(0, 0, 0, 0);
  bottom: unset;
  height: 23px;
  left: 50%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: absolute;
  right: unset;
  top: 0;
  transform: translate(-50%);
  width: 258px;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotmaintitle .maintitle {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
  font-family: "ProximaNova-Extrabld", Helvetica, Arial, serif;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  font-size: 14px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-variation-settings: normal;
  font-weight: normal;
  height: auto;
  left: unset;
  line-height: 17px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 2px;
  position: relative;
  text-align: center;
  top: unset;
  transform: rotate(0deg);
  width: auto;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainer {
  background-color: rgba(255, 255, 255, 0);
  height: 100%;
  left: unset;
  margin-bottom: 0;
  margin-left: 13px;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 348px;
  flex: 0 0 auto;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainer .imageboxcontainer {
  background-color: rgba(255, 255, 255, 0);
  height: 348px;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 100%;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainer .imageboxcontainer .imagebox {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../jpg/whatshot-alerttraveler-video.jpg");
  background-origin: padding-box;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 100%;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotstandarddesccontainer {
  bottom: 0;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 14px 0;
  height: 152px;
  left: 50%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  min-height: 140px;
  position: absolute;
  right: unset;
  top: unset;
  transform: translate(-50%);
  width: 258px;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotstandarddesccontainer .readarrowclone {
  background-color: rgba(255, 255, 255, 0);
  height: 12px;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  top: unset;
  width: 32px;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotstandarddesccontainer .whatshotdesc {
  background-color: rgba(255, 255, 255, 0);
  height: 52px;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 11px;
  padding-left: 21px;
  padding-right: 17px;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: auto;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotstandarddesccontainer .whatshotdesc .desc {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
  font-family: "ProximaNova-Bold", Helvetica, Arial, serif;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  font-size: 24px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-variation-settings: normal;
  font-weight: normal;
  height: auto;
  left: unset;
  line-height: 26px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  text-align: left;
  top: unset;
  transform: rotate(0deg);
  width: 100%;

}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotstandarddesccontainer .whatshottitle {
  background-color: rgba(255, 255, 255, 0);
  height: 17px;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 18px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: auto;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotstandarddesccontainer .whatshottitle .title {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
  font-family: "ProximaNova-Extrabld", Helvetica, Arial, serif;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  font-size: 13px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-variation-settings: normal;
  font-weight: normal;
  height: auto;
  left: unset;
  line-height: 17px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  top: unset;
  transform: rotate(0deg);
  width: auto;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotmaintitle {
  background-color: rgba(0, 0, 0, 0);
  bottom: unset;
  height: 23px;
  left: 50%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: absolute;
  right: unset;
  top: 0;
  transform: translate(-50%);
  width: 258px;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotmaintitle .maintitle {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
  font-family: "ProximaNova-Extrabld", Helvetica, Arial, serif;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  font-size: 14px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-variation-settings: normal;
  font-weight: normal;
  height: auto;
  left: unset;
  line-height: 17px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 2px;
  position: relative;
  text-align: center;
  top: unset;
  transform: rotate(0deg);
  width: auto;
}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer {
  background-color: rgba(255, 255, 255, 0);
  height: 100%;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 716px;
}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargeinnercontainer {
  width: auto;
  position: relative;
  height: 100%;
}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer .imageboxcontainer {
  background-color: rgba(255, 255, 255, 0);
  height: 348px;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 100%;
}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer .imageboxcontainer .imagebox {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../png/whatshotjune26.png");
  background-origin: padding-box;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: 100%;
}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargedesccontainerwrapper {
  background-color: rgba(0, 0, 0, 0);
  bottom: 0;
  height: 152px;
  left: 50%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  min-height: 140px;
  position: absolute;
  right: unset;
  top: unset;
  transform: translate(-50%);
  width: 463px;
}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargedesccontainer {
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 14px 0;
  height: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  min-height: 140px;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.sectionwhatshot .whatshotgroup .whatshot .whatshotlargedesccontainer,
.sectionwhatshot .whatshotgroup .whatshot .whatshotstandarddesccontainer,
.sectionwhatshot .whatshotgroup .whatshot.blue .whatshotlargedesccontainer,
.sectionwhatshot .whatshotgroup .whatshot.blue .whatshotstandarddesccontainer {
    background-color:rgb(0, 172, 236);    
}
.sectionwhatshot .whatshotgroup .whatshot.denim .whatshotlargedesccontainer,
.sectionwhatshot .whatshotgroup .whatshot.denim .whatshotstandarddesccontainer {
    background-color:#205D9E;    
}
.sectionwhatshot .whatshotgroup .whatshot.navy .whatshotlargedesccontainer,
.sectionwhatshot .whatshotgroup .whatshot.navy .whatshotstandarddesccontainer {
    background-color:#004271;    
}
.sectionwhatshot .whatshotgroup .whatshot.teal .whatshotlargedesccontainer,
.sectionwhatshot .whatshotgroup .whatshot.teal .whatshotstandarddesccontainer {
    background-color:rgb(0, 156, 150);    
}
.sectionwhatshot .whatshotgroup .whatshot.violet .whatshotlargedesccontainer,
.sectionwhatshot .whatshotgroup .whatshot.violet .whatshotstandarddesccontainer {
    background-color:rgb(113, 65, 148);
}
.sectionwhatshot .whatshotgroup .whatshot.orange .whatshotlargedesccontainer,
.sectionwhatshot .whatshotgroup .whatshot.orange .whatshotstandarddesccontainer {
    background-color:rgb(255, 131, 0);
}
.sectionwhatshot .whatshotgroup .whatshot.red .whatshotlargedesccontainer,
.sectionwhatshot .whatshotgroup .whatshot.red .whatshotstandarddesccontainer {
    background-color:rgb(207, 66, 41);
}
.sectionwhatshot .whatshotgroup .whatshot.green .whatshotlargedesccontainer,
.sectionwhatshot .whatshotgroup .whatshot.green .whatshotstandarddesccontainer {
    background-color:rgb(159, 197, 77);
}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer.alink,
.sectionwhatshot .whatshotgroup .whatshotstandardcontainer.alink,
.sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone.alink {
    cursor:pointer;
}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargedesccontainer .readarrow {
  background-color: rgba(255, 255, 255, 0);
  height: 12px;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  top: unset;
  width: 32px;
}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargedesccontainer .whatshotdesc {
  background-color: rgba(255, 255, 255, 0);
  height: 52px;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
  min-height: 52px;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: auto;
}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargedesccontainer .whatshotdesc .desc {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
  font-family: "ProximaNova-Bold", Helvetica, Arial, serif;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  font-size: 24px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-variation-settings: normal;
  font-weight: normal;
  height: auto;
  left: unset;
  line-height: 26px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  text-align: left;
  top: unset;
  transform: rotate(0deg);
  width: 100%;

}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargedesccontainer .whatshottitle {
  background-color: rgba(255, 255, 255, 0);
  height: 17px;
  left: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 18px;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
  top: unset;
  transform: rotate(0deg);
  width: auto;
}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargedesccontainer .whatshottitle .title {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
  font-family: "ProximaNova-Extrabld", Helvetica, Arial, serif;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  font-size: 14px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-variation-settings: normal;
  font-weight: normal;
  height: auto;
  left: unset;
  line-height: 17px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  text-align: left;
  top: unset;
  transform: rotate(0deg);
  width: auto;
  text-transform:uppercase;
}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotmaintitle {
  bottom: unset;
  height: 23px;
  left: 50%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: absolute;
  right: unset;
  top: 0;
  transform: translate(-50%);
  width: 463px;
}

.sectionwhatshot .whatshotgroup .whatshot .whatshotmaintitle .maintitlecontainer,
.sectionwhatshot .whatshotgroup .whatshot.blue .whatshotmaintitle .maintitlecontainer {
    background-color:rgb(0, 172, 236);    
}
.sectionwhatshot .whatshotgroup .whatshot.denim .whatshotmaintitle .maintitlecontainer {
    background-color:#205D9E;    
}
.sectionwhatshot .whatshotgroup .whatshot.navy .whatshotmaintitle .maintitlecontainer {
    background-color:#004271;    
}
.sectionwhatshot .whatshotgroup .whatshot.teal .whatshotmaintitle .maintitlecontainer {
    background-color:rgb(0, 156, 150);    
}
.sectionwhatshot .whatshotgroup .whatshot.violet .whatshotmaintitle .maintitlecontainer {
    background-color:rgb(113, 65, 148);
}
.sectionwhatshot .whatshotgroup .whatshot.orange .whatshotmaintitle .maintitlecontainer {
    background-color:rgb(255, 131, 0);
}
.sectionwhatshot .whatshotgroup .whatshot.red .whatshotmaintitle .maintitlecontainer {
    background-color:rgb(207, 66, 41);
}
.sectionwhatshot .whatshotgroup .whatshot.green .whatshotmaintitle .maintitlecontainer {
    background-color:rgb(159, 197, 77);
}
      

.sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotmaintitle .maintitle {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
  font-family: "ProximaNova-Extrabld", Helvetica, Arial, serif;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  font-size: 14px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-variation-settings: normal;
  font-weight: normal;
  height: auto;
  left: unset;
  line-height: 17px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 2px;
  position: relative;
  text-align: center;
  top: unset;
  transform: rotate(0deg);
  width: auto;
}

.sectionwhatshot .whatshotcaption {
  background-color: rgba(255, 255, 255, 0);
  height: auto;
  left: unset;
  margin-bottom: 0;
  margin-top: 41px;
  position: relative;
  top: unset;
 
}

.sectionwhatshot .whatshotcaption .caption {
  color: rgb(255, 255, 255);
  font-family: "ProximaNova-Extrabld", Helvetica, Arial, serif;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  font-size: 34px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-variation-settings: normal;
  font-weight: normal;
  height: auto;
  line-height: 41px;
  margin-left: 0;
  margin-top: 0;
  text-align: left;
  transform: rotate(0deg);
  width: auto;
}

.sectionwhatshot .whatshotcaption .caption,
.sectionwhatshot .mainheader {
  background-color: rgba(255, 255, 255, 0);
  left: unset;
  margin-bottom: 0;
  position: relative;
  top: unset;
}

.sectionwhatshot .mainheader {
  margin-top: 28px;
  align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    height: auto;
}


.sectionwhatshot .mainheader .h1title {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
  font-family: "ProximaNova-Light", Helvetica, Arial, serif;
  font-size: 48px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  height: auto;
  left: unset;
  line-height: 58px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-right: 22px;
  position: relative;
  text-align: left;
  top: unset;
  transform: rotate(0deg);
  width: auto;
}

.sectionwhatshot .fix-collapse-margin.fc-10-1,
.sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotstandarddesccontainer .fix-collapse-margin.fc-1-1 {
  padding-top: 1px !important;
  position: relative;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotstandarddesccontainer .imgwrap.fc-2-1 {
  left: unset;
  margin-left: 0;
  margin-right: 50px;
  margin-top: 31px;
  position: relative;
  text-align: right;
  top: unset;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotmaintitle .fix-collapse-margin.fc-3-1 {
  display: inline-block;
  height: 100%;
  min-width: 104px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 1px !important;
  position: relative;
  width: auto;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotstandarddesccontainer .fix-collapse-margin.fc-4-1 {
  padding-top: 1px !important;
  position: relative;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotstandarddesccontainer .imgwrap.fc-5-1 {
  left: unset;
  margin-left: 0;
  margin-right: 50px;
  margin-top: 31px;
  position: relative;
  text-align: right;
  top: unset;
}

.sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotmaintitle .fix-collapse-margin.fc-6-1 {
  display: inline-block;
  height: 100%;
  min-width: 104px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 1px !important;
  position: relative;
  width: auto;
}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargedesccontainer .fix-collapse-margin.fc-7-1 {
  padding-top: 1px !important;
  position: relative;
}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargedesccontainer .imgwrap.fc-8-1 {
  left: unset;
  margin-left: 0;
  margin-right: 50px;
  margin-top: 31px;
  position: relative;
  text-align: right;
  top: unset;
}

.sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotmaintitle .fix-collapse-margin.fc-9-1 {
  display: inline-block;
  height: 100%;
  min-width: 104px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 1px !important;
  position: relative;
  width: auto;
}

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

  .sectionwhatshot .whatshotcontainer {
    width: 100%;
  }
  .sectionwhatshot .whatshotgroup {
    width: 100%;
  }
  .sectionwhatshot .whatshotgroup .whatshotlargecontainer .imageboxcontainer .imagebox,
  .sectionwhatshot .whatshotgroup .whatshotstandardcontainer .imageboxcontainer .imagebox,
  .sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .imageboxcontainer .imagebox {
    background-size: cover;
  }
}






@media screen and (max-width: 362px) {
  .sectionwhatshot {
    height: auto;
    min-height: auto;
  }
  .sectionwhatshot .whatshotcontainer {
    height: auto;
    min-height: auto;
  }
  .sectionwhatshot .whatshotgroup {
    height: auto;
    min-height: auto;
  }
  .sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone {
    width: 100%;
  }
  .sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotstandarddesccontainer {
    height: auto;
  }

  .sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotstandarddesccontainer .imgwrap.fc-2-1 {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 361px) {
  .sectionwhatshot {
    height: auto;
    min-height: auto;
  }
  .sectionwhatshot .whatshotcontainer {
    height: auto;
    min-height: auto;
  }
  .sectionwhatshot .whatshotgroup {
    height: auto;
    min-height: auto;
  }
  .sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .imageboxcontainer .imagebox {
    background-size: cover;
  }
  .sectionwhatshot .whatshotgroup .whatshotstandardcontainer {
    width: 100%;
  }
  .sectionwhatshot .whatshotgroup .whatshotstandardcontainer .imageboxcontainer .imagebox {
    background-size: cover;
  }
  .sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotstandarddesccontainer {
    height: auto;
  }

  .sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotstandarddesccontainer .imgwrap.fc-5-1 {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 716px) {
  .sectionwhatshot {
    height: auto;
    min-height: auto;
  }
  .sectionwhatshot .whatshotcontainer {
    height: auto;
    min-height: auto;
  }
  .sectionwhatshot .whatshotgroup {
    height: auto;
    min-height: auto;
  }
  .sectionwhatshot .whatshotgroup .whatshotlargecontainer {
    width: 100%;
  }
  .sectionwhatshot .whatshotgroup .whatshotlargecontainer .imageboxcontainer .imagebox {
    background-size: cover;
  }
  .sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargedesccontainerwrapper {
    height: auto;
  }

  .sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargedesccontainer .imgwrap.fc-8-1 {
    padding-bottom: 10px;
  }
}


@media screen and (max-width: 503px) {
    .sectionwhatshot .whatshotgroup .whatshotlargecontainer .imageboxcontainer .imagebox {
        /*background-image: url("../graphics/resource/td-resources-landing-page-backgroundimage-5-mobile@2x.png");*/
    }
    .sectionwhatshot .whatshotgroup .whatshotlargecontainer {
        width: 348px;
    }
  .sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargedesccontainerwrapper,
  .sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotstandarddesccontainer,
    .sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotstandarddesccontainer {
        width: 268px;
    }
    
  /*.sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargedesccontainer .whatshotdesc,
  .sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotstandarddesccontainer .whatshotdesc,
  .sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotstandarddesccontainer .whatshotdesc {
    height: auto;
  }*/
  .sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotmaintitle {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }
  
  .sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargedesccontainer .whatshotdesc .desc br {
      display:none;
  }
}

@media screen and (max-width: 361px) {
    .sectionwhatshot .whatshotgroup .whatshotlargecontainer {
        width: 100%;
    }    
}



        /* SUBNAVIGATION */

         .sectionwhatshot .mainheader .subnavigation {
            align-items:flex-start;
            background-color:rgba(255, 255, 255, 0);
            display:flex;
            flex-direction:row;
            height:auto;
            justify-content:flex-start;
            left:unset;
            margin-bottom:0;
            margin-left: 143px;
            margin-right:0;
            margin-top: 12px;
            opacity:1;
            padding-left:20px;
            padding-right:20px;
            position:relative;
            top:unset;
            transform:rotate(0deg);
            width: auto;
        }
        .sectionwhatshot .mainheader .subnavigation .itemboxgroup {    
            align-items:flex-start;
            background-color:rgba(255, 255, 255, 0);
            display:flex;
            flex-direction:row;
            height:auto;
            justify-content:flex-start;
            margin-bottom:0;
            margin-left:0;
            margin-right:0;
            opacity:1;
            position:relative;
            width: auto;
        }
         .sectionwhatshot .mainheader .subnavigation .itembox {
            align-items:flex-start;
            background-color:rgba(255, 255, 255, 0);
            display:flex;
            flex-direction:row;
            height:auto;
            justify-content:flex-start;
            left:unset;
            margin-bottom:0;
            margin-left:45.5px;
            margin-right:0;
            margin-top:0;
            opacity:1;
            position:relative;
            top:unset;
            transform:rotate(0deg);
            width:auto;
        }
         .sectionwhatshot .mainheader .subnavigation .itembox:first-of-type {
            margin-left:0;
        }
         .sectionwhatshot .mainheader .subnavigation .itembox .list {
            background-color:rgba(255, 255, 255, 0);
            color:rgb(255, 255, 255);
            font-family:"ProximaNova-Semibold", Helvetica, Arial, serif;
            font-size:14px;
            font-size-adjust:none;
            font-stretch:normal;
            font-style:normal;
            font-weight:normal;
            height:auto;
            left:unset;
            line-height:21px;
            margin-bottom:0;
            margin-left:21.5px;
            margin-right:0;
            margin-top:0;
            opacity:1;
            position:relative;
            text-align:left;
            top:unset;
            transform:rotate(0deg);
            width:auto;
        }
        .sectionwhatshot .mainheader .subnavigation .itembox .separator,
        .sectionwhatshot .mainheader .subnavigation .imgwrap.mobile .separator {
            background-color:rgba(255, 255, 255, 0);
            height:50px;
            left:unset;
            margin-bottom:0;
            margin-left:0;
            margin-right:0;
            margin-top:0;
            opacity:1;
            position:relative;
            top:unset;
            transform:rotate(0deg);
            width:1px;
        }
        .sectionwhatshot .mainheader .subnavigation .imgwrap.mobile .separator {
            height:111px; /*111px*/
        }                       
        .sectionwhatshot .mainheader .subnavigation .itembox .imgwrap.fc-21-1,
        .sectionwhatshot .mainheader .subnavigation .imgwrap.mobile {
            font-size:0;
            left:unset;
            line-height:0;
            margin-left:0;
            margin-top:7px;
            position:relative;
            top:unset;
        }
        .sectionwhatshot .mainheader .subnavigation .imgwrap.mobile {
            display:none;
            margin-left: 3px;
        }
        .sectionwhatshot .mainheader .subnavigation .itembox .list li {
            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;
            font-family:"ProximaNova-Semibold", Helvetica, Arial, serif;
            font-size:100%;
            line-height:inherit;
            list-style-image:none;
            list-style-position:outside;
            list-style-type:none;
            margin-bottom:0;
            margin-left:0;
            margin-right:0;
            margin-top:0;
            padding-bottom:0;
            padding-left:0;
            padding-right:0;
            padding-top:0;
            position:relative;
        }
        .sectionwhatshot .mainheader .subnavigation .itembox .list a,
        .sectionwhatshot .mainheader .subnavigation .itembox .list a:link,
        .sectionwhatshot .mainheader .subnavigation .itembox .list a:visited,
        .sectionwhatshot .mainheader .subnavigation .itembox .list a:hover {
            color:inherit;
            font-family:inherit;
            font-size:100%;
            font-weight: inherit;
            line-height:inherit;
            text-decoration-color:rgb(0, 0, 0);
            text-decoration-line:none;
            text-decoration-style:solid;
            text-decoration-thickness:auto;
            
            white-space: nowrap;
            
            -webkit-transition: color 100ms ease-in-out;
            -o-transition: color 100ms ease-in-out;
            -moz-transition: color 100ms ease-in-out;
            transition: color 100ms ease-in-out;
        }
        .sectionwhatshot .mainheader .subnavigation .itembox .list li:hover:after {
            content:'';
            background-image: url("../svg/subnavindicator.svg");
              background-position-x: center;
              background-position-y: center;
              background-repeat: no-repeat;
              background-size: contain;
            width:9px;
            height:10px;
  
            position:absolute;
            right:100%;
            top: 50%;
            transform: translate(0,-50%);
            
            margin-right: 3px;
        }
        .sectionwhatshot .mainheader .subnavigation .itembox .list li:hover,
        .sectionwhatshot .mainheader .subnavigation .itembox .list a:hover {
            color:#00B8EA;
        }
        .sectionwhatshot .mainheader .subnavigation .itembox .list .fc-4-1 {
            color:inherit;
            font-size:100%;
            line-height:inherit;
            margin-bottom:0;
            margin-left:0 !important;
            margin-right:0 !important;
            margin-top:0;
            padding-bottom:0;
            padding-left:0;
            padding-right:0;
            padding-top:0;
            position:relative;
        }
        .sectionwhatshot .mainheader .subnavigation .itembox .list li:last-child {
            margin-bottom:0;
            margin-left:0;
            margin-right:0;
            margin-top:0;
        }
        @media screen and (max-width: 1270px) {
          .sectionwhatshot .whatshotgroup {
            flex-wrap: wrap;
            justify-content: center;
            height: auto;
          }

          .sectionwhatshot,
          .sectionwhatshot .whatshotcontainer {
            height: auto;
          }
          .sectionwhatshot .whatshotcaption .caption,
          .sectionwhatshot .mainheader .h1title {
            padding-left: 20px;
            padding-right: 20px;
          }
          .sectionwhatshot .mainheader {
              height:auto;
              flex-direction: column;
          }
          .sectionwhatshot .mainheader .subnavigation {
              margin-left:0;
          }

          .sectionwhatshot .whatshotgroup .whatshotlargecontainer {
            flex-basis: 100%;
            flex-grow: 0;
            flex-shrink: 1;
          }

          .sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargeinnercontainer {
            margin-left: auto;
            margin-right: auto;
            width: 716px; /*takes over for parent*/
          }

          .sectionwhatshot .whatshotgroup .boxitem {
            margin-left: 7px;
            margin-right: 7px;
            margin-bottom: 30px;
            height: 403px; /*takes over for parent*/
          }
          
          .sectiontitlebox {
                width: 716px;
                margin-left:auto;
                margin-right:auto;
          }
          
          .sectionwhatshot .mainheader .subnavigation .itembox:first-of-type {
              margin-left:0;
          }
        }
        @media screen and (max-width: 745px) {
          .sectionwhatshot .whatshotgroup {
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
          }

          .sectionwhatshot .whatshotgroup .boxitem {
            margin-left: 0;
            margin-right: 0;
          }

          .sectionwhatshot .whatshotgroup .whatshotlargecontainer {
            flex-basis: auto;
          }

          .sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargeinnercontainer,
          .sectiontitlebox {
            width: 100%;
          }
         
        }
        @media screen and (max-width: 598px) {

             
            .sectionwhatshot .mainheader .subnavigation .itemboxgroup .itembox .imgwrap.fc-21-1 {
                display:none;
            }
            
            .sectionwhatshot .mainheader .subnavigation .imgwrap.mobile {
                display:block;
                height:100%;
            }
            .sectionwhatshot .mainheader .subnavigation .itembox .separator {
                height:100%;
            }
           
            .sectionwhatshot .mainheader .subnavigation {
              height: auto;
          }
          .sectionwhatshot .mainheader .subnavigation .itemboxgroup {
                flex-wrap:wrap;
              flex-direction: column;    
          }
          .sectionwhatshot .whatshotcaption {
              margin-top: 45px;
          }
          .sectionwhatshot .mainheader .subnavigation .itembox {
            margin-left: 33px;
          }      
          .sectionwhatshot .mainheader .subnavigation .itemboxgroup .itembox {
                margin-left: 0;
          }
          
        }
        /* END SUBNAVIGATION */

@media screen and (max-width: 540px) {
    .sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotstandarddesccontainer .whatshotdesc .desc,
    .sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotstandarddesccontainer .whatshotdesc .desc, 
    .sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotlargedesccontainer .whatshotdesc .desc {
        max-height: 72px;
      overflow: hidden;
      line-height: 22px;
      font-size: 18px;
}
  
    
  .sectionwhatshot .mainheader .h1title {
    font-size: 36px;
    line-height: 1em;
    padding-top: 9px;
  }

  .sectionwhatshot .whatshotcaption .caption {
    font-size: 26px;
  }
  .sectionwhatshot .mainheader .subnavigation .itembox .list {
      font-size: 12px;
      line-height: 21px;
      margin-left: 19px;
  }
  
  
  .sectionwhatshot .whatshotgroup .whatshotstandardcontainer .whatshotmaintitle .maintitle,
  .sectionwhatshot .whatshotgroup .whatshotstandardcontainerfclone .whatshotmaintitle .maintitle,
  .sectionwhatshot .whatshotgroup .whatshotlargecontainer .whatshotmaintitle .maintitle {
      margin-top:0;
  }
}

/*END SECTION WHAT'S HOT*/



/*SECTION PRODUCT SHEETS (inherits...)*/
.sectionbox.sectionproductsheets .bigboxsmalleritem .imageboxcontainer .imagebox.post1 {
    background-image:url("../png/td-resources-landing-page-backgroundimage-1%402x.png");
}
.sectionbox.sectionproductsheets .bigboxsmalleritem .imageboxcontainer .imagebox.post2 {
    background-image:url("../jpg/productsheets-post2%402.jpg");
}
.sectionbox.sectionproductsheets .bigboxsmalleritem .imageboxcontainer .imagebox.post3 {
    background-image:url("../png/productsheets3%402.png");
}
.sectionbox.sectionproductsheets .bigboxsmalleritem .imageboxcontainer .imagebox.post4 {
    background-image:url("../png/productsheets4%402.png");
}

/*SECTION CASE STUDIES (inherits...)*/
.sectionbox.sectioncasestudies .bigboxsmalleritem .imageboxcontainer .imagebox.post1 {
    background-image:url("../png/case-studies%402.png");
}
.sectionbox.sectioncasestudies .bigboxsmalleritem .imageboxcontainer .imagebox.post2 {
    background-image:url("../png/casestudies2%402.png");
}
.sectionbox.sectioncasestudies .bigboxsmalleritem .imageboxcontainer .imagebox.post3 {
    background-image:url("../png/casestudies3%402.png");
}


/*SECTION EBOOKS (inherits...)*/
.sectionbox.sectionebooks .bigboxsmalleritem .imageboxcontainer .imagebox {
    background-image:url("../jpg/ebook-sa.jpg");
}

/*SECTION WEBINARS (inherits...)*/

.sectionbox.sectionwebinars .bigboxsmalleritem .imageboxcontainer .imagebox.post1 {
    background-image:url("../png/webinar-coronavirus%402.png");
}
.sectionbox.sectionwebinars .bigboxsmalleritem .imageboxcontainer .imagebox.post2 {
    background-image:url("../png/marquetteu-webinar.png");
}
.sectionbox.sectionwebinars .bigboxsmalleritem .imageboxcontainer .imagebox.post3 {
    background-image:url("../png/paltz-webinar.png");
}
.sectionbox.sectionwebinars .bigboxsmalleritem .imageboxcontainer .imagebox.post4 {
    background-image:url("../png/iowa-webinar.png");
}

/*SECTION IN THE NEWS (inherits...)*/

.sectionbox.sectioninthenews .bigboxsmalleritem .imageboxcontainer .imagebox.post1 {
    background-image:url("../png/td-resources-landing-page-image3%402x.png");
}
.sectionbox.sectioninthenews .bigboxsmalleritem .imageboxcontainer .imagebox.post2 {
    background-image:url("../png/inthenews2%402.png");
}
.sectionbox.sectioninthenews .bigboxsmalleritem .imageboxcontainer .imagebox.post3 {
    background-image:url("../png/inthenews3%402.png");
}
.sectionbox.sectioninthenews .bigboxsmalleritem .imageboxcontainer .imagebox.post5 {
    background-image:url("../jpg/inthenews-post1%402.jpg");
}

/* SECTION BOX SHARED */

.sectiongrey {
    background-color:#F5F5F5;
    padding-top: 25px;
    position:relative;
    width:100%;    
}

.sectiongrey .sectionbox {
    margin-top:0px;
}
.sectionbox {
    margin-top: 22px;
    padding-bottom: 20px;
    height:auto;
    background-color:rgba(255, 255, 255, 0);
    width: 1440px;
    margin-left: auto;
    margin-right: auto;
    position: relative;  
}
.sectionwhatshot + .sectionbox {
    margin-top: 42px;
}
.sectionbox .bigboxcontainer {
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    margin-top: 16px;
    position:relative;
    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%;
}
.sectionbox .bigboxcontainer.containimage .bigboxsmalleritem .imageboxcontainer .imagebox {
    background-size:contain;    
}

.sectiontitles {
    align-items: flex-start;
    background-color: rgba(255, 255, 255, 0);
    display: flex;
    flex-direction: row;
    height: 30px;
    justify-content: flex-start;
    left: unset;
    margin-bottom: 0;

    margin-top: 0;
    opacity: 1;
    position: relative;
    top: unset;

}
.sectiontitles .caption {
    background-color: rgba(255, 255, 255, 0);
    color:rgb(116, 115, 117);
    font-family: "ProximaNova-Extrabld", Helvetica, Arial, serif;
    font-size: 24px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: auto;
    left: unset;
    line-height: 29px;
    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: auto;
}
  
.sectiontitles .seeall {
    background-color: rgba(255, 255, 255, 0);
    height: auto;
    left: unset;
    margin-bottom: 0;
    margin-left: 31.5px;
    margin-right: 0;
    margin-top: 0px;
    position: relative;
    text-align: left;
    top: unset;
    transform: rotate(0deg);
    width: auto;
}
.sectiontitles .seeall,
.sectiontitles .seeall a,
.sectiontitles .seeall a:link,
.sectiontitles .seeall a:visited,
.sectiontitles .seeall a:hover {
    color:rgb(0, 156, 150);
    font-family: "ProximaNova-Light", Helvetica, Arial, serif;
    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;
}
   
.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;
}
.bigboxcontainer.letterbox .bigboxsmalleritem {
    height: 385px;    
}
.bigboxsmalleritem:first-child {
    margin-left: 0;
}
.bigboxsmalleritem:last-child {
    margin-right:0;
}

.bigboxsmalleritem .imageboxcontainer {
    background-color:rgba(255, 255, 255, 0);
    height:348px;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    position:relative;
    width:100%;
}
.bigboxsmalleritem.letterbox .imageboxcontainer {
    height:197px;
}

.bigboxsmalleritem .textbox {
    background-color:rgb(255, 255, 255);
    
    box-shadow:rgba(0, 0, 0, 0.3) 0 2px 14px 0;
    height:auto; /*273px*/
    
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    position:absolute;
    
    transform: translate(-50%);
    left: 50%;
    
    bottom: 0;
    /*top:121px;*/
    
    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.extended {
    height:214px;
}

.bigboxsmalleritem .textbox .description .boxcaption {
    background-color: rgba(255, 255, 255, 0);
    height: 17px;
    margin-bottom: 0;
    margin-left: 0px;
    margin-right: 0;
    margin-top: 0px;
    position: relative;
    width: auto;
}
.bigboxsmalleritem .textbox .description .boxcaption .caption {
    background-color: rgba(255, 255, 255, 0);
    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;
    margin-bottom: 0;
    margin-left: 0px;
    margin-right: 0;
    margin-top: 0px;
    position: relative;
    text-align: left;
    width: auto;
    text-transform: uppercase;
}
.bigboxsmalleritem .textbox .description .boxcaption .caption.violet {
    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.teal {
    color:rgb(0, 156, 150);
}
.bigboxsmalleritem .textbox .description .boxcaption .caption.matteblue {
    color:#5DA4DE;
}
.bigboxsmalleritem .textbox .description .boxcaption .caption.navy {
  color: rgb(0, 66, 113);
}
.bigboxsmalleritem .textbox .description .boxcaption .caption.darkblue {
  color: rgb(32, 93, 158);
}


.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 {
    background-color:rgba(255, 255, 255, 0);
    
    height:auto;
    
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    position:relative;
   
    width:auto;
    
    max-height: 130px;
    overflow: hidden;
}

.bigboxsmalleritem .textbox .description .boxtitle .title,
.bigboxsmalleritem .textbox .description .boxtitle .title p {
  
    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-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;

    text-align:left;

}
.bigboxsmalleritem .textbox .description .boxtitle .title.extended {
    max-height: 160px;
}
.bigboxsmalleritem .textbox .description .boxtitle .title.max {
    max-height:190px;
}

.bigboxsmalleritem .textbox .description .boxdesc {
    background-color:rgba(255, 255, 255, 0);
    height:auto; /*131px;*/
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:14px;
    position:relative;
    width:auto;  
    overflow: hidden;
}
.bigboxsmalleritem .textbox .description .boxdesc.empty {
    display:none;
}
.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: 1480px) {
    /*change is here at 1480 to be consistent with top section*/
    .sectiontitles > div:first-child {
        padding-left: 25px;
    }
    .sectiontitles > div:last-child {
        padding-right: 15px;    
    }
}

@media screen and (max-width: 1440px) {
    .sectionbox {
        width: 100%;
        height: auto;
    }
    
    .sectionbox .bigboxcontainer {
        padding-right: 20px;
        padding-left: 20px;  
        height: auto;  
    }
    
    /*ADD DEPENDENT SECTIONS*/
    .sectionbox.sectionblogbox,
    .sectionbox.sectionproductsheets {
        height: auto;
    }
    .sectionbox.sectionblogbox .bigboxcontainer,
    .sectionbox.sectionproductsheets .bigboxcontainer {
        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: 450px) {
    .sectiontitles .caption {
        font-size:20px;
    }  
    .sectiontitles .seeall {
        font-size:18px;
        margin-left: 20px;
    }  
    .sectionbox .bigboxcontainer:not(.containmobile):not(.containimage) .bigboxsmalleritem .imageboxcontainer .imagebox {
        background-size: cover;
    }

}

/* SECTION BOX SHARED */

       

/* RESOURCE CONFERNECE BANNER */

.sectionconferenceschedulbanner {
    background-attachment:scroll;
    background-clip:border-box;
    background-color:rgba(0, 0, 0, 0);
    background-image:url("../jpg/td-resources-landing-page-backgroundimage%402x.jpg");
    background-origin:padding-box;
    background-position-x:center;
    background-position-y:center;
    background-repeat:no-repeat;
    background-size:cover;
    height:196px;
    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%;
}

.sectionconferenceschedulbanner .contentbox {
    align-items:center;
    background-color:rgba(255, 255, 255, 0);
    display:flex;
    flex-direction:row;
    height:100%;
    justify-content:center;
    left:unset;
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    opacity:1;
    position:relative;
    top:unset;
    transform:rotate(0deg);
    width:872px;
}

.sectionconferenceschedulbanner .contentbox .messagebox {
    background-color:rgba(255, 255, 255, 0);
    height:88px;
    left:unset;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    opacity:1;
    position:relative;
    top:unset;
    transform:rotate(0deg);
    width:641px;
}
 
.sectionconferenceschedulbanner .contentbox .messagebox .message {
    background-color:rgba(255, 255, 255, 0);
    color:rgb(255, 255, 255);
    font-family:"ProximaNova-Light", Helvetica, Arial, serif;
    font-size:36px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-weight:normal;
    height:auto;
    left:unset;
    line-height:44px;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    opacity:1;
    position:relative;
    text-align:right;
    top:unset;
    transform:rotate(0deg);
    width:100%;
}


.sectionconferenceschedulbanner .contentbox .messagebox .message p {
    color:rgb(255, 255, 255);
    font-family:"ProximaNova-Light", Helvetica, Arial, serif;
    font-size:36px;
    line-height:44px;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    padding-top:0;
}
 
.sectionconferenceschedulbanner .contentbox .messagebox .message .fs-c2-ProximaNova-Bold {
    color:rgb(255, 255, 255);
    font-family:"ProximaNova-Bold", Helvetica, Arial, serif;
    font-size:36px;
    line-height:44px;
}


.sectionconferenceschedulbanner .contentbox .messagebox .message .fs-c3-ProximaNova-Extrabld {
    color:rgb(255, 255, 255);
    font-family:"ProximaNova-Extrabld", Helvetica, Arial, serif;
    font-size:36px;
    line-height:44px;
}


.sectionconferenceschedulbanner .contentbox .fbutton {
    align-items:center;
    background-color:rgb(116, 68, 148);
    border-bottom-left-radius:7.01px;
    border-bottom-right-radius:7.01px;
    border-top-left-radius:7.01px;
    border-top-right-radius:7.01px;
    box-shadow:rgba(0, 0, 0, 0.5) 0 3px 6px -2px;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    height:38px;
    justify-content:center;
    left:unset;
    margin-bottom:0;
    margin-left:62px;
    margin-right:0;
    margin-top:22px;
    opacity:1;
    position:relative;
    top:unset;
    transform:rotate(0deg);
    width:160px;
}
.sectionconferenceschedulbanner .contentbox .fbutton .label {
    background-color:rgba(255, 255, 255, 0);
    color:rgb(255, 255, 255);
    font-family: din-condensed, sans-serif;
    font-weight: 400;
    font-size:18.69px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    
    height:auto;
    left:unset;
    line-height:18px;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    opacity:1;
    position:relative;
    text-align:center;
    top:unset;
    transform:rotate(0deg);
    width:122px;
}


@media screen and (max-width: 641px) {
   .sectionconferenceschedulbanner {
    height:auto;
    min-height:auto;
   }
} 
@media screen and (max-width: 872px) {
   .sectionconferenceschedulbanner {
    height:auto;
    padding-top: 25px;
    padding-bottom: 25px;
   }
   .sectionconferenceschedulbanner .contentbox .messagebox .message {
       text-align:center;
   }
} 
@media screen and (max-width: 641px) {
   .sectionconferenceschedulbanner .contentbox {
    height:auto;
    min-height:auto;
   }
} 
@media screen and (max-width: 872px) {
   .sectionconferenceschedulbanner .contentbox {
    align-items:center;
    flex-direction:column;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    width:100%;
   }
} 
@media screen and (max-width: 641px) {
   .sectionconferenceschedulbanner .contentbox .messagebox {
    height:auto;
    width:100%;
   }
} 
@media screen and (max-width: 872px) {
   .sectionconferenceschedulbanner .contentbox .messagebox {
    height:auto;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    padding-left:0;
    padding-right:0;
   }
}
@media screen and (max-width: 681px) {
   .sectionconferenceschedulbanner .contentbox .messagebox .message p {
    padding-left:20px;
    padding-right:20px;
   }
}
@media screen and (max-width: 872px) {
   .sectionconferenceschedulbanner .contentbox .fbutton {
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
   }
} 

/* END RESOURCE CONFERNECE BANNER */


/* TDUG BANNER */

.sectionbanner {
    background-attachment:scroll;
    background-clip:border-box;
    background-color:rgba(0, 0, 0, 0);
    background-image:url("../jpg/td-user-conference--tdug-landing-page--cr3-istock-1134160027--backgroundimage%402x.jpg");
    background-origin:padding-box;
    background-position-x:center;
    background-position-y:center;
    background-repeat:no-repeat;
    background-size:cover;
    bottom:unset;
    height:463px;
    left:unset;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    position:relative;
    right:unset;
    top:unset;
    transform:rotate(0deg);
    width:100%;
}
.sectionbanner .innercontainer {
    align-items:flex-start;
    background-color:rgba(255, 255, 255, 0);
    display:flex;
    flex-direction:row;
    height:364px;
    justify-content:flex-start;
    left:unset;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:60px;
    position:relative;
    top:unset;
    transform:rotate(0deg);
    width:905px;
}
.sectionbanner .innercontainer .registerfbutton {
    align-items:center;
    background-color:rgba(255, 255, 255, 0);
    border-bottom-color:rgb(255, 255, 255);
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;
    border-bottom-style:solid;
    border-bottom-width:2px;
    border-left-color:rgb(255, 255, 255);
    border-left-style:solid;
    border-left-width:2px;
    border-right-color:rgb(255, 255, 255);
    border-right-style:solid;
    border-right-width:2px;
    border-top-color:rgb(255, 255, 255);
    border-top-left-radius:12px;
    border-top-right-radius:12px;
    border-top-style:solid;
    border-top-width:2px;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    height:80px;
    justify-content:center;
    left:unset;
    margin-bottom:0;
    margin-left:154.5px;
    margin-right:0;
    margin-top:150px;
    position:relative;
    top:unset;
    transform:rotate(0deg);
    width:275px;
}
.sectionbanner .innercontainer .registerfbutton .label {
    background-color:rgba(255, 255, 255, 0);
    color:rgb(255, 255, 255);

    font-family: "alternate-gothic-no-3-d", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;

  
    font-size:32px;
    
    height:auto;
    left:unset;
    line-height:32px;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    position:relative;
    text-align:center;
    top:unset;
    transform:rotate(0deg);
    width:208px;
}
.sectionbanner .innercontainer .graphicgroup {
    background-color:rgba(255, 255, 255, 0);
    height:100%;
    left:unset;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    position:relative;
    top:unset;
    transform:rotate(0deg);
    width:476px;
}
.sectionbanner .innercontainer .graphicgroup .info {
    background-color:rgba(255, 255, 255, 0);
    color:rgb(255, 255, 255);
    font-family:"ProximaNova-Bold", Helvetica, Arial, serif;
    font-feature-settings:normal;
    font-kerning:auto;
    font-language-override:normal;
    font-optical-sizing:auto;
    font-size:18px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant-alternates:normal;
    font-variant-caps:normal;
    font-variant-east-asian:normal;
    font-variant-ligatures:normal;
    font-variant-numeric:normal;
    font-variant-position:normal;
    font-variation-settings:normal;
    font-weight:normal;
    height:auto;
    left:unset;
    line-height:22px;
    margin-bottom:0;
    margin-left:107px;
    margin-right:0;
    margin-top:20px;
    position:relative;
    text-align:center;
    top:unset;
    transform:rotate(0deg);
    width:320px;
}
.sectionbanner .innercontainer .graphicgroup .tdug2020logographic {
    background-color:rgba(255, 255, 255, 0);
    height:322px;
    left:unset;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:-1px;
    padding-top:1px !important;
    position:relative;
    top:unset;
    transform:rotate(0deg);
    width:476px;
}
.sectionbanner .fix-collapse-margin.fc-38-1 {
    align-items:flex-start;
    display:flex;
    flex-direction:row;
    justify-content:center;
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    padding-top:1px !important;
    position:relative;
    width:1440px;
}
.sectionbanner .innercontainer .graphicgroup .fix-collapse-margin.fc-37-1 {
    left:unset;
    margin-left:0;
    margin-top:-1px;
    position:relative;
    top:unset;
}


@media screen and (max-width: 1440px) {
   .sectionbanner {
    height:463px;
    width:100%;
   }
} 
@media screen and (max-width: 429px) {
   .sectionbanner {
    height:auto;
   }
} 
@media screen and (max-width: 467px) {
   .sectionbanner {
    height:auto;
    min-height:auto;
   }
} 
@media screen and (max-width: 476px) {
   .sectionbanner {
    height:auto;
    min-height:auto;
   }
} 
@media screen and (max-width: 1097px) {
   .sectionbanner {
    height:463px;
   }
} 
@media screen and (max-width: 818px) {
   .sectionbanner {
    height:auto;
   }
} 


@media screen and (max-width: 429px) {
   .sectionbanner .fix-collapse-margin.fc-38-1 {
    height:auto;
   }
} 
@media screen and (max-width: 467px) {
   .sectionbanner .fix-collapse-margin.fc-38-1 {
    height:auto;
    min-height:auto;
   }
} 
@media screen and (max-width: 476px) {
   .sectionbanner .fix-collapse-margin.fc-38-1 {
    height:auto;
    min-height:auto;
   }
} 
@media screen and (max-width: 1097px) {
   .sectionbanner .fix-collapse-margin.fc-38-1 {
    height:auto;
   }
} 
@media screen and (max-width: 1440px) {
   .sectionbanner .fix-collapse-margin.fc-38-1 {
    width:100%;
   }
} 


@media screen and (max-width: 429px) {
   .sectionbanner .innercontainer {
    height:auto;
   }
} 
@media screen and (max-width: 467px) {
   .sectionbanner .innercontainer {
    height:auto;
    min-height:auto;
   }
} 
@media screen and (max-width: 476px) {
   .sectionbanner .innercontainer {
    height:auto;
    min-height:auto;
   }
} 
@media screen and (max-width: 1097px) {
   .sectionbanner .innercontainer {
    align-items:center;
    flex-direction:row;
    height:364px;
    margin-left:auto;
    margin-right:auto;
    width:auto;
   }
} 
@media screen and (max-width: 818px) {
   .sectionbanner .innercontainer {
    flex-direction:column;
    height:auto;
    margin-top:50px;
    padding-bottom:50px;
   }
} 


@media screen and (max-width: 467px) {
   .sectionbanner .innercontainer .graphicgroup {
    height:auto;
    min-height:auto;
   }
} 
@media screen and (max-width: 476px) {
   .sectionbanner .innercontainer .graphicgroup {
    height:auto;
    min-height:auto;
    width:100%;
   }
} 
@media screen and (max-width: 1097px) {
   .sectionbanner .innercontainer .graphicgroup {
    height:100%;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    padding-left:0;
    padding-right:0;
   }
} 


@media screen and (max-width: 476px) {
   .sectionbanner .innercontainer .graphicgroup .fix-collapse-margin.fc-37-1 {
    height:auto;
    min-height:auto;
   }
} 


@media screen and (max-width: 476px) {
   .sectionbanner .innercontainer .graphicgroup .tdug2020logographic {
    height:auto;
    max-width:100%;
    width:100%;
   }
} 
@media screen and (max-width: 818px) {
   .sectionbanner .innercontainer .graphicgroup .tdug2020logographic {
    height:auto;
    padding-left:20px;
    padding-right:20px;
   }
} 


@media screen and (max-width: 467px) {
   .sectionbanner .innercontainer .graphicgroup .info {
    padding-left:20px;
    padding-right:20px;
   }
} 
@media screen and (max-width: 476px) {
   .sectionbanner .innercontainer .graphicgroup .info {
    height:auto;
   }
} 
@media screen and (max-width: 818px) {
   .sectionbanner .innercontainer .graphicgroup .info {
    margin-left:0;
    padding-left:20px;
    padding-right:20px;
    width:100%;
   }
} 


@media screen and (max-width: 429px) {
   .sectionbanner .innercontainer .registerfbutton {
    height:72px;
    width:221px;
   }
} 
@media screen and (max-width: 1097px) {
   .sectionbanner .innercontainer .registerfbutton {
    margin-left:50px;
    margin-right:0;
    padding-left:0;
    padding-right:0;
   }
} 
@media screen and (max-width: 818px) {
   .sectionbanner .innercontainer .registerfbutton {
    margin-left:0;
    margin-top:50px;
   }
} 
  
@media screen and (max-width: 429px) {
   .sectionbanner .innercontainer .registerfbutton .label {
    padding-left:20px;
    padding-right:20px;
   }
} 


/* END TDUG BANNER*/

/* VIDEOS*/

.sectionvideosgrid {
  height: auto;
  margin-left: auto;
  margin-top: 0;
  margin-right: auto;
  position: relative;
  width: 100%;
}
.sectionvideosgrid .flex-grid-container.videos {
    width:100%; 
    padding: 0;
    margin-left: auto;   
    margin-right: auto;
    flex-wrap: nowrap;
}
.sectionvideosgrid .grid-container .grid-item {
    margin: 15px 10px;
}

.sectionvideosgrid .grid-container .grid-item h4.grid-title {
    font-weight:600;
    color: #808285;
}
.sectionvideosgrid .grid-container .grid-item .grid-entry {
    padding-bottom:7px;
}

@media screen and (max-width:1450px) {
    .sectionvideosgrid .flex-grid-container.videos {
        /*justify-content: space-around;*/
        padding-left: 20px;
        padding-right: 20px; 
    }
}

@media screen and (max-width:1130px) {
    .sectionvideosgrid .flex-grid-container.videos {
        flex-wrap: wrap;
        justify-content: center;    
    }
}

/* END VIDEOS */

/* FAQs*/

.sectionresourcefaq.greybk {
    background-color: #F5F5F5;
    padding-top: 25px;
    width:100%;
}

.sectionfaqs {
  height: auto;
  margin-left: auto;
  margin-top: 0;
  margin-right: auto;
  position: relative;
  width: 818px;
}

.sectionfaqs .faqcontainer {
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0;
  margin-right: 0;
  opacity: 1;
  position: relative;
  transform: rotate(0deg);

  height: auto;
  margin-left: 0px;
  margin-top: 42px;
  width: 100%;
}

.sectionfaqs .faqcontainer .faqbox {
  left: unset;
  margin-left: 0;
  margin-top: 42px;
  position: relative;
  top: unset;
}

.sectionfaqs .faqcontainer .descbox,
.sectionfaqs .faqcontainer .descbox .desc {
  left: unset;
  margin-left: 0;
  margin-top: 0;
  position: relative;
  top: unset;
}

.sectionfaqs .faqcontainer .descbox .desc {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(116, 115, 117);
  font-family: "ProximaNova-Regular", Helvetica, Arial, serif;
  font-size: 20px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: 24px;
  margin-bottom: 0;
  margin-right: 0;
  opacity: 1;
  text-align: left;
  transform: rotate(0deg);
  width: 100%;
}

.sectionfaqs .faqcontainer .faqbox .imgwrap.fc-1-1 {
  left: unset;
  margin-left: 0;
  margin-top: 0;
  position: relative;
  top: unset;
}

@media screen and (max-width: 900px) {
    .sectionfaqs {
        width:100%;
    }
    .sectionfaqs .faqcontainer {
        padding-left: 25px;
        padding-right: 20px;    
    }
}

/* END FAQs */


/* ARCHIVES */

.sectionarchives {
    align-items:flex-start;
    background-color:rgb(116, 114, 116);
    display:flex;
    flex-direction:row;
    height:337px;
    justify-content:flex-start;
    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%;
}
.sectionarchives .archivescontainer {
    position:relative;
    margin-left:auto;
    margin-right: auto;
    width:940px;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: flex-start;

}
.sectionarchives .itemboxcontainer {
    background-color:rgba(255, 255, 255, 0);
    height:100%;
    left:unset;
    margin-bottom:0;
    margin-left:65px;
    margin-right:0;
    margin-top:36px;
    opacity:1;
    position:relative;
    top:unset;
    transform:rotate(0deg);
    width:687px;
}
.sectionarchives .itemboxcontainer .inneritemboxcontainer {
    align-items:flex-start;
    background-color:rgba(255, 255, 255, 0);
    display:flex;
    flex-direction:row;
    height:100%;
    justify-content:flex-start;
    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%;
}
.sectionarchives .itemboxcontainer .inneritemboxcontainer .imgclone {
    background-color:rgba(255, 255, 255, 0);
    height:268px;
    left:unset;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    opacity:1;
    position:relative;
    top:unset;
    transform:rotate(0deg);
    width:183px;
}
.sectionarchives .itemboxcontainer .inneritemboxcontainer .imgclone1 {
    background-color:rgba(255, 255, 255, 0);
    height:100%;
    left:unset;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    opacity:1;
    position:relative;
    top:unset;
    transform:rotate(0deg);
    width:183px;
}
.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox {
    background-color:rgba(255, 255, 255, 0);
    height:268px;
    left:unset;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    opacity:1;
    position:relative;
    top:unset;
    transform:rotate(0deg);
    width:183px;
}
.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox + .itembox {
    margin-left:69px;
}
.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox .textbox {
    background-color:rgba(255, 255, 255, 0);
    height:22px;
    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%;
}
.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox .textbox .label {
    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:center;
    width:auto;
}
.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox .textbox .label,
.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox .textbox .label a,
.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox .textbox .label a:link,
.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox .textbox .label a:visited,
.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox .textbox .label a:hover {
    color:rgb(255, 255, 255);
    font-family:"ProximaNova-Bold", Helvetica, Arial, serif;
    font-size:18px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-weight:normal;
    line-height:22px;
    text-decoration-color:rgb(255, 255, 255);
    text-decoration-line:underline;
    text-decoration-style:solid;
    text-decoration-thickness:auto;
}
.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox .imageboxcontainer {
    background-color:rgba(255, 255, 255, 0);
    height:246px;
    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%;
}
.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox .imageboxcontainer .imagebox {
    background-color:rgba(255, 255, 255, 0);
    height:100%;
    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%;
}
.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox .imageboxcontainer .imagebox img {
    border:0;
}
.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox .imageboxcontainer .imagebox .articlethumb {
    background-color:rgba(255, 255, 255, 0);
    height: 100%;
    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;
}
.sectionarchives .sectiontitles {
    background-color:rgba(255, 255, 255, 0);
    height:30px;
    left:unset;
    margin-bottom:0;
  
    margin-right:0;
    margin-top:44px;
    opacity:1;
    position:relative;
    top:unset;
    transform:rotate(0deg);
    margin-left: 0px;
    width: auto;
}
.sectionarchives .sectiontitles .caption {
    background-color:rgba(255, 255, 255, 0);
    color:rgb(255, 255, 255);
    font-family:"ProximaNova-Extrabld", Helvetica, Arial, serif;
    font-size:24px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-weight:normal;
    height:auto;
    left:unset;
    line-height:29px;
    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:auto;
}

.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox .imageboxcontainer .imagebox .imgwrap.fc-3-1 {
    left:unset;
    margin-left:0;
    margin-top:0;
    position:relative;
    top:unset;
    height: 100%;
}

.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox .imageboxcontainer .imagebox .imgwrap.fc-3-1 {
   height: 100%;
}
.sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox .imageboxcontainer .imagebox .articlethumb {
   height: 100%;
   width: auto;
}

.sectionbox.sectionarchives {
    padding-bottom: 53px;
}

@media screen and (max-width:1130px) {
    .sectionarchives .archivescontainer {
        flex-direction: column;
        width: 100%;
        align-items: center;
    }
    .sectionarchives {
        height:auto;
    }
    .sectionarchives .itemboxcontainer {
        margin-left:0px;
        width:auto;
    }
    
}
@media screen and (max-width:767px) {
    .sectionarchives .itemboxcontainer .inneritemboxcontainer {
        flex-wrap: wrap;  
        align-items: flex-start;  
        justify-content: center;
        flex-direction: column;
    } 
    .sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox {
        margin-bottom: 30px;    
    }
    .sectionarchives .itemboxcontainer .inneritemboxcontainer .itembox + .itembox {
        margin-left: 0;
    }   
}

/* END ARCHIVES */