/*
 * core.css - all custom CSS code belongs in this file; including Bootstrap
 * Framework overrides.
 *
 */

/* =============================================================================
 CUSTOM CSS
 ========================================================================== */
/*
 BOOTSTRAP OVERRIDES
 ----------------------------------------------------------------------------*/
/* Sets Box model */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
  background: transparent;
}

body {
  font-family: "Knockout 48 A", "Knockout 48 B";
  font-family:'Handle Oldstyle W01';
  font-size: 24px;
  font-size: 1.6vw;
  line-height: 1;
  background: transparent;
  text-align: center;
  color: #fff;
  background: #3a9cbf;
  text-transform: uppercase;
  letter-spacing: .05em;
  min-height: 100vh;
}

#bg {
  background: url(../_img/bg-blue2.jpg) center center no-repeat #3b687f;
  background-size:cover;
  /*background: #3a9cbf;*/
  height: 100%;
  width: 100%;
  position: fixed;
  top:0;
  left:0;
  z-index:-1;
}

@media (min-width:768px) and (max-width:991px) {
  body {
    font-size: 2.8vw;
  }
}

@media (max-width:767px) {
  body {
    font-size: 3.8vw;
  }
}

@media (max-width:479px) {
  body {
    font-size: 16px;
  }
}

@media (min-width:1400px) {
  body {
    font-size: 22px;
  }

  p {
    font-size: 95%;
  }

  #main {
    font-size: 110%;
  }
}

ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

p {
  line-height: 1.55;
  text-align: left;
  margin: -.125em 0 1.5em;
  text-transform: none;
  font-family: "Gotham Cond SSm A", "Gotham Cond SSm B";
  font-style: normal;
  font-weight: 400;
}

strong, strong > em {
  font-weight: bold !important;
}

.showtitle {
  font-weight: bold;
  font-style: italic;
  white-space: nowrap;
}

h3 {
  font-size: 2em;
  line-height: 1;
  margin: .25em auto .75em;
} d

.blue{
	color:#8edaf8;
}

img {
    outline: none;
    border: 0;
}

.img-responsive {
    display: inline;
    width: 100%;
    max-width: none;
}

a, a:hover, a:focus, a:active {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: color .2s;
}

strong a {
  font-weight:bold!important;
}

.blue {
  color: #8edaf8;
  color: #81d4f5;
}

.gold {
  color: #efd7a1;
}

em, i {
  padding-right:.125em;
  font-style: italic;
}

.btn {
  background: transparent;
  color: #fff;
  padding: .25em .5em;
  font-size: 120%;
  line-height: 1;
  border-radius: 0;
  border: none;
  border: 1px solid #fff;
  transition: background-color .3s;
}

.btn:hover, .btn:active, .btn:focus {
  background: #fff;
  color: #3b677c;
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
  .btn {
    padding-top: .15em !important;
    padding-bottom: .15em !important;
  }
}


.nowrap {
  white-space: nowrap;
}

.h100 {
  height: 100%;
  width: auto;
}

/*
 UTILITY CLASSES SECTION
 ----------------------------------------------------------------------------*/
iframe#mediaplxpxl {
    opacity: 0;
}

.align_right {
    text-align: right !important;
}

.align_left {
    text-align: left !important;
}

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

/*
 GLOBAL SECTION
 ----------------------------------------------------------------------------*/
#outerwrapper {
  max-width: 1400px;
  margin: 0 auto;
}

#outerwrapper.container {
    padding-left: 0;
    padding-right: 0;
}

#content {
  clear: both;
  position: relative;
}

/*
 MASTHEAD (HEADER) SECTION
 ----------------------------------------------------------------------------*/
header {
  position: relative;
  font-size: 110%;
  z-index:11;
  background: #3c3c3c;
  background: url(../_img/bg-header.jpg) center center no-repeat;
  background-size: cover;
  height: 2em;
}

@media (max-width:479px) {
  header{
    font-size: 4vw;
  }
}

@media (max-width:767px) {
  header{
    height: 4.25em;
  }
}

.container {
  width: 100%;
}

@media (min-width:768px) {
  .container {
    width: 75%;
  }
}

#lct-logo {
  width: 3.5em;
  height: 3,5em;
  position:relative;
  top:.4em;
  left: .3em;
  z-index:11;
  transition: opacity .3s;
}

#lct-logo:hover {
  opacity: .8;
}

