:focus {
    outline: black auto 2px;
}

.img-width{
  width: 500px;
}

h1, h2, h3, h4, h5 {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  font-weight: inherit
}

.underline {
  text-decoration: underline;
}

.smaller-head{
  font-size: 70%;
  letter-spacing: -3px;
  line-height: 80%;
}

.card{
  border:none!important
}

.smaller-text{
  font-size:80%
}

.smaller-text-head{
  font-size:60%;
  letter-spacing: -3px;
}

.header-mob {
  background: #333 url(/images/home-banner.png);
  background-size: 170%;
  background-position: top 0px right;
  background-repeat: no-repeat;
}

.video-border {
  border-top: 13px solid #ec5d87;
}

.middle {
  display: block;
  margin: 0 auto;
}

.pad {
  padding: 5px;
}

p {
  font-family: "roboto-slab";
  font-weight: 300;
}

a {
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: #ffd800;
}

.btn:enabled:hover{
  color: #ffd800!important;
  text-decoration: none;
  background-color: #af1870
}

.btn:disabled:hover{
    color: white;
}

@font-face {
  font-family: 'theidol Helvetica';
  src: url('/fonts/HelveticaNeueLTStd-Blk.woff2') format('woff2'),
      url('/fonts/HelveticaNeueLTStd-Blk.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

.hel {
  font-family: 'theidol Helvetica';
  font-size: 2.5rem;
  letter-spacing: -2.5px;
  line-height: 3rem;
}

p.par-text.new-size {
  font-size: 2rem;
  line-height: 2.8rem;
}

.no-p-l {
  padding-left: 0px;
}

a.text-underline {
  text-decoration: underline;
}

.social-size {
  width: 15%;
}

.margin-70{
  margin-top: 70px
}

.log-size {
  width: 65%;
}

.log-size-legal {
  width: 45%;
}

.ind-log-size {
  width: 75%;
}

.lg-size {
  width: 40%;
}

.robot {
  font-family: "roboto-slab";
  font-weight: 300;
}

.border-con{
  border-bottom: 1px solid #d6d6d6;
}

.fonts {
  font-family: 'theidol Helvetica';
  font-weight: 900;
  font-size: 1.2rem;
  letter-spacing: -1px;
}

.font-hel {
  font-family: 'theidol Helvetica';
  font-weight: 900;
  font-style: normal;
}

.cross {
  position: relative;
  display: inline-block;
}
.cross::before, .cross::after {
  content: '';
  width: 100%;
  position: absolute;
  right: 0;
  top: 55%;
}
.cross::before {
  border-bottom: 8px solid #ffffffa6;
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
}
.cross::after {
  border-bottom: 8px solid #ffffffa6;
  -webkit-transform: skewY(10deg);
  transform: skewY(10deg);
}

.under {
  text-decoration: yellow line-through wavy;
}

.under-2{
  text-decoration: yellow underline wavy;
  text-underline-position: inherit;
  line-height: 200px
}

.bolder-text {
  font-size: 2rem;
  line-height: 2.7rem;
  color: #ec5d87;
}

h6{
  font-family: 'theidol Helvetica';
  font-weight: 900;
  font-style: normal;
  font-size: 1.1rem
}

.discuss {
  font-size: 3rem;
  line-height: 3rem;
  letter-spacing: -3px;
  font-family: 'theidol Helvetica'; 
}

.map-responsive{
  overflow:hidden;
  position:relative;
}

.con {
  font-size: 1.1rem;
  line-height: 1.5rem;
  letter-spacing: -0.5px;
  color: white;
}

.margin-back {
  margin-top: -100px;
}

.hr-2 {
  border: none;
  border-left: 1px solid hsl(342, 79%, 65%);
  height: 80px;
  width: 1px;
}

.fixed-top {
  transition: background-color 400ms linear;
}

.bg-light {
  background-color: #ffffff !important;
}

.no-top-gutter{
  padding-top: 0px!important
}

.no-bottom-gutter{
  padding-bottom: 0px
}


header.header__top{
  height: 100vh
}

.header--home .header__bottom:before {
  padding-top: 32.5%;
}
.header__bottom:before {
  content: '';
  padding-top: 40%;
  width: 100%;
  display: block;
}

.header--home .header__top:before, .header--ticker .header__top:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 55%;
}

.header--home .header__top, .header--ticker .header__top {
  -webkit-clip-path: none;
  clip-path: none;
}

.header__top {
  z-index: 10;
}
.header, .header__top, .header_sub, .header_top_sub {
  position: relative;
  z-index: 50;
}

.header__bottom {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 15;
  height: 100%;
  width: 100%;

  overflow: hidden;
}

.header__bottom_sub {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 15;
  height: 100%;
  width: 100%;
  
  overflow: hidden;
}

.no-top-gutter-2{
  padding-top: 0px
}

.header__hero-title {
  position: absolute;
  top: 110px;
  left: 0;
  animation: 400ms ease-in both fadeIn;
}

.header__hero-title-sub {
  position: absolute;
  top: 30px;
  left: 0;
  animation: 400ms ease-in both fadeIn;
}

.header__hero-title-2 {
  position: absolute;
  top: 210px;
  left: 37%;
  animation: 400ms ease-in both fadeIn;
}

.header__image-wrapper, .header__video-wrapper, .header__video-wrapper-sub {
  position: absolute;
  top: 0;
  width: 100%;
}

.header__video {
  object-fit: cover;
}
.header__image, .header__video {
  width: 100%;
  position: relative;
  z-index: 0;
  animation: 400ms ease-in both fadeIn;
}

body section {
  padding-top: 70px;
  padding-bottom: 70px;
}

.no-gutters {
  padding-left: 0px;
  padding-right: 0px
}

.navbar {
  padding: 0;
}

.arrow-down{
  margin-top: 150px
}

header nav.navbar .navbar-brand img {
  max-width: 180px;
  width: 100%;
  height: 48px;
}

.bg-new {
  background-color: #4b4b4bf0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bg-new {
    background-color: #4b4b4b;
  }
  header nav.navbar .navbar-brand img{
    height: auto;
    width: auto
  }
  .downArrow{
    display: none
  }
}
@supports (-ms-ime-align: auto) {
  .bg-new {
    background-color: #4b4b4b;
  }
}

