/* https://fonts.google.com/selection?selection.family=Baloo+Bhaina|Barlow:400,500,600 */
/*@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina|Barlow:400,500,600,700,800&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina|Barlow:300,400,500,600,700,800&display=swap');


/**
*
* Description: This is the primary template to be used for ChildrensFund.html template as opposed to myaccess.css
*
* @todo CLEANUP
* - remove .main-content classes / queries
*
*
*
**/










/*@import url('https://fonts.googleapis.com/css?family=Barlow:400,500,600,700,800,900&display=swap');*/
/** Proxima Nova **/
@font-face {
  font-family: 'ProximaNova';
  src: url("Fonts/proximanova/35401E_0_0.eot");
  src: url("/fileadmin/myaccess/template/version1/fonts/35401E_0_0.eot?#iefix") format("embedded-opentype"), url("/fileadmin/myaccess/template/version1/fonts/35401E_0_0.woff2") format("woff2"), url("/fileadmin/myaccess/template/version1/fonts/35401E_0_0.woff") format("woff"), url("/fileadmin/myaccess/template/version1/fonts/35401E_0_0.ttf") format("truetype");
}

@font-face {
  font-family: 'ProximaNovaA-Regular';
  src: url("Fonts/proximanova/35401E_0_0.eot");
  src: url("/fileadmin/myaccess/template/version1/fonts/35401E_0_0.eot?#iefix") format("embedded-opentype"), url("/fileadmin/myaccess/template/version1/fonts/35401E_0_0.woff2") format("woff2"), url("/fileadmin/myaccess/template/version1/fonts/35401E_0_0.woff") format("woff"), url("/fileadmin/myaccess/template/version1/fonts/35401E_0_0.ttf") format("truetype");
}

@font-face {
  font-family: 'ProximaNovaA-RegularIt';
  src: url("/fileadmin/myaccess/template/version1/fonts/35401E_1_0.eot");
  src: url("/fileadmin/myaccess/template/version1/fonts/35401E_1_0.eot?#iefix") format("embedded-opentype"), url("/fileadmin/myaccess/template/version1/fonts/35401E_1_0.woff2") format("woff2"), url("/fileadmin/myaccess/template/version1/fonts/35401E_1_0.woff") format("woff"), url("/fileadmin/myaccess/template/version1/fonts/35401E_1_0.ttf") format("truetype");
}

@font-face {
  font-family: 'ProximaNovaA-Extrabld';
  src: url("/fileadmin/myaccess/template/version1/fonts/35401E_2_0.eot");
  src: url("/fileadmin/myaccess/template/version1/fonts/35401E_2_0.eot?#iefix") format("embedded-opentype"), url("/fileadmin/myaccess/template/version1/fonts/35401E_2_0.woff2") format("woff2"), url("/fileadmin/myaccess/template/version1/fonts/35401E_2_0.woff") format("woff"), url("/fileadmin/myaccess/template/version1/fonts/35401E_2_0.ttf") format("truetype");
}

span[style*="font-family:Barlow Black"], span[style*="font-family:Barlow Black"] strong {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 900 !important;
}

html, body {
  height: 100%;
  font-family: 'Barlow';
}

div.d-flex.flex-column {
  overflow-x: hidden;
}

h1 {
  font-family: Baloo Bhaina;
  font-size: 72px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.92;
  letter-spacing: normal;
  color: #00376e;
}

h2 {
  font-family: Baloo Bhaina;
  font-size: 41px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #00376e;
  margin-bottom: 0px;
  /*for now at least*/
}

h3 {
  font-family: Baloo Bhaina;
}

p {
  font-family: Barlow;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #63666a;
}


/*
.content-banner p {
  font-weight: 400;
}*/

.megamenu-content-banner {
  padding-left: 0px;
  padding-right: 0px;
}

.location-selector p {
  font-family: Barlow;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.27px;
  text-align: left;
  color: #454a4e;
}

/*** CHILDRENS FUND FONT STYLES *****/