#btn-menu {
  width: 1em;
  height: 1em;
  min-width:24px;
  min-height:24px;
  background: url(../_img/nav-icons.png) no-repeat;
  background-size: 200% auto;
  background-position: left top;
  vertical-align: top!important;
  margin:10px .7vw 0!important;
}

#btn-menu:hover {
  background-position: right top;
}

#lct-logo,
#btn-menu,
#btn-tickets,
#social-header {
  display: inline-block;
  margin: 0 .7vw;
  vertical-align: middle;
  line-height: 1;
}

#main-nav {
  width: 100%;
  padding: 1em 0 .5em;
  position: absolute;
  top: 2.2em;
  left: 0;
  right:0;
  margin:auto;
  background: rgba(51,51,51,.7);
  z-index: 10;
  max-width:1400px;
}

nav {
  transform: translateY(-180%);
  transition: transform .2s;
}

.show-nav nav {
  transform: translateY(0);
}

nav a {
  color: #fff;
  padding: 0 .5em;
  margin: 0 .5em;
}

nav a:hover {
  color: #efd7a1;
}

#btn-tickets {
  display: inline-block;
  color: #fff;
  background: url(../_img/btn-tickets.gif) top center no-repeat;
  background-size:auto 200% ;
  background: #3a9bbd;
  transition: background-color .2s;
  font-size: 200%;
  line-height: .9;
  padding: .2em .3em;
  box-shadow: .2em .2em 1em rgba(0,0,0,.2);
  position:absolute;
  left:0;
  right:0;
  margin:0 auto;
  width:27%;
}

#btn-tickets:hover {
  background: url(../_img/btn-tickets.gif) bottom center no-repeat;
  background-size:auto 200% ;
  background: #f5e2ac;
  color: #3b677c;
}

@media (max-width:767px) {
  #btn-tickets {
    float: right;
    display: block;
    margin: .4em;
    position:relative;
    width:auto;
  }

  #btn-menu {
    vertical-align: middle!important;
  }

  .show-nav nav {
    transform: translateY(28%);
  }

  #main-nav {
    padding:30px 0 0.5em;
  }
}

@media (min-width:768px) and (max-width:991px) {
  #btn-tickets {
    font-size:165%;
    width:40%;
  }

  .tagline {
    font-size:120%!important;
  }

  nav a {
    font-size:1.8vw;
  }
}

#main {
  position: relative;
}

#content {
  position: relative;
  background:url(../_img/bg-blue.jpg) center top repeat-y;
  background-size:cover;
  background-size: 100% auto;
}


@media (max-width: 767px) {
  #main {
    position: relative;
  }

  #content {
    position: relative;
    background:url(../_img/bg-blue-m.jpg) center top repeat-y;
    background-size:cover;
    background-size: 100% auto;
  }
}

#status, h2 {
  padding: .5em 0 1em;
  text-transform: uppercase;
  color: #f2dda3;
  letter-spacing: .05em;
  z-index: 1;
  line-height: 1;
  font-size: 150%;
  position: relative;
  margin: 0;
}

#cta {
  padding: 1.5em 1em;
  text-transform: uppercase;
  color: #f2dda3;
  letter-spacing: .05em;
  z-index: 1;
  line-height: 1;
  font-size: 140%;
  position: relative;
}

.tagline {
  position:absolute;
  text-align:center;
  width:100%;
  top:70px;
  font-family: "Gotham A", "Gotham B";
  font-style: normal;
  font-weight: 800;
  font-size:180%;
}

@media (max-width:767px) {
  .tagline {
    top:0px;
    font-size:150%;
    top:28px;
  }
}


/* TOUR
   --------------------------------------------------*/
 .clearfix:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
 }
.tour-date-header {
  margin-left: 15%;
  margin-right: 15%;
}
 .tour {
    border:1px solid #fff;
 }

#tour-container {
  font-weight:700;
}

#tour-container h1 {
  font-weight: 800;
}
#tour-container h2, #cast h2 {
  text-transform: uppercase;
  font-size: 2.8em;
  color: #fbcb65;
  position: relative;
  z-index: 1;
  width: 85%;
  margin: 0 auto 10px;
  padding: 10px 0;
}

#tour-container h3 {
  font-weight:bold;
  text-transform:uppercase;
  font-size:1.4em;
}

.tour {
  max-width:85%;
  margin:0px auto 0;
}

.tour-logo {
  margin:4em auto 0;
  text-align:center;
  max-width:60%;
}