.navbar .navbar-nav li a.nav-link {
  color: #f3f3f3;
  padding: 22px;
  display: block;
  font-family: 'theidol Helvetica';
  transition: all .2s ease-in-out;
  font-size: 1.2rem;
  text-align: left;
  border-top: 0;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
  color: white;
}

.navbar-light .navbar-toggler-icon {
  background-image: none;
}

.nav-link:hover, .nav-link:focus {
  /* color: #adadad!important; */
  /* text-decoration: underline; */
  /* border-bottom: 2px solid white; */
  background-color: white;
  color: #4b4b4b !important;
}

.custom-toggler {
  background-image: url(/images/white-burger.svg);
  background-repeat: no-repeat;
  border: none;
  width: 33px;
  margin-right: 12px;
  margin-top: 10px;
}

.rotate {
  width: 150px;
  height: 80px;
  color: white;
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari 3-8 */
  transform: rotate(90deg);
}

img.rotate-2 {
  width: 20px;
  /* height: 80px; */
  color: white;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(270deg);
  margin-left: 10px;
}

.small{
  font-size: 1rem;
}

.foot-text {
  font-size: 0.95rem;
}

.shapes {
  background-image: url(/images/home-banner.png);
  background-size: 100%;
  background-position: top -240px right;
  height: 100%;
  background-repeat: no-repeat;
  /* position: absolute; */
  /* top: -20px; */
  /* width: 100%; */
}

.w-structures {
  width: 80%;
}


.sub-shapes, .services-shapes, .vid-shapes  {
  background-image: url(/images/3d-banner.svg);
  background-position: top -5px right;
  background-repeat: no-repeat;
  /* background-color: #1261a5; */
  height: 540px;
}

.sub-shapes-join {
  background-image: url(/images/3d-banner.svg), url(/images/3d-banner-2.svg);
  background-position: top -95px right -360px, top -200px left -200px;
  background-repeat: no-repeat, no-repeat;
  background-size: 50%, 25%;
}

.contact-shapes {
  background-image: url(/images/contact-shape.png);
  background-size: cover;
  background-position: top -249px left;
  background-repeat: no-repeat;
  /* background-color: #1261a5; */
  height: 540px;
}


.join-shapes {
  background-image: url(/images/join-shape.png);
  background-size: cover;
  background-position: top -369px left;
  background-repeat: no-repeat;
  /* background-color: #1261a5; */
  height: 800px;
}

.work-shapes {
  background-image: url(/images/work-shape.png);
  background-size: 2030px;
  background-position: top -480px left;
  background-repeat: no-repeat;
  /* background-color: #1261a5; */
  height: 540px;
}

.banner-text {
  font-family: 'theidol Helvetica';
  font-weight: 900;
  font-style: normal;
  letter-spacing: -15px;
  font-size: 12rem;
  line-height: 11.5rem;
  top: 55px;
  /* padding-bottom: 30px; */
  color: white;
}

.banner-text-sub, .banner-vid {
  font-family: 'theidol Helvetica';
  font-weight: 900;
  font-style: normal;
  letter-spacing: -13px;
  font-size: 10rem;
  line-height: 9.5rem;
  top: 55px;
  padding-left: 30px;
  padding-top: 20px
}

.banner-text-join {
  letter-spacing: -7px;
  font-size: 7rem;
  line-height: 6rem;
  font-family: 'theidol Helvetica';
  font-weight: 900;
  font-style: normal;
}

.banner-low-text {
  top: 95px;
  font-size: 2.2rem;
  font-family: "roboto-slab";
  font-weight: 300;
  color: white;
}

.banner-low-text-2 {
  top: 55px;
  font-size: 1.5rem;
  font-family: "roboto-slab";
  font-weight: 300;
  color: white;
}
.new-header, .new-header-2 {
  font-family: 'theidol Helvetica';
  font-weight: 900;
  font-style: normal;
  font-size: 3.9rem;
  line-height: 4rem;
  /* top: 26px; */
  color: #4b4b4b;
  letter-spacing: -5px;
}

.par-text, .par-text-2 {
  font-size: 1.5rem;
  font-family: "roboto-slab";
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 2rem;
}

.new-header-mag, .new-header-about {
  font-family: 'theidol Helvetica';
  font-weight: 900;
  font-style: normal;
  font-size: 7.5rem;
  line-height: 7.5rem;
  /* top: 26px; */
  color: #ec5d87;
  letter-spacing: -8px;
}

.bg-light-g{
  background-color: #f2f2f285
}

.bg-mag {
  background-color: #ec5d87;
}

.bg-grey {
  background-color: #4b4b4b
}

.bg-black {
    background-color:black;
}

.bg-yell {
  background-color: #ffd800
}

.bg-blu {
  background-color: #009dd3
}

.bg-d-blu {
  background-color: #1261a5
}

.bg-orange {
  background-color: #f39200
}

.bg-purple {
  background-color: #af1870
}

.bg-grey-services {
  background-color: #af1870;
  background-image: url(/images/grey-3d-bg-l.png);
  background-position: top right;
  background-repeat: no-repeat;
}