h1 {
  font-size:72px;
}

h2 {
  font-size:48px
}

h3 {
  font-family: Baloo Bhaina;
  font-size: 24px;
  color: #00376e;
}

.main-content-section-3 h2 {
  color:white;
}

.main-content-section-1 p, .main-content-section-2 p, .main-content-section-3 p, .main-content-section-4 p {
  font-family: Barlow;
  font-size: 24px;
  color: #00376e;
  letter-spacing: -0.36px;
  font-weight: 500;
}

.circle-2-text-wrapper p {
  font-family: Barlow;
  font-weight: normal;
  font-size: 32px;
  line-height: 1.31;
  letter-spacing: -0.48px;
  text-align: left;
  color: #ffffff;
}

/******************** CHILDRENS FUND *******************/

.main-content-section-1 {
  position:relative;
  background-image: url("/typo3conf/ext/myaccess_template/Resources/Public/Images/ChildrensFund/access_childrens_fund_bg.svg");
  background-position: bottom;
  background-size:100% auto;
  padding-left:0px;
  padding-right:0px;
}

.main-content-section-1-inner-wrapper {
  overflow:hidden;
  position:relative;
}

.main-content-section-1 .inner-content-1 {
  position:relative;
  background-color: #6f6f6f17;
  min-height:1250px;
  -webkit-transform: skewY(-9.00deg);
  -moz-transform: skewY(-9.00deg);
  -ms-transform: skewY(-9.00deg);
  -o-transform: skewY(-9.00deg);
  transform: skewY(-9.00deg);
  padding-top:300px;
  top: -250px;
  overflow:hidden;
}

.main-content-section-1 .inner-content-1 > div {
  position:relative;
  -webkit-transform: skewY(9.00deg);
  -moz-transform: skewY(9.00deg);
  -ms-transform: skewY(9.00deg);
  -o-transform: skewY(9.00deg);
  transform: skewY(9.00deg);
  top:200px;
}

.main-content-section-1 .inner-content-2 {
  position:relative;
  min-height: 520px;
  padding-bottom: 200px;
  padding-top: 0px;
  top: -100px;
}

.main-content-section-1 .inner-content-2 > div {
  position:relative;
}

.main-content-section-2 {
  -webkit-transform: skewY(9.00deg);
  -moz-transform: skewY(9.00deg);
  -ms-transform: skewY(9.00deg);
  -o-transform: skewY(9.00deg);
  transform: skewY(9.00deg);
  background-color: #f5f7f7;
  top:-150px;
  position:relative;
}

.main-content-section-2 > .inner-content-3 {
  -webkit-transform: skewY(-9.00deg);
  -moz-transform: skewY(-9.00deg);
  -ms-transform: skewY(-9.00deg);
  -o-transform: skewY(-9.00deg);
  transform: skewY(-9.00deg);
  position:relative;
  top:200px;
  background-color: #f5f7f7;
  padding-bottom:500px;
  padding-top:0px;

}

.main-content-section-2 > .inner-content-3 > .col-12 > div:first-child {
  width:60%; /* we should maybe just use a gridelements container... */
}

.default-inner-content {
  padding-top:50px;
  padding-left:140px;
  padding-right:140px;
}

.cf-circle {
  background: #f00;
  border-radius: 50%;
}
.cf-orange {
  background-color: #f78e25;
}
.cf-blue {
  background-color: #00c1de;
}
.cf-red {
  background-color: #ed1556;
}
.cf-yellow {
  background-color:#dadc56;
}

.circle-1 {
  transform: translate( -50%, -50%);
  position: absolute;
  top: 300px;
  left: 50%;
  width: 620px;
  height: 620px;
}

.circle-2 {
  position: absolute;
  top: -275px;
  left: 0;
  width: 840px;
  height: 840px;
}

.circle-3 {
  position: absolute;
  right:240px;
  width: 400px;
  height: 400px;
  top:-200px;
}

