/*start global*/
.html {
  min-height: 100%;
  min-width: 100%;
  -ms-text-size-adjust: none;
}

body {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  text-align: left;
  font-size: 14px;
  line-height: 17px;
  word-wrap: break-word;
  text-rendering: optimizeLegibility;
  /* kerning, primarily */
  -moz-font-feature-settings: 'liga';
  -ms-font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  background-color: #F4F4F4;
}

a {
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  color: #204A6F;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
nav,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
a {
  margin: 0;
  padding: 0;
  border-width: 0;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: inherit;
  margin-bottom: 30px
}

/**************************************************************end global*********************************************************************/
header {
  height: 53px
}

.navbar-default {
  text-align: center
}

#navbar .navbar-nav>li a:hover {
  border-style: none;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

#navbar .navbar-nav>li a.active {
  border-bottom: 4px solid #7c8592
}

#navbar .navbar-nav {
  width: 100%
}

.menu_join {
  cursor: pointer;
}

.section.dark {
  background-color: #484848;
  color: #EAE3D4
}

.section.dark h1 {
  color: #fff
}

.section {
  padding: 100px 0
}

#navbar .navbar-nav>li {
  float: none;
  display: inline-block;
}

.navbar-default {
  background-color: #fff;
}

.navbar-default .navbar-nav>li>a {
  min-height: 62px;
  color: #5B5B5B;
  text-align: center;
  letter-spacing: 1px;
  line-height: 14px;
  font-size: 12px;
  font-family: open-sans, sans-serif;
  font-weight: 400;
  padding-top: 24px;
}

#navbar .svg {
  display: inline-block;
  width: 173px;
}

.Title {
  color: #5B5B5B;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 35px;
  font-weight: 300;
  letter-spacing: 5px;
  text-align: center;
  padding: 0px;
}



/*slideshow*/
.logo_on_img {
  position: absolute;
  z-index: 200;
  width: 50%;
  margin-left: 25%;
  margin-top: 18%
}

.slide_container {
  min-height: 800px !important
}

/*top badge*/
#u3065 {
  z-index: 361;
  width: 235px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  padding-bottom: 17px;
  position: fixed;
  top: 84px;
  left: 24px;
}

#u3062 {
  z-index: 362;
  width: 210px;
  border-style: none;
  background-color: transparent;
  -webkit-transform: matrix(0.9848, -0.1736, 0.1736, 0.9848, -12, 19);
  -ms-transform: matrix(0.9848, -0.1736, 0.1736, 0.9848, -12, 19);
  transform: matrix(0.9848, -0.1736, 0.1736, 0.9848, -12, 19);
  position: relative;
  margin-right: -10000px;
  margin-top: 17px;
  left: 12px;
}

/*members*/
.members {
  padding-top: 100px
}

.custom_cell {
  margin-top: 80px;
}

.column img {
  float: left;
  margin-right: 30px;
  margin-bottom: 20px;
}

.column div {
  margin: 10px 30px 60px 30px
}

h2.big_txt {
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 5px;
  line-height: 34px;
  color: #5B5B5B;
  font-family: 'Josefin Sans', sans-serif;
  margin-bottom: 20px;
  text-align: left;
}

h2.color {
  color: #798995
}

h1.color {
  color: #798995
}

/*success section*/
.success_txt {
  color: #5B5B5B;
  font-family: open-sans, sans-serif;
  padding-right: 30px;
}

/*location or map*/
.location_cell {
  display: inline-block;
  margin: 0 auto 30px auto;
  vertical-align: top;
}

.location_cell.left {
  width: 370px
}

.location_cell.right {
  width: 351px;
  margin-left: 58px;
  line-height: 20px;
  color: #EAE3D4;
  text-align: justify;
  font-family: open-sans, sans-serif;
  font-weight: 300;
}

.location_cell.right h2 {
  font-family: crimson-text, sans-serif;
  color: #EAE3D4;
  font-weight: 600;
  line-height: 35px;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 5px;
  margin-top: 18px;
}

.map_img {
  margin-bottom: 30px
}

/*prices*/
.price_descr {
  font-size: 14px;
  font-family: open-sans, sans-serif;
  font-weight: 300;
  min-height: 92px;
  margin-top: 30px;
}

.prices h2 {
  margin-bottom: 50px
}

