/* ============================================ */
/* TABLE OF CONTENTS */
/* ============================================ */

/*





*/

/* ONE OFF STYLES */

.airport-vertical .modal-dialog {
  max-width: 510px;
}

.lge-styleguide {
  display: none;
  position: relative;
  z-index: 2;
}

/* ============================================ */
/* GLOBAL */
/* ============================================ */


html, body {
  font-family: 'LGSmart', helvetica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}

a {
  text-decoration: underline;
  font-weight: 600;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
}

h1 {

}

h2 {

}

h3 {
  font-weight: 600;
  font-size: 1.2em;
}

h4 {
  font-weight: bold;
  font-size: .8em;
}

h5 {

}

h6 {
  font-size: 1em;
  font-weight: 300;
}

/* Link color variations */
.corporate-vertical a { color: #a50034; }
.retail-vertical a { color: #702076; }
.hospitality-vertical a { color: #f38a00; }
.qsr-vertical a { color: #fda3ba; }
.education-vertical a { color: #62a60a; }
.airport-vertical a { color: #CC007A; }
.solar-vertical a { color: #C3D500; }

.container {
  max-width: 1160px;
  width: 90%;
}

.lge-btn {
  font-size: 18px;
  font-weight: 600;
  padding: 0 20px;
  text-decoration: none;
  background-color: rgba(255,255,255, .8);
  border-width: 8px;
  border-style: solid;
  border-color: transparent rgba(255,255,255,.0) transparent rgba(255,255,255,.0);
  border-top-left-radius: 15px 100%;
  border-bottom-left-radius: 15px 100%;
  border-top-right-radius: 15px 100%;
  border-bottom-right-radius: 15px 100%;
}

.lge-btn.alt {
  background-color: #fff;
}

.corporate-vertical .lge-btn { color: #a50034; }
.retail-vertical .lge-btn { color: #702076; }
.hospitality-vertical .lge-btn { color: #f38a00; }
.qsr-vertical .lge-btn { color: #fda3ba; }
.education-vertical .lge-btn { color: #62a60a; }
.airport-vertical .lge-btn { color: #CC007A; }
.solar-vertical .lge-btn { color: #C3D500; }

/* ========== BOOTSTRAP MODALS ========== */

.modal {
  z-index: 9999;
}

.modal-content {
  border-radius: 0;
  border: 0;
  background-color: transparent;
}

.modal-backdrop.show {
  opacity: .2;
}

/*.corporate-vertical .modal-content { background-color: #a50034; }*/
.modal-body { background-color: rgba(74, 72, 68, .85); }
/*
.retail-vertical .modal-body { background-color: rgba(74, 72, 68, .85); }

.hospitality-vertical .modal-body { background-color: rgba(74, 72, 68, .85); }

.qsr-vertical .modal-body { background-color: rgba(74, 72, 68, .85); }

.education-vertical .modal-body { background-color: rgba(34, 33, 31, 0.85); }

.airport-vertical .modal-body { background-color: rgba(74, 72, 68, .85); }

.solar-vertical .modal-body { background-color: rgba(195, 213, 0, 0.85); } */

/* Hides modal but instructions still viewable. One off for solar */

.modal__body--hide {
  display: absolute;
  top: auto;

}
.modal__body--hide .modal-body, .modal__body--hide .modal-content .close{
  display: none;
}

#modal-solar .lge-modal__enter {
  display: none;
}

.solar-vertical .modal-backdrop {
  display: none;
}

.solar-vertical .lge-modal__instructions {
  margin-top: 0;
  margin-bottom: 3em;
}

.lge-modal .close {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #fff;
  text-shadow: none;
  font-weight: 300;
  z-index: 5;
  opacity: 1;
}

.lge-modal .close:hover {
  color: #fff!important;
  opacity: 1;
}

.lge-modal__header {
  text-align: center;
  border-bottom: 2px solid #fff;
  padding-top: 1em;
  padding-bottom: 1em;
}

.lge-modal__label {
  font-weight: 600;
  color: #4a4844;
  background-color: #fff;
  padding: .2em .5em 1em .5em;
  margin-right: .2em;
  border-radius: 100%;
  display: inline-block;
  height: 1.65em;
  width: 1.65em;
}

/* .corporate-vertical .lge-modal__label { color: #a50034; }
.retail-vertical .lge-modal__label { color: #702076; }
.hospitality-vertical .lge-modal__label { color: #f38a00; } */

.lge-modal a {
  color: #fff;
  text-decoration: none;
}

.lge-modal h3 {
  display: inline-block;
}

.lge-modal__body {
  padding: 1em 1em 0 1em;
  border-bottom: 2px solid #fff;
}

.lge-modal__footer {
  text-align: center;
  padding-top:1em;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  width: 100%;
}

.lge-modal__icon {
  margin-bottom: 1em;
}

.lge-modal__icon-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.lge-modal__enter {
  display: block;
  clear: both;
  float: right;
  padding-bottom: 1em;
  padding-right: 1em;
}

.lge-modal__enter a {
  font-weight: 400;
}

.lge-modal__enter .lge-btn {
  border-radius: 100%;
  padding: .25em .5em;
  line-height: 1em;
  border: 0;
  margin-left: 1em;
}

.lge-modal__instructions {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5em;
  width: 375px;

/*  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 5em;*/
}

.lge-modal__instructions-container {
  background-color: rgba(0,0,0,.5);
  padding: .5em;
  border-radius: 4px;
  /*margin-bottom: 4em;*/
}

.lge-modal__instructions .row {
  width: 100%;
  margin: auto;
}

.icon-click-pan {
  max-height: 35px;
}

.icon-prev-next {
  max-width: 110px;
  width: 100%;
}

.lge-modal--vert .modal-dialog-centered {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lge-modal--vert .modal-content {
  -ms-flex-negative:1;
  flex-shrink:1;
  min-height:100px;
}

/*.modal-body:before {
  content:'';
  width: 100px;
  height: 100px;
  border-bottom: 100px solid red;
  border-right: 100px solid transparent;
}*/

.modal-body {
  z-index: 1;
}

.modal-dialog {

}

.lge-modal__corner {
  position: absolute;
  z-index: 0;
  height: 200px;
  width: 150px;
  overflow: hidden;
}

.lge-modal__corner--bottom {
  left: 0;
  bottom: 0;
}

.lge-modal__corner--top {
  right: 0;
  top: 0;
}

/* Not using curved corners on verticals anymore  */
/* .corporate-vertical .lge-modal__corner--bottom path,
.corporate-vertical .lge-modal__corner--top path {
  fill: #4a4844;
}

.retail-vertical .lge-modal__corner--bottom path,
.retail-vertical .lge-modal__corner--top path {
  fill: #4a4844;
}

.hospitality-vertical .lge-modal__corner--bottom path,
.hospitality-vertical .lge-modal__corner--top path {
  fill: #4a4844;
} */


/* Vertical modals */
.lge-modal__arch {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  height: 100px;
}

.lge-modal__arch path { fill: rgba(74, 72, 68, .0) }

/* old arch path colors */

/* .corporate-vertical .lge-modal__arch path { fill: #be0034; }

.retail-vertical .lge-modal__arch path { fill: #702076; }

.hospitality-vertical .lge-modal__arch path { fill: #f38a00; } */


/* Modal animations */
.modal.fade-right .modal-dialog {
  transform: translate(25%, 0);
}

.modal.fade-left .modal-dialog {
  transform: translate(-25%, 0);
}

.modal.show .modal-dialog {
  transform: translate(0,0)!important;
}

/* Modal positions */

.lge-modal--right .modal-dialog {
  margin-right: 0;
  right: 10%;
}

.lge-modal--left .modal-dialog {
  margin-left: 0;
  left: 10%;
}

/* Modal for vetical LPs */
.divider {
  border-bottom: 2px solid #fff;
  width: 70%;
  margin: auto;
  padding-top: 1em;
}

.lge-modal--vert .lge-modal__header,
.lge-modal--vert .lge-modal__body {
  border-bottom: 0;
}

/*.corporate-vertical .lge-modal--vert .modal-content { background-color: rgba(165,0,52,.9); }*/

.lge-modal--vert .modal-dialog {
    max-width: 750px;
}

.lge-modal--vert .modal-dialog {
  /*margin-right: 2em;*/
}

.lge-modal--vert .lge-modal__footer {
  padding-top: 0px;
  padding-bottom: 1em;
}

.lge-modal--vert .btn-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 1.25em;
  padding-right: 1.25em;
}

.lge-modal--vert .btn-container .lge-btn {
  flex: 1 1 15%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 15%;
  /*flex-basis: 15%;*/
  -ms-flex-preferred-size: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  margin: .5em;
  font-weight: 500;
  line-height: 1em;
  font-size: .9em;
  /*text-transform: capitalize;*/
}

.hide-backdrop {
  opacity: 0!important;
}

.lge-modal--vert .btn-container .lge-btn:hover {
  background-color: #fff!important;
}


.corporate-vertical .lge-modal--vert .btn-container .lge-btn { background-color: #be0034; }
.corporate-vertical .lge-modal--vert .btn-container .lge-btn:hover { color: #a50034; }

.retail-vertical .lge-modal--vert .btn-container .lge-btn { background-color: #702076; }
.retail-vertical .lge-modal--vert .btn-container .lge-btn:hover { color: #702076; }

.hospitality-vertical .lge-modal--vert .btn-container .lge-btn { background-color: #f38a00; }
.hospitality-vertical .lge-modal--vert .btn-container .lge-btn:hover { color: #f38a00; }

.qsr-vertical .lge-modal--vert .btn-container .lge-btn { background-color: #fda3ba; }
.qsr-vertical .lge-modal--vert .btn-container .lge-btn:hover { color: #fda3ba; }

.education-vertical .lge-modal--vert .btn-container .lge-btn { background-color: #62a60a; }
.education-vertical .lge-modal--vert .btn-container .lge-btn:hover { color: #62a60a; }

.airport-vertical .lge-modal--vert .btn-container .lge-btn { background-color: #CC007A; }
.airport-vertical .lge-modal--vert .btn-container .lge-btn:hover { color: #CC007A; }

.solar-vertical .lge-modal--vert .btn-container .lge-btn { background-color: #C3D500; }
.solar-vertical .lge-modal--vert .btn-container .lge-btn:hover { color: #C3D500; }

/* One off for button padding on qsr to fix layout */
.qsr-vertical .lge-modal--vert .btn-container .lge-btn { padding: 0 16px; }
.airport-vertical .lge-modal--vert .btn-container .lge-btn { padding: 0 16px; }


/* Video modal */

.lge-modal__video {
  border-bottom: 0;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-top: 1em;
}

.lge-modal__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Contact modal */

.form-container iframe {
  min-width: 100%;
  width: 1px;
  /*height: 100%;*/
}

.lge-modal {
  overflow-y: auto!important;
}

.lge-modal-template.lge-modal--contact .lge-modal__form .form-desc {
  display: none;
}

.lge-modal--contact .lge-modal__body {
  border-bottom: 0;
  width: 100%;
  height: 100%;
}

/* WELCOME MODAL */

.lge-modal--welcome .lge-modal__title,
.lge-modal--info .lge-modal__title {
  font-size: 1.5em;
  font-weight: bold;
}

.lge-modal--welcome__row {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 2px solid #bf1f37;
  align-items: center;
}

.lge-modal--welcome .modal-body {
  background-color: rgba(165, 0, 52, .85);
}

.corporate-vertical .lge-modal--welcome .lge-modal__arch path { fill: #be0034; }


.lge-modal--welcome__row { border-bottom: 2px solid #ffffff; }


.lge-modal--welcome__icon {
  text-align: center;
  font-size: .8em;
  font-weight: bold;
  line-height: 1.2em;
}

.lge-modal--welcome__label {
  margin-top: .5em;
}

.lge-modal--welcome__icon img {
  max-width: 50px;
}

.lge-modal--welcome__desc {
  font-size:.85em;
  line-height: 1.2em;
}

.lge-modal--welcome__desc p {
  margin-bottom: 0!important;
}

.welcome-parent {
  align-items: center;
}

/* GDPR RIBBION */

#gdpr-ribbon {
  display: none;
}

.gdpr-ribbon-container {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  /*width: 100%;*/
  z-index: 99999;
}

.gdpr-ribbon {
  border-radius: 0;
  border: 0;
  background-color: #303030;
  color: #fff;
  line-height: 1em;
}

.gdpr-ribbon p {
  margin-bottom: 0;
}

.gdpr-ribbon .close {
  opacity: 1;
}

.gdpr-ribbon .close:hover {
  color: #fff!important;
  opacity: 1!important;
}

/* ========== Navigation ========== */
.lge-nav {
  position: fixed;
  left: 0;
  right: 0;
  width:100%;
  background-color: #000;
  color: #fff;
  z-index: 10;
}

.lge-nav a {
  color: #fff;
}

.lge-nav--header {
  top: 0;
  font-size: 1.1em;
  box-shadow: 0 1px 7px rgba(0,0,0,.4);
  z-index: 10;
}

.lge-nav--footer {
  padding-top: 1em;
  padding-bottom: 1em;
  bottom: 0;
  font-size: .6em;
}

.lge-nav--footer a {
  font-weight: normal;
}

.corporate-vertical .lge-nav--header,
.corporate-vertical .lge-nav--footer {
  background-color: #a50034;
}

.retail-vertical .lge-nav--header,
.retail-vertical .lge-nav--footer {
  background-color: #702076;
}

.hospitality-vertical .lge-nav--header,
.hospitality-vertical .lge-nav--footer {
  background-color: #f38a00;
}

.qsr-vertical .lge-nav--header,
.qsr-vertical .lge-nav--footer {
  background-color: #fda3ba;
}

.education-vertical .lge-nav--header,
.education-vertical .lge-nav--footer {
  background-color: #62a60a;
}

.airport-vertical .lge-nav--header,
.airport-vertical .lge-nav--footer {
  background-color: #CC007A;
}

.solar-vertical .lge-nav--header,
.solar-vertical .lge-nav--footer {
  background-color: #C3D500;
}

.lge-nav__main-container {
  display: inline-block;
}

.lge-nav__main {
  display: inline-block;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.lge-nav__main a {
  text-decoration: none;
}

.lge-nav__main > li:before {
  content: '\25B6';
  font-family: sans-serif;
  position: absolute;
  top: 50%;
  left: -.5em;
  font-size: 12px;
  transform: translateY(-50%);
}

.lge-nav__main > li:first-child:before {
  content: '';
}

.lge-nav--header a {
  font-weight: 300;
}

.lge-nav__contact {
  display: inline-block;
  float: right;
}

.lge-nav__contact a {
  display: block;
  padding: .75em 1em;
}

.lge-nav__main li {
  display: inline-block;
  position: relative;
}

.lge-nav__main li a {
  display: block;
  padding: .75em 1em;
  /*text-transform: capitalize;*/
}

.lge-nav__sub {
  /*display: none;*/
  opacity: 0;
  visibility: hidden;
  min-width: 170px;
  padding-left: 0;
  padding-left: 0;
  /*padding-bottom: 10px;*/
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateY(-3em);
  /*background-color: rgba(255,255,255, .8);*/
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  z-index: -1;
  box-shadow: 0 1px 7px rgba(0,0,0,.4);
}

.lge-nav__sub li {
  width: 100%;
  background-color: rgba(255,255,255,.95);
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  /*border-left: 5px solid #fff;*/
}

.lge-nav__sub li a {
  padding: .5em 1em;
  line-height: 1em;
  color: #333;
  font-size: .9em;
  background-color: transparent!important;
}

.lge-nav__sub li:hover a,
.lge-nav__sub li.active a {
  font-weight: 600;
}

.lge-nav__sub li:hover,
.lge-nav__sub li.active {
  background-color: #fff;
  /*border-left: 5px solid #a50034;*/
}


.corporate-vertical .lge-nav__sub li a { color: #a50034; }
.retail-vertical .lge-nav__sub li a { color: #702076; }
.hospitality-vertical .lge-nav__sub li a { color: #f38a00; }
.qsr-vertical .lge-nav__sub li a { color: #fda3ba; }
.education-vertical .lge-nav__sub li a { color: #62a60a; }
.airport-vertical .lge-nav__sub li a { color: #CC007A; }
.solar-vertical .lge-nav__sub li a { color: #C3D500; }

.lge-nav__dropdown {
  z-index: 1;
}

.lge-nav__dropdown:hover .lge-nav__sub {
  display: block;
  top: 100%;
  transform: translateY(0em);
  visibility: visible;
  opacity: 1;
}

.lge-nav__main--scene.lge-nav__dropdown .lge-nav__sub {
  display: none;
  top: 100%;
}

.lge-nav__main--scene.lge-nav__dropdown .lge-nav__sub.active {
  display: block;
}

.lge-nav__main--scene.lge-nav__dropdown:hover .lge-nav__sub.active {
  display: block;
  top: 100%;
}

.lge-nav__spacer {
  font-size: .5em;
/*  margin-left: 1.5em;
  margin-right: 1.5em;*/
}

.lge-nav__item {
  display: inline-block;
  margin-left: 1.5em;
  margin-right: 1.5em;
}

.lge-nav .lge-nav__item:first-child {
  margin-left: 0;
}

.lge-nav .lge-nav__item:last-child {
  margin-right: 0;
}

.lge-logo {

}

.lge-logo--footer {
  float: right;
  max-width: 150px;
}

.lge-environment {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width:100%;
  height: 100%;
  background-color: black;
  padding-top: 3em;
  padding-bottom: 3em;
  transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}


/* Mobile menu */
.lge-nav__hamburger {
  display: none;
  float: right;
}

.lge-nav__hamburger .lge-nav__hamburger-icon {
  display: inline-block;
  padding: .75em 1em;
  font-size: 1em;
}

/* Info icon */

.lge-nav__info {
  display: inline-block;
  float: right;
  padding: .75em 0;
}

.lge-nav__info a {
  display: block;
  padding-top: 3px;
  margin-bottom: -3px;
}

/* MENU MODS FOR HOME PAGE */

/* Hide home only elements by default */
.home__show {
  display: none;
}

.home .home__hide {
  display: none;
}

.home .home__show {
  display: inline-block;
}

/* ============================================ */
/* RESPONSIVE */
/* ============================================ */

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

}


@media all and (max-width:992px) {

}


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

  .lge-modal {
    /*-webkit-overflow-scrolling: auto;*/
    -webkit-overflow-scrolling: touch;
  }

  .lge-modal .modal-content {
    /*-webkit-overflow-scrolling: auto;*/
    -webkit-overflow-scrolling: touch;
  }

  .lge-modal--contact .modal-content {
    /*max-height: 80vh;*/
    overflow: auto;
    z-index: 9999;
    height: 100%;
    /*-webkit-overflow-scrolling: auto;*/
  }


  .lge-environment {
    padding-bottom: 4em;
  }

  .lge-nav__item {
    /*display: block;*/
    display: inline-block;
    width: auto;
    /*width: 100%;*/
    margin-bottom: .5em;
    margin-left: 0;
  }

  .lge-nav__privacy {
    clear: both;
  }

  .lge-nav__contact-footer {
    float: left;
  }

  .lge-logo--footer {
    float: right;
    max-width: 120px;
    display: block;
    margin-bottom: .5em;
    margin-left: 0;
  }

  .lge-nav__contact {
    float: left;
  }

  .lge-nav__hamburger {
    display: block;
  }

  .lge-nav__spacer.lge-nav__spacer {
    display: none;
  }

  .lge-nav__main-container {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
  }

  .lge-nav__main {
    width: 100%;
    display: none;
  }

  .lge-nav__main.active {
    display: block;
  }

  .lge-nav .lge-nav__main a {
    color: #262626;
  }

  .corporate-vertical .lge-nav .lge-nav__main a { color: #a50034; }

  .retail-vertical .lge-nav .lge-nav__main a { color: #702076; }

  .hospitality-vertical .lge-nav .lge-nav__main a { color: #f38a00; }

  .qsr-vertical .lge-nav .lge-nav__main a { color: #fda3ba; }

  .education-vertical .lge-nav .lge-nav__main a { color: #62a60a; }

  .airport-vertical .lge-nav .lge-nav__main a { color: #CC007A; }

  .solar-vertical .lge-nav .lge-nav__main a { color: #C3D500; }

  .lge-nav__main li {
    display: block;
    background-color: rgba(255,255,255,.95);
  }

  .lge-nav__main li:hover > a {
    font-weight: 700;
  }

  .lge-nav__main li:hover {
    background-color: rgba(255,255,255,1);
  }

  .lge-nav__sub,
  .lge-nav__main--scene.lge-nav__dropdown .lge-nav__sub.active {
    /*max-height: 0;*/
    display: none;
    width: 100%;
    position: relative;
    transform: none;
    opacity: 1;
    visibility: visible;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    overflow: hidden;
  }

  .lge-nav__main--vertical.lge-nav__dropdown:hover .lge-nav__sub,
  .lge-nav__main--scene.lge-nav__dropdown:hover .lge-nav__sub.active {
    display: none;
  }

  .lge-nav__main--vertical.lge-nav__dropdown.active .lge-nav__sub,
  .lge-nav__main--scene.lge-nav__dropdown.active .lge-nav__sub.active,
  .lge-nav__main--vertical.lge-nav__dropdown.active:hover .lge-nav__sub,
  .lge-nav__main--scene.lge-nav__dropdown.active:hover .lge-nav__sub.active {
    display: block;
  }

  .lge-nav__dropdown.active {
    background-color: rgba(255,255,255,1);
  }

  .lge-nav__dropdown.active > a {
    font-weight: 700;
  }

  .lge-nav__main .lge-nav__sub li a {
    padding-left: 2.5em;
  }

  .lge-nav__main li a {
    line-height: 1em;
    padding: .5em 1em;
  }

  .lge-nav__dropdown > a:after {
    content: '\0025BA';
    vertical-align: middle;
    font-size: 10px;
    padding-left: 1em;
    font-family: sans-serif;
  }

  .lge-nav__dropdown.active > a:after {
    content: '\25BC';
  }

  .lge-modal--right .modal-dialog,
  .lge-modal--left .modal-dialog {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .lge-nav--header {
    z-index: 999;
  }

  .lge-nav__sub {
    box-shadow: none!important;
  }

  .lge-nav__info a {
    padding-top: 0;
    margin-bottom: 0;
  }

  .lge-modal__instructions .col-sm-6 {
    margin-bottom: 1em;
  }

  .lge-modal__instructions {
    margin-top: 1em;
    width: auto;
  }

  .lge-nav__main > li:before {
    display: none;
  }

}


@media all and (max-width:480px) {
  .lge-modal--right .modal-dialog,
  .lge-modal--left .modal-dialog {
    margin-left: .5em;
    margin-right: .5em;
  }

  .lge-modal--vert .btn-container .lge-btn {
    flex: 1 1 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    -ms-flex-preferred-size: 100%;
  }

  .lge-modal__instructions .row {
    width:100%;
  }

  .lge-nav--footer .lge-btn {
    padding: 0 10px;
    font-size: 15px;
  }

  .lge-nav--footer .container {
    width: 100%;
  }

}