.circle-4 {
  position: absolute;
  width: 600px;
  height: 600px;
  top:-300px;
  z-index:15;
}

.cf-circle-container {
  position:relative;
  padding-top:0px;
}

.orange-circle-image {
  position:absolute;
  transform: translate( -50%, -50%);
  left: 35%;
  top: 79%;
}


.access-kids-playing {
  position:absolute;
  transform: translate( -50%, -50%);
  left: 50%;
  top: 75%;
}

.access-childrens-fund-logo {
  position:absolute;
  right: 115px;
  top: -5px;
}

.transform-center {
  transform: translate( -50%, -50%);
  position: absolute;
  left:50%;
  top:50%;
}

.circle-2-text-wrapper {
  width:600px;
  max-width:90%;
}

.main-content-section-3 {
  position:relative;
  min-height: 1150px;
  overflow:hidden;
  -webkit-transform: skewY(-9.00deg);
  -moz-transform: skewY(-9.00deg);
  -ms-transform: skewY(-9.00deg);
  -o-transform: skewY(-9.00deg);
  transform: skewY(-9.00deg);
  top:-200px;

}

.main-content-section-3 .inner-content-5 {
  position:relative;
  background-image: linear-gradient(rgba(0, 194, 224, 0.8), rgba(0, 194, 224, 0.8)), url('/typo3conf/ext/myaccess_template/Resources/Public/Images/ChildrensFund/grandma-final.jpg');
  background-color: #00c1de;
  background-size:100% auto;
  background-position:top;
  min-height:inherit;
  -webkit-transform: skewY(9.00deg);
  -moz-transform: skewY(9.00deg);
  -ms-transform: skewY(9.00deg);
  -o-transform: skewY(9.00deg);
  transform: skewY(9.00deg);
  top:-200px;
  padding-top: 290px;
}


.main-content-section-4  {
  -webkit-transform: skewY(9.00deg);
  -moz-transform: skewY(9.00deg);
  -ms-transform: skewY(9.00deg);
  -o-transform: skewY(9.00deg);
  transform: skewY(9.00deg);
  background-color: #f5f7f7;
  min-height: 1000px;
  top: -650px;
  position: relative;
  padding-bottom: 800px;
  margin-bottom: -1000px;
  z-index:25;
}

.main-content-section-4 .inner-content-6 {
  position:relative;
  -webkit-transform: skewY(-9.00deg);
  -moz-transform: skewY(-9.00deg);
  -ms-transform: skewY(-9.00deg);
  -o-transform: skewY(-9.00deg);
  transform: skewY(-9.00deg);
  top:300px;
}

.circle-4 .circle-img-boy-and-grandma {
  position: relative;
  left: 50px;
  top: 30px;
}


/*template icons*/
.floating-template-icon {
  position:absolute;
  z-index:7;
}

.ft-icon-1 {
  left:35%;
  top:190px;
}

.ft-icon-2 {
  right: 8%;
  top: -9%;
}

.ft-icon-3 {
  right: -20px;
  bottom: 100px;
  transform: rotateY(180deg) rotate(0.91turn);
}

.ft-icon-4 {
  left: -75px;
  top: 15%;
}

.ft-icon-5 {
  top: 63%;
  left: 6%;
}
.ft-icon-6 {
  top: 31%;
  right: -21%;
}

.ft-icon-7 {
  right:-10px;
}

.floating-template-icon img {
  max-width:100%;
}

a.button.button-primary-yellow {
  background-color: #dadc56;
  display: table-cell;
  vertical-align: middle;
  border: 0 none transparent;
  text-decoration: none;
  line-height: 1em;
  outline: none;
  padding: 0.9em 1.1em;
  border-radius: 2px;
  font-family: Barlow;
  text-align: left;
  color: #00376e;
  font-size: 18px;
  font-weight: 500;
  height: 65px;
  width: 100%;
  padding-right: 50px;
  position: relative;
  max-width: 100%;
  border-radius: 100px;
}