.learn_more,
.stripe-checkout-btn {
  color: #171717;
  width: 151px;
  min-height: 22px;
  border-width: 5px;
  border-style: solid;
  border-color: #1CB7D5;
  background-color: #1CB7D5;
  padding: 10px;
  line-height: 26px;
  text-align: center;
  font-size: 26px;
  font-family: bebas-neue, sans-serif;
  font-weight: 400;
  margin: 0 auto;
  margin-bottom: 60px
}

.learn_more:hover,
.stripe-checkout-btn:hover {
  color: #1CB7D5;
  background-color: transparent;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: initial;
  transition: initial;
  -moz-transition: initial;
}

.learn_more span {
  cursor: pointer
}

/*amenities*/
.amenities .col-md-12 {
  padding-bottom: 30px;
  padding-left: 150px;
}

.amen_title {
  background-size: 100%;
  padding: 28px 0 16px 76px;
  background: url('../images/img_amenitiesblank.svg');
  color: #3F4850;
  text-align: left;
  line-height: 28px;
  text-transform: uppercase;
  font-size: 20px;
  font-family: crimson-text, sans-serif;
}

.amen_col {
  display: table-cell;
  padding-left: 80px;
  min-height: 92px;
  line-height: 28px;
  font-family: open-sans, sans-serif;
  font-weight: 300;
  width: 250px
}

.amen_title.workspace {
  background-position: -36px -152px;
  background-repeat: no-repeat;
}

.amen_title.kitchen {
  background-position: -36px -350px;
  background-repeat: no-repeat;
}

.amen_title.community {
  background-position: -36px -508px;
  background-repeat: no-repeat;
}

.amen_title.lounge {
  background-position: -36px -671px;
  background-repeat: no-repeat;
}

/*join us*/
#u1773 {
  border-style: none;
  border-color: transparent;
  border-radius: 0px 5px 5px 0px;
  -webkit-transform: matrix(0, -1, 1, 0, -61, 161);
  -ms-transform: matrix(0, -1, 1, 0, -61, 161);
  transform: matrix(0, -1, 1, 0, -61, 161);
  background: #FFFFFF url("../images/arrows-mn_arrow_right.png") no-repeat center center;
  width: 39px;
  height: 161px;
  color: black;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  display: block;
}

.section.join {
  background-color: #EDEDED;
  color: #474747;
  padding-bottom: 30px
}

.foot_title {
  line-height: 14px;
  font-family: open-sans, sans-serif;
  font-weight: 600;
  margin-bottom: 25px;
}

.foot_section {
  font-size: 12px;
  line-height: 15px;
  font-family: open-sans, sans-serif;
  font-weight: 300;
  margin-bottom: 20px;
}

.social a {}

#mc-embedded-subscribe {
  background: url("../images/u2599-17.png") no-repeat 0px 0px;
  min-height: 31px;
  width: 232px;
  margin-top: 13px;
}

#mce-EMAIL,
#stripe-quantity {
  width: 232px;
  min-height: 14px;
  padding: 6px;
  color: #C4C4C4;
  font-family: open-sans, sans-serif;
  font-style: italic;
  font-weight: 300;
  margin-top: 25px;
  border-width: 1px;
  border-style: solid;
  border-color: #C4C4C4;
  background-color: #F2F2F2;
}

.foot_col {
  margin-bottom: 40px;
  display: inline-block;
  padding-left: 100px;
  width: 33%;
  vertical-align: top;
}

.logo_mobile {
  display: none;
}

.logo_mobile img {
  margin-top: -40px
}


.front_bottom_msg {
  border-top: 1px solid #ccc;
  padding-top: 25px;
  margin-bottom: 0
}

/*perks*/
.section_main_header {
  color: #fff;
  margin-bottom: 50px;
  line-height: 28px;
  text-transform: uppercase;
  font-size: 25px;
  font-family: crimson-text, sans-serif;
  font-weight: 300;
  letter-spacing: 5px;
}

.section_main_header.dark {
  color: #657684
}

.perks_title {
  color: #657684;
  text-align: left;
  line-height: 28px;
  text-transform: uppercase;
  font-size: 20px;
  font-family: crimson-text, sans-serif;
}

.table_left,
.table_right {
  display: table-cell;
  vertical-align: top;
  padding: 10px;
}

.pers_section {
  font-family: open-sans, sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: initial;
  text-align: left;
  margin: 20px 0
}

.provider_title {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 400;
}

.perks_prov_title,
.perks_sect h2 {
  color: #657684;
  text-align: left;
  line-height: 28px;
  text-transform: uppercase;
  font-size: 20px;
  font-family: crimson-text, sans-serif;
  font-weight: 300;
  letter-spacing: 5px;
  display: block;
}