#tour-container p.more {
  margin:1em 0 2em;
  text-align:center;
  font-size:140%;
  font-family: "Gotham A", "Gotham B";
  font-style: normal;
  font-weight: 800;
  padding-bottom:4em;
}

#tour-list a.mobile-tix {
  display:none;
}

 #tour-list {
   clear:both;
   padding:.25em 1em .25em;
   margin-bottom:0em;
   height: 25em;
   overflow-y: scroll;
 }

 .tour-stop{
 	position: relative;
 }

 #tour-list .city, #tour-list .date, #tour-list .venue {
     float: left;
     font-size:80%;
     line-height: 1em;
     font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 800;
    display:block;
 }

 #tour-list .city {
     width: 28%;
     color:#fff;
     white-space: nowrap;
     line-height: normal !important;
     text-transform:uppercase;
     text-align:left;
 }

#tour-list .nashville .venue {
  font-size:62%;
}

#tour-list .westpalmbeach .city, #tour-list .sanfrancisco .city, #tour-list .oklahomacity .city {
  font-size:85%;
}

 #tour-list p {
   color: #fff;
 }

 #tour-list .date {
     width: 24%;
     font-size: 80%;
     color:#efdea7;
     text-align:left;
     line-height:1.3em;
     letter-spacing: -.02em;
    line-height: 1.3;
    padding-top: .3em;
 }
/*
 #tour-list .dc .date {
   font-size:70%;
 }*/

 #tour-list .venue {
     width: 25%;
     font-weight: 700;
     padding-right: 2em;
     color:#fff;
     text-transform: uppercase;
     font-size:75%;
     text-align:left;
     font-weight: 800;
     line-height:1.3em;
     margin-top:5px;
 }

 #tour-list a {
 	float: right;
     font-weight: bold;
     font-size:80%;
     z-index: 999;
 }

 #tour-list p {
     padding:1em 0;
     margin: 0 auto;
 }



 #tour-list hr {
   margin: 0 auto;
   border-color:#ffffff;
 }

 #tour-list hr:last-of-type {
   display:none;
 }

 #tour-list a {
     margin-right: 1em;
     margin-top:.75em;
     letter-spacing: .05em;
     display: inline-block;
     margin-bottom: 0;
     line-height: 1;
     text-align: center;
     color:#fff;
     border:1px solid #fff;
     padding:.55em .75em;
     text-decoration:none;
     font-size:105%;
 }

 #tour-list a:hover,
 #tour-list a:focus {
    background:#fff;
    color:#3b677c;
     text-decoration: none;
 }

 .tour {
     position:relative;
 }

 @media (min-width:992px) {
   #tour-list p {
     height:4.325em;
   }

   #tour-list p.toronto {
     height:2.325em;
   }

   #tour-container {
     font-size: 1.875vw;
   }
 }

 @media (min-width:992px) and (max-width:1199px) {
   #tour-list p {
     height:3.75em;
   }
 }

 @media (min-width:1200px) {
   #tour-container {
     font-size: 1.325vw;
   }
 }

 @media (min-width:2000px) {
   #tour-container {
     font-size: 26px;
   }
   }

 @media (min-width: 769px) and (max-width: 991px) {
     #tour-list .city {
         width: 49%;
     }

     #tour-list .date {
         width:100%;
     }

     #tour-list .venue {
         width:50%;
         font-size:95%!important;
     }

     #tour-list .city, #tour-list .date, #tour-list .venue {
         line-height: 1em !important
     }

     #tour-list .date, #tour-list .venue {
         font-size:80%;
         line-height: 1.3em !important;
     }

     #tour-list .city {
       font-size:100%;
     }

     #tour-list .date {
       font-size:100%;
     }

 }

 @media (max-width: 768px) {
     #tour-list .city, #tour-list .date, #tour-list .venue {
         display:block;
         width:100%;
         margin:3px 0 0;
     }

     #tour-list p {
 	    position: relative;
     }

     #tour-list {
       font-size: 125%;
       height:15em;
       overflow-x:hidden;
     }

     #tour-list {
       margin:0em auto 0em;
     }

 	#tour-list a.mobile-tix {
      float:left;
      margin-top:1.5em;
      font-size:90%;
      display:block;
 	}

  .tour-logo {
    margin:4em auto 0;
    text-align:center;
    max-width:85%;
  }

  .tour h1 {
    font-size:160%;
  }

  .tour-stop {
    display:none;
  }

  .tour-page footer {
    height:130px!important;
  }

  .scroll-text {
    display:block;
    margin-top:1em;
    margin-bottom:2em;
    font-size:80%;
    text-transform:uppercase;
    opacity:.5;
  }
 }

 .tour-page footer {
   height:80px;
 }