a.button.button-primary-yellow:hover {
  background-color: #fee01e;
}

a.button.button-primary-yellow:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f178";
  float: right;
  font-size: 1.45rem;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
}





@media (max-width:1949px) {
  .default-inner-content {
    padding-left:140px;
    padding-right:140px;
  }

  .floating-template-icon.ft-icon-3 {

  }
  .main-content-section-3 .inner-content-5 {
    background-size: 1950px auto;
  }




}

@media (max-width:1900px) {

  .ft-icon-1 {
    top:150px;
  }


  .circle-1 {
    width:520px;
    height:520px;
  }

  .circle-2 {
    width:730px;
    height:730px;
  }

  img.icon1, img.icon2, img.icon3, img.icon4 {
    max-width:130px;
  }

  .circle-1 .orange-circle-image {
    height: calc(100vw * 0.44);
    width: auto;
  }

  .circle-3 {
    width:300px;
    height:300px;
  }

  .circle-3 > img {
    max-width: 375px;
    height:auto;
  }

  .ft-icon-4 {
    left:-55px;
  }

  .cf-circle-container {
    bottom:70px;
  }

  .circle-4 {
    width:500px;
    height:500px;
    top:unset;
  }



  .circle-4 .circle-img-boy-and-grandma {
    width:600px;
    height:auto;

    left:unset;
    top:unset;
  }

  .ft-icon-5 {
    top: 28%;
    left: -50px;
    width: 150px;
  }
  .ft-icon-6 {
    top: 5%;
    right: -5px;
    width: 150px;
  }

  .ft-icon-7 {
    right:-10px;
  }


}

@media (max-width:1500px) {
  .circle-1 .orange-circle-image {
    height: calc(100vw * 0.48);
    position: relative;
    top: 90%;
  }
}

@media (max-width:1500px) {
  img.icon1 {
    max-width:110px;
  }

  img.icon2, img.icon3 {
    max-width:120px;
  }

  .circle-1 {
    width:390px;
    height:390px;
  }

  .circle-2 {
    min-width: 420px;
    min-height: 420px;
    width: calc(100vw * 0.44);
    height: calc(100vw * 0.44);
  }

  .circle-2-text-wrapper {
    top:55%;
  }

  .circle-3 {
    right:10%;
  }

  .circle-3 > img {
    max-width: 350px;
    height:auto;
  }



  .circle-2-text-wrapper p {
    font-size:20px;
    padding-left:25px;
    padding-right:25px;
  }

  .access-childrens-fund-logo {
    width: 35%;
    height: auto;
    left: 44px;
    top: 0;
  }

  .default-inner-content {
    padding-left:75px;
    padding-right:75px;
  }

  .tx-mt-iconwrapper .bottom-container .tx-mt-header h3 {
    font-size:22px;
  }

}

@media (max-width:1349px) {

  .cf-circle-container {
    bottom:-70px;
  }

  .main-content-section-3 .inner-content-5 {
        background-size: 2100px auto;
  }

  .circle-4 .circle-img-boy-and-grandma {
    width:500px;
  }



  .ft-icon-7 {
    right:-10px;
  }

  .main-content-section-3 {
    padding-bottom:150px;
  }

  .cf-circle-container {
    bottom: -185px;
  }
  .circle-4 {
    left:5%;
  }
  .circle-1 .orange-circle-image {
    height: calc(100vw * 0.60);
    width: auto;
    position: relative;
    top: 99%;
    left: 44%;
  }
}

@media (max-width:1025px) {
  .ft-icon-7 {
    bottom: 0;
    width: 100px;
  }
  .circle-1 .orange-circle-image {
      height: calc(100vw * 0.74);
      position: relative;
      top: 99%;
      left: 44%;
  }

}

