@charset "UTF-8";
/*-- colours --*/
/* --------------- SCSS --------------- */
@font-face {
  font-family: 'clannarrow-bold';
  src: url("../../fonts/clnwbd__-webfont.eot");
  src: url("../../fonts/clnwbd__-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/clnwbd__-webfont.woff") format("woff"), url("../../fonts/clnwbd__-webfont.ttf") format("truetype"), url("../../fonts/clnwbd__-webfont.svg#clannarrow-bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'clannarrow-book';
  src: url("../../fonts/clnwbo__-webfont.eot");
  src: url("../../fonts/clnwbo__-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/clnwbo__-webfont.woff") format("woff"), url("../../fonts/clnwbo__-webfont.ttf") format("truetype"), url("../../fonts/clnwbo__-webfont.svg#clannarrow-book") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'clannarrow-medium';
  src: url("../../fonts/clnwmd__-webfont.eot");
  src: url("../../fonts/clnwmd__-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/clnwmd__-webfont.woff") format("woff"), url("../../fonts/clnwmd__-webfont.ttf") format("truetype"), url("../../fonts/clnwmd__-webfont.svg#clannarrow-medium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'clannarrow-news';
  src: url("../../fonts/clnwne__-webfont.eot");
  src: url("../../fonts/clnwne__-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/clnwne__-webfont.woff") format("woff"), url("../../fonts/clnwne__-webfont.ttf") format("truetype"), url("../../fonts/clnwne__-webfont.svg#clannarrow-news") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'clannarrow-thin';
  src: url("../../fonts/ClNwTh.eot");
  src: url("../../fonts/ClNwTh.eot") format("embedded-opentype"), url("../../fonts/ClNwTh.woff2") format("woff2"), url("../../fonts/ClNwTh.woff") format("woff"), url("../../fonts/ClNwTh.ttf") format("truetype"), url("../../fonts/ClNwTh.svg#clannarrow-thin") format("svg");
}

* {
  outline: 0 !important;
}

.mobMenu {
  left: -300% !important;
  -webkit-transition: left 0.5s ease;
  transition: left 0.5s ease;
}

.mobMenu-change {
  left: 0 !important;
  -webkit-transition: left 0.5s ease;
  transition: left 0.5s ease;
}

html, body {
  font-size: 16px;
  overflow-x: hidden;
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.clearfix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
}

h1, h2, .txtOverrideCent {
  text-align: center;
}

h1 {
  font-family: "clannarrow-thin", Arial, Helvetica, sans-serif;
  margin-bottom: 30px;
}

h2 {
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  line-height: 25px;
}

h3 {
  font-family: "clannarrow-news", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  margin-left: 20px;
}

h4 {
  padding-top: 5px;
  font-family: "clannarrow-news", Arial, Helvetica, sans-serif;
  font-size: 1rem;
}

h5 {
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
  margin-top: 15px;
  margin-bottom: 15px;
}

p {
  color: #797D7F;
  margin-bottom: 20px;
}

p span {
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
}

.searchField, .searchBTN {
  height: 30px;
}

.searchField {
  margin-top: 10px;
  margin-left: 15px;
}

.searchBTN {
  padding: 10px 30px 10px 30px;
  background-color: #000000;
  color: #ffffff;
  border: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "clannarrow-news", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
  margin-top: -5px;
  margin-left: -5px;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.searchBTN:hover {
  background-color: #797D7F;
  color: #ffffff;
}

.alert-danger {
  background-color: #c2002f;
  background-image: linear-gradient(to bottom, #c2002f 0px, #c2002f 0%);
  background-repeat: no-repeat;
  border-color: #c2002f;
  border-radius: 0;
  color: white;
  font-size: 18px;
  text-align: center;
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  opacity: 0.5;
}

.countSelectTitle {
  margin: 0 auto;
  display: block;
  margin-top: 0;
  margin-bottom: 30px;
  width: auto;
}

.countSelectHeader {
  display: none;
  height: 125px;
  background-color: white;
  position: fixed;
  top: 0;
  width: 100%;
  text-align: center;
  z-index: 999;
}

.countSelectHeader .countSelectLogo {
  margin: 0 auto;
  margin-top: 15px;
  max-height: 85px;
  padding-right: 10px;
}

.countSelectHeader .countSelectNewTag {
  position: absolute;
  right: 0;
  margin-top: 20px;
  width: 125px;
}

.downloadMessageWrap {
  padding: 4px 4px 4px 4px;
}

.downloadMessageWrap .downloadMessageCont {
  background-color: #C2002F;
  padding: 15px 15px 15px 30px;
  position: relative;
}

.downloadMessageWrap .downloadMessageCont p {
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: white !important;
  margin-bottom: 0;
  padding-top: 7px;
  text-transform: uppercase;
}

.downloadMessageWrap .downloadMessageCont a {
  text-decoration: none;
}

.downloadMessageWrap .downloadMessageCont a p {
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  color: white;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  background-color: #999;
  margin-bottom: 0;
  padding: 10px 10px 10px 10px;
}

.countSelectCont {
  width: 100%;
}

.countSelectCont h1 {
  color: #593a3e;
  font-size: 3.75rem;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  border-top: 1px solid #593a3e;
  border-bottom: 1px solid #593a3e;
  margin-top: 8vw;
  margin-bottom: 5vw;
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  text-align: left;
  max-width: 340px;
}

.countSelectCont h1 span {
  color: #C2002F;
}

.countSelectCont .countSelectBodyCont .countries {
  background-color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.8);
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 20px;
}

.countSelectCont .countSelectBodyCont h2 {
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  font-size: 1.3rem;
  padding-top: 12px;
  padding-bottom: 12px;
  color: black;
  margin-top: 0;
}

.countSelectCont .countSelectBodyCont .countries {
  padding-top: 20px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.countSelectCont .countSelectBodyCont .countries .col-sm-2, .countSelectCont .countSelectBodyCont .countries .col-sm-3, .countSelectCont .countSelectBodyCont .countries .col-sm-6 {
  margin-bottom: 40px;
  position: relative;
  height: 40px;
}

.countSelectCont .countSelectBodyCont .countries h3 {
  color: black;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
  margin-left: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}

.countSelectCont .countSelectBodyCont .countries img, .countSelectCont .countSelectBodyCont .countries h4 {
  margin-top: 0;
}

.countSelectCont .countSelectBodyCont .countries img {
  opacity: 0.3;
  width: 40px;
  margin-bottom: 5px;
  margin-right: 5px;
}

.countSelectCont .countSelectBodyCont .countries h4 {
  left: 65px;
  opacity: 0.3;
  color: black;
  font-family: "clannarrow-news", Arial, Helvetica, sans-serif;
  font-size: 0.8125rem;
}

.countSelectCont .countSelectBodyCont .countries a {
  text-decoration: none;
}

.countSelectCont .countSelectBodyCont .countries a img {
  opacity: 1;
}

.countSelectCont .countSelectBodyCont .countries a h4 {
  opacity: 1;
}

.countSelectCont .countSelectBodyCont .countries a:hover h4 {
  color: #C2002F;
}

.listingVertAlign {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: relative;
}

.pageIntroPara {
  margin-top: -15px;
  margin-bottom: 50px;
}

img {
  margin: 0 auto;
}

article {
  margin-top: 120px;
}

.carousel-control.right, .carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
  left: auto;
}

.carousel-control.right {
  right: 0;
}

.carousel-control.left {
  left: 0;
}

.carousel-indicators li {
  border: 1px solid #C2002F;
}

.carousel-indicators .active {
  background-color: #C2002F;
  display: inline-block !important;
}

.bg-success {
  background-color: #418b44;
  max-width: 100%;
  color: #ffffff;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.active {
  display: block !important;
}

.suppress {
  display: none;
}

.error {
  margin-top: -15px;
  color: #DC0139;
}

a, a:link, a:visited {
  color: #000000;
  text-decoration: underline;
}

a:active, a:hover {
  color: #797D7F;
  text-decoration: underline;
}

.shipToNumber {
  font-size: 1.5rem;
  color: #418b44;
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
}

.shipToNumber span {
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
}

.histActionBTN {
  font-size: 0.9rem;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100%;
}

/*-----------------------[ MAGNIFIER ]-------------------------------*/
.glass {
  width: 275px;
  height: 275px;
  position: absolute;
  border-radius: 50%;
  cursor: crosshair;
  /* Multiple box shadows to achieve the glass effect */
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  /* hide the glass by default */
  display: none;
}

img {
  margin: 0 auto;
  margin-bottom: 30px;
}

.progress {
  height: 30px;
}

.progress .progress-bar-complete {
  background-color: #418b44 !important;
}

.progress .progress-bar {
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  background-image: none;
  background-color: #C2002F;
  line-height: 30px;
  text-align: right;
  padding-right: 20px;
  min-width: 75px;
}

.progress .progress-bar span {
  font-family: "clannarrow-bold", Arial, Helvetica, sans-serif;
}

.buttonWrapper {
  text-align: center;
}

.buttonWrapper button {
  display: inline-block !important;
  margin: 0 auto !important;
  margin-top: 30px !important;
  margin-right: 10px !important;
  margin-bottom: 20px !important;
}

.container {
  margin-left: 15px;
}

.container-fluid {
  margin: 0;
  padding: 0;
}

.container-fluid .carousel {
  margin-top: 100px;
}

.container-fluid .carousel .carousel-control {
  background-color: rgba(0, 0, 0, 0);
  color: #797D7F;
  font-size: 60px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  top: 0;
  width: 8%;
}

.container-fluid .carousel .carousel-control .glyphicon {
  margin-top: 16vw;
}

.container-fluid .carousel .carousel-control .glyphicon-menu-right, .container-fluid .carousel .carousel-control .glyphicon-menu-left {
  top: 45%;
}

.container-fluid .carousel .carousel-inner .item img {
  margin-bottom: 0 !important;
}

.checkoutPhone, .itemListPhone {
  display: block;
}

.checkoutDesktop, .itemListDesktop {
  display: none;
}

.paginationWrap .view-all-block {
  float: left;
  padding-top: -20px;
  margin-bottom: 30px;
  padding-right: 10px;
  text-decoration: none;
  font-size: 0.8rem;
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  color: #BCBCBC;
}

.paginationWrap .selected {
  color: #C2002F;
}

.breadcrumb, .pagination {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  margin-top: 0;
  border: 0;
}

.breadcrumb li span, .breadcrumb li a, .breadcrumb .active, .pagination li span, .pagination li a, .pagination .active {
  border: 0;
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  font-size: 0.8rem;
}

.breadcrumb li a:link, .breadcrumb li a:visited, .pagination li a:link, .pagination li a:visited {
  color: #BCBCBC;
}

.breadcrumb li a:active, .breadcrumb li a:hover, .pagination li a:active, .pagination li a:hover {
  color: #C2002F;
  background-color: transparent;
}

.breadcrumb .active, .breadcrumb .current, .breadcrumb .current a:link, .breadcrumb .current a:visited, .pagination .active, .pagination .current, .pagination .current a:link, .pagination .current a:visited {
  color: #C2002F;
}

.breadcrumb .active, .pagination .active {
  display: inline-block !important;
}

.pagination {
  margin-top: -20px;
  margin-left: -10px;
  position: relative;
  text-align: right;
  float: left;
}

.pagination > li > a, .pagination > li > span, .pagination > li > a:hover {
  background-color: transparent;
  color: #C2002F;
}

.publicAdmin, .mainSite, .pullout {
  margin-bottom: 30px;
}

.publicAdmin .boxTitle, .mainSite .boxTitle, .pullout .boxTitle {
  background-color: #797D7F;
  padding: 10px 30px 10px 30px;
}

.publicAdmin .boxTitle h2, .mainSite .boxTitle h2, .pullout .boxTitle h2 {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.125rem !important;
  color: #ffffff;
}

.publicAdmin #bodyLoginBoxPublic, .publicAdmin #bodyLoginBoxPrivate, .mainSite #bodyLoginBoxPublic, .mainSite #bodyLoginBoxPrivate, .pullout #bodyLoginBoxPublic, .pullout #bodyLoginBoxPrivate {
  display: none;
}

.publicAdmin .active, .mainSite .active, .pullout .active {
  display: block;
}

.publicAdmin .createCampaignWrapper, .mainSite .createCampaignWrapper, .pullout .createCampaignWrapper {
  background-image: url("/images/common/complete-campaign-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 280px;
  background-position: left;
}

.publicAdmin .createCampaignWrapper .downloadCTAText, .mainSite .createCampaignWrapper .downloadCTAText, .pullout .createCampaignWrapper .downloadCTAText {
  padding-top: 30px;
  font-family: "clannarrow-thin", Arial, Helvetica, sans-serif;
  color: #797D7F;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.publicAdmin .boxBody, .publicAdmin .boxBodyWht, .publicAdmin .boxBodyMidGrey, .publicAdmin .smBoxBody, .mainSite .boxBody, .mainSite .boxBodyWht, .mainSite .boxBodyMidGrey, .mainSite .smBoxBody, .pullout .boxBody, .pullout .boxBodyWht, .pullout .boxBodyMidGrey, .pullout .smBoxBody {
  background-color: #F1F1F1;
  padding: 30px 9.5% 30px 9.5%;
  border: 0px solid #797D7F;
  min-height: 280px;
}

.publicAdmin .boxBody img, .publicAdmin .boxBodyWht img, .publicAdmin .boxBodyMidGrey img, .publicAdmin .smBoxBody img, .mainSite .boxBody img, .mainSite .boxBodyWht img, .mainSite .boxBodyMidGrey img, .mainSite .smBoxBody img, .pullout .boxBody img, .pullout .boxBodyWht img, .pullout .boxBodyMidGrey img, .pullout .smBoxBody img {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}

.publicAdmin .boxBody h3, .publicAdmin .boxBodyWht h3, .publicAdmin .boxBodyMidGrey h3, .publicAdmin .smBoxBody h3, .mainSite .boxBody h3, .mainSite .boxBodyWht h3, .mainSite .boxBodyMidGrey h3, .mainSite .smBoxBody h3, .pullout .boxBody h3, .pullout .boxBodyWht h3, .pullout .boxBodyMidGrey h3, .pullout .smBoxBody h3 {
  margin-top: 0;
  margin-left: 0;
  text-align: center;
  margin-bottom: 20px;
}

.publicAdmin .boxBody h3:after, .publicAdmin .boxBodyWht h3:after, .publicAdmin .boxBodyMidGrey h3:after, .publicAdmin .smBoxBody h3:after, .mainSite .boxBody h3:after, .mainSite .boxBodyWht h3:after, .mainSite .boxBodyMidGrey h3:after, .mainSite .smBoxBody h3:after, .pullout .boxBody h3:after, .pullout .boxBodyWht h3:after, .pullout .boxBodyMidGrey h3:after, .pullout .smBoxBody h3:after {
  line-height: 10px;
  display: block;
  margin: 0 auto;
  content: url("/images/common/red-underline-lg.jpg");
  text-align: center;
}

.publicAdmin .boxBody h5, .publicAdmin .boxBodyWht h5, .publicAdmin .boxBodyMidGrey h5, .publicAdmin .smBoxBody h5, .mainSite .boxBody h5, .mainSite .boxBodyWht h5, .mainSite .boxBodyMidGrey h5, .mainSite .smBoxBody h5, .pullout .boxBody h5, .pullout .boxBodyWht h5, .pullout .boxBodyMidGrey h5, .pullout .smBoxBody h5 {
  font-size: 1rem;
  font-family: "clannarrow-news", Arial, Helvetica, sans-serif;
}

.publicAdmin .boxBody .carousel-inner .item, .publicAdmin .boxBodyWht .carousel-inner .item, .publicAdmin .boxBodyMidGrey .carousel-inner .item, .publicAdmin .smBoxBody .carousel-inner .item, .mainSite .boxBody .carousel-inner .item, .mainSite .boxBodyWht .carousel-inner .item, .mainSite .boxBodyMidGrey .carousel-inner .item, .mainSite .smBoxBody .carousel-inner .item, .pullout .boxBody .carousel-inner .item, .pullout .boxBodyWht .carousel-inner .item, .pullout .boxBodyMidGrey .carousel-inner .item, .pullout .smBoxBody .carousel-inner .item {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.publicAdmin .boxBody .darkPullout, .publicAdmin .boxBodyWht .darkPullout, .publicAdmin .boxBodyMidGrey .darkPullout, .publicAdmin .smBoxBody .darkPullout, .mainSite .boxBody .darkPullout, .mainSite .boxBodyWht .darkPullout, .mainSite .boxBodyMidGrey .darkPullout, .mainSite .smBoxBody .darkPullout, .pullout .boxBody .darkPullout, .pullout .boxBodyWht .darkPullout, .pullout .boxBodyMidGrey .darkPullout, .pullout .smBoxBody .darkPullout {
  background-color: #797D7F;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.publicAdmin .boxBody .darkPullout button, .publicAdmin .boxBodyWht .darkPullout button, .publicAdmin .boxBodyMidGrey .darkPullout button, .publicAdmin .smBoxBody .darkPullout button, .mainSite .boxBody .darkPullout button, .mainSite .boxBodyWht .darkPullout button, .mainSite .boxBodyMidGrey .darkPullout button, .mainSite .smBoxBody .darkPullout button, .pullout .boxBody .darkPullout button, .pullout .boxBodyWht .darkPullout button, .pullout .boxBodyMidGrey .darkPullout button, .pullout .smBoxBody .darkPullout button {
  margin-bottom: 0 !important;
  float: right;
}

.publicAdmin .boxBody .darkPullout h4, .publicAdmin .boxBodyWht .darkPullout h4, .publicAdmin .boxBodyMidGrey .darkPullout h4, .publicAdmin .smBoxBody .darkPullout h4, .mainSite .boxBody .darkPullout h4, .mainSite .boxBodyWht .darkPullout h4, .mainSite .boxBodyMidGrey .darkPullout h4, .mainSite .smBoxBody .darkPullout h4, .pullout .boxBody .darkPullout h4, .pullout .boxBodyWht .darkPullout h4, .pullout .boxBodyMidGrey .darkPullout h4, .pullout .smBoxBody .darkPullout h4 {
  color: #ffffff;
}

.publicAdmin .boxBody .darkPullout .uploadWrapper, .publicAdmin .boxBodyWht .darkPullout .uploadWrapper, .publicAdmin .boxBodyMidGrey .darkPullout .uploadWrapper, .publicAdmin .smBoxBody .darkPullout .uploadWrapper, .mainSite .boxBody .darkPullout .uploadWrapper, .mainSite .boxBodyWht .darkPullout .uploadWrapper, .mainSite .boxBodyMidGrey .darkPullout .uploadWrapper, .mainSite .smBoxBody .darkPullout .uploadWrapper, .pullout .boxBody .darkPullout .uploadWrapper, .pullout .boxBodyWht .darkPullout .uploadWrapper, .pullout .boxBodyMidGrey .darkPullout .uploadWrapper, .pullout .smBoxBody .darkPullout .uploadWrapper {
  margin-left: 0;
  margin-bottom: 30px;
  width: 100%;
}

.publicAdmin .boxBody .darkPullout input[type="text"], .publicAdmin .boxBodyWht .darkPullout input[type="text"], .publicAdmin .boxBodyMidGrey .darkPullout input[type="text"], .publicAdmin .smBoxBody .darkPullout input[type="text"], .mainSite .boxBody .darkPullout input[type="text"], .mainSite .boxBodyWht .darkPullout input[type="text"], .mainSite .boxBodyMidGrey .darkPullout input[type="text"], .mainSite .smBoxBody .darkPullout input[type="text"], .pullout .boxBody .darkPullout input[type="text"], .pullout .boxBodyWht .darkPullout input[type="text"], .pullout .boxBodyMidGrey .darkPullout input[type="text"], .pullout .smBoxBody .darkPullout input[type="text"] {
  height: 45px;
}

.publicAdmin .boxBody .logoUploadDarkPullout, .publicAdmin .boxBodyWht .logoUploadDarkPullout, .publicAdmin .boxBodyMidGrey .logoUploadDarkPullout, .publicAdmin .smBoxBody .logoUploadDarkPullout, .mainSite .boxBody .logoUploadDarkPullout, .mainSite .boxBodyWht .logoUploadDarkPullout, .mainSite .boxBodyMidGrey .logoUploadDarkPullout, .mainSite .smBoxBody .logoUploadDarkPullout, .pullout .boxBody .logoUploadDarkPullout, .pullout .boxBodyWht .logoUploadDarkPullout, .pullout .boxBodyMidGrey .logoUploadDarkPullout, .pullout .smBoxBody .logoUploadDarkPullout {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 15px;
}

.publicAdmin .boxBody .well, .publicAdmin .boxBodyWht .well, .publicAdmin .boxBodyMidGrey .well, .publicAdmin .smBoxBody .well, .mainSite .boxBody .well, .mainSite .boxBodyWht .well, .mainSite .boxBodyMidGrey .well, .mainSite .smBoxBody .well, .pullout .boxBody .well, .pullout .boxBodyWht .well, .pullout .boxBodyMidGrey .well, .pullout .smBoxBody .well {
  margin-top: 20px;
  background-image: none;
  border-radius: 0;
}

.publicAdmin .boxBody .smFormCont, .publicAdmin .boxBodyWht .smFormCont, .publicAdmin .boxBodyMidGrey .smFormCont, .publicAdmin .smBoxBody .smFormCont, .mainSite .boxBody .smFormCont, .mainSite .boxBodyWht .smFormCont, .mainSite .boxBodyMidGrey .smFormCont, .mainSite .smBoxBody .smFormCont, .pullout .boxBody .smFormCont, .pullout .boxBodyWht .smFormCont, .pullout .boxBodyMidGrey .smFormCont, .pullout .smBoxBody .smFormCont {
  text-align: center;
}

.publicAdmin .boxBody .smFormCont .psm, .publicAdmin .boxBodyWht .smFormCont .psm, .publicAdmin .boxBodyMidGrey .smFormCont .psm, .publicAdmin .smBoxBody .smFormCont .psm, .mainSite .boxBody .smFormCont .psm, .mainSite .boxBodyWht .smFormCont .psm, .mainSite .boxBodyMidGrey .smFormCont .psm, .mainSite .smBoxBody .smFormCont .psm, .pullout .boxBody .smFormCont .psm, .pullout .boxBodyWht .smFormCont .psm, .pullout .boxBodyMidGrey .smFormCont .psm, .pullout .smBoxBody .smFormCont .psm {
  font-size: 0.8rem !important;
}

.publicAdmin .boxBody .checkboxLabel, .publicAdmin .boxBodyWht .checkboxLabel, .publicAdmin .boxBodyMidGrey .checkboxLabel, .publicAdmin .smBoxBody .checkboxLabel, .mainSite .boxBody .checkboxLabel, .mainSite .boxBodyWht .checkboxLabel, .mainSite .boxBodyMidGrey .checkboxLabel, .mainSite .smBoxBody .checkboxLabel, .pullout .boxBody .checkboxLabel, .pullout .boxBodyWht .checkboxLabel, .pullout .boxBodyMidGrey .checkboxLabel, .pullout .smBoxBody .checkboxLabel {
  width: 95%;
  margin-top: 0;
  margin-left: 10px;
}

.publicAdmin .boxBody input[type='checkbox'], .publicAdmin .boxBodyWht input[type='checkbox'], .publicAdmin .boxBodyMidGrey input[type='checkbox'], .publicAdmin .smBoxBody input[type='checkbox'], .mainSite .boxBody input[type='checkbox'], .mainSite .boxBodyWht input[type='checkbox'], .mainSite .boxBodyMidGrey input[type='checkbox'], .mainSite .smBoxBody input[type='checkbox'], .pullout .boxBody input[type='checkbox'], .pullout .boxBodyWht input[type='checkbox'], .pullout .boxBodyMidGrey input[type='checkbox'], .pullout .smBoxBody input[type='checkbox'] {
  margin-top: 5px;
  margin-bottom: 0 !important;
}

.publicAdmin .boxBody .checkboxLabel, .publicAdmin .boxBody input[type='checkbox'], .publicAdmin .boxBodyWht .checkboxLabel, .publicAdmin .boxBodyWht input[type='checkbox'], .publicAdmin .boxBodyMidGrey .checkboxLabel, .publicAdmin .boxBodyMidGrey input[type='checkbox'], .publicAdmin .smBoxBody .checkboxLabel, .publicAdmin .smBoxBody input[type='checkbox'], .mainSite .boxBody .checkboxLabel, .mainSite .boxBody input[type='checkbox'], .mainSite .boxBodyWht .checkboxLabel, .mainSite .boxBodyWht input[type='checkbox'], .mainSite .boxBodyMidGrey .checkboxLabel, .mainSite .boxBodyMidGrey input[type='checkbox'], .mainSite .smBoxBody .checkboxLabel, .mainSite .smBoxBody input[type='checkbox'], .pullout .boxBody .checkboxLabel, .pullout .boxBody input[type='checkbox'], .pullout .boxBodyWht .checkboxLabel, .pullout .boxBodyWht input[type='checkbox'], .pullout .boxBodyMidGrey .checkboxLabel, .pullout .boxBodyMidGrey input[type='checkbox'], .pullout .smBoxBody .checkboxLabel, .pullout .smBoxBody input[type='checkbox'] {
  display: block;
  float: left;
  margin-bottom: 15px;
}

.publicAdmin .boxBody input[type='checkbox'], .publicAdmin .boxBodyWht input[type='checkbox'], .publicAdmin .boxBodyMidGrey input[type='checkbox'], .publicAdmin .smBoxBody input[type='checkbox'], .mainSite .boxBody input[type='checkbox'], .mainSite .boxBodyWht input[type='checkbox'], .mainSite .boxBodyMidGrey input[type='checkbox'], .mainSite .smBoxBody input[type='checkbox'], .pullout .boxBody input[type='checkbox'], .pullout .boxBodyWht input[type='checkbox'], .pullout .boxBodyMidGrey input[type='checkbox'], .pullout .smBoxBody input[type='checkbox'] {
  margin-top: 5px;
}

.publicAdmin .boxBody .checkoutPhone hr, .publicAdmin .boxBody .itemListPhone hr, .publicAdmin .boxBodyWht .checkoutPhone hr, .publicAdmin .boxBodyWht .itemListPhone hr, .publicAdmin .boxBodyMidGrey .checkoutPhone hr, .publicAdmin .boxBodyMidGrey .itemListPhone hr, .publicAdmin .smBoxBody .checkoutPhone hr, .publicAdmin .smBoxBody .itemListPhone hr, .mainSite .boxBody .checkoutPhone hr, .mainSite .boxBody .itemListPhone hr, .mainSite .boxBodyWht .checkoutPhone hr, .mainSite .boxBodyWht .itemListPhone hr, .mainSite .boxBodyMidGrey .checkoutPhone hr, .mainSite .boxBodyMidGrey .itemListPhone hr, .mainSite .smBoxBody .checkoutPhone hr, .mainSite .smBoxBody .itemListPhone hr, .pullout .boxBody .checkoutPhone hr, .pullout .boxBody .itemListPhone hr, .pullout .boxBodyWht .checkoutPhone hr, .pullout .boxBodyWht .itemListPhone hr, .pullout .boxBodyMidGrey .checkoutPhone hr, .pullout .boxBodyMidGrey .itemListPhone hr, .pullout .smBoxBody .checkoutPhone hr, .pullout .smBoxBody .itemListPhone hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-color: #797D7F;
}

.publicAdmin .boxBody .checkoutPhone .checkoutItemCounterBG, .publicAdmin .boxBody .checkoutPhone .itemListItemCounterBG, .publicAdmin .boxBody .itemListPhone .checkoutItemCounterBG, .publicAdmin .boxBody .itemListPhone .itemListItemCounterBG, .publicAdmin .boxBodyWht .checkoutPhone .checkoutItemCounterBG, .publicAdmin .boxBodyWht .checkoutPhone .itemListItemCounterBG, .publicAdmin .boxBodyWht .itemListPhone .checkoutItemCounterBG, .publicAdmin .boxBodyWht .itemListPhone .itemListItemCounterBG, .publicAdmin .boxBodyMidGrey .checkoutPhone .checkoutItemCounterBG, .publicAdmin .boxBodyMidGrey .checkoutPhone .itemListItemCounterBG, .publicAdmin .boxBodyMidGrey .itemListPhone .checkoutItemCounterBG, .publicAdmin .boxBodyMidGrey .itemListPhone .itemListItemCounterBG, .publicAdmin .smBoxBody .checkoutPhone .checkoutItemCounterBG, .publicAdmin .smBoxBody .checkoutPhone .itemListItemCounterBG, .publicAdmin .smBoxBody .itemListPhone .checkoutItemCounterBG, .publicAdmin .smBoxBody .itemListPhone .itemListItemCounterBG, .mainSite .boxBody .checkoutPhone .checkoutItemCounterBG, .mainSite .boxBody .checkoutPhone .itemListItemCounterBG, .mainSite .boxBody .itemListPhone .checkoutItemCounterBG, .mainSite .boxBody .itemListPhone .itemListItemCounterBG, .mainSite .boxBodyWht .checkoutPhone .checkoutItemCounterBG, .mainSite .boxBodyWht .checkoutPhone .itemListItemCounterBG, .mainSite .boxBodyWht .itemListPhone .checkoutItemCounterBG, .mainSite .boxBodyWht .itemListPhone .itemListItemCounterBG, .mainSite .boxBodyMidGrey .checkoutPhone .checkoutItemCounterBG, .mainSite .boxBodyMidGrey .checkoutPhone .itemListItemCounterBG, .mainSite .boxBodyMidGrey .itemListPhone .checkoutItemCounterBG, .mainSite .boxBodyMidGrey .itemListPhone .itemListItemCounterBG, .mainSite .smBoxBody .checkoutPhone .checkoutItemCounterBG, .mainSite .smBoxBody .checkoutPhone .itemListItemCounterBG, .mainSite .smBoxBody .itemListPhone .checkoutItemCounterBG, .mainSite .smBoxBody .itemListPhone .itemListItemCounterBG, .pullout .boxBody .checkoutPhone .checkoutItemCounterBG, .pullout .boxBody .checkoutPhone .itemListItemCounterBG, .pullout .boxBody .itemListPhone .checkoutItemCounterBG, .pullout .boxBody .itemListPhone .itemListItemCounterBG, .pullout .boxBodyWht .checkoutPhone .checkoutItemCounterBG, .pullout .boxBodyWht .checkoutPhone .itemListItemCounterBG, .pullout .boxBodyWht .itemListPhone .checkoutItemCounterBG, .pullout .boxBodyWht .itemListPhone .itemListItemCounterBG, .pullout .boxBodyMidGrey .checkoutPhone .checkoutItemCounterBG, .pullout .boxBodyMidGrey .checkoutPhone .itemListItemCounterBG, .pullout .boxBodyMidGrey .itemListPhone .checkoutItemCounterBG, .pullout .boxBodyMidGrey .itemListPhone .itemListItemCounterBG, .pullout .smBoxBody .checkoutPhone .checkoutItemCounterBG, .pullout .smBoxBody .checkoutPhone .itemListItemCounterBG, .pullout .smBoxBody .itemListPhone .checkoutItemCounterBG, .pullout .smBoxBody .itemListPhone .itemListItemCounterBG {
  background-color: #797D7F;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
}

.publicAdmin .boxBody .checkoutPhone .checkoutItemCounterBG h4, .publicAdmin .boxBody .checkoutPhone .itemListItemCounterBG h4, .publicAdmin .boxBody .itemListPhone .checkoutItemCounterBG h4, .publicAdmin .boxBody .itemListPhone .itemListItemCounterBG h4, .publicAdmin .boxBodyWht .checkoutPhone .checkoutItemCounterBG h4, .publicAdmin .boxBodyWht .checkoutPhone .itemListItemCounterBG h4, .publicAdmin .boxBodyWht .itemListPhone .checkoutItemCounterBG h4, .publicAdmin .boxBodyWht .itemListPhone .itemListItemCounterBG h4, .publicAdmin .boxBodyMidGrey .checkoutPhone .checkoutItemCounterBG h4, .publicAdmin .boxBodyMidGrey .checkoutPhone .itemListItemCounterBG h4, .publicAdmin .boxBodyMidGrey .itemListPhone .checkoutItemCounterBG h4, .publicAdmin .boxBodyMidGrey .itemListPhone .itemListItemCounterBG h4, .publicAdmin .smBoxBody .checkoutPhone .checkoutItemCounterBG h4, .publicAdmin .smBoxBody .checkoutPhone .itemListItemCounterBG h4, .publicAdmin .smBoxBody .itemListPhone .checkoutItemCounterBG h4, .publicAdmin .smBoxBody .itemListPhone .itemListItemCounterBG h4, .mainSite .boxBody .checkoutPhone .checkoutItemCounterBG h4, .mainSite .boxBody .checkoutPhone .itemListItemCounterBG h4, .mainSite .boxBody .itemListPhone .checkoutItemCounterBG h4, .mainSite .boxBody .itemListPhone .itemListItemCounterBG h4, .mainSite .boxBodyWht .checkoutPhone .checkoutItemCounterBG h4, .mainSite .boxBodyWht .checkoutPhone .itemListItemCounterBG h4, .mainSite .boxBodyWht .itemListPhone .checkoutItemCounterBG h4, .mainSite .boxBodyWht .itemListPhone .itemListItemCounterBG h4, .mainSite .boxBodyMidGrey .checkoutPhone .checkoutItemCounterBG h4, .mainSite .boxBodyMidGrey .checkoutPhone .itemListItemCounterBG h4, .mainSite .boxBodyMidGrey .itemListPhone .checkoutItemCounterBG h4, .mainSite .boxBodyMidGrey .itemListPhone .itemListItemCounterBG h4, .mainSite .smBoxBody .checkoutPhone .checkoutItemCounterBG h4, .mainSite .smBoxBody .checkoutPhone .itemListItemCounterBG h4, .mainSite .smBoxBody .itemListPhone .checkoutItemCounterBG h4, .mainSite .smBoxBody .itemListPhone .itemListItemCounterBG h4, .pullout .boxBody .checkoutPhone .checkoutItemCounterBG h4, .pullout .boxBody .checkoutPhone .itemListItemCounterBG h4, .pullout .boxBody .itemListPhone .checkoutItemCounterBG h4, .pullout .boxBody .itemListPhone .itemListItemCounterBG h4, .pullout .boxBodyWht .checkoutPhone .checkoutItemCounterBG h4, .pullout .boxBodyWht .checkoutPhone .itemListItemCounterBG h4, .pullout .boxBodyWht .itemListPhone .checkoutItemCounterBG h4, .pullout .boxBodyWht .itemListPhone .itemListItemCounterBG h4, .pullout .boxBodyMidGrey .checkoutPhone .checkoutItemCounterBG h4, .pullout .boxBodyMidGrey .checkoutPhone .itemListItemCounterBG h4, .pullout .boxBodyMidGrey .itemListPhone .checkoutItemCounterBG h4, .pullout .boxBodyMidGrey .itemListPhone .itemListItemCounterBG h4, .pullout .smBoxBody .checkoutPhone .checkoutItemCounterBG h4, .pullout .smBoxBody .checkoutPhone .itemListItemCounterBG h4, .pullout .smBoxBody .itemListPhone .checkoutItemCounterBG h4, .pullout .smBoxBody .itemListPhone .itemListItemCounterBG h4 {
  color: #ffffff;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
}

.publicAdmin .boxBody input[type='text'], .publicAdmin .boxBody input[type='password'], .publicAdmin .boxBody input[type='email'], .publicAdmin .boxBody input[type='url'], .publicAdmin .boxBody input[type='tel'], .publicAdmin .boxBody input[type='number'], .publicAdmin .boxBody input[type='customer_number'], .publicAdmin .boxBody select, .publicAdmin .boxBody .inputNumber, .publicAdmin .boxBodyWht input[type='text'], .publicAdmin .boxBodyWht input[type='password'], .publicAdmin .boxBodyWht input[type='email'], .publicAdmin .boxBodyWht input[type='url'], .publicAdmin .boxBodyWht input[type='tel'], .publicAdmin .boxBodyWht input[type='number'], .publicAdmin .boxBodyWht input[type='customer_number'], .publicAdmin .boxBodyWht select, .publicAdmin .boxBodyWht .inputNumber, .publicAdmin .boxBodyMidGrey input[type='text'], .publicAdmin .boxBodyMidGrey input[type='password'], .publicAdmin .boxBodyMidGrey input[type='email'], .publicAdmin .boxBodyMidGrey input[type='url'], .publicAdmin .boxBodyMidGrey input[type='tel'], .publicAdmin .boxBodyMidGrey input[type='number'], .publicAdmin .boxBodyMidGrey input[type='customer_number'], .publicAdmin .boxBodyMidGrey select, .publicAdmin .boxBodyMidGrey .inputNumber, .publicAdmin .smBoxBody input[type='text'], .publicAdmin .smBoxBody input[type='password'], .publicAdmin .smBoxBody input[type='email'], .publicAdmin .smBoxBody input[type='url'], .publicAdmin .smBoxBody input[type='tel'], .publicAdmin .smBoxBody input[type='number'], .publicAdmin .smBoxBody input[type='customer_number'], .publicAdmin .smBoxBody select, .publicAdmin .smBoxBody .inputNumber, .mainSite .boxBody input[type='text'], .mainSite .boxBody input[type='password'], .mainSite .boxBody input[type='email'], .mainSite .boxBody input[type='url'], .mainSite .boxBody input[type='tel'], .mainSite .boxBody input[type='number'], .mainSite .boxBody input[type='customer_number'], .mainSite .boxBody select, .mainSite .boxBody .inputNumber, .mainSite .boxBodyWht input[type='text'], .mainSite .boxBodyWht input[type='password'], .mainSite .boxBodyWht input[type='email'], .mainSite .boxBodyWht input[type='url'], .mainSite .boxBodyWht input[type='tel'], .mainSite .boxBodyWht input[type='number'], .mainSite .boxBodyWht input[type='customer_number'], .mainSite .boxBodyWht select, .mainSite .boxBodyWht .inputNumber, .mainSite .boxBodyMidGrey input[type='text'], .mainSite .boxBodyMidGrey input[type='password'], .mainSite .boxBodyMidGrey input[type='email'], .mainSite .boxBodyMidGrey input[type='url'], .mainSite .boxBodyMidGrey input[type='tel'], .mainSite .boxBodyMidGrey input[type='number'], .mainSite .boxBodyMidGrey input[type='customer_number'], .mainSite .boxBodyMidGrey select, .mainSite .boxBodyMidGrey .inputNumber, .mainSite .smBoxBody input[type='text'], .mainSite .smBoxBody input[type='password'], .mainSite .smBoxBody input[type='email'], .mainSite .smBoxBody input[type='url'], .mainSite .smBoxBody input[type='tel'], .mainSite .smBoxBody input[type='number'], .mainSite .smBoxBody input[type='customer_number'], .mainSite .smBoxBody select, .mainSite .smBoxBody .inputNumber, .pullout .boxBody input[type='text'], .pullout .boxBody input[type='password'], .pullout .boxBody input[type='email'], .pullout .boxBody input[type='url'], .pullout .boxBody input[type='tel'], .pullout .boxBody input[type='number'], .pullout .boxBody input[type='customer_number'], .pullout .boxBody select, .pullout .boxBody .inputNumber, .pullout .boxBodyWht input[type='text'], .pullout .boxBodyWht input[type='password'], .pullout .boxBodyWht input[type='email'], .pullout .boxBodyWht input[type='url'], .pullout .boxBodyWht input[type='tel'], .pullout .boxBodyWht input[type='number'], .pullout .boxBodyWht input[type='customer_number'], .pullout .boxBodyWht select, .pullout .boxBodyWht .inputNumber, .pullout .boxBodyMidGrey input[type='text'], .pullout .boxBodyMidGrey input[type='password'], .pullout .boxBodyMidGrey input[type='email'], .pullout .boxBodyMidGrey input[type='url'], .pullout .boxBodyMidGrey input[type='tel'], .pullout .boxBodyMidGrey input[type='number'], .pullout .boxBodyMidGrey input[type='customer_number'], .pullout .boxBodyMidGrey select, .pullout .boxBodyMidGrey .inputNumber, .pullout .smBoxBody input[type='text'], .pullout .smBoxBody input[type='password'], .pullout .smBoxBody input[type='email'], .pullout .smBoxBody input[type='url'], .pullout .smBoxBody input[type='tel'], .pullout .smBoxBody input[type='number'], .pullout .smBoxBody input[type='customer_number'], .pullout .smBoxBody select, .pullout .smBoxBody .inputNumber {
  width: 100%;
  height: 40px;
  padding-left: 5px;
  margin-bottom: 20px;
  display: inline-block;
  border: 1px solid #BCBCBC;
}

.publicAdmin .boxBody .regStart, .publicAdmin .boxBodyWht .regStart, .publicAdmin .boxBodyMidGrey .regStart, .publicAdmin .smBoxBody .regStart, .mainSite .boxBody .regStart, .mainSite .boxBodyWht .regStart, .mainSite .boxBodyMidGrey .regStart, .mainSite .smBoxBody .regStart, .pullout .boxBody .regStart, .pullout .boxBodyWht .regStart, .pullout .boxBodyMidGrey .regStart, .pullout .smBoxBody .regStart {
  margin-bottom: 20px;
}

.publicAdmin .boxBody .regStart input[type='text'], .publicAdmin .boxBodyWht .regStart input[type='text'], .publicAdmin .boxBodyMidGrey .regStart input[type='text'], .publicAdmin .smBoxBody .regStart input[type='text'], .mainSite .boxBody .regStart input[type='text'], .mainSite .boxBodyWht .regStart input[type='text'], .mainSite .boxBodyMidGrey .regStart input[type='text'], .mainSite .smBoxBody .regStart input[type='text'], .pullout .boxBody .regStart input[type='text'], .pullout .boxBodyWht .regStart input[type='text'], .pullout .boxBodyMidGrey .regStart input[type='text'], .pullout .smBoxBody .regStart input[type='text'] {
  margin-bottom: 0;
}

.publicAdmin .boxBody .regStart .toolTipHelper, .publicAdmin .boxBodyWht .regStart .toolTipHelper, .publicAdmin .boxBodyMidGrey .regStart .toolTipHelper, .publicAdmin .smBoxBody .regStart .toolTipHelper, .mainSite .boxBody .regStart .toolTipHelper, .mainSite .boxBodyWht .regStart .toolTipHelper, .mainSite .boxBodyMidGrey .regStart .toolTipHelper, .mainSite .smBoxBody .regStart .toolTipHelper, .pullout .boxBody .regStart .toolTipHelper, .pullout .boxBodyWht .regStart .toolTipHelper, .pullout .boxBodyMidGrey .regStart .toolTipHelper, .pullout .smBoxBody .regStart .toolTipHelper {
  cursor: pointer;
  background-color: #797D7F;
  border-radius: 0;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
}

.publicAdmin .boxBody .regStart .toolTipHelper:hover, .publicAdmin .boxBodyWht .regStart .toolTipHelper:hover, .publicAdmin .boxBodyMidGrey .regStart .toolTipHelper:hover, .publicAdmin .smBoxBody .regStart .toolTipHelper:hover, .mainSite .boxBody .regStart .toolTipHelper:hover, .mainSite .boxBodyWht .regStart .toolTipHelper:hover, .mainSite .boxBodyMidGrey .regStart .toolTipHelper:hover, .mainSite .smBoxBody .regStart .toolTipHelper:hover, .pullout .boxBody .regStart .toolTipHelper:hover, .pullout .boxBodyWht .regStart .toolTipHelper:hover, .pullout .boxBodyMidGrey .regStart .toolTipHelper:hover, .pullout .smBoxBody .regStart .toolTipHelper:hover {
  background-color: #418b44;
  color: #ffffff;
}

.publicAdmin .boxBody textarea, .publicAdmin .boxBodyWht textarea, .publicAdmin .boxBodyMidGrey textarea, .publicAdmin .smBoxBody textarea, .mainSite .boxBody textarea, .mainSite .boxBodyWht textarea, .mainSite .boxBodyMidGrey textarea, .mainSite .smBoxBody textarea, .pullout .boxBody textarea, .pullout .boxBodyWht textarea, .pullout .boxBodyMidGrey textarea, .pullout .smBoxBody textarea {
  width: 97%;
  padding-top: 10px;
  margin-top: 40px;
  margin-bottom: 20px;
  height: 70px;
  padding-left: 10px;
}

.publicAdmin .boxBody select, .publicAdmin .boxBodyWht select, .publicAdmin .boxBodyMidGrey select, .publicAdmin .smBoxBody select, .mainSite .boxBody select, .mainSite .boxBodyWht select, .mainSite .boxBodyMidGrey select, .mainSite .smBoxBody select, .pullout .boxBody select, .pullout .boxBodyWht select, .pullout .boxBodyMidGrey select, .pullout .smBoxBody select {
  border-radius: 0;
  color: #797D7F;
  font-size: 1rem;
}

.publicAdmin .boxBody .numberedInputs input[type='text'], .publicAdmin .boxBody .numberedInputs input[type='password'], .publicAdmin .boxBody .numberedInputs input[type='email'], .publicAdmin .boxBody .numberedInputs input[type='url'], .publicAdmin .boxBody .numberedInputs input[type='tel'], .publicAdmin .boxBody .numberedInputs select, .publicAdmin .boxBody .numberedInputs .inputNumber, .publicAdmin .boxBodyWht .numberedInputs input[type='text'], .publicAdmin .boxBodyWht .numberedInputs input[type='password'], .publicAdmin .boxBodyWht .numberedInputs input[type='email'], .publicAdmin .boxBodyWht .numberedInputs input[type='url'], .publicAdmin .boxBodyWht .numberedInputs input[type='tel'], .publicAdmin .boxBodyWht .numberedInputs select, .publicAdmin .boxBodyWht .numberedInputs .inputNumber, .publicAdmin .boxBodyMidGrey .numberedInputs input[type='text'], .publicAdmin .boxBodyMidGrey .numberedInputs input[type='password'], .publicAdmin .boxBodyMidGrey .numberedInputs input[type='email'], .publicAdmin .boxBodyMidGrey .numberedInputs input[type='url'], .publicAdmin .boxBodyMidGrey .numberedInputs input[type='tel'], .publicAdmin .boxBodyMidGrey .numberedInputs select, .publicAdmin .boxBodyMidGrey .numberedInputs .inputNumber, .publicAdmin .smBoxBody .numberedInputs input[type='text'], .publicAdmin .smBoxBody .numberedInputs input[type='password'], .publicAdmin .smBoxBody .numberedInputs input[type='email'], .publicAdmin .smBoxBody .numberedInputs input[type='url'], .publicAdmin .smBoxBody .numberedInputs input[type='tel'], .publicAdmin .smBoxBody .numberedInputs select, .publicAdmin .smBoxBody .numberedInputs .inputNumber, .mainSite .boxBody .numberedInputs input[type='text'], .mainSite .boxBody .numberedInputs input[type='password'], .mainSite .boxBody .numberedInputs input[type='email'], .mainSite .boxBody .numberedInputs input[type='url'], .mainSite .boxBody .numberedInputs input[type='tel'], .mainSite .boxBody .numberedInputs select, .mainSite .boxBody .numberedInputs .inputNumber, .mainSite .boxBodyWht .numberedInputs input[type='text'], .mainSite .boxBodyWht .numberedInputs input[type='password'], .mainSite .boxBodyWht .numberedInputs input[type='email'], .mainSite .boxBodyWht .numberedInputs input[type='url'], .mainSite .boxBodyWht .numberedInputs input[type='tel'], .mainSite .boxBodyWht .numberedInputs select, .mainSite .boxBodyWht .numberedInputs .inputNumber, .mainSite .boxBodyMidGrey .numberedInputs input[type='text'], .mainSite .boxBodyMidGrey .numberedInputs input[type='password'], .mainSite .boxBodyMidGrey .numberedInputs input[type='email'], .mainSite .boxBodyMidGrey .numberedInputs input[type='url'], .mainSite .boxBodyMidGrey .numberedInputs input[type='tel'], .mainSite .boxBodyMidGrey .numberedInputs select, .mainSite .boxBodyMidGrey .numberedInputs .inputNumber, .mainSite .smBoxBody .numberedInputs input[type='text'], .mainSite .smBoxBody .numberedInputs input[type='password'], .mainSite .smBoxBody .numberedInputs input[type='email'], .mainSite .smBoxBody .numberedInputs input[type='url'], .mainSite .smBoxBody .numberedInputs input[type='tel'], .mainSite .smBoxBody .numberedInputs select, .mainSite .smBoxBody .numberedInputs .inputNumber, .pullout .boxBody .numberedInputs input[type='text'], .pullout .boxBody .numberedInputs input[type='password'], .pullout .boxBody .numberedInputs input[type='email'], .pullout .boxBody .numberedInputs input[type='url'], .pullout .boxBody .numberedInputs input[type='tel'], .pullout .boxBody .numberedInputs select, .pullout .boxBody .numberedInputs .inputNumber, .pullout .boxBodyWht .numberedInputs input[type='text'], .pullout .boxBodyWht .numberedInputs input[type='password'], .pullout .boxBodyWht .numberedInputs input[type='email'], .pullout .boxBodyWht .numberedInputs input[type='url'], .pullout .boxBodyWht .numberedInputs input[type='tel'], .pullout .boxBodyWht .numberedInputs select, .pullout .boxBodyWht .numberedInputs .inputNumber, .pullout .boxBodyMidGrey .numberedInputs input[type='text'], .pullout .boxBodyMidGrey .numberedInputs input[type='password'], .pullout .boxBodyMidGrey .numberedInputs input[type='email'], .pullout .boxBodyMidGrey .numberedInputs input[type='url'], .pullout .boxBodyMidGrey .numberedInputs input[type='tel'], .pullout .boxBodyMidGrey .numberedInputs select, .pullout .boxBodyMidGrey .numberedInputs .inputNumber, .pullout .smBoxBody .numberedInputs input[type='text'], .pullout .smBoxBody .numberedInputs input[type='password'], .pullout .smBoxBody .numberedInputs input[type='email'], .pullout .smBoxBody .numberedInputs input[type='url'], .pullout .smBoxBody .numberedInputs input[type='tel'], .pullout .smBoxBody .numberedInputs select, .pullout .smBoxBody .numberedInputs .inputNumber {
  width: 85%;
  margin-left: 9%;
}

.publicAdmin .boxBody .numberedInputs select, .publicAdmin .boxBodyWht .numberedInputs select, .publicAdmin .boxBodyMidGrey .numberedInputs select, .publicAdmin .smBoxBody .numberedInputs select, .mainSite .boxBody .numberedInputs select, .mainSite .boxBodyWht .numberedInputs select, .mainSite .boxBodyMidGrey .numberedInputs select, .mainSite .smBoxBody .numberedInputs select, .pullout .boxBody .numberedInputs select, .pullout .boxBodyWht .numberedInputs select, .pullout .boxBodyMidGrey .numberedInputs select, .pullout .smBoxBody .numberedInputs select {
  border-radius: 0;
  color: #797D7F;
  font-size: 1rem;
}

.publicAdmin .boxBody .numberedInputs .inputNumber, .publicAdmin .boxBodyWht .numberedInputs .inputNumber, .publicAdmin .boxBodyMidGrey .numberedInputs .inputNumber, .publicAdmin .smBoxBody .numberedInputs .inputNumber, .mainSite .boxBody .numberedInputs .inputNumber, .mainSite .boxBodyWht .numberedInputs .inputNumber, .mainSite .boxBodyMidGrey .numberedInputs .inputNumber, .mainSite .smBoxBody .numberedInputs .inputNumber, .pullout .boxBody .numberedInputs .inputNumber, .pullout .boxBodyWht .numberedInputs .inputNumber, .pullout .boxBodyMidGrey .numberedInputs .inputNumber, .pullout .smBoxBody .numberedInputs .inputNumber {
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
  position: absolute;
  background-color: #C2002F;
  width: 9%;
  margin-left: 0;
  padding-left: 0;
}

.publicAdmin .boxBody .numberedInputs .inputNumber p, .publicAdmin .boxBodyWht .numberedInputs .inputNumber p, .publicAdmin .boxBodyMidGrey .numberedInputs .inputNumber p, .publicAdmin .smBoxBody .numberedInputs .inputNumber p, .mainSite .boxBody .numberedInputs .inputNumber p, .mainSite .boxBodyWht .numberedInputs .inputNumber p, .mainSite .boxBodyMidGrey .numberedInputs .inputNumber p, .mainSite .smBoxBody .numberedInputs .inputNumber p, .pullout .boxBody .numberedInputs .inputNumber p, .pullout .boxBodyWht .numberedInputs .inputNumber p, .pullout .boxBodyMidGrey .numberedInputs .inputNumber p, .pullout .smBoxBody .numberedInputs .inputNumber p {
  position: relative;
  color: #ffffff;
  padding-top: 6px;
  text-align: center;
}

.publicAdmin .boxBody .uploadWrapper, .publicAdmin .boxBodyWht .uploadWrapper, .publicAdmin .boxBodyMidGrey .uploadWrapper, .publicAdmin .smBoxBody .uploadWrapper, .mainSite .boxBody .uploadWrapper, .mainSite .boxBodyWht .uploadWrapper, .mainSite .boxBodyMidGrey .uploadWrapper, .mainSite .smBoxBody .uploadWrapper, .pullout .boxBody .uploadWrapper, .pullout .boxBodyWht .uploadWrapper, .pullout .boxBodyMidGrey .uploadWrapper, .pullout .smBoxBody .uploadWrapper {
  background-color: white;
  width: 90%;
  margin-left: 15px;
  margin-bottom: 30px;
  padding-right: 15px;
  display: block;
  position: relative;
  border: 1px solid #ccc;
}

.publicAdmin .boxBody .uploadWrapper a, .publicAdmin .boxBodyWht .uploadWrapper a, .publicAdmin .boxBodyMidGrey .uploadWrapper a, .publicAdmin .smBoxBody .uploadWrapper a, .mainSite .boxBody .uploadWrapper a, .mainSite .boxBodyWht .uploadWrapper a, .mainSite .boxBodyMidGrey .uploadWrapper a, .mainSite .smBoxBody .uploadWrapper a, .pullout .boxBody .uploadWrapper a, .pullout .boxBodyWht .uploadWrapper a, .pullout .boxBodyMidGrey .uploadWrapper a, .pullout .smBoxBody .uploadWrapper a {
  margin-bottom: 0;
}

.publicAdmin .boxBody .uploadWrapper input[type="file"], .publicAdmin .boxBodyWht .uploadWrapper input[type="file"], .publicAdmin .boxBodyMidGrey .uploadWrapper input[type="file"], .publicAdmin .smBoxBody .uploadWrapper input[type="file"], .mainSite .boxBody .uploadWrapper input[type="file"], .mainSite .boxBodyWht .uploadWrapper input[type="file"], .mainSite .boxBodyMidGrey .uploadWrapper input[type="file"], .mainSite .smBoxBody .uploadWrapper input[type="file"], .pullout .boxBody .uploadWrapper input[type="file"], .pullout .boxBodyWht .uploadWrapper input[type="file"], .pullout .boxBodyMidGrey .uploadWrapper input[type="file"], .pullout .smBoxBody .uploadWrapper input[type="file"] {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  background-color: transparent;
}

.publicAdmin .boxBody .dashIconContOuter, .publicAdmin .boxBodyWht .dashIconContOuter, .publicAdmin .boxBodyMidGrey .dashIconContOuter, .publicAdmin .smBoxBody .dashIconContOuter, .mainSite .boxBody .dashIconContOuter, .mainSite .boxBodyWht .dashIconContOuter, .mainSite .boxBodyMidGrey .dashIconContOuter, .mainSite .smBoxBody .dashIconContOuter, .pullout .boxBody .dashIconContOuter, .pullout .boxBodyWht .dashIconContOuter, .pullout .boxBodyMidGrey .dashIconContOuter, .pullout .smBoxBody .dashIconContOuter {
  display: block;
  -webkit-box-pack: justify;
          justify-content: space-between;
  max-width: 1250px;
  margin: 0 auto;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 600px) {
  .publicAdmin .boxBody .dashIconContOuter, .publicAdmin .boxBodyWht .dashIconContOuter, .publicAdmin .boxBodyMidGrey .dashIconContOuter, .publicAdmin .smBoxBody .dashIconContOuter, .mainSite .boxBody .dashIconContOuter, .mainSite .boxBodyWht .dashIconContOuter, .mainSite .boxBodyMidGrey .dashIconContOuter, .mainSite .smBoxBody .dashIconContOuter, .pullout .boxBody .dashIconContOuter, .pullout .boxBodyWht .dashIconContOuter, .pullout .boxBodyMidGrey .dashIconContOuter, .pullout .smBoxBody .dashIconContOuter {
    display: block;
  }
}

@media (min-width: 768px) {
  .publicAdmin .boxBody .dashIconContOuter, .publicAdmin .boxBodyWht .dashIconContOuter, .publicAdmin .boxBodyMidGrey .dashIconContOuter, .publicAdmin .smBoxBody .dashIconContOuter, .mainSite .boxBody .dashIconContOuter, .mainSite .boxBodyWht .dashIconContOuter, .mainSite .boxBodyMidGrey .dashIconContOuter, .mainSite .smBoxBody .dashIconContOuter, .pullout .boxBody .dashIconContOuter, .pullout .boxBodyWht .dashIconContOuter, .pullout .boxBodyMidGrey .dashIconContOuter, .pullout .smBoxBody .dashIconContOuter {
    display: -webkit-box;
    display: flex;
  }
}

@media (min-width: 960px) {
  .publicAdmin .boxBody .dashIconContOuter, .publicAdmin .boxBodyWht .dashIconContOuter, .publicAdmin .boxBodyMidGrey .dashIconContOuter, .publicAdmin .smBoxBody .dashIconContOuter, .mainSite .boxBody .dashIconContOuter, .mainSite .boxBodyWht .dashIconContOuter, .mainSite .boxBodyMidGrey .dashIconContOuter, .mainSite .smBoxBody .dashIconContOuter, .pullout .boxBody .dashIconContOuter, .pullout .boxBodyWht .dashIconContOuter, .pullout .boxBodyMidGrey .dashIconContOuter, .pullout .smBoxBody .dashIconContOuter {
    display: -webkit-box;
    display: flex;
  }
}

@media (min-width: 1280px) {
  .publicAdmin .boxBody .dashIconContOuter, .publicAdmin .boxBodyWht .dashIconContOuter, .publicAdmin .boxBodyMidGrey .dashIconContOuter, .publicAdmin .smBoxBody .dashIconContOuter, .mainSite .boxBody .dashIconContOuter, .mainSite .boxBodyWht .dashIconContOuter, .mainSite .boxBodyMidGrey .dashIconContOuter, .mainSite .smBoxBody .dashIconContOuter, .pullout .boxBody .dashIconContOuter, .pullout .boxBodyWht .dashIconContOuter, .pullout .boxBodyMidGrey .dashIconContOuter, .pullout .smBoxBody .dashIconContOuter {
    display: -webkit-box;
    display: flex;
  }
}

.publicAdmin .boxBody .dashIconContOuter .dashIconContInner, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner, .mainSite .boxBody .dashIconContOuter .dashIconContInner, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner, .pullout .boxBody .dashIconContOuter .dashIconContInner, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner, .pullout .smBoxBody .dashIconContOuter .dashIconContInner {
  width: 100%;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 600px) {
  .publicAdmin .boxBody .dashIconContOuter .dashIconContInner, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner, .mainSite .boxBody .dashIconContOuter .dashIconContInner, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner, .pullout .boxBody .dashIconContOuter .dashIconContInner, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner, .pullout .smBoxBody .dashIconContOuter .dashIconContInner {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .publicAdmin .boxBody .dashIconContOuter .dashIconContInner, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner, .mainSite .boxBody .dashIconContOuter .dashIconContInner, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner, .pullout .boxBody .dashIconContOuter .dashIconContInner, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner, .pullout .smBoxBody .dashIconContOuter .dashIconContInner {
    width: 15%;
  }
}

@media (min-width: 960px) {
  .publicAdmin .boxBody .dashIconContOuter .dashIconContInner, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner, .mainSite .boxBody .dashIconContOuter .dashIconContInner, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner, .pullout .boxBody .dashIconContOuter .dashIconContInner, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner, .pullout .smBoxBody .dashIconContOuter .dashIconContInner {
    width: 15%;
  }
}

@media (min-width: 1280px) {
  .publicAdmin .boxBody .dashIconContOuter .dashIconContInner, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner, .mainSite .boxBody .dashIconContOuter .dashIconContInner, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner, .pullout .boxBody .dashIconContOuter .dashIconContInner, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner, .pullout .smBoxBody .dashIconContOuter .dashIconContInner {
    width: 15%;
  }
}

.publicAdmin .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a, .mainSite .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a, .pullout .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a, .pullout .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
}

.publicAdmin .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons {
  padding-left: 5px;
  padding-right: 5px;
  margin: 0 auto;
  margin-bottom: 20px;
  max-width: 100px;
  display: none;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 600px) {
  .publicAdmin .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons {
    max-width: 100px;
  }
}

@media (min-width: 768px) {
  .publicAdmin .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons {
    max-width: 100px;
  }
}

@media (min-width: 960px) {
  .publicAdmin .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons {
    max-width: 100px;
  }
}

@media (min-width: 1280px) {
  .publicAdmin .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons, .pullout .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIcons {
    max-width: 120px;
  }
}

.publicAdmin .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText {
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  color: #797D7F;
  font-size: 1rem;
  text-align: center;
  margin-bottom: 10px;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 600px) {
  .publicAdmin .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText {
    font-size: 1rem;
  }
}

@media (min-width: 768px) {
  .publicAdmin .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText {
    font-size: 0.75rem;
  }
}

@media (min-width: 960px) {
  .publicAdmin .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText {
    font-size: 0.8rem;
  }
}

@media (min-width: 1280px) {
  .publicAdmin .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText, .pullout .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a .dashIconText {
    font-size: 1rem;
  }
}

.publicAdmin .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a:active .dashIconText, .publicAdmin .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a:hover .dashIconText, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a:active .dashIconText, .publicAdmin .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a:hover .dashIconText, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a:active .dashIconText, .publicAdmin .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a:hover .dashIconText, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a:active .dashIconText, .publicAdmin .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a:hover .dashIconText, .mainSite .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a:active .dashIconText, .mainSite .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a:hover .dashIconText, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a:active .dashIconText, .mainSite .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a:hover .dashIconText, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a:active .dashIconText, .mainSite .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a:hover .dashIconText, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a:active .dashIconText, .mainSite .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a:hover .dashIconText, .pullout .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a:active .dashIconText, .pullout .boxBody .dashIconContOuter .dashIconContInner .dashIconCont a:hover .dashIconText, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a:active .dashIconText, .pullout .boxBodyWht .dashIconContOuter .dashIconContInner .dashIconCont a:hover .dashIconText, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a:active .dashIconText, .pullout .boxBodyMidGrey .dashIconContOuter .dashIconContInner .dashIconCont a:hover .dashIconText, .pullout .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a:active .dashIconText, .pullout .smBoxBody .dashIconContOuter .dashIconContInner .dashIconCont a:hover .dashIconText {
  color: #C2002F;
}

.publicAdmin .boxBody input[type='checkbox'], .publicAdmin .boxBodyWht input[type='checkbox'], .publicAdmin .boxBodyMidGrey input[type='checkbox'], .publicAdmin .smBoxBody input[type='checkbox'], .mainSite .boxBody input[type='checkbox'], .mainSite .boxBodyWht input[type='checkbox'], .mainSite .boxBodyMidGrey input[type='checkbox'], .mainSite .smBoxBody input[type='checkbox'], .pullout .boxBody input[type='checkbox'], .pullout .boxBodyWht input[type='checkbox'], .pullout .boxBodyMidGrey input[type='checkbox'], .pullout .smBoxBody input[type='checkbox'] {
  margin-bottom: 30px;
}

.publicAdmin .boxBody input[type='submit'], .publicAdmin .boxBodyWht input[type='submit'], .publicAdmin .boxBodyMidGrey input[type='submit'], .publicAdmin .smBoxBody input[type='submit'], .mainSite .boxBody input[type='submit'], .mainSite .boxBodyWht input[type='submit'], .mainSite .boxBodyMidGrey input[type='submit'], .mainSite .smBoxBody input[type='submit'], .pullout .boxBody input[type='submit'], .pullout .boxBodyWht input[type='submit'], .pullout .boxBodyMidGrey input[type='submit'], .pullout .smBoxBody input[type='submit'] {
  padding: 10px 30px 10px 30px;
  background-color: #000000;
  color: #ffffff;
  border: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
}

.publicAdmin .boxBody input[type='submit']:hover, .publicAdmin .boxBodyWht input[type='submit']:hover, .publicAdmin .boxBodyMidGrey input[type='submit']:hover, .publicAdmin .smBoxBody input[type='submit']:hover, .mainSite .boxBody input[type='submit']:hover, .mainSite .boxBodyWht input[type='submit']:hover, .mainSite .boxBodyMidGrey input[type='submit']:hover, .mainSite .smBoxBody input[type='submit']:hover, .pullout .boxBody input[type='submit']:hover, .pullout .boxBodyWht input[type='submit']:hover, .pullout .boxBodyMidGrey input[type='submit']:hover, .pullout .smBoxBody input[type='submit']:hover {
  background-color: #797D7F;
  color: #ffffff;
}

.publicAdmin .boxBody .btnNutural, .publicAdmin .boxBodyWht .btnNutural, .publicAdmin .boxBodyMidGrey .btnNutural, .publicAdmin .smBoxBody .btnNutural, .mainSite .boxBody .btnNutural, .mainSite .boxBodyWht .btnNutural, .mainSite .boxBodyMidGrey .btnNutural, .mainSite .smBoxBody .btnNutural, .pullout .boxBody .btnNutural, .pullout .boxBodyWht .btnNutural, .pullout .boxBodyMidGrey .btnNutural, .pullout .smBoxBody .btnNutural {
  padding: 10px 30px 10px 30px;
  background-color: #000000;
  color: #ffffff;
  border: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
}

.publicAdmin .boxBody .btnNutural:hover, .publicAdmin .boxBodyWht .btnNutural:hover, .publicAdmin .boxBodyMidGrey .btnNutural:hover, .publicAdmin .smBoxBody .btnNutural:hover, .mainSite .boxBody .btnNutural:hover, .mainSite .boxBodyWht .btnNutural:hover, .mainSite .boxBodyMidGrey .btnNutural:hover, .mainSite .smBoxBody .btnNutural:hover, .pullout .boxBody .btnNutural:hover, .pullout .boxBodyWht .btnNutural:hover, .pullout .boxBodyMidGrey .btnNutural:hover, .pullout .smBoxBody .btnNutural:hover {
  background-color: #797D7F;
  color: #ffffff;
}

.publicAdmin .boxBody .btnBrand, .publicAdmin .boxBodyWht .btnBrand, .publicAdmin .boxBodyMidGrey .btnBrand, .publicAdmin .smBoxBody .btnBrand, .mainSite .boxBody .btnBrand, .mainSite .boxBodyWht .btnBrand, .mainSite .boxBodyMidGrey .btnBrand, .mainSite .smBoxBody .btnBrand, .pullout .boxBody .btnBrand, .pullout .boxBodyWht .btnBrand, .pullout .boxBodyMidGrey .btnBrand, .pullout .smBoxBody .btnBrand {
  padding: 10px 30px 10px 30px;
  background-color: #C2002F;
  color: #ffffff;
  border: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
}

.publicAdmin .boxBody .btnBrand:hover, .publicAdmin .boxBodyWht .btnBrand:hover, .publicAdmin .boxBodyMidGrey .btnBrand:hover, .publicAdmin .smBoxBody .btnBrand:hover, .mainSite .boxBody .btnBrand:hover, .mainSite .boxBodyWht .btnBrand:hover, .mainSite .boxBodyMidGrey .btnBrand:hover, .mainSite .smBoxBody .btnBrand:hover, .pullout .boxBody .btnBrand:hover, .pullout .boxBodyWht .btnBrand:hover, .pullout .boxBodyMidGrey .btnBrand:hover, .pullout .smBoxBody .btnBrand:hover {
  background-color: #797D7F;
  color: #ffffff;
}

.publicAdmin .boxBody .btnPositive, .publicAdmin .boxBodyWht .btnPositive, .publicAdmin .boxBodyMidGrey .btnPositive, .publicAdmin .smBoxBody .btnPositive, .mainSite .boxBody .btnPositive, .mainSite .boxBodyWht .btnPositive, .mainSite .boxBodyMidGrey .btnPositive, .mainSite .smBoxBody .btnPositive, .pullout .boxBody .btnPositive, .pullout .boxBodyWht .btnPositive, .pullout .boxBodyMidGrey .btnPositive, .pullout .smBoxBody .btnPositive {
  padding: 10px 30px 10px 30px;
  background-color: #418b44;
  color: #ffffff;
  border: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
}

.publicAdmin .boxBody .btnPositive:hover, .publicAdmin .boxBodyWht .btnPositive:hover, .publicAdmin .boxBodyMidGrey .btnPositive:hover, .publicAdmin .smBoxBody .btnPositive:hover, .mainSite .boxBody .btnPositive:hover, .mainSite .boxBodyWht .btnPositive:hover, .mainSite .boxBodyMidGrey .btnPositive:hover, .mainSite .smBoxBody .btnPositive:hover, .pullout .boxBody .btnPositive:hover, .pullout .boxBodyWht .btnPositive:hover, .pullout .boxBodyMidGrey .btnPositive:hover, .pullout .smBoxBody .btnPositive:hover {
  background-color: #797D7F;
  color: #ffffff;
}

.publicAdmin .boxBody .regOnlineUL, .publicAdmin .boxBodyWht .regOnlineUL, .publicAdmin .boxBodyMidGrey .regOnlineUL, .publicAdmin .smBoxBody .regOnlineUL, .mainSite .boxBody .regOnlineUL, .mainSite .boxBodyWht .regOnlineUL, .mainSite .boxBodyMidGrey .regOnlineUL, .mainSite .smBoxBody .regOnlineUL, .pullout .boxBody .regOnlineUL, .pullout .boxBodyWht .regOnlineUL, .pullout .boxBodyMidGrey .regOnlineUL, .pullout .smBoxBody .regOnlineUL {
  margin-top: 20px;
  padding-left: 0;
}

.publicAdmin .boxBody .regOnlineLI, .publicAdmin .boxBodyWht .regOnlineLI, .publicAdmin .boxBodyMidGrey .regOnlineLI, .publicAdmin .smBoxBody .regOnlineLI, .mainSite .boxBody .regOnlineLI, .mainSite .boxBodyWht .regOnlineLI, .mainSite .boxBodyMidGrey .regOnlineLI, .mainSite .smBoxBody .regOnlineLI, .pullout .boxBody .regOnlineLI, .pullout .boxBodyWht .regOnlineLI, .pullout .boxBodyMidGrey .regOnlineLI, .pullout .smBoxBody .regOnlineLI {
  height: 60px;
  list-style: none;
  font-family: "clannarrow-news", Arial, Helvetica, sans-serif;
  font-size: 1.3rem;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.publicAdmin .boxBody .regOnlineHighlight, .publicAdmin .boxBodyWht .regOnlineHighlight, .publicAdmin .boxBodyMidGrey .regOnlineHighlight, .publicAdmin .smBoxBody .regOnlineHighlight, .mainSite .boxBody .regOnlineHighlight, .mainSite .boxBodyWht .regOnlineHighlight, .mainSite .boxBodyMidGrey .regOnlineHighlight, .mainSite .smBoxBody .regOnlineHighlight, .pullout .boxBody .regOnlineHighlight, .pullout .boxBodyWht .regOnlineHighlight, .pullout .boxBodyMidGrey .regOnlineHighlight, .pullout .smBoxBody .regOnlineHighlight {
  color: #C2002F;
}

.publicAdmin .boxBody .registerInfoItemConvenience .regOnlineIconOne, .publicAdmin .boxBody .registerInfoItemDispatch .regOnlineIconTwo, .publicAdmin .boxBody .registerInfoItemOnline .regOnlineIconThree, .publicAdmin .boxBody .registerInfoItemReorder .regOnlineIconFour, .publicAdmin .boxBody .registerInfoItemAdv .regOnlineIconFive, .publicAdmin .boxBodyWht .registerInfoItemConvenience .regOnlineIconOne, .publicAdmin .boxBodyWht .registerInfoItemDispatch .regOnlineIconTwo, .publicAdmin .boxBodyWht .registerInfoItemOnline .regOnlineIconThree, .publicAdmin .boxBodyWht .registerInfoItemReorder .regOnlineIconFour, .publicAdmin .boxBodyWht .registerInfoItemAdv .regOnlineIconFive, .publicAdmin .boxBodyMidGrey .registerInfoItemConvenience .regOnlineIconOne, .publicAdmin .boxBodyMidGrey .registerInfoItemDispatch .regOnlineIconTwo, .publicAdmin .boxBodyMidGrey .registerInfoItemOnline .regOnlineIconThree, .publicAdmin .boxBodyMidGrey .registerInfoItemReorder .regOnlineIconFour, .publicAdmin .boxBodyMidGrey .registerInfoItemAdv .regOnlineIconFive, .publicAdmin .smBoxBody .registerInfoItemConvenience .regOnlineIconOne, .publicAdmin .smBoxBody .registerInfoItemDispatch .regOnlineIconTwo, .publicAdmin .smBoxBody .registerInfoItemOnline .regOnlineIconThree, .publicAdmin .smBoxBody .registerInfoItemReorder .regOnlineIconFour, .publicAdmin .smBoxBody .registerInfoItemAdv .regOnlineIconFive, .mainSite .boxBody .registerInfoItemConvenience .regOnlineIconOne, .mainSite .boxBody .registerInfoItemDispatch .regOnlineIconTwo, .mainSite .boxBody .registerInfoItemOnline .regOnlineIconThree, .mainSite .boxBody .registerInfoItemReorder .regOnlineIconFour, .mainSite .boxBody .registerInfoItemAdv .regOnlineIconFive, .mainSite .boxBodyWht .registerInfoItemConvenience .regOnlineIconOne, .mainSite .boxBodyWht .registerInfoItemDispatch .regOnlineIconTwo, .mainSite .boxBodyWht .registerInfoItemOnline .regOnlineIconThree, .mainSite .boxBodyWht .registerInfoItemReorder .regOnlineIconFour, .mainSite .boxBodyWht .registerInfoItemAdv .regOnlineIconFive, .mainSite .boxBodyMidGrey .registerInfoItemConvenience .regOnlineIconOne, .mainSite .boxBodyMidGrey .registerInfoItemDispatch .regOnlineIconTwo, .mainSite .boxBodyMidGrey .registerInfoItemOnline .regOnlineIconThree, .mainSite .boxBodyMidGrey .registerInfoItemReorder .regOnlineIconFour, .mainSite .boxBodyMidGrey .registerInfoItemAdv .regOnlineIconFive, .mainSite .smBoxBody .registerInfoItemConvenience .regOnlineIconOne, .mainSite .smBoxBody .registerInfoItemDispatch .regOnlineIconTwo, .mainSite .smBoxBody .registerInfoItemOnline .regOnlineIconThree, .mainSite .smBoxBody .registerInfoItemReorder .regOnlineIconFour, .mainSite .smBoxBody .registerInfoItemAdv .regOnlineIconFive, .pullout .boxBody .registerInfoItemConvenience .regOnlineIconOne, .pullout .boxBody .registerInfoItemDispatch .regOnlineIconTwo, .pullout .boxBody .registerInfoItemOnline .regOnlineIconThree, .pullout .boxBody .registerInfoItemReorder .regOnlineIconFour, .pullout .boxBody .registerInfoItemAdv .regOnlineIconFive, .pullout .boxBodyWht .registerInfoItemConvenience .regOnlineIconOne, .pullout .boxBodyWht .registerInfoItemDispatch .regOnlineIconTwo, .pullout .boxBodyWht .registerInfoItemOnline .regOnlineIconThree, .pullout .boxBodyWht .registerInfoItemReorder .regOnlineIconFour, .pullout .boxBodyWht .registerInfoItemAdv .regOnlineIconFive, .pullout .boxBodyMidGrey .registerInfoItemConvenience .regOnlineIconOne, .pullout .boxBodyMidGrey .registerInfoItemDispatch .regOnlineIconTwo, .pullout .boxBodyMidGrey .registerInfoItemOnline .regOnlineIconThree, .pullout .boxBodyMidGrey .registerInfoItemReorder .regOnlineIconFour, .pullout .boxBodyMidGrey .registerInfoItemAdv .regOnlineIconFive, .pullout .smBoxBody .registerInfoItemConvenience .regOnlineIconOne, .pullout .smBoxBody .registerInfoItemDispatch .regOnlineIconTwo, .pullout .smBoxBody .registerInfoItemOnline .regOnlineIconThree, .pullout .smBoxBody .registerInfoItemReorder .regOnlineIconFour, .pullout .smBoxBody .registerInfoItemAdv .regOnlineIconFive {
  display: inline-block;
  float: left;
  height: 60px;
  margin: 0 0.625em 0 0;
  width: 83px;
  background-repeat: no-repeat;
  background-position: top;
  margin-right: 20px;
}

.publicAdmin .boxBody .registerInfoItemConvenience .regOnlineIconOne, .publicAdmin .boxBodyWht .registerInfoItemConvenience .regOnlineIconOne, .publicAdmin .boxBodyMidGrey .registerInfoItemConvenience .regOnlineIconOne, .publicAdmin .smBoxBody .registerInfoItemConvenience .regOnlineIconOne, .mainSite .boxBody .registerInfoItemConvenience .regOnlineIconOne, .mainSite .boxBodyWht .registerInfoItemConvenience .regOnlineIconOne, .mainSite .boxBodyMidGrey .registerInfoItemConvenience .regOnlineIconOne, .mainSite .smBoxBody .registerInfoItemConvenience .regOnlineIconOne, .pullout .boxBody .registerInfoItemConvenience .regOnlineIconOne, .pullout .boxBodyWht .registerInfoItemConvenience .regOnlineIconOne, .pullout .boxBodyMidGrey .registerInfoItemConvenience .regOnlineIconOne, .pullout .smBoxBody .registerInfoItemConvenience .regOnlineIconOne {
  background-image: url("/images/icons/wellaOnline/icn_watch.png");
}

.publicAdmin .boxBody .registerInfoItemDispatch .regOnlineIconTwo, .publicAdmin .boxBodyWht .registerInfoItemDispatch .regOnlineIconTwo, .publicAdmin .boxBodyMidGrey .registerInfoItemDispatch .regOnlineIconTwo, .publicAdmin .smBoxBody .registerInfoItemDispatch .regOnlineIconTwo, .mainSite .boxBody .registerInfoItemDispatch .regOnlineIconTwo, .mainSite .boxBodyWht .registerInfoItemDispatch .regOnlineIconTwo, .mainSite .boxBodyMidGrey .registerInfoItemDispatch .regOnlineIconTwo, .mainSite .smBoxBody .registerInfoItemDispatch .regOnlineIconTwo, .pullout .boxBody .registerInfoItemDispatch .regOnlineIconTwo, .pullout .boxBodyWht .registerInfoItemDispatch .regOnlineIconTwo, .pullout .boxBodyMidGrey .registerInfoItemDispatch .regOnlineIconTwo, .pullout .smBoxBody .registerInfoItemDispatch .regOnlineIconTwo {
  background-image: url("/images/icons/wellaOnline/icn_note.png");
}

.publicAdmin .boxBody .registerInfoItemOnline .regOnlineIconThree, .publicAdmin .boxBodyWht .registerInfoItemOnline .regOnlineIconThree, .publicAdmin .boxBodyMidGrey .registerInfoItemOnline .regOnlineIconThree, .publicAdmin .smBoxBody .registerInfoItemOnline .regOnlineIconThree, .mainSite .boxBody .registerInfoItemOnline .regOnlineIconThree, .mainSite .boxBodyWht .registerInfoItemOnline .regOnlineIconThree, .mainSite .boxBodyMidGrey .registerInfoItemOnline .regOnlineIconThree, .mainSite .smBoxBody .registerInfoItemOnline .regOnlineIconThree, .pullout .boxBody .registerInfoItemOnline .regOnlineIconThree, .pullout .boxBodyWht .registerInfoItemOnline .regOnlineIconThree, .pullout .boxBodyMidGrey .registerInfoItemOnline .regOnlineIconThree, .pullout .smBoxBody .registerInfoItemOnline .regOnlineIconThree {
  background-image: url("/images/icons/wellaOnline/icn_truck.png");
}

.publicAdmin .boxBody .registerInfoItemReorder .regOnlineIconFour, .publicAdmin .boxBodyWht .registerInfoItemReorder .regOnlineIconFour, .publicAdmin .boxBodyMidGrey .registerInfoItemReorder .regOnlineIconFour, .publicAdmin .smBoxBody .registerInfoItemReorder .regOnlineIconFour, .mainSite .boxBody .registerInfoItemReorder .regOnlineIconFour, .mainSite .boxBodyWht .registerInfoItemReorder .regOnlineIconFour, .mainSite .boxBodyMidGrey .registerInfoItemReorder .regOnlineIconFour, .mainSite .smBoxBody .registerInfoItemReorder .regOnlineIconFour, .pullout .boxBody .registerInfoItemReorder .regOnlineIconFour, .pullout .boxBodyWht .registerInfoItemReorder .regOnlineIconFour, .pullout .boxBodyMidGrey .registerInfoItemReorder .regOnlineIconFour, .pullout .smBoxBody .registerInfoItemReorder .regOnlineIconFour {
  background-image: url("/images/icons/wellaOnline/icn_heart.png");
}

.publicAdmin .boxBody .registerInfoItemAdv .regOnlineIconFive, .publicAdmin .boxBodyWht .registerInfoItemAdv .regOnlineIconFive, .publicAdmin .boxBodyMidGrey .registerInfoItemAdv .regOnlineIconFive, .publicAdmin .smBoxBody .registerInfoItemAdv .regOnlineIconFive, .mainSite .boxBody .registerInfoItemAdv .regOnlineIconFive, .mainSite .boxBodyWht .registerInfoItemAdv .regOnlineIconFive, .mainSite .boxBodyMidGrey .registerInfoItemAdv .regOnlineIconFive, .mainSite .smBoxBody .registerInfoItemAdv .regOnlineIconFive, .pullout .boxBody .registerInfoItemAdv .regOnlineIconFive, .pullout .boxBodyWht .registerInfoItemAdv .regOnlineIconFive, .pullout .boxBodyMidGrey .registerInfoItemAdv .regOnlineIconFive, .pullout .smBoxBody .registerInfoItemAdv .regOnlineIconFive {
  background-image: url("/images/icons/wellaOnline/icn_sale.png");
}

.publicAdmin .logoUpload, .mainSite .logoUpload, .pullout .logoUpload {
  min-height: 0;
}

.publicAdmin .helpBox, .mainSite .helpBox, .pullout .helpBox {
  padding-right: 5%;
  padding-left: 5%;
  padding-bottom: 40px;
  min-height: 512px;
}

.publicAdmin .helpBox p, .mainSite .helpBox p, .pullout .helpBox p {
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  text-align: left;
}

.publicAdmin .helpBox span, .mainSite .helpBox span, .pullout .helpBox span {
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
}

.publicAdmin .helpBox .whitePulloutBox, .mainSite .helpBox .whitePulloutBox, .pullout .helpBox .whitePulloutBox {
  background-color: white;
  padding-bottom: 30px;
}

.publicAdmin .helpBox .whitePulloutBox .whitePulloutBoxTitle, .mainSite .helpBox .whitePulloutBox .whitePulloutBoxTitle, .pullout .helpBox .whitePulloutBox .whitePulloutBoxTitle {
  background-color: #797D7F;
  padding-top: 8px;
  padding-left: 15px;
  padding-bottom: 0;
  padding-right: 15px;
}

.publicAdmin .helpBox .whitePulloutBox .whitePulloutBoxTitle h3, .mainSite .helpBox .whitePulloutBox .whitePulloutBoxTitle h3, .pullout .helpBox .whitePulloutBox .whitePulloutBoxTitle h3 {
  width: auto;
  color: white;
  margin-bottom: 0;
}

.publicAdmin .helpBox .whitePulloutBox .whitePulloutBoxBody p, .mainSite .helpBox .whitePulloutBox .whitePulloutBoxBody p, .pullout .helpBox .whitePulloutBox .whitePulloutBoxBody p {
  text-align: center;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.publicAdmin .helpBox .whitePulloutBox .whitePulloutBoxBody .btnNutural, .mainSite .helpBox .whitePulloutBox .whitePulloutBoxBody .btnNutural, .pullout .helpBox .whitePulloutBox .whitePulloutBoxBody .btnNutural {
  margin: 0;
}

.publicAdmin .boxBodyDLpg, .mainSite .boxBodyDLpg, .pullout .boxBodyDLpg {
  padding-left: 6%;
  padding-right: 6%;
}

.publicAdmin .col-sm-6-normal, .mainSite .col-sm-6-normal, .pullout .col-sm-6-normal {
  padding-left: 15px !important;
  padding-right: 15px !important;
  min-height: 280px;
  margin-bottom: 30px;
  width: 100%;
}

.publicAdmin .col-sm-6-normal a, .publicAdmin .col-sm-6-normal button, .mainSite .col-sm-6-normal a, .mainSite .col-sm-6-normal button, .pullout .col-sm-6-normal a, .pullout .col-sm-6-normal button {
  margin-top: 30px !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.publicAdmin .col-sm-6-normal:first-child, .mainSite .col-sm-6-normal:first-child, .pullout .col-sm-6-normal:first-child {
  margin-right: 20px;
}

.publicAdmin .boxBodyWht, .mainSite .boxBodyWht, .pullout .boxBodyWht {
  background-color: white;
}

.publicAdmin .boxBodyMidGrey, .mainSite .boxBodyMidGrey, .pullout .boxBodyMidGrey {
  background-color: #D1D1D1;
}

.publicAdmin .detailCont, .mainSite .detailCont, .pullout .detailCont {
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 10px;
}

.publicAdmin .detailCont .detailMobDLoadBtn, .mainSite .detailCont .detailMobDLoadBtn, .pullout .detailCont .detailMobDLoadBtn {
  display: block;
}

.publicAdmin .detailCont .detailVertCenter, .mainSite .detailCont .detailVertCenter, .pullout .detailCont .detailVertCenter {
  position: relative;
}

.publicAdmin .detailCont .detailVertCenter img, .mainSite .detailCont .detailVertCenter img, .pullout .detailCont .detailVertCenter img {
  max-height: 90%;
  max-width: 90%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto !important;
}

.publicAdmin .detailCont .detail, .mainSite .detailCont .detail, .pullout .detailCont .detail {
  position: relative;
  padding: 5% 5% 10% 5% !important;
  margin-bottom: 8px;
}

.publicAdmin .detailCont .detail .col-sm-6, .mainSite .detailCont .detail .col-sm-6, .pullout .detailCont .detail .col-sm-6 {
  padding-left: 4px;
  padding-right: 4px;
}

.publicAdmin .detailCont .detail .iconCenter, .mainSite .detailCont .detail .iconCenter, .pullout .detailCont .detail .iconCenter {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
  width: 80px;
  margin: 0 auto;
  z-index: 100;
  opacity: 0.9;
}

.publicAdmin .detailCont .detail .col-sm-2, .mainSite .detailCont .detail .col-sm-2, .pullout .detailCont .detail .col-sm-2 {
  padding-left: 10px;
  padding-right: 10px;
}

.publicAdmin .detailCont .detail .overText, .publicAdmin .detailCont .detail .detailCaption, .mainSite .detailCont .detail .overText, .mainSite .detailCont .detail .detailCaption, .pullout .detailCont .detail .overText, .pullout .detailCont .detail .detailCaption {
  width: 100%;
  text-align: center;
  position: absolute;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.publicAdmin .detailCont .detail .overText, .mainSite .detailCont .detail .overText, .pullout .detailCont .detail .overText {
  bottom: 10px;
  width: 86%;
}

.publicAdmin .detailCont .detail .detailImage, .mainSite .detailCont .detail .detailImage, .pullout .detailCont .detail .detailImage {
  z-index: 10;
}

.publicAdmin .detailCont .detail .detailCaption, .mainSite .detailCont .detail .detailCaption, .pullout .detailCont .detail .detailCaption {
  top: 0;
  width: auto;
  color: black;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  height: 10px;
  z-index: 0;
}

.publicAdmin .detailCont .detail img, .mainSite .detailCont .detail img, .pullout .detailCont .detail img {
  margin-bottom: 0;
}

.publicAdmin .detailCont .detail .iconCont, .mainSite .detailCont .detail .iconCont, .pullout .detailCont .detail .iconCont {
  margin-bottom: 30px;
}

.publicAdmin .detailCont .detail .iconCont .icon, .mainSite .detailCont .detail .iconCont .icon, .pullout .detailCont .detail .iconCont .icon {
  background-color: #797D7F;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0 auto;
  max-width: 60px;
}

.publicAdmin .detailCont .detail .iconCont .icon img, .mainSite .detailCont .detail .iconCont .icon img, .pullout .detailCont .detail .iconCont .icon img {
  max-width: 100%;
  max-height: 100%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
}

.publicAdmin .detailCont .detail .iconCont .active, .mainSite .detailCont .detail .iconCont .active, .pullout .detailCont .detail .iconCont .active {
  background-color: #C2002F;
}

.publicAdmin .detailCont .detail .iconCont figcaption, .mainSite .detailCont .detail .iconCont figcaption, .pullout .detailCont .detail .iconCont figcaption {
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  font-size: 0.6rem;
  line-height: 0.9rem;
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
}

.publicAdmin .detailCont .detail h3, .publicAdmin .detailCont .detail p, .mainSite .detailCont .detail h3, .mainSite .detailCont .detail p, .pullout .detailCont .detail h3, .pullout .detailCont .detail p {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
}

.publicAdmin .detailCont .detail h3, .mainSite .detailCont .detail h3, .pullout .detailCont .detail h3 {
  display: block;
}

.publicAdmin .detailCont .detail h3:first-child, .mainSite .detailCont .detail h3:first-child, .pullout .detailCont .detail h3:first-child {
  margin-top: 30px;
}

.publicAdmin .detailCont .detail p, .mainSite .detailCont .detail p, .pullout .detailCont .detail p {
  color: #000000;
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
}

.publicAdmin .detailCont .detail ul li, .mainSite .detailCont .detail ul li, .pullout .detailCont .detail ul li {
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
}

.publicAdmin .detailCont .leftPaddingCorrection, .mainSite .detailCont .leftPaddingCorrection, .pullout .detailCont .leftPaddingCorrection {
  padding-left: 4px;
}

.publicAdmin .detailCont .rightPaddingCorrection, .mainSite .detailCont .rightPaddingCorrection, .pullout .detailCont .rightPaddingCorrection {
  padding-right: 4px;
}

.publicAdmin .detailCont .btnBrand, .publicAdmin .detailCont .btnDetailNxt, .publicAdmin .detailCont .btnDetailPrv, .mainSite .detailCont .btnBrand, .mainSite .detailCont .btnDetailNxt, .mainSite .detailCont .btnDetailPrv, .pullout .detailCont .btnBrand, .pullout .detailCont .btnDetailNxt, .pullout .detailCont .btnDetailPrv {
  width: 100%;
  min-height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 8px;
  font-size: 1.4rem;
}

.publicAdmin .detailCont .btnBrand, .mainSite .detailCont .btnBrand, .pullout .detailCont .btnBrand {
  padding: 10px 30px 10px 30px;
  background-color: #C2002F;
  color: #ffffff;
  border: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
}

.publicAdmin .detailCont .btnBrand:hover, .mainSite .detailCont .btnBrand:hover, .pullout .detailCont .btnBrand:hover {
  background-color: #797D7F;
  color: #ffffff;
}

.publicAdmin .detailCont .btnBrand span, .mainSite .detailCont .btnBrand span, .pullout .detailCont .btnBrand span {
  margin-right: 15px;
}

.publicAdmin .detailCont .btnDetailNxt, .publicAdmin .detailCont .btnDetailPrv, .mainSite .detailCont .btnDetailNxt, .mainSite .detailCont .btnDetailPrv, .pullout .detailCont .btnDetailNxt, .pullout .detailCont .btnDetailPrv {
  padding: 10px 30px 10px 30px;
  background-color: #F1F1F1;
  color: #ffffff;
  border: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
  color: #797D7F;
}

.publicAdmin .detailCont .btnDetailNxt:hover, .publicAdmin .detailCont .btnDetailPrv:hover, .mainSite .detailCont .btnDetailNxt:hover, .mainSite .detailCont .btnDetailPrv:hover, .pullout .detailCont .btnDetailNxt:hover, .pullout .detailCont .btnDetailPrv:hover {
  background-color: #BCBCBC;
  color: #ffffff;
}

.publicAdmin .detailCont .btnDetailNxt span, .publicAdmin .detailCont .btnDetailPrv span, .mainSite .detailCont .btnDetailNxt span, .mainSite .detailCont .btnDetailPrv span, .pullout .detailCont .btnDetailNxt span, .pullout .detailCont .btnDetailPrv span {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
}

.publicAdmin .detailCont .btnDetailNxt span, .mainSite .detailCont .btnDetailNxt span, .pullout .detailCont .btnDetailNxt span {
  background-image: url("/images/detail/icon-back.png");
  background-size: contain;
}

.publicAdmin .detailCont .btnDetailPrv span, .mainSite .detailCont .btnDetailPrv span, .pullout .detailCont .btnDetailPrv span {
  background-image: url("/images/detail/icon-front.png");
  background-size: contain;
}

.publicAdmin .smBoxBody, .mainSite .smBoxBody, .pullout .smBoxBody {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 35px;
  padding-bottom: 0;
  margin-bottom: 8px;
}

.publicAdmin .smBoxBody input, .publicAdmin .smBoxBody p, .mainSite .smBoxBody input, .mainSite .smBoxBody p, .pullout .smBoxBody input, .pullout .smBoxBody p {
  max-width: 400px;
  margin: 0 auto;
}

.publicAdmin .smBoxBody p, .mainSite .smBoxBody p, .pullout .smBoxBody p {
  margin-bottom: 30px;
}

.publicAdmin .smBoxBody h3, .mainSite .smBoxBody h3, .pullout .smBoxBody h3 {
  margin-bottom: 30px;
}

.publicAdmin .smBoxBody .col-sm-6, .mainSite .smBoxBody .col-sm-6, .pullout .smBoxBody .col-sm-6 {
  padding-left: 15px;
  padding-right: 15px;
}

.publicAdmin .smBoxBody .col-sm-6:first-child, .mainSite .smBoxBody .col-sm-6:first-child, .pullout .smBoxBody .col-sm-6:first-child {
  border-right: 1px solid #ffffff;
  margin-bottom: 30px;
}

.registrationIntro {
  width: 100%;
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  margin-bottom: 40px;
  color: #333333 !important;
  text-transform: uppercase;
}

.regModal {
  max-width: 650px !important;
  width: 320px;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 600px) {
  .regModal {
    width: 480px;
  }
}

@media (min-width: 768px) {
  .regModal {
    width: 650px;
  }
}

@media (min-width: 960px) {
  .regModal {
    width: 650px;
  }
}

@media (min-width: 1280px) {
  .regModal {
    width: 650px;
  }
}

.regModal .modal-dialog .modal-content .modal-body {
  background-color: #F1F1F1;
  padding: 40px !important;
  text-align: center;
}

.regModal .modal-dialog .modal-content .modal-body h4 {
  margin-top: 0;
  text-align: center;
  font-family: "clannarrow-thin", Arial, Helvetica, sans-serif;
  font-size: 26px;
}

.regModal .modal-dialog .modal-content .modal-body h4, .regModal .modal-dialog .modal-content .modal-body p, .regModal .modal-dialog .modal-content .modal-body img, .regModal .modal-dialog .modal-content .modal-body button {
  margin-bottom: 30px;
}

.regModal .modal-dialog .modal-content .modal-body button {
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 8px 12px 8px 12px;
  border: 0;
  margin: 0 auto;
  background-color: #000000;
  color: #ffffff;
}

.regModal .modal-dialog .modal-content .modal-body button:hover {
  background-color: #418b44;
}

.listingCont .col-sm-4, .listingCont .col-sm-12 {
  padding-left: 4px;
  padding-right: 4px;
}

.listingCont .listing #mobFilterTrigger {
  display: block;
}

.listingCont .listing #mobFilterTrigger .btnNutural {
  padding: 10px 30px 10px 30px;
  background-color: #000000;
  color: #ffffff;
  border: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
  margin-top: 20px;
}

.listingCont .listing #mobFilterTrigger .btnNutural:hover {
  background-color: #797D7F;
  color: #ffffff;
}

.listingCont .listing #filterCont {
  margin-bottom: 30px;
  background-color: #F1F1F1;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.listingCont .listing #filterCont .btnGrey {
  padding: 10px 30px 10px 30px;
  background-color: #BCBCBC;
  color: #ffffff;
  border: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
  padding: 5px 10px 5px 10px;
  font-size: 0.7rem;
  margin-top: 0;
  margin-bottom: 20px;
}

.listingCont .listing #filterCont .btnGrey:hover {
  background-color: #797D7F;
  color: #ffffff;
}

.listingCont .listing #filterCont fieldset {
  margin-top: 20px;
}

.listingCont .listing #filterCont fieldset ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #797D7F;
}