.perks_sect {
  margin: 20px 0;
  background: #fff;
  padding: 20px;
  font-weight: 300;
  font-family: open-sans, sans-serif;
  line-height: 28px
}

.perks_account {
  margin: 10px 50px;
  border-bottom: 1px dashed #ccc;
  padding: 20px 0;
}

.perks_account .table_left {
  width: 150px
}

.perks_sect.main {
  background: #fff;
}

.perks_menu {
  padding-right: 38px;
  letter-spacing: 0.1em;
  color: #333;
  line-height: 2em
}

.perks_perks {
  color: #000;
}

.perks_perks .perks_prov_title {
  margin-bottom: 20px
}

/*popups*/
#popup {
  display: none;
  width: 740px;
  z-index: 3000;
  position: fixed;
  background-color: #E9E9E9;
  padding-top: 29px;
}

#backgroundPopup {
  display: none;
  position: fixed;
  height: 100% !important;
  width: 100%;
  top: 0;
  left: 0;
  background: #000000;
  z-index: 2500;
  opacity: 0.7
}

.contact_top_txt {
  text-align: center;
  color: #3F4850;
  line-height: 14px;
  font-family: open-sans, sans-serif;
  font-weight: 600;
}

#popup .Title {
  color: #657684;
}

.paragraph {
  margin-top: 7px;
  margin-bottom: 35px
}

.contact_input,
.contact_message {
  width: 185px;
  min-height: 36px;
  color: #7F7F7F;
  font-family: open-sans, sans-serif;
  font-weight: 300;
  padding: 0 6px;
  margin-bottom: 12px;
  background-color: #F2F2F2;
  vertical-align: top
}

#second_email {
  display: none
}

.contact_message {
  height: 84px;
  resize: none;
}

.contact_submit {
  line-height: 26px;
  font-family: bebas-neue, sans-serif;
  font-weight: 400;
  font-size: 26px;
  color: #fff;
  background-color: #1CB7D5;
  width: 180px;
  padding: 10px 0;
}

.contact_blue {
  line-height: 26px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background-color: #1CB7D5;
  font-weight: 600;
  width: 180px;
  margin-bottom: 12px;
  padding: 12px 0
}

.popop_on_mobile {
  display: none;
}

#popupClose {
  float: right;
  color: #7F7F7F;
  margin-right: 20px;
  margin-top: -10px;
  font-weight: 400;
  cursor: pointer;
}

.contact_msg {
  clear: both;
  text-align: center;
  padding: 30px;
  background-color: #1CB7D5;
  font-family: bebas-neue, sans-serif;
  color: #fff;
  font-size: 24px;
}

.contact_msg.error {
  color: #ff0000;
  line-height: 30px
}

/*signup page*/
#popup_signup {
  padding-top: 29px;
  width: 740px;
  margin: 70px auto;
  background: #E0E0E0;
  border: 1px solid #DADADA;
}

.small_form_descr {
  font-size: 10px;
  margin-bottom: 17px;
  margin-top: -7px;
  color: #919CA5;
  font-style: italic;
}

/*members section*/
.members_imgs_wrapp {
  padding: 50px 0;
  text-align: center;
}

.members_title {
  color: #3F4850;
  margin-top: 100px
}

.members_title h2 {
  font-size: 17px;
  margin-bottom: 10px;
}

.white_bg {
  background: #fff
}

.member_img {
  display: inline-block;
  margin: 20px;
  width: 200px;
  -webkit-box-shadow: 0 0 2px 4px #E6E6E6;
  -moz-box-shadow: 0 0 2px 4px #E6E6E6;
  box-shadow: 0px 0px 2px 4px #E6E6E6;
  background: #ffffff;
  border: 2px solid #dbdbdb
}

.bx-wrapper {
  margin: 0 auto
}

.members_imgs_wrapp .bx-controls-direction a {
  margin-top: -39%
}

.bx-pager-item {
  display: inline-block;
  margin: 0 4px;
}

.bx-pager-item a {
  font-size: 1px;
  color: #000000;
  width: 10px;
  height: 10px;
  display: block;
  background: #ccc;
  border-radius: 50%;
}

.bx-pager-item a.active {
  background: #A8A8A8
}

.slider .slide {
  width: 222px !important
}

/*cupcake section*/
/*#cupcake_top_link { padding-right: 0}*/
.cupcake_title {
  color: #798995;
  margin-bottom: 15px;
  background: url(../images/cupcake.png) no-repeat 0 0;
  background-size: 53px;
  display: inline-block;
  padding-left: 75px;
  padding-top: 16px;
  padding-bottom: 7px;
}