.ib {
  display: inline-block;
}


/*
 CAST
 -----------------------------------*/
#cast {
  padding-bottom:4em;
}

#cast .container {
  width:95%;
  max-width:auto!important;
}

#cast-bios {
	text-align: center;
  margin-bottom:1.5em;
}

#cast .container {
  margin-bottom:3em;
}

#creative-block {
  display:none;
}

#bios-block {
  display:none;
}

.creative-link.active, .cast-link.active, .creative-link:hover, .cast-link:hover {
  color:#fff;
}

.creative-link, .cast-link {
  color:#fbcb65;
  text-transform:uppercase;
}

.toggle-shape {
  font-size:80%;
  vertical-align: top;
  display:inline-block;
  color:#fbcb65;
}


#cast h2.active .toggle-shape {
  color:#fff;
}

#team-accordion .ui-state-focus{
    outline: none;
}

.toggle-hed:hover .toggle-shape, .toggle-hed:hover a {
  color:#fff;
}

.toggle-hed:hover {
  cursor:pointer;
}

.collapse-link {
  display:block;
  text-align:center;
  font-weight:700;
  text-transform:uppercase;
  margin:0 0 2em;
  font-size:80%;
}

.collapse-link:hover {
  color:#fbcb65;
}

.collapse-x {
  font-weight:400;
  text-transform:lowercase;
  display:inline-block;
  vertical-align:text-top;
}

.cast-member {
	position: relative;
	display: inline-block;
	padding: 1.5%;
	text-align: center;
	line-height: 1.2em;
	cursor: pointer;
	width: 29%;
	margin: 0;
	vertical-align: top;
	color: #fff;
	letter-spacing: .025em;
  font-family: "Gotham A", "Gotham B";
  font-style: normal;
}

.cast-member:hover {
	color: #fff;
}

.cast-member strong {
	display: block;
	text-transform: uppercase;
  font-weight: 800;
}

.cast-thumb {
	width: 100%;
	height: auto;
}

.cast-member img {
	width: 100%;
	height: auto;
	padding: 4px;
}

.cast-image {
	position: relative;
}

.cast-name {
	margin-top: .75em;
  font-size:130%;
  color:#efdea7;
  line-height:.9;
}

.cast-role em, .cast-role, .castinfo h3 em {
	font-style: normal;
  font-size:85%;
  line-height:1.1;
}

.cast-member:hover .cast-name, .cast-member:hover .cast-role {
  color:#efdea7;
}

#overlay-inner a {
  color:#efdea7;
}

#overlay-inner a:hover {
  color:#fff;
}

.ensemble {
  font-family: "Gotham A", "Gotham B";
  padding-bottom:3em;
  margin-top:1.5em;
}

.ensemble-hed {
  margin-top:1.25em!important;
}

.ensemble .row {
  margin-bottom:2em;
}

.ensemble .cast-name {
  font-size:110%;
}

#creative-thumbs .cast-member {
  width:32%;
}

@media (max-width:767px) {
  .cast-member {
    width:51%;
    margin-bottom:1em;
  }

  #creative-thumbs .cast-member {
    width:51%;
  }

  .ensemble .row {
    margin-bottom:0em;
  }

  .ensemble-member {
    margin-bottom:2em;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .cast-role em, .cast-role, .castinfo h3 em {
    font-size:65%;
  }

  .cast-name {
    font-size:100%;
  }

  .cast-member {
    line-height:1em;
  }
}

@media (min-width:1100px) {
  .cast-member {
    width:26%;
  }

  #creative-thumbs .cast-member {
    width:32%;
  }
}

/*
 GALLERY SECTION
 ----------------------------------------------------------------------------*/
#gallery {
  width:80%;
  max-width:800px;
  margin:0 auto 0;
  padding:50px 0 150px;;
}

 #vid-block {
   width:80%;
   max-width:850px;
   margin:0 auto 40px;
 }

 #video {
   display: block;
   position: relative;
   overflow: hidden;
   width: 100%;
   margin: 0;
   padding-bottom: 56.25%;
   height: 0;
   border: 2px solid #000;
   background:#aaaaaa;
  }

 #video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.caption {
  position:absolute;
  right:0px;
  bottom:10px;
  background:rgba(0,0,0,.6);
  padding:10px 0;
  width:100%;
}

