/*
  Call to actions:

  - buy and @include font Geometria
  - rename the typeX variables to a more generic variable name
  - rename the typeX classes to a more generic class name

  - configure typography
*/
.row--content { margin-top: 15px; margin-bottom: 10px; }

.ie-only { display: none; }

.reset { clear: both; }

.resp-img { width: 100%; }

header { background: #000; height: 100px; }

.header__logo { width: 40%; padding-top: 5px; padding-bottom: 5px; }
.header__site-nav { text-align: right; margin-top: 10px; padding-right: 5px; }
.header__site-nav a { font-size: 13px; font-weight: 200; color: rgba(255, 255, 255, 0.6); padding: 5px; }
.header__page-nav { margin-top: 25px; text-align: right; }
.header__page-nav a { font-size: 18px; font-weight: 200; color: #FFF; padding: 10px 15px; }

footer { margin-top: 50px; background: #272727; padding: 50px; }

.footer__list { border-left: 1px solid #FFF; padding-left: 40px; }
.footer__list__ttl { margin-top: 0; color: #FFF; margin-bottom: 15px; font-size: 20px; }
.footer__list a { display: block; color: #a1a1a1; padding: 3px 0; }
.footer__social-title { font-size: 12px; color: #FFF; margin-bottom: 5px; }

.fad { border: 1px solid #c2c2c2; }
.fad__lst-head { padding: 10px 0 10px 10px; font-weight: 300; }
.fad__lst-head select { width: 100%; }
.fad__lst-head input[type=text] { height: 32px; width: 100%; }
.fad__lst-head input[type=checkbox] { margin-right: 5px; }
.fad__lst-head .btn { display: block; width: 100%; }
.fad__lst-head__zip input[type=text] { width: 75%; margin-right: 5%; float: left; }
.fad__lst-head__zip .btn { width: 20%; float: left; }
.fad__lst-head__type { display: block; background: #696057; height: 30px; margin: 0 0 1px 0; padding-left: 5px; line-height: 30px; font-weight: 500; text-transform: uppercase; color: #FFF; font-size: 13px; }
.fad__lst-head__type:after { content: "?"; display: block; height: 30px; width: 30px; line-height: 30px; text-align: center; float: right; }
.fad__lst-head__type--pre { background: #d11241; }
.fad__lst-head__type--reg { background: #696057; }
.fad__lst-head__type--beige { background: #d2c398; }
.fad__lst-head__type--blue { background: #76aabc; }
.fad__lst-head__type--orange { background: #e5773c; }
.fad__lst-head__type--green { background: #87a862; }
.fad__lst-head__ttl { margin: 0; font-size: 18px; }
.fad__lst { padding: 10px 0 10px 10px; height: 740px; }
.fad__lst__scroll { max-height: 100%; overflow: auto; background: #FFF; }
.fad__itm { border: 1px solid #c2c2c2; margin-bottom: 5px; cursor: pointer; }
.fad__itm__nr { width: 10%; float: left; background: #696057; min-height: 120px; box-sizing: padding-box; padding: 10px 0; text-align: center; color: #FFF; font-weight: bold; }
.fad__itm__descr { width: 90%; float: right; box-sizing: padding-box; padding: 10px; }
.fad__itm__descr strong { display: block; }
.fad__itm__coupon { background: #696057; clear: both; padding: 10px; text-align: center; font-weight: bold; color: #FFF; }
.fad__itm--pre .fad__itm__nr { background: #d11241; }
.fad__itm--pre .fad__itm__coupon { background: #d11241; }
.fad__itm--reg .fad__itm__nr { background: #696057; }
.fad__itm--reg .fad__itm__coupon { background: #696057; }
.fad__itm--beige .fad__itm__nr { background: #d2c398; }
.fad__itm--beige .fad__itm__coupon { background: #d2c398; }
.fad__itm--blue .fad__itm__nr { background: #76aabc; }
.fad__itm--blue .fad__itm__coupon { background: #76aabc; }
.fad__itm--orange .fad__itm__nr { background: #e5773c; }
.fad__itm--orange .fad__itm__coupon { background: #e5773c; }
.fad__itm--green .fad__itm__nr { background: #87a862; }
.fad__itm--green .fad__itm__coupon { background: #87a862; }
.fad--back-btn { color: #d11241; font-size: 14px; text-transform: uppercase; margin-bottom: 20px; display: inline-block; }
.fad #map-canvas { width: 100%; height: 1000px; }
.fad__pin-wrapper { margin-bottom: 30px; position: absolute; }
.fad__pin { width: 60px; height: 60px; line-height: 60px; cursor: pointer; background: #d11241; text-align: center; font-size: 30px; font-weight: bold; color: #FFF; position: relative; }
.fad__pin:after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; bottom: -20px; left: 20px; pointer-events: none; border-color: rgba(255, 0, 255, 0); border-top-color: #FF00FF; border-width: 10px; }
.fad__pin--pre { background: #d11241; }
.fad__pin--pre:after { border-top-color: #d11241; }
.fad__pin--reg { background: #696057; }
.fad__pin--reg:after { border-top-color: #696057; }
.fad__pin--beige { background: #d2c398; }
.fad__pin--beige:after { border-top-color: #d2c398; }
.fad__pin--blue { background: #76aabc; }
.fad__pin--blue:after { border-top-color: #76aabc; }
.fad__pin--orange { background: #e5773c; }
.fad__pin--orange:after { border-top-color: #e5773c; }
.fad__pin--green { background: #87a862; }
.fad__pin--green:after { border-top-color: #87a862; }
.fad__pin:hover { opacity: 0.8; }

.fad__map { position: relative; height: 500px; padding: 10px; box-sizing: padding-box; margin-bottom: 30px; border: 1px solid #c2c2c2; }
.fad__map__descr { position: absolute; width: 30%; top: 10px; left: 10px; padding: 5px 10px; border: 0px solid #c2c2c2; z-index: 1; background: #FFF; }
.fad__map__descr strong { display: block; }
.fad__map__descr__nav { padding-top: 5px; }
.fad__map__descr--bubble { position: static; width: auto; top: auto; left: auto; display: inline-block; }
.fad__map #map-canvas { width: 100%; height: 480px; }

.fad__contact { margin: 30px 0 30px 0; }
.fad__contact__ttl { margin-bottom: 20px; font-size: 18px; }
.fad__contact label { display: block; }
.fad__contact input[type=text] { width: 100%; }
.fad__contact input[type=text] + input[type=text] { margin-top: 10px; }
.fad__contact__legal { font-size: 11px; color: #999; }


/* bubble */
#bubble { margin: 25px; width: 276px; height: 235px; }
.bubble_close {
  background: #FFFFFF url(/assets/images/llp-assets_meetsoci_com_popover-close_66a8fee2.gif) no-repeat;
  width: 12px;
  height: 10px;
  position: absolute;
  right: 12px;
  top: 8px;
  z-index: 101;
  border-style: none;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}
.mainbubble {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  border-style: none;
  padding: 0px;
  margin: 0px;
  display: inline-block;
}
.mainbubblecontent {
  width: 91%;
  position: absolute;
  left: 10px;
  top: 15px;
  padding:0px 10px;
}
.mainbubblelocationname { font-weight: bold; margin-bottom: 0.1em; padding-right: 15px; }
.mainbubbletabcontent {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.activetabcontent { display: block; }
.nonactivetabcontent { display: none; }
.tab_content { font-size: 12px; }
/*.bubbleform { margin: 10px; }*/
/* bubble */




/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Large devices (large desktops, 1200px and below) */
/* Medium devices (desktops, 992px and below) */
@media (max-width: 992px) { .fad__lst-head, .fad__lst { padding: 10px; }
  .fad__lst { height: auto !important; }
  .fad__map__descr { width: 50%; } }
/* Small devices (tablets, 768px and below) */
@media (max-width: 768px) { .fad__map__descr { width: auto; position: static; }
  .fad__map { height: auto; }
  .fad__map #map-canvas { height: 250px; }
  .fad #map-canvas { height: 250px !important; } }