@media (max-width:991px) {
  .main-content-section-1 p, .main-content-section-2 p, .main-content-section-3 p, .main-content-section-4 p {
    font-size:18px;
  }



  h1 {
    font-size:36px;
  }




  .main-content-section-2 > .inner-content-3 {
    padding-bottom:275px;
  }

  .default-inner-content {
    padding-left:50px;
    padding-right:50px;
  }

  .main-content-section-1 .inner-content-2 {
    top:0px;
  }

  .main-content-section-1-inner-wrapper {
    padding-bottom:50px;
  }

  .main-content-section-2 > .inner-content-3 {
    padding-top:200px;
  }

  .circle-1 {
    transform:unset;
    position:relative;
    top: -50px;
    left: 0;
    margin-left:auto;
  }

  .circle-2 {
    top:-475px;
    margin-bottom: -430px;
  }

  .circle-3 {
    transform: translate( -50%);
    top:-250px;
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    right:unset;
    left:50%;
  }

  .circle-1 .orange-circle-image {
    height: calc(100vw * 0.7);
    position: relative;
    top: 80%;
    left: 44%;
}

 .main-content-section-2 > .inner-content-3 > .col-12 > div:first-child {
   width:100%;
 }

  .main-content-section-1 .inner-content-1 > div {
    top:0px;
    min-height:1px;
  }

  img.icon1 {
    max-width:75px;
  }

  img.icon2, img.icon3 {
    max-width:100px;
  }

  .ft-icon-1 {
    top:-10px;
    left:auto;
    right:20px;
  }

  .main-content-section-3 .right-content {
    padding-top:25px;
    padding-bottom:225px;
  }

  .inner-content-5 .left-content {
    display:none;
  }



  .cf-circle-container {
    bottom:calc(-63vw * 0.35);
  }

  .circle-4 .circle-img-boy-and-grandma {
    width:200%;
  }

  .circle-4 {
    width: calc(100vw * 0.35);
    height: calc(100vw * 0.35);
  }

  .ft-icon-5 {


  }
  .ft-icon-6 {
    top: calc(+100vw * 0.1);
    right: calc(-100vw * 0.24);

  }
  .ft-icon-7 {
      right: -10px;
      bottom: 50%;
      width: 150px;
  }


}

@media (max-width:767px) {
  .inner-content-1 .left-content {
    /*padding-bottom:50px;*/
  }

  .cf-circle-container {
    bottom:calc(-60vw * 0.55);
  }
  .circle-4 .circle-img-boy-and-grandma {
    width:185%;
  }

  .circle-4 {
    width: calc(100vw * 0.45);
    height: calc(100vw * 0.45);
  }

  .circle-1 .orange-circle-image {
    height: calc(100vw * 0.8);
    position: relative;
    top: 70%;
    left: 43%;
}

  .ft-icon-7 {
      right: -20px;
      bottom: 35%;
      width:100px;
  }


}

@media (max-width:650px) {
  .cf-circle-container {
    bottom:calc(-85vw * 0.55);
  }
  .ft-icon-7 {
      z-index:-1;
  }

  .ft-icon-5, .ft-icon-6, .ft-icon-7 {
    width:100px;
  }

  .ft-icon-6 {
    top:0;
    right: calc(-100vw * 0.4);
  }

  .ft-icon-7 {
      right: -20px;
      bottom: 29%;
  }

  .circle-1 .orange-circle-image {
    height: calc(100vw * 0.90);
    position: relative;
    top: 67%;
    left: 44%;
}

}