.listingCont .listing h1, .listingCont .listing h2 {
  text-align: left;
  font-family: "clannarrow-thin", Arial, Helvetica, sans-serif;
}

.listingCont .listing h1 {
  color: #C2002F;
  margin-top: 0;
}

.listingCont .listing h2 {
  font-size: 1.7rem;
  margin-top: 3px;
  margin-bottom: 15px;
  line-height: 30px;
}

.listingCont .listing h2, .listingCont .listing .input-group {
  max-width: 270px;
}

.listingCont .listing .input-group {
  max-width: 80%;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 768px) {
  .listingCont .listing .input-group {
    max-width: 200px;
  }
}

@media (min-width: 960px) {
  .listingCont .listing .input-group {
    max-width: 250px;
  }
}

@media (min-width: 1280px) {
  .listingCont .listing .input-group {
    max-width: 270px;
  }
}

.listingCont .listing a, .listingCont .listing a:link, .listingCont .listing a:visited, .listingCont .listing a:active, .listingCont .listing a:hover {
  text-decoration: none;
}

.listingCont .listing .listThumbCont {
  position: relative;
}

.listingCont .listing .listThumbCont .listText {
  height: 60px;
  margin-bottom: 10px;
}

.listingCont .listing .listThumbCont .listText h3, .listingCont .listing .listThumbCont .listText p {
  color: #000000;
  font-size: 0.8rem;
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

.listingCont .listing .listThumbCont .listText h3 {
  margin-top: 0;
  margin-left: 0;
  text-transform: uppercase;
}

.listingCont .listing .listThumbCont img {
  margin-bottom: 5px;
  width: 250px;
}

.listingCont .listing .listThumbCont .listImg {
  margin-bottom: 10px;
  margin: 0 auto;
  margin-bottom: 8px;
  position: relative;
  height: 250px;
  background-color: #F1F1F1;
}

.listingCont .listing .listThumbCont .listImg img {
  left: 0;
  max-height: 90%;
  max-width: 90%;
  height: auto;
  width: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.listingCont .listing .listThumbCont .listIcon {
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
  background-color: transparent;
}

.listingCont .listing .listThumbCont .icon_barcode, .listingCont .listing .listThumbCont .icon_barcode, .listingCont .listing .listThumbCont .icon_desc, .listingCont .listing .listThumbCont .icon_email, .listingCont .listing .listThumbCont .icon_emedia, .listingCont .listing .listThumbCont .icon_facebook, .listingCont .listing .listThumbCont .icon_twitter, .listingCont .listing .listThumbCont .icon_incentive, .listingCont .listing .listThumbCont .icon_logo, .listingCont .listing .listThumbCont .icon_pr, .listingCont .listing .listThumbCont .icon_print, .listingCont .listing .listThumbCont .icon_product, .listingCont .listing .listThumbCont .icon_jobDesc, .listingCont .listing .listThumbCont .icon_howTo, .listingCont .listing .listThumbCont .icon_ad, .listingCont .listing .listThumbCont .icon_pinterest {
  background-repeat: no-repeat;
  background-size: contain;
}

.listingCont .listing .listThumbCont .icon_barcode {
  background-image: url("/images/icons/mediaType/barcodes_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_beauty {
  background-image: url("/images/icons/mediaType/beauty_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_desc {
  background-image: url("/images/icons/mediaType/description_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_email {
  background-image: url("/images/icons/mediaType/emailers_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_emedia {
  background-image: url("/images/icons/mediaType/emedia_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_facebook {
  background-image: url("/images/icons/mediaType/facebook_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_twitter {
  background-image: url("/images/icons/mediaType/twitter_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_pinterest {
  background-image: url("/images/icons/mediaType/pintrest_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_incentive {
  background-image: url("/images/icons/mediaType/incentivecharts_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_logo {
  background-image: url("/images/icons/mediaType/logo_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_pr {
  background-image: url("/images/icons/mediaType/pr_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_print {
  background-image: url("/images/icons/mediaType/printedmaterial_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_product {
  background-image: url("/images/icons/mediaType/productimages_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_video {
  background-image: url("/images/icons/mediaType/video_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_jobDesc {
  background-image: url("/images/icons/mediaType/jobdescriptions_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_howTo {
  background-image: url("/images/icons/mediaType/howtoguides_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_education {
  background-image: url("/images/icons/mediaType/educationaltools_icon.jpg");
}

.listingCont .listing .listThumbCont .icon_ad {
  background-image: url("/images/icons/mediaType/ad_icon.jpg");
}

.listingCont .listing fieldset {
  margin-top: 30px;
}

.listingCont .listing fieldset legend {
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  border-bottom: 0;
  margin-bottom: 10px;
}

.listingCont .listing fieldset ul {
  padding-left: 0;
}

.listingCont .listing fieldset ul li {
  list-style: none;
  position: relative;
}

.listingCont .listing fieldset ul li label {
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 0.8rem;
  text-transform: uppercase;
  width: 80%;
}

.listingCont .catBtnCont {
  margin-bottom: 30px;
}

.listingCont .catBtnCont .btnBrand {
  padding: 10px 30px 10px 30px;
  background-color: #C2002F;
  color: #ffffff;
  border: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "clannarrow-thin", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
  padding-left: 15px;
  font-size: 1.2rem;
  text-align: left;
  margin-right: 4px;
  margin-bottom: 5px;
  padding-bottom: 8px;
}

.listingCont .catBtnCont .btnBrand:hover {
  background-color: #797D7F;
  color: #ffffff;
}

.utilityBarCont {
  background-color: #F1F1F1;
  position: relative;
  width: 100%;
  z-index: 10000;
}

.utilityBarCont .utilityBar {
  margin-bottom: 0;
}

.utilityBarCont .utilityBar .dashIconGroup {
  text-align: center;
  padding-top: 0;
}

.utilityBarCont .utilityBar .dashIconGroup h3 {
  font-size: 1rem;
}

.utilityBarCont .utilityBar ul {
  width: 100%;
  text-align: right;
  padding-right: 15px;
}

.utilityBarCont .utilityBar ul li {
  display: inline-block;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 0.8em;
  margin-top: 7px;
  margin-bottom: 0px;
}

.utilityBarCont .utilityBar ul li a, .utilityBarCont .utilityBar ul li a:link, .utilityBarCont .utilityBar ul li a:visited, .utilityBarCont .utilityBar ul li a:active, .utilityBarCont .utilityBar ul li a:hover {
  text-decoration: none;
}

.utilityBarCont .utilityBar ul li a:active, .utilityBarCont .utilityBar ul li a:hover {
  color: #C2002F;
}

.utilityBarCont .utilityBar ul li:active, .utilityBarCont .utilityBar ul li:hover {
  color: #C2002F;
}

.utilityBarCont .utilityBar .collapse .well, .utilityBarCont .utilityBar .collapsing .well {
  background-color: #F1F1F1;
  background-image: none !important;
  border: 0px solid #e3e3e3;
  border-radius: 0px !important;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;
  margin-bottom: 0px;
  min-height: 0px;
  padding: 19px;
}

.headerCheat {
  width: 100%;
  height: 175px;
  background-color: #fbf9fa;
  position: absolute;
  top: 0;
  z-index: -20;
}

header {
  position: absolute;
  margin-left: 0;
}

header .container-fluid .mobMenuBtn {
  float: left;
  position: absolute;
  z-index: 3000000;
  content: 'x';
  margin-left: 20px;
  margin-top: 20px;
  width: 40px;
  left: 0;
  display: block;
  text-transform: uppercase;
}

header .container-fluid .mobMenuBtn a, header .container-fluid .mobMenuBtn a:link, header .container-fluid .mobMenuBtn a:visited, header .container-fluid .mobMenuBtn a:active, header .container-fluid .mobMenuBtn a:hover {
  text-decoration: none;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
}

header .container-fluid .container .logoCont {
  margin-top: 10px;
}

header .container-fluid .container .logoCont img {
  margin-bottom: 10px;
  width: 56px;
}

header .container-fluid .container .mobMenu {
  left: -300%;
}

header .container-fluid .container nav {
  position: absolute;
  width: 100%;
  background-color: white;
  padding-bottom: 30px;
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  max-height: 320px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-left: -15px;
}

header .container-fluid .container nav ul {
  padding-left: 0;
}

header .container-fluid .container nav ul li {
  list-style: none;
}

header .container-fluid .container nav ul li a, header .container-fluid .container nav ul li a:link, header .container-fluid .container nav ul li a:visited, header .container-fluid .container nav ul li a:active, header .container-fluid .container nav ul li a:hover {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-decoration: none;
  display: block;
  width: 100%;
}

header .container-fluid .container nav ul li a, header .container-fluid .container nav ul li a:link, header .container-fluid .container nav ul li a:visited {
  background-color: #F1F1F1;
}

header .container-fluid .container nav ul li a:active, header .container-fluid .container nav ul li a:hover {
  background-color: #C2002F;
  color: #ffffff;
}

header .container-fluid .container nav ul li .active {
  background-color: #C2002F !important;
  color: #ffffff !important;
}

header .container-fluid .container nav ul li ul li .col-sm-4 {
  width: 100%;
}

header .container-fluid .container nav ul li ul li a, header .container-fluid .container nav ul li ul li a:link, header .container-fluid .container nav ul li ul li a:visited, header .container-fluid .container nav ul li ul li a:active, header .container-fluid .container nav ul li ul li a:hover, header .container-fluid .container nav ul li ul li .subNavShowAll {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-decoration: none;
  display: block;
  width: 100%;
}

header .container-fluid .container nav ul li ul li a, header .container-fluid .container nav ul li ul li a:link, header .container-fluid .container nav ul li ul li a:visited {
  background-color: white;
}

header .container-fluid .container nav ul li ul li a p, header .container-fluid .container nav ul li ul li a:link p, header .container-fluid .container nav ul li ul li a:visited p {
  color: #000000;
}

header .container-fluid .container nav ul li ul li a:active, header .container-fluid .container nav ul li ul li a:hover {
  background-color: #C2002F;
}

header .container-fluid .container nav ul li ul li a:active p, header .container-fluid .container nav ul li ul li a:hover p {
  color: #ffffff;
}

header .container-fluid .container nav ul li ul li .subNavShowAll {
  padding-top: 0;
  padding-bottom: 0;
}

header .container-fluid .container nav ul li ul li .active {
  background-color: #C2002F;
}

header .container-fluid .container nav ul li ul li .active p {
  color: #ffffff;
}

header .container-fluid .container nav ul li ul li p {
  margin-bottom: 0;
  padding-left: 20px;
}

header .container-fluid .container nav ul li ul li img {
  display: none;
}

header .container-fluid .container nav ul li ul li .marketBoxRoll {
  display: none;
}

header .container-fluid .container nav ul li ul li .thumbnail {
  margin-bottom: 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  border: 0px;
  border-radius: 0;
}

header .container-fluid .container nav ul li .subNav {
  display: none;
  margin-top: 0 !important;
  padding-top: 10px !important;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
}

header, .fixed {
  background-image: url(/images/common/navBg-01.png);
  width: 100%;
  z-index: 1000;
  background-color: white;
}

header .logoCont, .fixed .logoCont {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.preFooter h2 {
  font-family: "clannarrow-thin", Arial, Helvetica, sans-serif;
  font-size: 2.75rem;
  line-height: 2.75rem;
  margin-top: 65px;
}

.preFooter .preFooterInner, .preFooter .preFooterInnerHome {
  margin-top: 30px;
  text-align: left;
}

.preFooter .preFooterInner h4, .preFooter .preFooterInnerHome h4 {
  font-family: "clannarrow-news", Arial, Helvetica, sans-serif;
  margin-bottom: 5px;
  font-size: 1.375rem;
}

.preFooter .preFooterInner a, .preFooter .preFooterInnerHome a {
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-size: 1.063rem;
}

.preFooter .preFooterInner a span, .preFooter .preFooterInnerHome a span {
  margin-right: 3px;
}

.preFooter .preFooterInner a, .preFooter .preFooterInner a:link, .preFooter .preFooterInner a:visited, .preFooter .preFooterInnerHome a, .preFooter .preFooterInnerHome a:link, .preFooter .preFooterInnerHome a:visited {
  color: #C2002F;
}

.preFooter .preFooterInner a:active, .preFooter .preFooterInner a:hover, .preFooter .preFooterInnerHome a:active, .preFooter .preFooterInnerHome a:hover {
  color: #797D7F;
}

.preFooter .preFooterInner img, .preFooter .preFooterInnerHome img {
  margin-top: 20px;
}

.preFooter .prefooterInnerEN-BGsocial h4 {
  max-width: 300px;
}

.preFooter .prefooterInnerEN-BGOne, .preFooter .prefooterInnerEN-BGTwo, .preFooter .prefooterInnerEN-BGsalon, .preFooter .prefooterInnerEN-BGsocial {
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  height: 194px;
  position: relative;
  padding-left: 15px;
}

.preFooter .prefooterInnerEN-BGOne .vertAlign, .preFooter .prefooterInnerEN-BGTwo .vertAlign, .preFooter .prefooterInnerEN-BGsalon .vertAlign, .preFooter .prefooterInnerEN-BGsocial .vertAlign {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.preFooter .prefooterInnerEN-BGOne {
  background-image: url("/images/common/wella-store-01.png");
}

.preFooter .prefooterInnerEN-BGsocial {
  background-image: url("/images/common/wella-social.png");
}

.preFooter .prefooterInnerEN-BGTwo {
  background-image: url("/images/common/seminar-range-01.png");
}

.preFooter .prefooterInnerEN-BGsalon {
  background-image: url("/images/common/wella-salon-adv.png");
}

.preFooter .preFooterInnerHome {
  margin-top: 0;
}

.preFooter .preFooterInnerHome h4 {
  margin-top: 2vw;
}

.mainSite {
  margin-bottom: 30px;
}

.mainSite .boxTitle {
  background-color: #C2002F;
}

.mainSite .boxBody {
  border: 0;
}

.mainSite .boxBody img {
  max-height: 700px;
}

.mainSite .boxBody .carousel-indicators {
  margin-bottom: -30px;
}

.homeTitleVertPos {
  margin-top: 35px !important;
  margin-bottom: 40px;
}

.promoInterface .col-lg-1, .promoInterface .col-lg-10, .promoInterface .col-lg-11, .promoInterface .col-lg-12, .promoInterface .col-lg-2, .promoInterface .col-lg-3, .promoInterface .col-lg-4, .promoInterface .col-lg-5, .promoInterface .col-lg-6, .promoInterface .col-lg-7, .promoInterface .col-lg-8, .promoInterface .col-lg-9, .promoInterface .col-md-1, .promoInterface .col-md-10, .promoInterface .col-md-11, .promoInterface .col-md-12, .promoInterface .col-md-2, .promoInterface .col-md-3, .promoInterface .col-md-4, .promoInterface .col-md-5, .promoInterface .col-md-6, .promoInterface .col-md-7, .promoInterface .col-md-8, .promoInterface .col-md-9, .promoInterface .col-sm-1, .promoInterface .col-sm-10, .promoInterface .col-sm-11, .promoInterface .col-sm-12, .promoInterface .col-sm-2, .promoInterface .col-sm-3, .promoInterface .col-sm-4, .promoInterface .col-sm-5, .promoInterface .col-sm-6, .promoInterface .col-sm-7, .promoInterface .col-sm-8, .promoInterface .col-sm-9, .promoInterface .col-xs-1, .promoInterface .col-xs-10, .promoInterface .col-xs-11, .promoInterface .col-xs-12, .promoInterface .col-xs-2, .promoInterface .col-xs-3, .promoInterface .col-xs-4, .promoInterface .col-xs-5, .promoInterface .col-xs-6, .promoInterface .col-xs-7, .promoInterface .col-xs-8, .promoInterface .col-xs-9 {
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
}

.promoInterface a, .promoInterface a:link, .promoInterface a:visited, .promoInterface a:active, .promoInterface a:hover {
  text-decoration: none !important;
  color: #000000;
}

.promoInterface h1, .promoInterface h2 {
  font-family: "clannarrow-thin", Arial, Helvetica, sans-serif;
  font-size: 1.9rem;
  line-height: 2.75rem;
  margin-top: 10px;
}

.promoInterface h2 {
  margin-bottom: 40px;
}

.promoInterface .asset-result {
  max-width: 98%;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 768px) {
  .promoInterface .asset-result {
    max-width: 100%;
  }
}

.promoInterface .assetTitle, .promoInterface .assetSubtitle {
  color: #000;
  text-align: center;
  text-rendering: optimizelegibility;
  line-height: 25px;
  margin-bottom: 20px !important;
}

.promoInterface .assetTitle {
  margin-top: 40px;
  margin-bottom: 0;
  font-family: "clannarrow-news", Arial, Helvetica, sans-serif;
  font-size: 1.2rem !important;
}

.promoInterface .assetSubtitle {
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  font-size: 1rem !important;
}

.promoInterface p {
  text-align: center;
  color: #000000;
  font-family: "clannarrow-news", Arial, Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
}

.promoInterface .btnNutural {
  padding: 10px 30px 10px 30px;
  background-color: #000000;
  color: #ffffff;
  border: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
}

.promoInterface .btnNutural:hover {
  background-color: #797D7F;
  color: #ffffff;
}

.promoInterface .btnBrand {
  padding: 10px 30px 10px 30px;
  background-color: #C2002F;
  color: #ffffff;
  border: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
}

.promoInterface .btnBrand:hover {
  background-color: #797D7F;
  color: #ffffff;
}

.promoInterface .btnPositive {
  padding: 10px 30px 10px 30px;
  background-color: #418b44;
  color: #ffffff;
  border: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
}

.promoInterface .btnPositive:hover {
  background-color: #797D7F;
  color: #ffffff;
}

.promoInterface .marketBox {
  position: relative;
  text-align: center;
}

.promoInterface .marketBox .marketBoxRoll {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,c2002f+100&0+0,0.75+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(194, 0, 47, 0.95)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(194, 0, 47, 0.95) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#bfc2002f', GradientType=0);
  /* IE6-9 */
  -webkit-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.promoInterface .marketBox .marketBoxRoll:hover {
  opacity: 0.3;
}

.promoInterface .marketBox .btnBrand {
  padding: 10px 30px 10px 30px;
  background-color: #C2002F;
  color: #ffffff;
  border: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
}

.promoInterface .marketBox .btnBrand:hover {
  background-color: #797D7F;
  color: #ffffff;
}

.promoInterface .marketBox .marketBoxVideoBGImg {
  background-image: url("../images/homepage/en/TL_grow_business_new.jpg");
  background-size: cover;
  background-position: top;
  height: 100%;
  width: 100%;
  position: absolute;
}

.promoInterface .marketBox .marketBoxVideoBGImgYT {
  background-image: url("../images/homepage/en/video_link_yt.jpg");
  background-size: cover;
  background-position: top;
  height: 100%;
  width: 100%;
  position: absolute;
}

.promoInterface .smMarketBox .btnBrand, .promoInterface .mdMarketBox .btnBrand, .promoInterface .lgMarketBox .btnBrand {
  font-family: "clannarrow-news", Arial, Helvetica, sans-serif;
  font-size: 1.063rem;
  padding: 8px 15px 8px 15px;
}

.promoInterface .smMarketBox h3 {
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  margin-left: 0;
  padding-left: 5px;
  padding-right: 5px;
  text-transform: none;
  line-height: 1.3em;
}

.promoInterface .smMarketBox .btnBrand {
  margin-right: 0;
}

.promoInterface .lgMarketBox, .promoInterface .mdMarketBox {
  position: relative;
}

.promoInterface .lgMarketBox img, .promoInterface .mdMarketBox img {
  margin-bottom: 0;
}

.promoInterface .lgMarketBox .marketBoxTextWrap, .promoInterface .lgMarketBox .marketBoxVideoTextWrap, .promoInterface .mdMarketBox .marketBoxTextWrap, .promoInterface .mdMarketBox .marketBoxVideoTextWrap {
  position: relative;
  background-color: #F1F1F1;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 580px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.promoInterface .lgMarketBox .marketBoxTextWrap h3, .promoInterface .lgMarketBox .marketBoxVideoTextWrap h3, .promoInterface .mdMarketBox .marketBoxTextWrap h3, .promoInterface .mdMarketBox .marketBoxVideoTextWrap h3 {
  margin-top: 0;
  margin-left: 0;
}

.promoInterface .lgMarketBox .marketBoxTextWrap h3:after, .promoInterface .lgMarketBox .marketBoxVideoTextWrap h3:after, .promoInterface .mdMarketBox .marketBoxTextWrap h3:after, .promoInterface .mdMarketBox .marketBoxVideoTextWrap h3:after {
  line-height: 10px;
  display: block;
  margin: 0 auto;
  content: url("/images/common/red-underline-lg.jpg");
  text-align: center;
}

.promoInterface .lgMarketBox .marketBoxTextWrap p, .promoInterface .lgMarketBox .marketBoxVideoTextWrap p, .promoInterface .mdMarketBox .marketBoxTextWrap p, .promoInterface .mdMarketBox .marketBoxVideoTextWrap p {
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
}

.promoInterface .lgMarketBox .marketBoxVideoTextWrap, .promoInterface .mdMarketBox .marketBoxVideoTextWrap {
  background-color: transparent;
}

.promoInterface .boxedMarketBox {
  text-align: center;
  background-color: #F1F1F1;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 20px 30px 0 30px;
}

.promoInterface .boxedMarketBox .marketBoxRoll {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,c2002f+100&0+0,0.75+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(194, 0, 47, 0.95)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(194, 0, 47, 0.95) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#bfc2002f', GradientType=0);
  /* IE6-9 */
  -webkit-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
  position: absolute;
  z-index: 100;
  width: 98%;
  height: 87%;
  opacity: 0;
}

.promoInterface .boxedMarketBox .marketBoxRoll:hover {
  opacity: 0.3;
}

.promoInterface .boxedMarketBox h3 {
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 30px;
}

.promoInterface .boxedMarketBox h3:after {
  line-height: 10px;
  display: block;
  margin: 0 auto;
  content: url("/images/common/red-underline-lg.jpg");
  text-align: center;
}

.pullout .boxBody {
  padding: 0;
}

.pullout .boxBody .btnNutural {
  padding: 10px 30px 10px 30px;
  background-color: #000000;
  color: #ffffff;
  border: 0px;
  display: inline-block;
  margin: 0 auto;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
}

.pullout .boxBody .btnNutural:hover {
  background-color: #BCBCBC;
  color: #ffffff;
}

.preFooter {
  text-align: center;
}

.preFooter h4 {
  margin-top: 40px;
}

.preFooter img {
  margin-top: 0;
}

.noMarginLeft {
  margin-left: 0 !important;
}

.noMarginRight {
  margin-right: 0 !important;
}

footer {
  background-color: #F1F1F1;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 20px;
  margin-top: 50px;
}

footer h5 {
  margin-top: 20px;
  font-family: "clannarrow-thin", Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
  margin-bottom: 30px;
  color: #797D7F;
}

footer .wellaWorldGroup {
  margin-bottom: 50px;
}

footer .wellaWorldGroup li {
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
}

footer ul {
  list-style-type: none;
  margin-top: -15px;
  margin-bottom: 15px;
  padding-left: 0;
}

footer ul li {
  display: inline-block;
  margin: 5px 0 0;
  color: #797D7F;
  font-size: 0.7rem;
  text-transform: uppercase;
  margin-left: 15px;
  margin-right: 15px;
}

footer ul li img {
  width: 100px;
  margin-top: -5px;
}

footer ul li .social {
  width: 30px;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

footer ul li a, footer ul li a:link, footer ul li a:hover, footer ul li a:visited, footer ul li a:active {
  text-decoration: none;
}

footer ul li a:link, footer ul li a:visited {
  color: #797D7F;
}

footer ul li a:active, footer ul li a:hover {
  color: #BCBCBC;
}

footer ul li ul li {
  margin-left: 0px;
  margin-right: 0px;
}

footer ul li ul li .social {
  width: 20px;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
}

footer ul li:after {
  margin-left: 5px;
  margin-right: 5px;
  content: "";
}

footer ul li:last-child:after {
  content: "";
}

footer .small li {
  font-size: 0.55rem;
  font-weight: bold;
  color: #000000;
}

footer .small li a:link, footer .small li a:visited {
  color: #000000;
}

footer .small li a:active, footer .small li a:hover {
  color: #BCBCBC;
}

footer .small li:after {
  content: "";
}

footer .small li:last-child:after {
  content: "";
}

footer .dashDividers li:after {
  content: " \2013";
}

footer .dashDividers li:last-child:after {
  content: "";
}

.fade.in, .fade-out {
  z-index: 2999;
}

.modal {
  bottom: 0;
  display: none;
  left: 0;
  outline: 0 none;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  max-width: 1178px;
  z-index: 3050 !important;
  margin: 0 auto;
}

.modal .modal-dialog {
  margin: 30px auto;
  margin-top: 40px;
  width: 100%;
}

.modal .modal-dialog .modal-content {
  border-radius: 0;
}

.modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}

.modal .modal-dialog .modal-content .modal-body .close, .modal .modal-dialog .modal-content .modal-body .close2 {
  color: #000;
  float: right;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: -42px;
  margin-right: 20px;
  margin-top: 20px;
  opacity: 0.2;
  text-shadow: 0 1px 0 #fff;
}

.modal-backdrop {
  background-color: #ffffff;
}

.modal-backdrop.in {
  opacity: 0.8;
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 767px) {
  .checkoutPhone, .itemListPhone {
    display: none;
  }
  .checkoutDesktop, .itemListDesktop {
    display: block;
  }
  .promoInterface .lgMarketBox {
    position: relative;
    margin-bottom: 8px;
    height: 230px;
  }
  .promoInterface .lgMarketBox img {
    position: absolute;
  }
  .promoInterface .lgMarketBox .marketBoxTextWrap {
    padding-left: 30px;
    padding-right: 30px;
    z-index: 50;
    background-color: transparent;
  }
  .promoInterface .lgMarketBox .marketBoxTextWrap h3 {
    margin-top: 0;
    margin-left: 0;
  }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .promoInterface h1, .promoInterface h2 {
    font-size: 2.75rem !important;
  }
  .container {
    margin-left: auto;
  }
  .listingCont .listing .listingThumbCont .listImg {
    height: 150px !important;
    width: 150px !important;
  }
  .listingCont .listing #filterCont fieldset {
    margin-top: 0;
  }
  .listingCont .listing #filterCont fieldset ul li {
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 0px solid #797D7F;
  }
  .utilityBar .smBoxBody .dashIconCont a .dashIcons {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
    display: block !important;
  }
  .utilityBar .smBoxBody .dashIconCont a .dashIconText {
    font-size: 0.8rem;
  }
  .utilityBar .dashIconGroup {
    text-align: center;
    padding-top: 40px;
  }
  .utilityBar .dashIconGroup h3 {
    font-size: 1.125rem;
  }
  .detailCont .detailMobDLoadBtn {
    display: none !important;
  }
  .detailCont .detail {
    padding: 20px 10px 10px 10px !important;
  }
  .detailCont .detail .overText {
    font-size: 0.7rem !important;
  }
  .modal {
    max-width: 740px;
  }
  .modal .modal-dialog {
    margin-top: 233px;
  }
  .modal .modal-dialog .modal-content {
    border-radius: 0;
  }
  .modal .modal-dialog .modal-content .modal-body {
    padding: 0;
  }
  .histActionBTN {
    font-size: 0.9rem;
    margin-right: 10px;
    margin-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .checkoutPhone, .itemListPhone {
    display: none;
  }
  .checkoutDesktop, .itemListDesktop {
    display: block;
  }
  .itemListDesktop p {
    padding-top: 10px;
  }
  .itemListDesktop .btnBrand {
    width: 100%;
  }
  .promoInterface .lgMarketBox {
    height: 230px;
    min-height: auto;
  }
  .pagination {
    margin-top: 6px;
    margin-left: 0;
    float: right;
  }
  .paginationWrap .view-all-block {
    float: right;
    padding-top: 13px;
    margin-bottom: 0px;
  }
  .publicAdmin .col-sm-6-normal {
    width: 48.6%;
  }
  .publicAdmin .downloadCTAText {
    font-size: 1.9rem !important;
    line-height: 2rem !important;
  }
  .listingCont {
    padding-left: 20px;
  }
  .listingCont .listing #mobFilterTrigger {
    display: none;
  }
  .listingCont .listing #filterCont {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 0px;
    background-color: white;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
  .listingCont .listing #filterCont fieldset {
    margin-top: 30px;
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .searchField {
    margin-top: 0px;
    margin-left: 0px;
  }
  .countSelectTitle {
    margin-top: -80px;
  }
  article {
    margin-top: 220px;
  }
  .modal {
    max-width: 1178px;
  }
  .modal .modal-dialog {
    margin-top: 361px;
  }
  .modal .modal-dialog .modal-content {
    border-radius: 0;
  }
  .modal .modal-dialog .modal-content .modal-body {
    padding: 0;
  }
  .listingCont .listing .listingThumbCont .listImg {
    height: 150px !important;
    width: 150px !important;
  }
  .countSelectHeader {
    display: none;
  }
  header .container-fluid .publicAdmin .boxBody .dashIconCont a .dashIcons, header .container-fluid .publicAdmin .smBoxBody .dashIconCont a .dashIcons, header .container-fluid .mainSite .boxBody .dashIconCont a .dashIcons, header .container-fluid .mainSite .smBoxBody .dashIconCont a .dashIcons, header .container-fluid .pullout .boxBody .dashIconCont a .dashIcons, header .container-fluid .pullout .smBoxBody .dashIconCont a .dashIcons {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    display: block !important;
  }
  header .container-fluid .publicAdmin .boxBody .dashIconCont a .dashIconText, header .container-fluid .publicAdmin .smBoxBody .dashIconCont a .dashIconText, header .container-fluid .mainSite .boxBody .dashIconCont a .dashIconText, header .container-fluid .mainSite .smBoxBody .dashIconCont a .dashIconText, header .container-fluid .pullout .boxBody .dashIconCont a .dashIconText, header .container-fluid .pullout .smBoxBody .dashIconCont a .dashIconText {
    font-size: 1rem;
  }
  header .container-fluid .publicAdmin .boxBody .regOnlineLI, header .container-fluid .publicAdmin .smBoxBody .regOnlineLI, header .container-fluid .mainSite .boxBody .regOnlineLI, header .container-fluid .mainSite .smBoxBody .regOnlineLI, header .container-fluid .pullout .boxBody .regOnlineLI, header .container-fluid .pullout .smBoxBody .regOnlineLI {
    font-size: 1.3rem;
  }
  header .container-fluid .publicAdmin .smBoxBody .dashIconPositioner, header .container-fluid .mainSite .smBoxBody .dashIconPositioner, header .container-fluid .pullout .smBoxBody .dashIconPositioner {
    width: 16%;
    display: inline;
  }
  header .container-fluid .mobMenuBtn {
    display: none;
  }
  header .container-fluid .container .mobMenu {
    left: 0 !important;
    -webkit-transition: left 0.5s ease;
    transition: left 0.5s ease;
  }
  header .container-fluid .container .logoCont {
    margin-top: 30px;
  }
  header .container-fluid .container .logoCont img {
    margin-bottom: 30px;
    width: 96px;
    /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  }
}

@media only screen and (min-width: 992px) and (min-width: 768px) {
  header .container-fluid .container .logoCont img {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) {
  header .container-fluid .container nav {
    position: relative;
    z-index: 2000;
    background-color: transparent;
    left: 0;
    max-height: auto;
    overflow-y: visible;
    overflow-x: visible !important;
  }
  header .container-fluid .container nav ul {
    text-align: center;
  }
  header .container-fluid .container nav ul li, header .container-fluid .container nav ul .active {
    font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    display: inline-block !important;
    text-transform: uppercase;
    padding-left: 8px;
    padding-right: 8px;
  }
  header .container-fluid .container nav ul li a, header .container-fluid .container nav ul li a:link, header .container-fluid .container nav ul li a:visited, header .container-fluid .container nav ul li a:active, header .container-fluid .container nav ul li a:hover, header .container-fluid .container nav ul .active a, header .container-fluid .container nav ul .active a:link, header .container-fluid .container nav ul .active a:visited, header .container-fluid .container nav ul .active a:active, header .container-fluid .container nav ul .active a:hover {
    padding-top: 0;
    padding-bottom: 0;
  }
  header .container-fluid .container nav ul li a, header .container-fluid .container nav ul li a:link, header .container-fluid .container nav ul li a:visited, header .container-fluid .container nav ul .active a, header .container-fluid .container nav ul .active a:link, header .container-fluid .container nav ul .active a:visited {
    background-color: transparent !important;
    text-decoration: none;
    padding-left: 0;
    padding-right: 0;
  }
  header .container-fluid .container nav ul li a:active, header .container-fluid .container nav ul li a:hover, header .container-fluid .container nav ul .active a:active, header .container-fluid .container nav ul .active a:hover {
    color: #C2002F;
  }
  header .container-fluid .container nav ul li .active, header .container-fluid .container nav ul .active .active {
    color: #C2002F !important;
  }
  header .container-fluid .container nav ul li ul, header .container-fluid .container nav ul .active ul {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 11px !important;
  }
  header .container-fluid .container nav ul li ul li, header .container-fluid .container nav ul .active ul li {
    padding: 0;
  }
  header .container-fluid .container nav ul li ul li .col-sm-4, header .container-fluid .container nav ul .active ul li .col-sm-4 {
    width: 33.33%;
  }
  header .container-fluid .container nav ul li ul li .col-sm-4, header .container-fluid .container nav ul li ul li .col-sm-12, header .container-fluid .container nav ul .active ul li .col-sm-4, header .container-fluid .container nav ul .active ul li .col-sm-12 {
    padding-left: 1px;
    padding-right: 1px;
  }
  header .container-fluid .container nav ul li ul li .col-sm-4 a, header .container-fluid .container nav ul li ul li .col-sm-12 a, header .container-fluid .container nav ul .active ul li .col-sm-4 a, header .container-fluid .container nav ul .active ul li .col-sm-12 a {
    margin-bottom: 0;
  }
  header .container-fluid .container nav ul li ul li .col-sm-4 a img, header .container-fluid .container nav ul li ul li .col-sm-12 a img, header .container-fluid .container nav ul .active ul li .col-sm-4 a img, header .container-fluid .container nav ul .active ul li .col-sm-12 a img {
    margin-bottom: 10px;
  }
  header .container-fluid .container nav ul li ul li .col-sm-4 a p, header .container-fluid .container nav ul li ul li .col-sm-12 a p, header .container-fluid .container nav ul .active ul li .col-sm-4 a p, header .container-fluid .container nav ul .active ul li .col-sm-12 a p {
    margin-bottom: 10px !important;
    margin-left: 0;
    color: #000000;
    text-align: left;
  }
  header .container-fluid .container nav ul li ul li .col-sm-4 a:link, header .container-fluid .container nav ul li ul li .col-sm-4 a:visited, header .container-fluid .container nav ul li ul li .col-sm-4 a:active, header .container-fluid .container nav ul li ul li .col-sm-4 a:hover, header .container-fluid .container nav ul li ul li .col-sm-12 a:link, header .container-fluid .container nav ul li ul li .col-sm-12 a:visited, header .container-fluid .container nav ul li ul li .col-sm-12 a:active, header .container-fluid .container nav ul li ul li .col-sm-12 a:hover, header .container-fluid .container nav ul .active ul li .col-sm-4 a:link, header .container-fluid .container nav ul .active ul li .col-sm-4 a:visited, header .container-fluid .container nav ul .active ul li .col-sm-4 a:active, header .container-fluid .container nav ul .active ul li .col-sm-4 a:hover, header .container-fluid .container nav ul .active ul li .col-sm-12 a:link, header .container-fluid .container nav ul .active ul li .col-sm-12 a:visited, header .container-fluid .container nav ul .active ul li .col-sm-12 a:active, header .container-fluid .container nav ul .active ul li .col-sm-12 a:hover {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: #000000;
    text-decoration: none;
    text-align: left;
  }
  header .container-fluid .container nav ul li ul li .col-sm-4 a:link .subNavShowAll, header .container-fluid .container nav ul li ul li .col-sm-4 a:visited .subNavShowAll, header .container-fluid .container nav ul li ul li .col-sm-4 a:active .subNavShowAll, header .container-fluid .container nav ul li ul li .col-sm-4 a:hover .subNavShowAll, header .container-fluid .container nav ul li ul li .col-sm-12 a:link .subNavShowAll, header .container-fluid .container nav ul li ul li .col-sm-12 a:visited .subNavShowAll, header .container-fluid .container nav ul li ul li .col-sm-12 a:active .subNavShowAll, header .container-fluid .container nav ul li ul li .col-sm-12 a:hover .subNavShowAll, header .container-fluid .container nav ul .active ul li .col-sm-4 a:link .subNavShowAll, header .container-fluid .container nav ul .active ul li .col-sm-4 a:visited .subNavShowAll, header .container-fluid .container nav ul .active ul li .col-sm-4 a:active .subNavShowAll, header .container-fluid .container nav ul .active ul li .col-sm-4 a:hover .subNavShowAll, header .container-fluid .container nav ul .active ul li .col-sm-12 a:link .subNavShowAll, header .container-fluid .container nav ul .active ul li .col-sm-12 a:visited .subNavShowAll, header .container-fluid .container nav ul .active ul li .col-sm-12 a:active .subNavShowAll, header .container-fluid .container nav ul .active ul li .col-sm-12 a:hover .subNavShowAll {
    padding: 10px 30px 10px 30px;
    background-color: #F1F1F1;
    color: #ffffff;
    border: 0px;
    display: inline-block;
    margin: 0 auto;
    margin-right: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    width: 100%;
    margin-bottom: -5px;
    color: #000000;
  }
  header .container-fluid .container nav ul li ul li .col-sm-4 a:link .subNavShowAll:hover, header .container-fluid .container nav ul li ul li .col-sm-4 a:visited .subNavShowAll:hover, header .container-fluid .container nav ul li ul li .col-sm-4 a:active .subNavShowAll:hover, header .container-fluid .container nav ul li ul li .col-sm-4 a:hover .subNavShowAll:hover, header .container-fluid .container nav ul li ul li .col-sm-12 a:link .subNavShowAll:hover, header .container-fluid .container nav ul li ul li .col-sm-12 a:visited .subNavShowAll:hover, header .container-fluid .container nav ul li ul li .col-sm-12 a:active .subNavShowAll:hover, header .container-fluid .container nav ul li ul li .col-sm-12 a:hover .subNavShowAll:hover, header .container-fluid .container nav ul .active ul li .col-sm-4 a:link .subNavShowAll:hover, header .container-fluid .container nav ul .active ul li .col-sm-4 a:visited .subNavShowAll:hover, header .container-fluid .container nav ul .active ul li .col-sm-4 a:active .subNavShowAll:hover, header .container-fluid .container nav ul .active ul li .col-sm-4 a:hover .subNavShowAll:hover, header .container-fluid .container nav ul .active ul li .col-sm-12 a:link .subNavShowAll:hover, header .container-fluid .container nav ul .active ul li .col-sm-12 a:visited .subNavShowAll:hover, header .container-fluid .container nav ul .active ul li .col-sm-12 a:active .subNavShowAll:hover, header .container-fluid .container nav ul .active ul li .col-sm-12 a:hover .subNavShowAll:hover {
    background-color: #C2002F;
    color: #ffffff;
  }
  header .container-fluid .container nav ul li ul li .col-sm-4 img, header .container-fluid .container nav ul li ul li .col-sm-12 img, header .container-fluid .container nav ul .active ul li .col-sm-4 img, header .container-fluid .container nav ul .active ul li .col-sm-12 img {
    display: block;
  }
  header .container-fluid .container nav ul li ul li .col-sm-4 .marketBoxRoll, header .container-fluid .container nav ul li ul li .col-sm-12 .marketBoxRoll, header .container-fluid .container nav ul .active ul li .col-sm-4 .marketBoxRoll, header .container-fluid .container nav ul .active ul li .col-sm-12 .marketBoxRoll {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,c2002f+100&0+0,0.75+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(194, 0, 47, 0.95)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(194, 0, 47, 0.95) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#bfc2002f', GradientType=0);
    /* IE6-9 */
    -webkit-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
    display: block;
    position: absolute;
    z-index: 100;
    width: 99.5%;
    height: 100%;
    opacity: 0;
  }
  header .container-fluid .container nav ul li ul li .col-sm-4 .marketBoxRoll:hover, header .container-fluid .container nav ul li ul li .col-sm-12 .marketBoxRoll:hover, header .container-fluid .container nav ul .active ul li .col-sm-4 .marketBoxRoll:hover, header .container-fluid .container nav ul .active ul li .col-sm-12 .marketBoxRoll:hover {
    opacity: 0.3;
  }
  header .container-fluid .container nav ul li:active, header .container-fluid .container nav ul li:hover {
    color: #C2002F;
  }
  header .container-fluid .container .mobMenu {
    padding-bottom: 0;
  }
  header .container-fluid .container .dropdown-menu {
    margin-top: 0;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
    padding: 0;
    margin-left: 15px;
  }
  header .container-fluid .container .thumbnail {
    border: 0;
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
    padding: 0;
  }
  header .container-fluid .container .menu-large {
    position: static !important;
  }
  header .container-fluid .container .megamenu {
    padding: 0;
    width: 100%;
  }
  header .container-fluid .container .megamenu > li > ul {
    padding: 0;
    margin: 0;
  }
  header .container-fluid .container .megamenu > li > ul > li {
    list-style: none;
  }
  header .container-fluid .container .megamenu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: normal;
  }
  header .container-fluid .container .megamenu > li ul > li > a:hover,
  header .container-fluid .container .megamenu > li ul > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
  }
  header .container-fluid .container .megamenu.disabled > a,
  header .container-fluid .container .megamenu.disabled > a:hover,
  header .container-fluid .container .megamenu.disabled > a:focus {
    color: #999999;
  }
  header .container-fluid .container .megamenu.disabled > a:hover,
  header .container-fluid .container .megamenu.disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
  }
  header .container-fluid .container .megamenu.dropdown-header {
    color: #428bca;
    font-size: 18px;
  }
  .container-fluid .carousel {
    margin-top: 190px;
  }
  .checkoutPhone, .itemListPhone {
    display: none;
  }
  .checkoutDesktop, .itemListDesktop {
    display: block;
    border-bottom: 1px solid #797D7F;
    margin-bottom: 30px;
  }
  .promoInterface .lgMarketBox {
    height: 300px;
  }
  .promoInterface .mdMarketBox {
    position: relative;
    margin-bottom: 8px;
    height: 198px;
  }
  .promoInterface .mdMarketBox img {
    position: absolute;
  }
  .promoInterface .mdMarketBox .marketBoxTextWrap {
    padding-left: 30px;
    padding-right: 30px;
    z-index: 50;
    background-color: transparent;
  }
  .promoInterface .mdMarketBox .marketBoxTextWrap h3 {
    margin-top: 0;
    margin-left: 0;
  }
  .detailCont .detail {
    min-height: 477px;
  }
  .detailCont .detail .overText {
    font-size: 0.8rem !important;
  }
  .detailCont .detail img {
    max-height: 427px;
    max-width: 427px;
  }
}

@media only screen and (min-width: 1025px) {
  .histActionBTN {
    font-size: 0.8rem;
    margin-right: 8px;
    margin-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    width: auto;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .histActionBTN {
    font-size: 1rem;
    padding-left: 10px;
    padding-right: 10px;
  }
  nav {
    position: reletive;
    z-index: 2000;
  }
  nav ul {
    text-align: center;
  }
  nav ul li, nav ul .active {
    font-size: 1rem;
    padding-left: 15px;
    padding-right: 15px;
  }
  .publicAdmin .col-sm-6-normal {
    width: 49%;
  }
  .checkoutPhone, .itemListPhone {
    display: none;
  }
  .checkoutDesktop, .itemListDesktop {
    display: block;
  }
  .promoInterface .lgMarketBox {
    height: 362px;
  }
  .promoInterface .mdMarketBox {
    height: 240px;
  }
  .detailCont .detail {
    min-height: 578px;
  }
  .detailCont .detail img {
    max-height: 466px;
    max-width: 466px;
  }
}

.videofont {
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
}

.sapCode {
  max-width: 90%;
}

.sapToolTip {
  padding-top: 10px;
}

.modal-dialog-dlab-position-reset {
  margin-top: 50px !important;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 600px) {
  .modal-dialog-dlab-position-reset {
    margin-top: 50px !important;
  }
}

@media (min-width: 768px) {
  .modal-dialog-dlab-position-reset {
    margin-top: 50px !important;
  }
}

@media (min-width: 960px) {
  .modal-dialog-dlab-position-reset {
    margin-top: 50px !important;
  }
}

@media (min-width: 1280px) {
  .modal-dialog-dlab-position-reset {
    margin-top: 50px !important;
  }
}

/* ------------------ Cookie Policy popup --------------------*/
.cookieMessageCont {
  width: 100%;
  padding: 15px;
  padding-bottom: 70px;
  text-align: center;
  background-color: #3C1351;
  position: fixed;
  bottom: -100%;
  z-index: 100;
}

.cookieMessageCont .cookieMessageInnerCont {
  max-width: 1280px;
  position: relative;
  margin: 0 auto;
}

.cookieMessageCont .cookieMessageInnerCont .cookieMessageSeenBTN {
  position: absolute;
  right: 15px;
  top: 0;
  background-color: white;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding-left: 3px;
  padding-right: 3px;
}

.cookieMessageCont .cookieMessageInnerCont p {
  font-weight: bold;
  color: white;
  margin-bottom: 8px;
  font-size: 12px;
}

.cookieMessageCont .cookieMessageInnerCont p a {
  color: white;
}

.cookieMessageCont .cookieMessageInnerCont p a:hover {
  color: white;
}

/* ------------------ !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
/* ------------------ [ CSS BELOW IS SPECIFIC TO THE Pop-up Video Player FOR MOBILE ONLY ] ------------------ */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

#copyurl {
  min-width: 90%;
}

.menupoints {
  color: #C2002F !important;
  font-weight: bold;
  font-size: 110%;
}

.gly-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.gly-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

ul.regFormList li {
  color: #797D7F;
}

.regFormLine {
  border-color: #797D7F;
}

.alert > p, .alert > ul {
  color: white;
}

/*required form astrixes */
.form_asterisk {
  width: 5%;
  display: inline-block;
}

.form_asterisk .asterisk {
  color: black;
  font-size: 24px;
}

.input_asterisk {
  width: 93%;
  display: inline-block;
}

.alert-danger a {
  color: white !important;
}

.text-center {
  text-align: center !important;
}

/*end of required form astrixes */
/* ------------------ ENDS
/* ------------------ !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
/* ------------------ [ CSS BELOW IS SPECIFIC TO THE Pop-up Video Player FOR MOBILE ONLY ] ------------------ */
a.button {
  background-color: #C2002F;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 15px;
  color: #ffffff;
  font-size: 14px;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
}

a.button:hover, a.button:focus, a.button :active {
  background-color: #000000;
}

.close, .close2 {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  background: transparent;
  border: 0;
}

.close:hover, .close2:hover {
  opacity: 1;
}

.close:before, .close2:before, .close:after, .close2:after {
  position: absolute;
  content: ' ';
  height: 15px;
  width: 3px;
  background-color: #333;
  top: -27px;
  left: 25px;
}

.close:before, .close2:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.close:after, .close2:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.close.cookieMessageSeenBTN, .cookieMessageSeenBTN.close2 {
  width: 20px;
  height: 20px;
}

.close.cookieMessageSeenBTN:before, .cookieMessageSeenBTN.close2:before, .close.cookieMessageSeenBTN:after, .cookieMessageSeenBTN.close2:after {
  content: none;
}

.close2:before, .close2:after {
  position: absolute;
  content: ' ';
  height: 30px;
  width: 3px;
  background-color: #333;
  top: 0;
  left: 15px;
}

.btn-dark {
  background-color: #000000;
  color: white;
  margin-top: 0 !important;
  margin-bottom: 0;
}

.btn-dark:hover, .btn-dark:active, .btn-dark:focus {
  background-color: #333333;
  color: white;
}

.closeThumbnailArea {
  margin-top: 0 !important;
  margin-bottom: 0;
}

.editThumbnailBtn, .closeThumbnailArea {
  display: inline-block;
}

.mainTitleArea {
  text-align: center;
}

.mainTitleArea .btnBlack {
  color: white !important;
  display: inline-block;
  background-color: #000000;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}

.mainTitleArea .btnBlack:hover, .mainTitleArea .btnBlack:focus, .mainTitleArea .btnBlack:active {
  background-color: #418b44;
}

#multiDownloadTitle {
  font-family: "clannarrow-news", Arial, Helvetica, sans-serif;
  margin: 0 auto;
  border-bottom: 2px solid #C2002F;
  width: auto;
  font-size: 22px;
  padding-bottom: 15px;
  margin-top: 20px;
  margin-bottom: 30px;
  max-width: 600px;
}

.listingCardCont {
  position: relative;
}

.listingCardCont .listingMultiCheckboxCont {
  position: absolute;
  right: -2px;
  top: 2px;
  z-index: 101;
}

.listingCardCont .listingMultiCheckbox {
  position: absolute;
  z-index: 101;
}

.listingCardCont .listingMultiCheckbox {
  position: absolute;
  opacity: 1;
  right: 10px;
  top: 0;
  cursor: pointer;
}

.listingCardCont .listingMultiCheckbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.listingCardCont .listingMultiCheckbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 67px;
  height: 67px;
  background: transparent;
}

.listingCardCont .listingMultiCheckbox:hover + label:before {
  background: transparent;
}

.listingCardCont .listingMultiCheckbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0);
}

.listingCardCont .listingMultiCheckbox:checked + label:before {
  background: transparent;
  width: 67px;
  height: 67px;
}

.listingCardCont .listingMultiCheckbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}

.listingCardCont .listingMultiCheckbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}

.listingCardCont .listingMultiCheckbox:checked + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: transparent;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0transparent, 4px 0 0 transparent, 4px -2px 0 transparent, 4px -4px 0 transparent, 4px -6px 0 transparent, 4px -8px 0 transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.multiDownloadULCont {
  text-align: right;
  margin-bottom: 15px;
}

.multiDownloadULCont .multiDLSelectAll {
  border: 0;
  border-radius: 0;
  color: #ffffff;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 25px;
  padding-right: 25px;
  margin-right: -5px;
  background-color: #C2002F;
  text-transform: uppercase;
}

.multiDownloadULCont .multiDLSelectAll {
  background-color: #797D7F;
}

.multiDLSubmit {
  border: 0 !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
  margin-right: -5px !important;
  background-color: #C2002F !important;
  text-transform: uppercase !important;
}

.multiDLSubmit:before {
  content: url("/assets/images/tour/en/dl-icon-small.png");
  margin-right: 8px;
  float: left;
}

.assetSelected {
  box-shadow: 0 0 0 3px #C2002F;
}

.assetSelected:after {
  display: block;
  content: ' ';
  background-image: url("../images/common/red-corner-check.svg");
  background-size: cover !important;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  height: 67px;
  width: 67px;
  position: absolute;
  right: 1px;
  top: 0;
  cursor: pointer;
}

#selectAllAssets {
  float: left;
  margin-top: 3px;
  margin-right: 5px;
}

.multiHideChecked {
  opacity: 0 !important;
}

.multiDLRadioLabel, .multiDLCheckLabel {
  margin-right: 40px;
  margin-top: 34px;
  margin-bottom: 53px;
}

.swal2-styled {
  border-left-color: #C2002F !important;
  border-right-color: #C2002F !important;
}

.swal2-styled:focus {
  outline: 0;
  box-shadow: 0 0 0 0 #fff, 0 0 0 3px rgba(50, 100, 150, 0) !important;
}

.swal2-content h4 {
  text-transform: unset;
}

.introjs-tooltip {
  min-width: unset !important;
  max-width: unset !important;
}

.introjs-button {
  color: unset;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: unset;
  border-color: unset;
  background-color: unset;
}

.nextPrevBTNs, .sweetWalkOverlay .sweetWalkPopup .sweetWalkActions .sweetWalkConfirmBTN, .sweetWalkOverlay .sweetWalkPopup .sweetWalkActions .sweetWalkCancelBTN, .introjs-tooltipbuttons .introjs-prevbutton, .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltipbuttons .introjs-donebutton {
  font-family: "clannarrow-news", Arial, Helvetica, sans-serif;
  color: #C2002F;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  background: transparent;
  border: 0 !important;
  text-decoration: none;
  text-transform: uppercase;
}

.nextPrevBTNs:hover, .sweetWalkOverlay .sweetWalkPopup .sweetWalkActions .sweetWalkConfirmBTN:hover, .sweetWalkOverlay .sweetWalkPopup .sweetWalkActions .sweetWalkCancelBTN:hover, .introjs-tooltipbuttons .introjs-prevbutton:hover, .introjs-tooltipbuttons .introjs-nextbutton:hover, .introjs-tooltipbuttons .introjs-donebutton:hover, .nextPrevBTNs:active, .sweetWalkOverlay .sweetWalkPopup .sweetWalkActions .sweetWalkConfirmBTN:active, .sweetWalkOverlay .sweetWalkPopup .sweetWalkActions .sweetWalkCancelBTN:active, .introjs-tooltipbuttons .introjs-prevbutton:active, .introjs-tooltipbuttons .introjs-nextbutton:active, .introjs-tooltipbuttons .introjs-donebutton:active {
  color: #000000;
  border: 0 !important;
}

.tourBullets ul, .sweetWalkOverlay .sweetWalkPopup ul, .startingPopup ul, .tourBullets ol, .sweetWalkOverlay .sweetWalkPopup ol, .startingPopup ol {
  text-align: center;
  padding-left: 0;
  display: block;
  margin: 0 auto;
  margin-right: auto;
  margin-bottom: 20px;
  max-width: 80%;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 768px) {
  .tourBullets ul, .sweetWalkOverlay .sweetWalkPopup ul, .startingPopup ul, .tourBullets ol, .sweetWalkOverlay .sweetWalkPopup ol, .startingPopup ol {
    text-align: left;
    display: inline-grid;
    margin-right: 40px;
    max-width: 140px;
  }
}

@media (min-width: 1440px) {
  .tourBullets ul, .sweetWalkOverlay .sweetWalkPopup ul, .startingPopup ul, .tourBullets ol, .sweetWalkOverlay .sweetWalkPopup ol, .startingPopup ol {
    max-width: 200px;
  }
}

.tourBullets ul li, .sweetWalkOverlay .sweetWalkPopup ul li, .startingPopup ul li, .tourBullets ol li, .sweetWalkOverlay .sweetWalkPopup ol li, .startingPopup ol li {
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #797D7F;
  list-style: none;
  margin-bottom: 5px;
  padding-left: 0 !important;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

.tourBullets ul li span, .sweetWalkOverlay .sweetWalkPopup ul li span, .startingPopup ul li span, .tourBullets ol li span, .sweetWalkOverlay .sweetWalkPopup ol li span, .startingPopup ol li span {
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
}

@media (min-width: 768px) {
  .tourBullets ul li, .sweetWalkOverlay .sweetWalkPopup ul li, .startingPopup ul li, .tourBullets ol li, .sweetWalkOverlay .sweetWalkPopup ol li, .startingPopup ol li {
    text-align: left;
  }
}

.tourBullets ul li:before, .sweetWalkOverlay .sweetWalkPopup ul li:before, .startingPopup ul li:before, .tourBullets ol li:before, .sweetWalkOverlay .sweetWalkPopup ol li:before, .startingPopup ol li:before {
  display: inline-block;
  content: '\2022   ';
  width: 10px;
  margin-left: -10px;
}

.tourBullets ul:last-of-type, .sweetWalkOverlay .sweetWalkPopup ul:last-of-type, .startingPopup ul:last-of-type {
  margin-right: auto;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 768px) {
  .tourBullets ul:last-of-type, .sweetWalkOverlay .sweetWalkPopup ul:last-of-type, .startingPopup ul:last-of-type {
    margin-right: 0;
  }
}

.tourBullets ul:first-of-type, .sweetWalkOverlay .sweetWalkPopup ul:first-of-type, .startingPopup ul:first-of-type {
  margin-bottom: 0;
}

.walkthroughH2, .sweetWalkOverlay .sweetWalkPopup .sweetWalkHeader h2, .introWalkToolTip .introjs-tooltiptext h2, .supportTipOverride .introjs-tooltiptext h2, .tourDtopNav .introjs-tooltiptext h2, .tourDLNoLogin .introjs-tooltiptext h2, .tourMulitDLLogin .introjs-tooltiptext h2, .tourEditPDF .introjs-tooltiptext h2, .tourDownload .introjs-tooltiptext h2, .startingPopup .introjs-tooltiptext h2 {
  font-family: "clannarrow-news", Arial, Helvetica, sans-serif;
  font-size: 21px;
  line-height: 26px;
  border-bottom: 2px solid #C2002F;
  padding-top: 0;
  padding-bottom: 18px;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 0;
  margin-bottom: 25px;
  text-transform: uppercase;
  color: #797D7F;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 1280px) {
  .walkthroughH2, .sweetWalkOverlay .sweetWalkPopup .sweetWalkHeader h2, .introWalkToolTip .introjs-tooltiptext h2, .supportTipOverride .introjs-tooltiptext h2, .tourDtopNav .introjs-tooltiptext h2, .tourDLNoLogin .introjs-tooltiptext h2, .tourMulitDLLogin .introjs-tooltiptext h2, .tourEditPDF .introjs-tooltiptext h2, .tourDownload .introjs-tooltiptext h2, .startingPopup .introjs-tooltiptext h2 {
    font-size: 25px;
    line-height: 28px;
  }
}

.sweetPopover, .sweetWalkOverlay .sweetWalkPopup, .introWalkToolTip, .supportTipOverride, .tourDtopNav, .tourDLNoLogin, .tourMulitDLLogin, .tourEditPDF, .tourDownload, .startingPopup {
  border-radius: 0 !important;
  border-top-left-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
  background-color: #F1F1F1;
  background-color: #F1F1F1 !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  min-width: 250px !important;
  max-width: 300px !important;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 768px) {
  .sweetPopover, .sweetWalkOverlay .sweetWalkPopup, .introWalkToolTip, .supportTipOverride, .tourDtopNav, .tourDLNoLogin, .tourMulitDLLogin, .tourEditPDF, .tourDownload, .startingPopup {
    padding-top: 20px !important;
    padding-bottom: 35px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    min-width: 350px !important;
    max-width: 350px !important;
  }
}

@media (min-width: 960px) {
  .sweetPopover, .sweetWalkOverlay .sweetWalkPopup, .introWalkToolTip, .supportTipOverride, .tourDtopNav, .tourDLNoLogin, .tourMulitDLLogin, .tourEditPDF, .tourDownload, .startingPopup {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    min-width: 350px !important;
    max-width: 350px !important;
  }
}

@media (min-width: 1280px) {
  .sweetPopover, .sweetWalkOverlay .sweetWalkPopup, .introWalkToolTip, .supportTipOverride, .tourDtopNav, .tourDLNoLogin, .tourMulitDLLogin, .tourEditPDF, .tourDownload, .startingPopup {
    padding-top: 40px !important;
    padding-bottom: 30px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    min-width: 350px !important;
    max-width: 350px !important;
  }
}

@media (min-width: 1440px) {
  .sweetPopover, .sweetWalkOverlay .sweetWalkPopup, .introWalkToolTip, .supportTipOverride, .tourDtopNav, .tourDLNoLogin, .tourMulitDLLogin, .tourEditPDF, .tourDownload, .startingPopup {
    padding-top: 40px !important;
    padding-bottom: 30px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    min-width: 600px !important;
    max-width: 600px !important;
  }
}

.walkthroughTrigger {
  position: relative;
  text-align: center;
  background-color: #C2002F;
  padding-left: 30px;
  padding-right: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: "clannarrow-thin", Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  top: 0;
  left: 0;
  color: #ffffff;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 768px) {
  .walkthroughTrigger {
    position: absolute;
    text-align: left;
  }
}

.walkthroughTrigger span {
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
}

.walkthroughTrigger:hover, .walkthroughTrigger:focus, .walkthroughTrigger:active {
  background-color: #000000;
  cursor: pointer;
}

.walkthroughHomeCTA {
  margin-top: 90px;
  margin-bottom: -90px;
  position: relative;
  z-index: 1;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 960px) {
  .walkthroughHomeCTA {
    margin-top: 175px;
    margin-bottom: -190px;
    position: relative;
  }
}

.walkthroughHomeCTA .walkthroughCTATitleCont {
  border-bottom: 2px solid #C2002F;
  width: auto;
  display: inline-block;
  margin-bottom: 30px;
}

.walkthroughHomeCTA .walkthroughCTATitleCont h2 {
  font-size: 22px;
  padding-bottom: 15px;
  margin-top: 0;
  margin-bottom: 0;
}

.walkthroughHomeCTA p {
  margin-bottom: 30px;
}

.sweetWalkOverlay .sweetWalkPopup .sweetWalkHeader .sweetWalkCloseBTN {
  color: #333333;
}

.sweetWalkOverlay .sweetWalkPopup .sweetWalkHeader .sweetWalkCloseBTN:hover, .sweetWalkOverlay .sweetWalkPopup .sweetWalkHeader .sweetWalkCloseBTN:focus, .sweetWalkOverlay .sweetWalkPopup .sweetWalkHeader .sweetWalkCloseBTN:active {
  color: #000000;
}

.sweetWalkOverlay .sweetWalkPopup .sweetWalkContent {
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin: 0 auto;
  max-width: 700px;
}

.sweetWalkOverlay .sweetWalkPopup .sweetWalkContent .boxBody {
  margin-bottom: 0;
  min-height: unset;
}

.sweetWalkOverlay .sweetWalkPopup .sweetWalkContent .boxBody .multiDLNameField {
  margin-top: -20px;
}

.sweetWalkOverlay .sweetWalkPopup .sweetWalkActions {
  margin-top: 30px;
  margin-bottom: 0;
}

.sweetWalkOverlay .sweetWalkPopup .sweetWalkActions .sweetWalkConfirmBTN, .sweetWalkOverlay .sweetWalkPopup .sweetWalkActions .sweetWalkCancelBTN {
  font-size: 20px;
  font-weight: normal;
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.sweetWalkOverlay .sweetWalkPopup .sweetWalkActions .sweetWalkConfirmBTN:after {
  content: ' >';
}

.sweetWalkOverlay .sweetWalkPopup .sweetWalkActions .sweetWalkCancelBTN:before {
  content: '< ';
}

.swal2-styled:focus {
  box-shadow: 0 0 0 0 #fff, 0 0 0 0 rgba(50, 100, 150, 0) !important;
}

.swal2-icon {
  display: none !important;
}

.introWalkHighlight {
  border-radius: 0 !important;
  padding-bottom: 5px;
  margin-top: -5px;
  background-color: white !important;
}

.introWalkToolTip, .supportTipOverride, .tourDtopNav, .tourDLNoLogin, .tourMulitDLLogin, .tourEditPDF, .tourDownload, .startingPopup {
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

.introWalkToolTip .introjs-tooltiptext p, .supportTipOverride .introjs-tooltiptext p, .tourDtopNav .introjs-tooltiptext p, .tourDLNoLogin .introjs-tooltiptext p, .tourMulitDLLogin .introjs-tooltiptext p, .tourEditPDF .introjs-tooltiptext p, .tourDownload .introjs-tooltiptext p, .startingPopup .introjs-tooltiptext p {
  font-family: "clannarrow-book", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}

.introWalkToolTip .introjs-tooltiptext p:nth-last-child, .supportTipOverride .introjs-tooltiptext p:nth-last-child, .tourDtopNav .introjs-tooltiptext p:nth-last-child, .tourDLNoLogin .introjs-tooltiptext p:nth-last-child, .tourMulitDLLogin .introjs-tooltiptext p:nth-last-child, .tourEditPDF .introjs-tooltiptext p:nth-last-child, .tourDownload .introjs-tooltiptext p:nth-last-child, .startingPopup .introjs-tooltiptext p:nth-last-child {
  margin-bottom: 64px;
}

.introWalkToolTip .introjs-tooltiptext h2, .introWalkToolTip .introjs-tooltiptext p, .supportTipOverride .introjs-tooltiptext h2, .supportTipOverride .introjs-tooltiptext p, .tourDtopNav .introjs-tooltiptext h2, .tourDtopNav .introjs-tooltiptext p, .tourDLNoLogin .introjs-tooltiptext h2, .tourDLNoLogin .introjs-tooltiptext p, .tourMulitDLLogin .introjs-tooltiptext h2, .tourMulitDLLogin .introjs-tooltiptext p, .tourEditPDF .introjs-tooltiptext h2, .tourEditPDF .introjs-tooltiptext p, .tourDownload .introjs-tooltiptext h2, .tourDownload .introjs-tooltiptext p, .startingPopup .introjs-tooltiptext h2, .startingPopup .introjs-tooltiptext p {
  text-align: center;
}

.introWalkToolTip .introjs-tooltiptext img, .supportTipOverride .introjs-tooltiptext img, .tourDtopNav .introjs-tooltiptext img, .tourDLNoLogin .introjs-tooltiptext img, .tourMulitDLLogin .introjs-tooltiptext img, .tourEditPDF .introjs-tooltiptext img, .tourDownload .introjs-tooltiptext img, .startingPopup .introjs-tooltiptext img {
  margin: 0 auto;
  display: block;
  margin-bottom: 20px;
  width: auto;
}

.introWalkToolTip .introjs-tooltiptext ul, .introWalkToolTip .introjs-tooltiptext ol, .supportTipOverride .introjs-tooltiptext ul, .supportTipOverride .introjs-tooltiptext ol, .tourDtopNav .introjs-tooltiptext ul, .tourDtopNav .introjs-tooltiptext ol, .tourDLNoLogin .introjs-tooltiptext ul, .tourDLNoLogin .introjs-tooltiptext ol, .tourMulitDLLogin .introjs-tooltiptext ul, .tourMulitDLLogin .introjs-tooltiptext ol, .tourEditPDF .introjs-tooltiptext ul, .tourEditPDF .introjs-tooltiptext ol, .tourDownload .introjs-tooltiptext ul, .tourDownload .introjs-tooltiptext ol, .startingPopup .introjs-tooltiptext ul, .startingPopup .introjs-tooltiptext ol {
  text-align: left;
  padding-left: 0 !important;
}

.introWalkToolTip .introjs-tooltiptext ul li, .introWalkToolTip .introjs-tooltiptext ol li, .supportTipOverride .introjs-tooltiptext ul li, .supportTipOverride .introjs-tooltiptext ol li, .tourDtopNav .introjs-tooltiptext ul li, .tourDtopNav .introjs-tooltiptext ol li, .tourDLNoLogin .introjs-tooltiptext ul li, .tourDLNoLogin .introjs-tooltiptext ol li, .tourMulitDLLogin .introjs-tooltiptext ul li, .tourMulitDLLogin .introjs-tooltiptext ol li, .tourEditPDF .introjs-tooltiptext ul li, .tourEditPDF .introjs-tooltiptext ol li, .tourDownload .introjs-tooltiptext ul li, .tourDownload .introjs-tooltiptext ol li, .startingPopup .introjs-tooltiptext ul li, .startingPopup .introjs-tooltiptext ol li {
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #797D7F;
  list-style: none;
  margin-bottom: 8px;
}

.introWalkToolTip .introjs-tooltiptext ul li span, .introWalkToolTip .introjs-tooltiptext ol li span, .supportTipOverride .introjs-tooltiptext ul li span, .supportTipOverride .introjs-tooltiptext ol li span, .tourDtopNav .introjs-tooltiptext ul li span, .tourDtopNav .introjs-tooltiptext ol li span, .tourDLNoLogin .introjs-tooltiptext ul li span, .tourDLNoLogin .introjs-tooltiptext ol li span, .tourMulitDLLogin .introjs-tooltiptext ul li span, .tourMulitDLLogin .introjs-tooltiptext ol li span, .tourEditPDF .introjs-tooltiptext ul li span, .tourEditPDF .introjs-tooltiptext ol li span, .tourDownload .introjs-tooltiptext ul li span, .tourDownload .introjs-tooltiptext ol li span, .startingPopup .introjs-tooltiptext ul li span, .startingPopup .introjs-tooltiptext ol li span {
  font-family: "clannarrow-medium", Arial, Helvetica, sans-serif;
}

.introWalkToolTip .introjs-tooltiptext ul li:last-child, .introWalkToolTip .introjs-tooltiptext ol li:last-child, .supportTipOverride .introjs-tooltiptext ul li:last-child, .supportTipOverride .introjs-tooltiptext ol li:last-child, .tourDtopNav .introjs-tooltiptext ul li:last-child, .tourDtopNav .introjs-tooltiptext ol li:last-child, .tourDLNoLogin .introjs-tooltiptext ul li:last-child, .tourDLNoLogin .introjs-tooltiptext ol li:last-child, .tourMulitDLLogin .introjs-tooltiptext ul li:last-child, .tourMulitDLLogin .introjs-tooltiptext ol li:last-child, .tourEditPDF .introjs-tooltiptext ul li:last-child, .tourEditPDF .introjs-tooltiptext ol li:last-child, .tourDownload .introjs-tooltiptext ul li:last-child, .tourDownload .introjs-tooltiptext ol li:last-child, .startingPopup .introjs-tooltiptext ul li:last-child, .startingPopup .introjs-tooltiptext ol li:last-child {
  margin-bottom: 15px;
}

.startingPopup {
  min-width: 300px !important;
  max-width: 300px !important;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

.startingPopup .startBulletCont {
  text-align: center;
}

.startingPopup .startBulletCont ul {
  max-width: 200px;
}

.startingPopup .startBulletCont ul li {
  text-align: left !important;
}

@media (min-width: 768px) {
  .startingPopup {
    min-width: 450px !important;
    max-width: 450px !important;
  }
}

@media (min-width: 960px) {
  .startingPopup {
    margin-top: -264.297px !important;
    min-width: 475px !important;
    max-width: 475px !important;
  }
}

@media (min-width: 1280px) {
  .startingPopup {
    margin-top: -285px !important;
    min-width: 550px !important;
    max-width: 550px !important;
  }
}

@media (min-width: 1440px) {
  .startingPopup {
    margin-top: -302.5px !important;
    min-width: 600px !important;
    max-width: 600px !important;
  }
}

@media (min-width: 1920px) {
  .startingPopup {
    margin-top: -242.5px !important;
    min-width: 650px !important;
    max-width: 650px !important;
  }
}

.tourDtopNav {
  min-width: 300px !important;
  max-width: 300px !important;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 768px) {
  .tourDtopNav {
    min-width: 330px !important;
    max-width: 330px !important;
  }
}

@media (min-width: 960px) {
  .tourDtopNav {
    min-width: 400px !important;
    max-width: 400px !important;
  }
}

@media (min-width: 1280px) {
  .tourDtopNav {
    min-width: 550px !important;
    max-width: 550px !important;
  }
}

@media (min-width: 1440px) {
  .tourDtopNav {
    min-width: 600px !important;
    max-width: 600px !important;
  }
}

@media (min-width: 1920px) {
  .tourDtopNav {
    min-width: 650px !important;
    max-width: 650px !important;
  }
}

.tourDLNoLogin {
  bottom: unset !important;
  min-width: 350px !important;
  max-width: 350px !important;
  right: 228px !important;
  top: -4px !important;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 768px) {
  .tourDLNoLogin {
    min-width: 190px !important;
    max-width: 192px !important;
    right: unset !important;
    top: -4px !important;
    left: -150% !important;
  }
}

@media (min-width: 960px) {
  .tourDLNoLogin {
    min-width: 250px !important;
    max-width: 250px !important;
    left: -341px !important;
    top: -4px !important;
  }
}

@media (min-width: 1280px) {
  .tourDLNoLogin {
    min-width: 300px !important;
    max-width: 300px !important;
    right: unset !important;
    top: -4px !important;
    left: -391px !important;
  }
}

@media (min-width: 1440px) {
  .tourDLNoLogin {
    bottom: unset;
    top: -178px !important;
    left: -505px !important;
    max-width: 410px !important;
    min-width: 410px !important;
  }
}

@media (min-width: 1920px) {
  .tourDLNoLogin {
    right: 275px !important;
    top: -4px !important;
  }
}

.tourMulitDLLogin {
  right: 228px !important;
  top: -4px !important;
  min-width: 350px !important;
  max-width: 350px !important;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 768px) {
  .tourMulitDLLogin {
    min-width: 190px !important;
    max-width: 192px !important;
    right: unset !important;
    top: -4px !important;
    left: -77% !important;
  }
}

@media (min-width: 960px) {
  .tourMulitDLLogin {
    min-width: 250px !important;
    max-width: 250px !important;
    left: -341px !important;
    top: -4px !important;
  }
}

@media (min-width: 1280px) {
  .tourMulitDLLogin {
    min-width: 300px !important;
    max-width: 300px !important;
    right: unset !important;
    top: -4px !important;
    left: -391px !important;
  }
}

@media (min-width: 1440px) {
  .tourMulitDLLogin {
    bottom: unset;
    top: -178px !important;
    left: -505px !important;
    max-width: 410px !important;
    min-width: 410px !important;
  }
}

@media (min-width: 1920px) {
  .tourMulitDLLogin {
    right: 275px !important;
    top: -4px !important;
  }
}

.tourEditPDF {
  left: 50% !important;
  top: 50% !important;
  min-width: 300px !important;
  max-width: 300px !important;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 960px) {
  .tourEditPDF {
    margin-left: -239px !important;
    margin-top: -170.297px !important;
    min-width: 400px !important;
    max-width: 400px !important;
  }
}

@media (min-width: 1280px) {
  .tourEditPDF {
    margin-left: -80% !important;
    margin-top: -45% !important;
    min-width: 600px !important;
    max-width: 600px !important;
  }
}

@media (min-width: 1440px) {
  .tourEditPDF {
    margin-left: -80% !important;
    margin-top: -77% !important;
    min-width: 600px !important;
    max-width: 600px !important;
  }
}

.tourDownload {
  left: 50% !important;
  top: 50% !important;
  min-width: 300px !important;
  max-width: 300px !important;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 768px) {
  .tourDownload {
    margin-top: -173.797px !important;
  }
}

@media (min-width: 960px) {
  .tourDownload {
    margin-left: -239px !important;
    margin-top: -170.297px !important;
    min-width: 400px !important;
    max-width: 400px !important;
  }
}

@media (min-width: 1280px) {
  .tourDownload {
    margin-left: -80% !important;
    margin-top: -49% !important;
    min-width: 400px !important;
    max-width: 400px !important;
  }
}

@media (min-width: 1440px) {
  .tourDownload {
    min-width: 600px !important;
    max-width: 600px !important;
  }
}

.supportTipOverride {
  position: fixed !important;
  left: 22.5% !important;
  top: 42.5% !important;
  height: 300px;
  margin-left: unset !important;
  margin-top: unset !important;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 768px) {
  .supportTipOverride {
    left: 39.5% !important;
    top: 48.5% !important;
    height: 360px;
  }
}

@media (min-width: 960px) {
  .supportTipOverride {
    position: fixed !important;
    left: 53.5% !important;
    top: 21.5% !important;
    height: 330px;
    margin-left: unset !important;
    margin-top: unset !important;
  }
}

@media (min-width: 1280px) {
  .supportTipOverride {
    position: fixed !important;
    left: 50.5% !important;
    top: 45.5% !important;
    height: 300px;
    margin-left: unset !important;
    margin-top: unset !important;
  }
}

@media (min-width: 1440px) {
  .supportTipOverride {
    position: fixed !important;
    left: 50.5% !important;
    top: 46.5% !important;
    height: 300px;
    margin-left: unset !important;
    margin-top: unset !important;
  }
}

@media (min-width: 1920px) {
  .supportTipOverride {
    position: fixed !important;
    left: 63% !important;
    top: 56.5% !important;
    height: 300px;
    margin-left: unset !important;
    margin-top: unset !important;
  }
}

@media (min-width: 2550px) {
  .supportTipOverride {
    position: fixed !important;
    left: 72.5% !important;
    top: 64.5% !important;
    height: 300px;
    margin-left: unset !important;
    margin-top: unset !important;
  }
}

.introjs-arrow {
  display: none !important;
}

.introjs-skipbutton:not(.introjs-donebutton), #closeLogin:not(.introjs-donebutton) {
  position: absolute !important;
  top: 10px;
  right: 20px;
  width: 15px;
  height: 20px;
  opacity: 0.5;
  background: transparent !important;
  border: 0 !important;
}

.introjs-skipbutton:not(.introjs-donebutton):hover, #closeLogin:not(.introjs-donebutton):hover {
  opacity: 1;
  box-shadow: unset !important;
}

.introjs-skipbutton:not(.introjs-donebutton):before, #closeLogin:not(.introjs-donebutton):before, .introjs-skipbutton:not(.introjs-donebutton):after, #closeLogin:not(.introjs-donebutton):after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 18px;
  width: 3px;
  background-color: #333;
}

.introjs-skipbutton:not(.introjs-donebutton):before, #closeLogin:not(.introjs-donebutton):before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.introjs-skipbutton:not(.introjs-donebutton):after, #closeLogin:not(.introjs-donebutton):after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#closeLogin {
  width: 37px;
  height: 37px;
  left: 0;
  right: 0;
  top: -30px;
  margin: 0 auto;
}

#closeLogin:before, #closeLogin:after {
  height: 35px;
  width: 5px;
}

.closeLoginCross {
  width: 37px !important;
  height: 37px !important;
  right: 0 !important;
  top: -30px !important;
}

.closeLoginCross:before, .closeLoginCross:after {
  height: 35px !important;
  width: 5px !important;
}

.introjs-tooltipbuttons {
  text-align: center !important;
}

.introjs-tooltipbuttons .introjs-prevbutton, .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltipbuttons .introjs-donebutton {
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
  text-transform: unset;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

.introjs-tooltipbuttons .introjs-prevbutton:hover, .introjs-tooltipbuttons .introjs-prevbutton:focus, .introjs-tooltipbuttons .introjs-prevbutton:active, .introjs-tooltipbuttons .introjs-nextbutton:hover, .introjs-tooltipbuttons .introjs-nextbutton:focus, .introjs-tooltipbuttons .introjs-nextbutton:active, .introjs-tooltipbuttons .introjs-donebutton:hover, .introjs-tooltipbuttons .introjs-donebutton:focus, .introjs-tooltipbuttons .introjs-donebutton:active {
  background: transparent !important;
  box-shadow: unset !important;
}

@media (min-width: 768px) {
  .introjs-tooltipbuttons .introjs-prevbutton, .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltipbuttons .introjs-donebutton {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1280px) {
  .introjs-tooltipbuttons .introjs-prevbutton, .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltipbuttons .introjs-donebutton {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1440px) {
  .introjs-tooltipbuttons .introjs-prevbutton, .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltipbuttons .introjs-donebutton {
    margin-left: 23px;
    margin-right: 23px;
  }
}

.introjs-tooltipbuttons .introjs-prevbutton {
  color: #333333;
  margin-left: 0;
}

.tourImage {
  width: auto;
  margin-bottom: 0;
  max-width: 300px;
  max-height: 450px;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 600px) {
  .tourImage {
    max-width: 250px;
  }
}

@media (min-width: 768px) {
  .tourImage {
    max-width: 200px;
  }
}

@media (min-width: 960px) {
  .tourImage {
    max-width: 250px;
  }
}

@media (min-width: 1280px) {
  .tourImage {
    max-width: 300px;
  }
}

@media (min-width: 1440px) {
  .tourImage {
    max-width: 400px;
  }
}

#firstTwoAssets {
  float: left;
  clear: both;
  width: 99%;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 768px) {
  #firstTwoAssets {
    width: 66.6%;
  }
}

#firstTwoAssets .col-sm-4 {
  width: 98% !important;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

@media (min-width: 768px) {
  #firstTwoAssets .col-sm-4 {
    width: 50% !important;
  }
}

.introjs-helperLayer {
  max-width: 96.4% !important;
  /*@else if $point == mobileonly {
        @media (max-width: 37.5em)  { @content ; }
  
    }*/
}

.swal2-styled:hover {
  background-image: unset !important;
}

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
  min-width: 450px !important;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  margin-bottom: 20px;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}