.caption span {
  font-family: "Gotham Cond SSm A", "Gotham Cond SSm B";
  font-style: normal;
  font-size: 80%;
  width:70%;
  display:block;
  margin:0 auto;
}

@media (max-width:767px) {
    #vid-block {
      width:90%;
    }
}

/*
GALLERY
----------------------------------------------------------------------------*/

#vid_frame {
  min-height:500px;
  width:100%;
  border:0px;
}

#gallery h2 {
  font-size: 26px;
  text-align: center;
  color: #ffc600;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.videos-link.active, .photos-link.active, .fanart-link.active, .videos-link:hover, .photos-link:hover, .fanart-link:hover {
  color:#d81214;
}

.videos-block, .photos-block {
    text-align: center;
}

.photos-block {
  display:none;
}

.videos-link.active, .photos-link.active, .videos-link:hover, .photos-link:hover {
  /*color:#000;
  background:#ffc60a;
  border-bottom:2px solid #fff;*/
  color:#fff;
}

.videos-link, .photos-link {
  color:#fbcb65;
  text-transform:uppercase;
  font-family: 'Handle Oldstyle W01';
  display:inline-block;
  text-align:center;
  /*width:48%;*/
  padding:13px 0 4px;
  /*background:none;
  border:1px solid rgba(255, 198, 10, .7);*/
  margin:5px 40px 20px;
  border-bottom:2px solid transparent;
  font-size:40px;
}


.videos-link:hover, .photos-link:hover {
  color:#fff;
  /*color:#000;
  background:#ffc60a;*/
}

#gallery .slick-slider {
  width:100%!important;
}

#gallery .photos-block .slick-slider {
  width:100%!important;
  max-height:514px;
}

#gallery-images a {
  outline: none;
}

#gallery-images a:hover {
  cursor:pointer;
}

#gallery-images a img.vid-thumb {
  opacity: .4;
  position:absolute;
}

#gallery-images .slick-slide a img.vid-thumb {
  position:relative;
}

#gallery-images .slick-active a img.vid-thumb {
  opacity: .9;
  transition: opacity .2s;
}

#gallery-images .slick-active a:hover img.vid-thumb {
  opacity: 1;
}

#gallery-images .slick-active a:hover {
  background: #fff;
}

#gallery-images .slick-active a:hover img.vid-thumb {
  opacity: 1;
}

#gallery-prev,
#gallery-next {
  background-color: #68778f;
  cursor: pointer;
}

.arrow-l,
.arrow-r {
  background: url(https://www.myfairladyontour.com/_img/arrows-lr4.png) no-repeat #000;
  background-size: 200% auto;
  width: 2em;
  height: 2em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index:10;
}

.arrow-l {
  background-position: left top;
  left: 0;
}

.arrow-r {
  background-position: right top;
  right: 0;
}

.arrow-l:hover {
  background-position: left bottom;
  cursor: pointer;
  background-color: #000!important;
}

.arrow-r:hover {
  background-position: right bottom;
  cursor: pointer;
  background-color: #000!important;
}

.slider, .slider-nav {
  display:none;
}

.vid-nav {
  border-top:1px solid #ffc600;
  border-bottom:1px solid #ffc600;
  opacity:0;
}

.vid-nav.slick-initialized {
  opacity:1;
}

.slick-initialized {
  display: block;
}

.slick-slider {
  width: 100%;
  margin: 0 auto;
  overflow:hidden;
}

.slick-slide img {
  width:100%;
  height:auto;
}

#main-img .slick-slide {
  max-height:514px;
  position:relative;
  overflow:hidden;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-prev, .slick-next {
   font-size: 20px;
   line-height: 0;
   color: #fff;
   position: absolute;
   top: 50%;
   opacity: 1;
   display: block;
   width: 20px;
   height: 20px;
   padding: 0;
   -webkit-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
   cursor: pointer;
   border: none;
   outline: none;
   background: transparent;
   z-index: 10;
}

.slick-prev {
 left:20px;
}

.slick-next {
 right:20px;
}

@media (max-width:767px) {
  #vid_frame {
    min-height:300px;
  }

  #gallery {
    width:95%;
    padding-top:100px;
    padding-bottom:40px;
  }

  .page-nav h2 a {
    width:40%;
    font-size:24px;
    float:left;
    display:block;
    margin-left:10px;
    margin-right:10px;
  }
}