@media (max-width:540px) {

  .ft-icon-7 {
      right: -20px;
      bottom: 32%;
  }

  .main-content-section-4 .inner-content-6 {
    top:50px;
  }

  .main-content-section-3 .right-content {
    padding-top:0px;

  }
  .main-content-section-1 .inner-content-1 > div {
    padding-top: 30px;
    position: relative;
    top: -33px;
  }

  img.icon1 {
    max-width:50px;
  }

  img.icon2 {
      max-width:50px;
  }

  img.icon3 {
    max-width:60px;
  }

  img.icon4 {
    max-width:100px;

  }

  .ft-icon-4 {
    left:-45px;
    top:42px;
  }

  .circle-1 .orange-circle-image {
    left:28%;
  }

  .main-content-section-1 .inner-content-1 > .right-content {
    left: -20px;
  }

  .ft-icon-2 {
    top: -100px;
    right: 10px;
    left:unset;
  }

  .ft-icon-3 {
    bottom:-10px;
    right:-10px;
    left:unset;
  }

  .circle-1 {
    width: 176px;
    height: 176px;
  }

  .circle-1 .orange-circle-image {
    width: 225px;
    top: 155px;
    height: auto;
  }

  .main-content-section-1 .inner-content-1 {
    min-height: 500px;
    padding-bottom:200px;
  }

  .cf-circle-container {
    bottom:calc(-100vw * 0.55);
    padding-left:20px;
    padding-right:0px;
  }
  .circle-4 .circle-img-boy-and-grandma {
    width:185%;
    right:unset;
  }

  .circle-4 {
    width: calc(100vw * 0.50);
    height: calc(100vw * 0.50);
  }

  .circle-2 {
    width: 500px;
    height: 500px;
    position: relative;
    left: -10%;
  }
  .circle-3 {
    width:250px;
    height:250px;
  }

}

@media (max-width:421px){
  .circle-2 {
    width: 415px;
    height: 415px;
    transform: translate( -50%);
    left: 50%;
  }

  .ft-icon-7 {
      right: -20px;
      bottom: 36%;
  }


  .main-content-section-3 .right-content {
    padding-bottom:340px;
  }

  .cf-circle-container {
    bottom: calc(-100vw * 0.8);
  }

  .circle-4 .circle-img-boy-and-grandma {

  }
}

@media (max-width:400px) {


  .main-content-section-3 .right-content {
    padding-bottom:340px;
  }


  .cf-circle-container {
    bottom: calc(-100vw * 0.95);
  }


}

@media (max-width:360px) {
  .cf-circle-container {
    bottom: calc(-100vw * 1.1);
  }
}

@media (max-width:350px) {
  .cf-circle-container {
    bottom: calc(-100vw * 1.8);
    left:0;
  }



}

/******************* END CHILDRENS FUND ****************/


a {
  color: #00376e;
}

a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
}

.frame-default {
  width:100%;
}

.frame-default {
  margin-bottom: 40px;
}

.frame-default header {
  margin-bottom: 25px;
}

.frame-space-after-small {
  margin-bottom: 8px;
}

.frame-space-after-small header {
  margin-bottom: 8px;
}

/**********************global NAV**************************/
span.text-lblue {
  color: #0091b2;
}

span.text-dblue {
  color: #00376e;
}

.myaccess-menu-wrapper {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
}



/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
/* md */
@media (min-width: 768px) {
  .contact-inner {
    padding-top: 13px;
  }



  .mobile-location-selector {
    display: none;
  }

  .mobile-featured-product {
    display: none;
  }

  .myaccess-bottom-nav .location-selector, .mobile-location-selector {
    padding-left: 15px;
  }

  .socials {
    height: 140px;
    line-height: 150px;
    /* @TODO remove dependency on line-height */
  }


}