.cupcake_subtitle {
  line-height: 17px;
  font-size: 14px;
  font-weight: 300;
  font-family: open-sans, sans-serif;
  color: #798995;
}

.slider1 img {
  height: 200px;
  width: 148px;
}

.slider1 {
  margin: 50px 0;
}

.slider1 .slide {
  width: 160px !important
}

.bx-prev {
  float: left;
  background: url(../images/arrow_left.png) no-repeat 0 0;
  margin-left: -70px;
}

.bx-next {
  float: right;
  background: url(../images/arrow_right.png) no-repeat 0 0;
  margin-right: -70px;
}

.bx-controls-direction a {
  width: 30px;
  height: 30px;
  background-size: 30px;
  font-size: 1px;
  color: #000000;
  margin-top: -80px;
}

/*events page*/
.events_container {
  background: url(../images/events/ensembleevent.jpg) no-repeat 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 300px;
  padding-top: 200px
}

.events_title {
  color: #798995;
  line-height: 29px;
  font-size: 24px;
}

.events_wrapp {
  padding: 10px 23%;
}

.events_wrapp .Title {
  font-size: 20px;
  margin: 30px 0 9px 0;
}

.events_txt {
  color: #5B5B5B;
  text-align: center;
  font-family: open-sans, sans-serif;
  font-weight: 400;
  width: 240px;
  display: block;
  margin-bottom: 50px
}

.learn_more.calendar {
  width: auto;
  display: inline-block;
}

.member_img img,
.press_img img {
  max-width: 100%;
}

.member_img img {
  min-height: 135px;
  max-height: 136px;
}

.press_img {
  display: inline-block;
  margin: 20px;
  width: 180px;
  -webkit-box-shadow: 0 0 2px 4px #E6E6E6;
  -moz-box-shadow: 0 0 2px 4px #E6E6E6;
  box-shadow: 0px 0px 2px 4px #E6E6E6;
  background: #ffffff;
  border: 2px solid #dbdbdb
}

.press_img.no_border {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*Stripe*/
#payment_success {
  font-size: 15px;
  color: green;
  display: none;
}

#payment_failed,
#error-message {
  font-size: 15px;
  color: red;
  display: none;
}

@media (max-width: 568px) {
  .col-md-6.column {
    text-align: center;
  }

  .column img {
    float: none;
    margin-right: 0;
  }

  .column h2 {
    text-align: center;
  }

  .amen_col {
    display: block;
  }

  #iframe_callendar {
    width: 300px
  }

  .events_wrapp {
    padding: 0
  }

  .success_txt {
    padding-right: 0
  }

  h2.big_txt {
    font-size: 24px
  }

  .Title {
    font-size: 28px
  }
}

@media (max-width: 767px) {

  /*here the dromdown menu sows up*/
  .logo_mobile {
    display: block;
  }

  .location_cell {
    display: block;
  }

  .location_cell.left {
    width: 100%
  }

  .location_cell.right {
    width: 100%;
    margin-left: 0
  }

  header {
    height: 50px;
  }

  #popup {
    width: 90%
  }

  #popup_signup {
    width: 90%
  }

  .popop_on_mobile {
    display: block;
  }

  .popop_on_big_screen {
    display: none;
  }

  .contact_input,
  .contact_message {
    width: 100%
  }

  .contact_submit {
    height: 53px;
    width: 180px;
    margin: 10px auto;
    display: block;
  }

  .contact_blue {
    margin: 10px auto;
  }

  /*front page*/
  .slide_container {
    min-height: 200px !important
  }

  #u3062_img {
    height: 80px !important;
    width: 105px !important
  }

  /*badge*/
  #u3062 {
    display: none
  }

  .slider .slide {
    width: 100px !important
  }

  .slider .slide img {
    width: 100px !important
  }

  .member_img {
    width: 100px
  }

  .amen_col {
    width: auto;
  }

  /*perks page*/
  .perks_page .table_left,
  .perks_page .table_right {
    display: block;
  }

  .perks_account {
    margin: 10px auto
  }

  .perks_menu {
    display: block;
  }

}

@media (max-width: 1020px) {
  .amenities .col-md-12 {
    padding-left: 0
  }

  .foot_col {
    width: 100%;
    padding-left: 0
  }

  #mc-embedded-subscribe {
    display: block;
    margin-left: 0;
  }

}