/*
 QUOTE ROTATION SECTION
 -----------------------------------------------------------------------------*/


@media (max-width:767px){
  #header-bg {
    overflow-x:hidden;
  }

  #header-bg img {
    width: 160%;
  }

  header {
    height: 7em;
    height: auto;
    padding-bottom: 3em;
  }
}

@media (max-width:479px){
  header {
    padding-bottom: 13vw;
  }
}


/*
 HOME SECTION
 ----------------------------------------------------------------------------*/

@media (max-width:767px){
  #home {
    overflow: hidden;
  }
}

@media (max-width:991px){
  #home .container {
    /*max-width: 25em;*/
    }
}

#keyart {
  background: #3b687f;
  z-index: 0;
}


/*
 FOOTER SECTION
 ----------------------------------------------------------------------------*/
footer {
  font-size: 75%;
  line-height: 1.5;
}

#home footer {
  position: relative;
  width: 100%;
  height: auto;
}

@media (max-width:767px) {
  footer {
    font-size: 80%;
  }
}

#footer-tickets {
  font-family:'Univers LT W01_67 Bold_1476016';
  font-weight: normal;
  padding: 1em;
}

#footer-tickets a {
  padding: .25em .5em;
  text-decoration: underline;
}

footer a:hover {
  color: #efd7a1;
}

#privacy {
  padding-bottom:.5em;
  font-family: "Gotham Cond SSm A", "Gotham Cond SSm B";
  font-style: normal;
  font-size: 80%;
}

#privacy a {
  text-decoration: underline;
  letter-spacing: .1em;
}

.gdpr {
  margin-bottom:3em;
}

.gdpr h2 {
  padding:1.5em 0 .5em;
}

.gdpr h3 {
  font-size:130%;
}

.gdpr ul, .gdpr li {
  list-style-type: disc;
}

.gdpr ul {
  margin-left:20px;
}

.gdpr ul li {
  text-transform:none;
  margin:10px 0;
}

.gdpr tr td:first-of-type {
  width:20%;
  padding:10px;
  border:1px solid #fff;
}

.gdpr tr td:nth-of-type(2) {
  width:30%;
  padding:10px;
  border:1px solid #fff;
}

.cc-banner {
  text-transform:none!important;
  text-align:left!important;
  letter-spacing:0!important;
}

.green {
  position:absolute;
  bottom:20px;
  right:20px;
  width:150px;
}

.ally {
  font-family: "Gotham A", "Gotham B";
  font-style: normal;
  font-weight: 800;
  margin-bottom:5px;
  display:block;
  font-size:18px;
}

@media (max-width:767px) {
  .green {
    position:relative;
    margin:0 auto;
    padding-bottom:10px;
    right:auto;
    bottom:auto;
  }
}

/*
 SOCIAL ICONS
 ----------------------------------------------------------------------------*/

.social-icons {
  line-height: 1;
  font-size: .5em;
}

.social-icons a {
  font-size: 2.5rem;
  display: inline-block;
  height: 1.325em;
  width: 1em;
  background: url(../_img/soc-icons.png) no-repeat;
  background-size: auto 200%;
}

footer .social-icons a {
  font-size: 3.5rem;
}

#social-footer {
   font-size: 400%;
}

@media (max-width:479px) {
  .social-icons a {
     font-size: 5vw;
  }
}

@media (min-width:1200px) {
  .social-icons a {
    font-size: 36px;
  }
}

.social-icons a.icon-fb { background-position: 1.5% top; }
.social-icons a.icon-tw { background-position: 25% top; }
.social-icons a.icon-ig { background-position: 50% top; }
.social-icons a.icon-yt { background-position: right top; width: 2.25em; }

.social-icons a.icon-fb:hover { background-position: 1.5% bottom; }
.social-icons a.icon-tw:hover { background-position: 25% bottom; }
.social-icons a.icon-ig:hover { background-position: 50% bottom; }
.social-icons a.icon-yt:hover { background-position: right bottom; }


/*
 UPGRADE PAGE
 ----------------------------------------------------------------------------*/
#upgd_content {
    text-align: center;
}

#upgd_content .msgbox {
    width: 940px;
    margin: 20px auto;
    padding: 10px;
}