/* Large devices (desktops, 992px and up) */
/* lg */
@media (min-width: 992px) {
  nav.navbar.no-padding {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
/* xl */
@media (min-width: 1281px) {
  .featured-product-inner {
    max-width: 397px;
  }
  .myaccess-bottom-nav .location-selector, .myaccess-top-nav>ul {
    padding-left: 0px;
  }

  .myaccess-menu-search {
    margin-right: 41px;
  }
}



/****** RESPONSIVE desktop first ***********/
@media (max-width: 1199px) {
  .content-banner .row:first-of-type h1 {
    font-size: 52px
  }

  .content-banner .row:first-of-type h2 {}
}

@media (min-width:992px) and (max-width:1199px) {
  h1 {
    font-size: 58px;
  }
}

@media (max-width: 991px) {
  .myaccess-top-nav>ul, .menu-logo a, .myaccess-bottom-nav .location-selector, .mobile-location-selector {
    margin-left: 24px;
  }

  .myaccess-bottom-nav .location-selector {
    padding-left: 0px;
  }

  .main-content>div, .content-banner>.default-inner-content>div {
    padding-left: 15px;
    padding-right: 15px;
  }

   .default-inner-content>div {
    padding-left: 0px;
    padding-right: 0px;
  }


  .socials .icons a {
    padding: 3px;
    margin: 3px;
  }

  .myaccess-top-nav .inline-static-link a {
    min-width: 88px;
    font-size: 15px;
  }

  .myaccess-middle-nav ul li {
    margin-right: 15px;
  }

  .myaccess-middle-nav ul li a {
    font-size: 24px;
  }

  .myaccess-middle-nav ul {
    margin-left: 15px;
  }

  .myaccess-menu-search {
    position: relative;
  }

  .myaccess-menu-tab-title {
    font-size: 32px;
  }

  .tab-category li:first-of-type .menu-cat-item {
    font-size: 20px;
  }

  .tab-category li:not(:first-of-type) .menu-cat-item {
    font-size: 16px;
  }

  .featured-product-inner {
    width: auto;
  }

  .category-menu-close {
    right: 0px;
    top: 5px;
  }

  .featured-caption {
    font-size: 24px;
    line-height: 1.2;
  }

  /* MIDDLE NAV RESPONSIVE*/
  .myaccess-middle-nav ul.flat-nav li a {
    font-size: 20px;
    position: relative;
  }

  .myaccess-middle-nav ul.flat-nav li {
    margin-right: 15px;
  }



  .flat-nav .flat-nav-item:first-of-type a::before {
    height: 25px;
    bottom: 41px;
    left: -7px;
  }

  .flat-nav .flat-nav-item:not(:first-of-type) a::before {
    bottom: 43px;
  }

  .myaccess-top-nav ul li a, .myaccess-top-nav .inline-static-link a {
    letter-spacing: -0.52px;
  }

  .myaccess-top-nav .inline-static-link a {
    padding-left: 3px;
    padding-right: 3px;
  }
  /*
  .myaccess-top-nav ul li a div {
    padding-left: 13px;
    padding-right: 13px;
  }*/
}

@media (max-width: 767px) {
  a.button.button-primary-dark-yellow-text {
    font-size: 16px;
  }

  a.button.button-primary-dark-yellow-text:after {
    font-size: 1.55rem;
  }


  .logo-address {
    width: 100%;
  }

  .copyright>div {
    text-align: left !important;
    padding-left: 12.5px;
    padding-top: 8px;
  }

  .mobile-location-selector {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.23px;
    font-weight: 400;
    font-family: Barlow;
    margin-left: 0px;
  }

  .mobile-location-selector .current-location {
    letter-spacing: normal;
    font-weight: 600;
  }

  .mobile-location-selector .update-location-modal-btn {
    font-weight: 600;
    letter-spacing: -0.21px;
    line-height: 17px;
    font-size: 14px;
    margin-left: 9px;
  }

  .main-content .ce-gallery .ce-row .ce-column {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 50%;
  }

  .main-content .ce-gallery .ce-row .ce-column figure.image {
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
  }

  .main-content .ce-gallery .ce-row .ce-column .image-caption {
    width: 100%;
    display: block;
    margin-bottom: 25px;
  }

  h2 {
    font-size: 28px;
  }

  /* overrides */
  .dce.hero-image .hero-text p span {
    letter-spacing: -0.48px !important;
    font-size: 19px !important;
  }

  .dce.hero-image .hero-text p span {
    letter-spacing: -0.48px !important;
    font-size: 19px !important;
  }

  .content-banner .row:first-of-type h1 {
    font-size: 42px !important;
  }

   .main-content .frame-type-shortcut.frame-layout-1 .row {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }

   .main-content p {
    margin-block-start: 1em;
    margin-block-end: 1em;
  }
}

@media (max-width: 575px) {
  .main-content>div, .content-banner>.default-inner-content>div {
    padding-left: 10px;
    padding-right: 10px;
  }

   .default-inner-content>div {
    padding-left: 0px;
    padding-right: 0px;
  }

  .contact {
    height: 144px;
  }

  .contact span {
    white-space: nowrap;
    line-height: 1.19;
    font-size: 16px;
    margin-bottom: 8px;
  }

  .contact span:first-of-type {
    margin-bottom: 18px;
    line-height: 1.18;
    font-size: 22px;
    margin-top: 21px;
  }

  .socials {
    height: 65px;
  }

  .socials .icons a {
    padding-left: 0px;
    margin-left: 0px;
  }
}

@media (min-width:1950px) {

  .default-inner-content {
    padding-left:350px;
    padding-right:350px;
  }



  /* home page ?? */
  .main-content>div, .content-banner>.default-inner-content>div {
    padding-left: 0px;
    padding-right: 0px;
  }

  .content-banner .default-inner-content>div {
    max-width: 1850px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
  }

  .main-content>.row.row-layout-0 {
    max-width: 1850px;
    margin-left: auto;
    margin-right: auto;
  }

  .main-content .row.row-layout-1>div {
    max-width: 1850px;
    margin-left: auto;
    margin-right: auto;
  }

  .main-content .frame.frame-default.frame-type-textmedia.frame-layout-0, .main-content .frame.frame-default.frame-type-list.frame-layout-0 {
    width: 100%;
    max-width: 1850px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .main-content .frame.frame-default.frame-type-list.frame-layout-0 .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }



  .main-content > div, .content-banner> .default-inner-content > div {
    width: 100%;
    max-width: 1850px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width:1200px) and (max-width:1350px) {
  .dce-overlay-div p.description-text {
    line-height: 1.1;
  }
}

@media (min-width: 992px) and (max-width:1280px) {
  .dce-overlay-div p.header-text {
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 3%;
    line-height: 1;
    font-size: 24px;
  }

  .dce-overlay-div p.description-text {
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 3%;
    line-height: 1;
    font-size: 18px;
  }
}

@media (min-width:768px) and (max-width:1300px) {
  .tab-category li:not(:first-of-type) {
    margin-bottom: 12px;
  }

  .inner-left-col ul li {
    width: 160px;
  }

  .myaccess-menu-tab-inner .product-img-wrapper {
    height: auto;
    min-height: initial;
  }
}

@media (min-width:768px) and (max-width:890px) {
  .inner-left-col .tab-category {
    padding-left: 0px;
    width: 150px;
  }

  .inner-left-col ul li {
    min-width: 150px;
  }
}

@media (min-width:1800px) {
  .myaccess-middle-nav ul.flat-nav {
    margin-left: 40px;
  }

  .myaccess-middle-nav ul.flat-nav li {
    margin-right: 25px;
  }

  .flat-nav .flat-nav-item:first-of-type a::before {
    left: -10px;
  }

  .flat-nav .flat-nav-item:not(:first-of-type) a::before {
    left: -11px;
  }

  .tab-category {
    padding-right: 10px;
  }
}

@media only screen and (max-width: 640px) and (min-width: 1px) {
  section.location ul.location-selector li {
    width: 50%;
  }
}

section.wireless-coveragemap #map_canvas {
  width: 100%;
  height: 600px;
}

section.wireless-coveragemap #search-panel {
  margin-bottom: 15px;
}

section.wireless-coveragemap #coverage-note {
  margin-top: 15px;
  font-size: 12px;
}

@media only screen and (min-width: 1px) and (max-width: 640px) {
  section.wireless-coveragemap #map_canvas {
    height: 300px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1179px) {
  section.wireless-coveragemap #map_canvas {
    height: 400px;
  }
}


.main-content-section-1 p, .main-content-section-2 p, .main-content-section-3 p, .main-content-section-4 p {
    position: relative;
    right: -0.2%;
}