.bg-yellow {
  background-color: #ffd800;
  background-image: url(/images/scribble-person.jpg);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: top -100px right;
}

.bg-yellow-about {
  background-color: #ffd800;
  background-image: url(/images/orange-shapes.svg), url(/images/orange-shapes.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: top -22% right -60%, top 103% left -60%;
  background-size: 900px, 900px;
}

.bg-yellow-services {
  background-color: #ffd800;
  background-image: url(/images/3d-shapes-right.svg), url(/images/3d-shapes-left.svg) ;
  background-repeat: no-repeat, no-repeat;
  background-position: top right -30%, top left -30%;
}

.bg-yellow-sub {
  background-color: #1261a5;
  background-image: url(/images/about-us-image.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right -100px;
}

.bg-contact {
  background-color: #1261a5;
  background-image: url(/images/contact-image.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right -100px;
}

.bg-ctm {
  background-color: #d5547a;
  background-image: url(/images/work/ctm.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

.bg-annuity {
  background-color: #d5547a;
  background-image: url(/images/work/annuity.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

.bg-compare {
  background-color: #008ebe;
  background-image: url(/images/work/gocompare.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

.bg-uswitch {
  background-color: #e6c300;
  background-image: url(/images/work/uswitch.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}

.bg-pmp {
  background-color: #e6c300;
  background-image: url(/images/work/pmp.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}

.bg-confused {
  background-color: #e6c300;
  background-image: url(/images/work/confused.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}

.bg-compare-cover {
  background-color: #008ebe;
  background-image: url(/images/work/compare-cover.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}


.bg-money {
  background-color: #008ebe;
  background-image: url(/images/work/money.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

.bg-legal {
  background-color: #db8400;
  background-image: url(/images/work/legal.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}

.bg-blue {
  background-color: #009dd3;
  background-image: url(/images/idol-screen.png),url(/images/3d-shapes.png);
  background-repeat: no-repeat, no-repeat;
  background-size: 53%, 23%;
  background-position: top left, right;
}

.btn-mag {
  color: #fff;
  background-color: #ec5d87;
  border-radius: 0px;
  padding: 20px;
  font-size: 1.4rem;
  font-family: "roboto-slab";
  font-weight: 300;
}

.btn-mag-2 {
  color: #fff;
  background-color: #ec5d87;
  border-radius: 0px;
  padding: 20px;
  font-size: 1.2rem;
  font-family: "roboto-slab";
  font-weight: 300;
}

.btn-grey {
  color: #fff;
  background-color: #4b4b4b;
  border-radius: 0px;
  padding: 20px;
  font-size: 1.4rem;
  font-family: "roboto-slab";
  font-weight: 300;
}

.txt-col-grey{
  color: #4b4b4b!important
}
.txt-col-dblue{
  color: #1261a5!important
}
.txt-col-blue{
  color: #009dd3!important
}
.txt-col-mag{
  color: #ec5d87!important
}
.txt-col-dpink{
  color: #cc00b1!important
}
.txt-col-white{
  color: #ffffff!important
}
.txt-col-yellow{
  color: #f7d70e!important
}
.txt-col-purple{
  color: #af1870!important
}
.txt-col-orange{
  color: #f39200!important
}


.downArrow {
  position: fixed;
  bottom: 76%;
  /* top: 50%; */
  right: 12%;
}

.numberCircle {
  border-radius: 50%;
  width: 17px;
  height: 17px;
  background: #ff3333;
  color: #ffffff;
  text-align: center;
  /* font-family: 'theidol Helvetica'; */
  /* font-weight: 900; */
  /* font-style: normal; */
  font-size: 0.7rem;
}

.number-1 {
  width: 17px;
  margin-left: 4px
}

.number-2 {
  width: 30px;
  margin-top: -30px;
}

@media (min-width: 1510px) and (max-width: 1785px) {

  .sub-shapes {
    height: 670px!important;
  }

  .bg-yellow-about {
    background-position: top -42% right -70%, top 119% left -73%;
}


}


@media (min-width: 1199px) and (max-width: 1785px) {

  .bg-yellow-about {
    background-position: top -42% right -110%, top 119% left -123%;
}

  .no-top-gutter-2 {
    padding-top: 50px;
  }
  
  .join-shapes {
    background-size: 1790px;
    background-position: top -239px left;
  }

  .bg-yellow-sub {
    background-position: top right -200px;
  }

  .banner-text {
    letter-spacing: -10px;
    font-size: 9.5rem;
    line-height: 9.5rem;
    top: 30px;
    /* padding-bottom: 30px; */
  }

  .banner-text-sub, .banner-vid {
    letter-spacing: -10px;
    font-size: 8.5rem;
    line-height: 8.5rem;
    top: 160px;
  }



  .sub-shapes {
    background-image: url(/images/3d-banner.svg);
    background-position: top -63px right -160px;
    background-size: 69%;
    background-repeat: no-repeat;
    /* background-color: #1261a5; */
    height: 540px;
}

  .banner-low-text {
    top: 55px;
    font-size: 1.9rem;
  }

  .bg-yellow {
    background-color: #ffd800;
    background-image: url(/images/scribble-person.jpg);
    background-repeat: no-repeat;
    background-size: 650px;
    background-position: top -30px right -170px;
  }

}

@media (min-width: 1200px) and (max-width: 1380px) {

  .bg-yellow-about {
    background-image: none;
  }


  .bg-grey-services {
    background-image: url(/images/grey-3d-bg.png);
  }

}

@media (max-width: 1200px) {

  .bg-yellow-about {
    background-image: none;
}


  .log-size {
    width: 45%;
}

  .bg-annuity, .bg-confused, .bg-compare, .bg-ctm, .bg-legal, .bg-money, .bg-compare-cover, .bg-pmp, .bg-uswitch {
    background-color: #009dd340;
    background-image: none;
}

  .log-size-legal {
    width: 32%;
  }

  .ind-log-size {
    width: 55%;
  }

  .log-size-legal {
    width: 32%;
  }

  .bg-blue {
    background-image: none;
  }

  .bg-yellow-services {
    background-image: none;
  }

  .bg-grey-services {
    background-image: url(/images/grey-3d-bg.png);
  }


  .vid-shapes {
    background-image: url(/images/3d-banner.svg);
    background-position: top 0px right -200px;
    background-repeat: no-repeat;
    height: 540px;
  }

  .rotate {
    width: 150px;
    height: 80px;
    color: white;
    position: absolute;
    right: 50px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .bg-yellow-sub {
    background-color: #1261a5;
    background-image: url(/images/about-us-image-smaller.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right -100px;
  }

  
}


@media (max-width: 1120px) {


  .header__video-wrapper-sub {
    position: absolute;
    top: 0;
    width: 130%;
}

.header-sub {
  height: 740px;
}
  .downArrow {
    position: fixed;
    /* bottom: 76%; */
    top: 9%;
    left: 70%;
  }

  .rotate {
    top: -370px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

}


@media (max-width: 991px) {
  .navbar-collapse {
    background-color: #009dd3;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px -2px;
    border-top: #ffffff 1px solid;
  }

  .bg-contact {
    background-image: url(/images/contact-image-smaller.jpg);
  }

  .ctm-log-size {
    width: 90%;
  }

  .log-size-legal {
    width: 45%;
}

.ind-log-size {
  width: 75%;
}

.sub-shapes-join {
  background-size: 65%, 25%;
  background-position: top -5px right -140px, top -200px left -200px;
}

}

@media (min-width: 768px) and (max-width: 991px){

  .benefits-logo {
    width: 36%;
}



  .bg-yellow {
    background-color: #ffd800;
    background-image: none;
    background-repeat: no-repeat;
    background-image: url(/images/scribble-person-flipped.jpg)!important;
    background-size: 730px!important;
    background-position: top -20px left 0px!important;
  }

  .log-size {
    width: 45%;
}

  .new-header-about {
    font-family: 'theidol Helvetica';
    font-weight: 900;
    font-style: normal;
    font-size: 7.5rem;
    line-height: 7.5rem;
    /* top: 26px; */
    color: #ec5d87;
    letter-spacing: -8px;
  }

  .new-header-mag {
    font-family: 'theidol Helvetica';
    font-weight: 900;
    font-style: normal;
    font-size: 7.5rem;
    line-height: 7.5rem;
    /* top: 26px; */
    color: #ec5d87;
    letter-spacing: -8px;
  }

  .margin-back {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {

  .services-shapes {
    height: 690px!important;
    background-position: top 0px right -300px;
    background-size: 80%;
}

.sub-shapes-join {
  background-image: url(/images/3d-banner.svg), url(/images/3d-banner-2.svg);
  background-position: top -95px right -210px, top -200px left -200px;
  background-repeat: no-repeat, no-repeat;
  background-size: 50%, 25%;
}

}



@media (min-width: 1025px) and (max-width: 1280px) {

  .bg-yellow-services {
    background-image: none;
  }

  .sub-shapes {
    background-image: url(/images/3d-banner.svg);
    background-position: top -5px right -238px;
    background-size: 70%;
    background-repeat: no-repeat;
    /* background-color: #1261a5; */
    height: 540px;
  }

  .sub-shapes-join {
    background-image: url(/images/3d-banner.svg), url(/images/3d-banner-2.svg);
    background-position: top -95px right -300px, top -200px left -200px;
    background-repeat: no-repeat, no-repeat;
    background-size: 60%, 0%;
}

  .services-shapes, .vid-shapes {
    background-image: url(/images/3d-banner.svg);
    background-position: top 0px right -238px;
    background-size: 80%;
    background-repeat: no-repeat;
    /* background-color: #1261a5; */
    height: 580px;
}

  .banner-text-sub, .banner-vid {
    letter-spacing: -10px;
    font-size: 8rem;
    line-height: 8rem;
    top: 180px;
}

.banner-text-join {
  letter-spacing: -7px;
  font-size: 7rem;
  line-height: 6rem;
}

  .no-top-gutter-2 {
    padding-top: 100px;
  }

    .top {
      margin-top: 480px;
    }

      .join-shapes {
        background-size: 1300px;
        background-position: top -19px left;
    }

    .par-text {
      font-family: "roboto-slab";
      font-weight: 300;
      letter-spacing: 0px;
      margin-bottom: 10px;
    }

    .bg-yellow-sub {
      background-position: top right -380px;
    }

   .new-header-about {
    font-size: 5.5rem;
    line-height: 5rem;
    letter-spacing: -8px;
    }

  .bg-yellow {
    background-color: #ffd800;
    background-image: none;
    background-repeat: no-repeat;
    background-image: url(/images/scribble-person.jpg);
    background-size: 640px;
    background-position: top -20px right -280px;
  }

  .margin-back {
    margin-top: 0px;
  }

  .navbar-brand img {
  width: 77%;
  margin-top: 13px;
  margin-bottom: 10px;
  }

  .banner-low-text {
    top: 53px;
    font-size: 1.9rem;
  }


  .banner-text {
    letter-spacing: -10px;
    font-size: 9rem;
    line-height: 9rem;
    top: 30px;
    /* padding-bottom: 30px; */
  }

  .shapes {
    background-position: top -50px right;
  }

  .header__top {
    height: 800px;
  }

  .header__image-wrapper, .header__video-wrapper {
    top: 156px;
    
  }

}


@media (min-width: 768px) and (max-width: 1024px) {

  .sub-shapes, .services-shapes, .vid-shapes  {
    background-image: url(/images/3d-banner.svg);
    background-position: top -5px right -210px;
    background-size: 80%;
    background-repeat: no-repeat;
    /* background-color: #1261a5; */
    height: 650px;
}
  .top {
    margin-top: 480px;
  }

  .mob-width {
    width: 110px;
  }

    .join-shapes {
      background-size: 1300px;
      background-position: top -19px left;
  }

    .work-shapes {
      background-size: 1950px;
      background-position: top -340px left -240px;
      height: 650px;
  }

    .shapes {
      background-size: 123%;
      background-position: top -50px right;
  }


  .banner-text-sub, .banner-vid {
    letter-spacing: -8px;
    font-size: 8rem;
    line-height: 8rem;
    top: 290px;
  }
  .banner-text-join {
    letter-spacing: -8px;
    font-size: 6.5rem;
    line-height: 6rem;
}

  .banner-text {
    letter-spacing: -9px;
    font-size: 8.6rem;
    line-height: 8.5rem;
    top: 35px;
  }

  .header__image-wrapper, .header__video-wrapper  {
    position: absolute;
    top: 195px;
    left: -100px;
    width: 113%;
    /* transform: translateX(-50%) translateY(-50px) skewY(-11deg); */
  }

    .new-header {
      font-size: 4rem;
      line-height: 4rem;
      letter-spacing: -4px;
    }


    .banner-low-text {
      font-size: 1.9rem;
  }

  .header, .header__top {
    height: 870px;
  }

  .new-header-2 {
    font-size: 5.5rem;
    line-height: 6.2rem;
    letter-spacing: -5px;
    /* padding: 20px; */
  }
  .bg-blue {
    background-size: 103%;
  }

  .bg-yellow {
    background-color: #ffd800;
    background-image: none;
    background-repeat: no-repeat;
    background-image: url(/images/scribble-person.jpg);
    background-size: 640px;
    background-position: top -20px right -350px;
  }

}

@media (min-width: 768px) and (max-width: 890px) {

  .log-size {
    width: 45%;
}
  
  .shapes {
    background-size: 167%;
    background-position: top 0px left -280px;
  }

    .header__image-wrapper, .header__video-wrapper  {
      top: 318px;
  }

  .banner-text-sub, .banner-vid {
    letter-spacing: -8px;
    font-size: 7rem;
    line-height: 7rem;
    top: 200px;
  }

  .banner-text-join{
    letter-spacing: -8px;
    font-size: 7rem;
    line-height: 7rem;
  }

  .sub-shapes  {
    background-image: url(/images/3d-banner.svg);
    background-position: top -25px right -210px;
    background-size: 80%;
    background-repeat: no-repeat;
    /* background-color: #1261a5; */
    height: 540px;
}
  .font-hel {
    font-size: 2.5rem;
    line-height: 2.5rem;
    letter-spacing: -3px;
  }

  .services-shapes, .vid-shapes {
    background-image: url(/images/3d-banner.svg);
    background-position: top 0px right -216px;
    background-size: 80%;
    background-repeat: no-repeat;
    /* background-color: #1261a5; */
    height: 570px;
  }

  .mob-width {
    width: 110px;
  }

  .top {
    margin-top: 480px;
  }

}

@media (max-width: 767px) {

  .ind-log-size {
    width: 40%;
  }

  .ctm-log-size {
    width: 60%;
  }

  .log-size-legal {
    width: 25%;
  }

  .mob-size {
    width: 9%;
}

.w-structures {
  width: 100%;
  margin: 0 auto;
  display:block
}


}



@media (min-width: 631px) and (max-width: 767px) {


  .bg-legal, .bg-compare {
    /* background-image: none; */
    background-size: 150%;
    background-position: top left 59%;
  }

  .mob-width {
    width: 110px;
  }

    .join-shapes {
      background-size: 1000px;
      background-position: top 0px left -70px;
  }

    .work-shapes {
      background-size: 1330px;
      background-position: top -40px right -370px;
      height: 640px;
  }

  .hr-2 {
    display: none
  }

  .banner-text-sub, .banner-vid {
    letter-spacing: -6px;
    font-size: 5rem;
    line-height: 5.5rem;
    top: 220px;
  }

  .banner-text-join{
    letter-spacing: -6px;
    font-size: 5rem;
    line-height: 5.5rem;
  }

  .sub-shapes {
    background-image: url(/images/3d-banner.svg);
    background-position: top -5px right -190px;
    background-size: 100%;
    background-repeat: no-repeat;
    /* background-color: #1261a5; */
    height: 540px;
}

  .services-shapes, .vid-shapes {
    background-image: url(/images/3d-banner.svg);
    background-position: top -5px right -180px;
    background-size: 90%;
    background-repeat: no-repeat;
    /* background-color: #1261a5; */
    height: 540px;
  }
  
  .font-hel {
    font-size: 2.5rem;
    line-height: 2.5rem;
    letter-spacing: -3px;
  }

  .bg-yellow {
    background-size: 590px;
    background-color: #ffd800;
    background-image: url(/images/scribble-person-flipped.jpg);
    background-repeat: no-repeat;
    background-position: top -100px left;
  }

  .shapes {
    background-size: 205%;
    background-position: top -90px right -325px;
    height: 740px;
  }

  .header__image-wrapper, .header__video-wrapper {
    position: absolute;
    top: 230px;
    left: 0%;
    width: 120%;
    /* transform: translateX(-50%) translateY(-50px) skewY(-11deg); */
  }

  .banner-text {
    letter-spacing: -5px;
    font-size: 6.5rem;
    line-height: 5.8rem;
    top: 40px;
  }

  .banner-low-text {
    top: 67px;
    font-size: 2rem;
  }

  .new-header, .new-header-2 {
    font-size: 3.2rem;
    line-height: 3.5rem;
    letter-spacing: -4px;
  }

  .new-header-about {
    font-size: 5.5rem;
    line-height: 5rem;
    letter-spacing: -8px;
  }

  .new-header-mag {
    font-size: 5.5rem;
    line-height: 5rem;
    letter-spacing: -8px;
  }

  .par-text-2 {
    font-size: 1.5rem;
    font-family: "roboto-slab";
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 2rem;
    padding: 17px;
  }

  .bg-blue {
    background-size: 150%;
  }

}


@media (min-width: 481px) and (max-width: 632px) {

  .mob-size {
    width: 10%;
}


  .bg-ctm, .bg-legal, .bg-compare, .bg-confused {
    background-image: none;
  }


  
  .mob-width {
    width: 110px;
  }

  .join-shapes {
    background-size: 1000px;
    background-position: top 0px left -220px;
  }

  .work-shapes {
    background-size: 1300px;
    background-position: top -120px right -420px;
    height: 580px;
  }


  .font-hel {
    font-size: 2.5rem;
    line-height: 2.5rem;
    letter-spacing: -3px;
  }
  
  .banner-text-sub, .banner-vid {
    letter-spacing: -4px;
    font-size: 4.5rem;
    line-height: 4.5rem;
    top: 230px;
}

.banner-text-join{
  letter-spacing: -4px;
    font-size: 4.5rem;
    line-height: 4.5rem;
}

  .banner-low-text {
    font-size: 1.8rem!important;
  }

  .hr-2 {
    display: none
  }

  .banner-text {
    letter-spacing: -4px!important;
    font-size: 5rem!important;
    line-height: 5rem!important;
  }

  .header, .header__top {
    height: 800px;
  }

  .header__image-wrapper, .header__video-wrapper {
    position: absolute;
    top: 180px;
    left: -40%;
    width: 170%;
    /* transform: translateX(-50%) translateY(-50px) skewY(-11deg); */
  }

  .shapes {
    background-size: 225%;
    background-position: top -90px right -325px;
    height: 800px;
  }

  .new-header, .new-header-2 {
    font-size: 3.2rem;
    line-height: 3.5rem;
    letter-spacing: -4px;
  }

  .new-header-about{
    font-size: 5.5rem;
    line-height: 5rem;
    letter-spacing: -8px;
  }

  .new-header-mag {
    font-size: 5.5rem;
    line-height: 5rem;
    letter-spacing: -8px;
  }

  .bg-yellow {
    background-color: #ffd800;
    background-image: none;
    margin-top: -70px;
    background-size: 450px;
    background-image: url(/images/scribble-person-flipped.jpg);
    background-position: top left;
  }

  .par-text-2 {
    font-size: 1.5rem;
    font-family: "roboto-slab";
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 2rem;
    padding: 17px;
  }

  .bg-blue {
    background-size: 150%;
  }

  .sub-shapes, .services-shapes {
    background-image: url(/images/3d-banner.svg);
    background-position: top -5px right -100px;
    background-size: 107%;
    background-repeat: no-repeat;
    /* background-color: #1261a5; */
    height: 470px;
}

.sub-shapes-join {
  background-size: 70%, 25%;
  background-position: top -5px right -140px, top -200px left -200px;
}

.vid-shapes {
  background-image: url(/images/3d-banner.svg);
  background-position: top -5px right -100px;
  background-size: 107%;
  background-repeat: no-repeat;
  /* background-color: #1261a5; */
  height: 500px;
}

}



@media (max-width: 480px) {

  .mob-size {
    width: 16%;
}



  .sub-shapes, .services-shapes  {
    background-position: top -39px right -170px;
    background-repeat: no-repeat;
    background-size: 124%;
    height: 330px;
  }

  .sub-shapes-join {
    background-size: 95%, 25%;
    background-position: top -5px right -140px, top -200px left -200px;
}

  .vid-shapes {
    background-position: top 0px right -140px;
    background-repeat: no-repeat;
    background-size: 127%;
    height: 350px;
}

  .banner-text-sub {
    letter-spacing: -3.5px;
    font-size: 3rem;
    line-height: 3rem;
    top: 140px;
    padding-left: 15px
  }

  .banner-text-join {
    letter-spacing: -2.5px;
    font-size: 2.7rem;
    line-height: 3rem;
  }


  .no-top-gutter-2 {
    padding-top: 100px;
  }

  .join-shapes {
    background-size: 1000px;
    background-position: top -100px left -320px;
  }

  .work-shapes {
    background-size: 1430px;
    background-position: top -200px left -540px;
    height: 450px;
  }

  .bg-yellow-sub {
    background-image: none;
  }


  .font-hel {
    font-size: 2.2rem!important;
    line-height: 2.2rem!important;
    letter-spacing: -2.5px!important;
  }
  

  .font-hel {
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: -2px;
  }

  .shapes {
    background-size: 288%;
    background-position: top -80px right -220px;
    height: 800px;
  }

  .hr-2 {
    display: none
  }

  .img-smaller {
    width: 80%!important;
  }

    @supports (-webkit-overflow-scrolling: touch) {
      .header__video-wrapper {
        position: absolute;
        width: 100%;
        top: 165px;
      }
    }
    
    @supports not (-webkit-overflow-scrolling: touch) {
      .header__video-wrapper  {
        position: absolute;
        left: -48%;
        width: 190%;
        top: 165px;
      }
    }

  .banner-text {
    letter-spacing: -5px;
    font-size: 4.1rem;
    line-height: 4rem;
    top: 48px;
    font-weight: 900;

  }

  .banner-low-text {
    top: 58px;
    font-size: 1.3rem;
  }

  .new-header, .new-header-2 {
    font-size: 2.8rem;
    line-height: 2.8rem;
    letter-spacing: -3px;
}

.new-header-about {
  font-size: 5rem;
  line-height: 5rem;
  letter-spacing: -8px;
}

  .new-header-mag {
    font-size: 5rem;
    line-height: 5rem;
    letter-spacing: -8px;
  }

  .bg-yellow {
    background-color: #ffd800;
    margin-top: -70px;
    background-image: url(/images/scribble-person-flipped.jpg);
    background-size: 310px;
    background-position: top left
  }

  .bg-blue {
    background-color: #009dd3;
    background-image: url(/images/idol-screen.png, /images/3d-shapes.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 99%, 100%;
    background-position: top left, right;
    margin-bottom:40px
  }

  .line-mob{
    line-height: 1.6rem
  }

  .mar-top {
    margin-top: 250px;
  }

  .mob-width {
    width: 110px;
  }

  .navbar-toggler:focus {
  outline:none !important;
  }

  .img-size{
    height: 200px;
    width: 400px;
    margin: 0 auto;
    display: block
  }

  .header__video-wrapper-sub {
    position: absolute;
    top: 0;
    width: 270%;
    left: -280px;
}

.banner-vid {
  letter-spacing: -3.5px;
  font-size: 3rem;
  line-height: 3rem;
  top: 340px;
  padding-left: 15px;
}

}


@media (max-width: 400px) {
  .banner-text {
    font-size: 3.6rem!important;
    top: 38px;
  }
}


@media (max-width: 330px) {


  .bg-yellow-sub {
    background-image: none;
  }

  .bg-yellow-sub {
    background-size: 132%;
}
  
  .img-gone {
    display: none
  }

  .font-hel {
    font-size: 2rem!important;
    line-height: 2rem!important;
    letter-spacing: -2px!important;
  }

  .header__image-wrapper, .header__video-wrapper {
    width: 210%;
    top: 120px;
  }

  .header__video-wrapper-sub {
    position: absolute;
    top: 0px;
    width: 320%;
    left: -390px;
}
  
  .hr-2 {
    display: none
  }

  .work-shapes {
    background-size: 1510px;
    background-position: top -130px right -810px;
    height: 460px;
}

  .banner-text {
      letter-spacing: -4px;
      font-size: 3.5rem;
      line-height: 3.5rem;
      top: 48px;
  }



  .new-header-mag, .new-header-about {
    font-size: 5rem;
    line-height: 5rem;
    letter-spacing: -8px;
  }

  .banner-low-text {
    top: 50px;
    font-size: 1.4rem;
  }

  .par-text, .par-text-2 {
    font-size: 1.2rem;
    font-family: "roboto-slab";
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 2rem;
    margin-top: 22px;
  }

  .new-header {
    font-size: 2.8rem;
    line-height: 2.8rem;
    letter-spacing: -4px;
  }

  .navbar-toggler:focus {

    outline:none !important;
    
  }

}

@media (max-width: 280px) {
  .par-text, .par-text-2 {
    font-size: 1rem;
    font-family: "roboto-slab";
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 2rem;
    margin-top: 22px;
  }

  .new-header {
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: -2px;
  }
}

.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -moz-transform: translateX(-20px);
    transform: translateX(-110px);
  }
  60% {
    -moz-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  60% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  60% {
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}


/* PROJECTS COUNTER */

.projectFactsWrap{
  display: flex;
margin-top: 30px;
flex-direction: row;
flex-wrap: wrap;
}


#projectFacts .fullWidth{
padding: 0;
}

.projectFactsWrap .item{
width: 25%;
height: 100%;
padding: 50px 0px;
text-align: center;
}

.projectFactsWrap .item:nth-child(1){
background: #009dd3;
}

.projectFactsWrap .item:nth-child(2){
background: #1261a5;
}

.projectFactsWrap .item:nth-child(3){
background: #ec5d87;
}

.projectFactsWrap .item:nth-child(4){
background: #f39200;
}

.projectFactsWrap .item p.number{
font-size: 40px;
padding: 0;
font-family: 'theidol Helvetica';
}

.projectFactsWrap .item p{
color: white;
font-size: 18px;
margin: 0;
padding: 10px;
font-family: "roboto-slab";
}


.projectFactsWrap .item span{
width: 60px;
background: white;
height: 2px;
display: block;
margin: 0 auto;
}


.projectFactsWrap .item i{
vertical-align: middle;
font-size: 50px;
color: white;
}


.projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p{
color: white;
}

.projectFactsWrap .item:hover span{
background: white;
}

@media (max-width: 786px){
.projectFactsWrap .item {
   flex: 0 0 50%;
}
}

@media (max-width: 420px) {
  .small-mail{
    font-size: 1.3rem
  }  
}

/* SHAPES ANIMATION */

.shapes-test {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  margin:-60px 0 0 -60px;
  -webkit-animation:spin 4s linear infinite;
  -moz-animation:spin 4s linear infinite;
  animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.was-validated .form-control:valid ~ .invalid-feedback,
.was-validated .form-control:valid ~ .invalid-tooltip,
.form-control.is-valid ~ .invalid-feedback,
.form-control.is-valid ~ .invalid-tooltip,
.was-validated .custom-select:valid ~ .invalid-feedback,
.was-validated .custom-select:valid ~ .invalid-tooltip,
.custom-select.is-valid ~ .invalid-feedback,
.custom-select.is-valid ~ .invalid-tooltip {
  display: none;
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.upload-area, .upload-area:focus, .upload-area:active {
    border:none;
    width:unset;
    display:unset;
    box-shadow:none !important;
}

.was-validated input.form-control.upload-area:invalid {
    color: #dc3545;
}

textarea#details {
    min-height: 200px;
}
.contact-form{
  background: #fff;
  margin-top: 10%;
  margin-bottom: 5%;
  width: 70%;
}
.contact-image img{
  border-radius: 6rem;
  width: 11%;
  margin-top: -3%;
  transform: rotate(29deg);
}
.contact-form form{
  padding: 14%;
}
.contact-form form .row{
  margin-bottom: -7%;
}
.contact-form h3{
  margin-bottom: 8%;
  margin-top: -10%;
  text-align: center;
  color: #0062cc;
}
.contact-form .btnContact {
  width: 50%;
  border: none;
  border-radius: 1rem;
  padding: 1.5%;
  background: #dc3545;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.btnContactSubmit
{
  width: 50%;
  border-radius: 1rem;
  padding: 1.5%;
  color: #fff;
  background-color: #0062cc;
  border: none;
  cursor: pointer;
}

.element {
  height: 150px;
  width: 150px;
  margin: 0 auto;
  animation-name: stretch;
  animation-duration: 10s; 
  animation-timing-function: ease-out; 
  animation-delay: 5;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

@keyframes stretch {
  0% {
    width: 150px;
    background-color: #009dd3;
    border-radius: 100%;
  }
  40% {
    width: 150px;
    background-color: #009dd3;
    border-radius: 100%;
  }
  50% {
    border-top-right-radius: 75px;
    border-bottom-right-radius: 75px;
    border-top-left-radius: 0%;
    border-bottom-left-radius: 0%;
    background-color: #1261a5;
    width: 150px;
  }
  60% {
    border-top-right-radius: 75px;
    border-bottom-right-radius: 75px;
    border-top-left-radius: 0%;
    border-bottom-left-radius: 0%;
    background-color: #1261a5;
    width: 150px;
  }
  70% {
    width: 75px;
    background-color: #ec5d87;
  }
  90% {
    width: 75px;
    background-color: #ec5d87;
  }
  100% {
    width: 75px;
    background-color: #ffd800;
  }
}
.trans{
  transform: scaleX(-1);
}
.trans-half{
  transform: scaleX(-0.5);
}



/* HEADER VIDEO CUSTOM STYLES */

@media (min-width: 1760px) and (max-width: 1920px) { 
  .no-top-gutter-2 {
    padding-top: 0px;
  }
}

@media (min-width: 1200px) and (max-width: 1280px) {
  .no-top-gutter-2 {
    padding-top: 30px;
  }
}

@media (min-width: 1786px) and (max-width: 1919px) {
  .no-top-gutter-2 {
    padding-top: 80px;
  }

}

@media (min-width: 1100px) and (max-width: 1150px) {
  .no-top-gutter-2 {
    padding-top: 70px;
  }
}

@media (min-width: 992px) and (max-width: 1099px) {
  .no-top-gutter-2 {
    padding-top: 40px;
  }
}

@media (min-width: 971px) and (max-width: 1024px) {
  .header, .header__top {
    height: 800px;
  }
}

@media (min-width: 891px) and (max-width: 970px) {
  .header, .header__top {
    height: 760px;
  }
}

@media (min-width: 811px) and (max-width: 860px) {
  .header, .header__top {
    height: 820px;
  }
}

@media (min-width: 768px) and (max-width: 810px) {
  .header, .header__top {
    height: 790px;
  }
}


@media (min-width: 715px) and (max-width: 767px) {
  .header, .header__top {
    height: 815px;
  }
}

@media (min-width: 590px) and (max-width: 632px) {
  .header, .header__top {
    height: 860px;
  }  
}

@media (min-width: 500px) and (max-width: 550px) {
  .header, .header__top {
    height: 760px;
  }  
}


@media (min-width: 481px) and (max-width: 499px) {
  .header, .header__top {
    height: 710px;
  }  
}

@media (min-width: 450px) and (max-width: 480px) {
  .header, .header__top {
    height: 610px;
  }  
}

@media (min-width: 400px) and (max-width: 449px) {
  .header, .header__top {
    height: 580px;
  }  
}

@media (min-width: 350px) and (max-width: 399px) {
  .header, .header__top {
    height: 520px;
  }  
}

@media (max-width: 349px) {
  .header, .header__top {
    height: 480px;
  }  

  .new-header, .new-header-2 {
    font-size: 2.3rem;
    line-height: 2rem;
    letter-spacing: -2px;
}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 
  
  .no-top-gutter-2 {
    padding-top: 0px;
  }

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) { 
  
  .no-top-gutter-2 {
    padding-top: 100px;
  }

}

/*
 * IE fixes
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ie-logo-fix {
        height:53px;
    }
    .ctm-log-size {
        height: 31px;
    }

    .nav.navbar.fixed-top {
      max-height: 100%;
      overflow-y: hidden;
  }
  .custom-toggler {
    background-image: none;
    width: auto;
    margin-top: 0px
}

}

/*
 * Navbar scroll fix
*/
nav.navbar.fixed-top {
    max-height: 100%;
    overflow-y: auto;
}
@media (min-width: 992px) {
    nav.navbar.fixed-top {
        overflow-y: visible;
    }
}

html, 
body {
    height: unset !important;
    scroll-padding-top: 250px;
}

/*
 * Accessibility fixes
*/

.btn {
    box-shadow: none;
}

.btn:focus, .btn.focus {
    box-shadow: 0 0 0 0.2rem #333;
}

.btn-grey:hover {
    color: lightgrey;
}