/*
Theme Name:         The ONE Group Theme
Version:            1.0.0
Author:             Fueled
Author URI:         http://fueled.com/
*/


body.postid-6416 > main > div > header.ed-header {height:600px !important;box-shadow: inset 0px -80px 150px 45px rgba(0, 0, 0, 0.3);}
body.postid-6416 > main > div > header.ed-header > div.row.new-row {border-bottom:0px !important;}
body.postid-4453 > header> .new-nav > .menu-new-primary-container > #menu-new-primary > li:nth-child(6) {display:none !important;}
.wpcf7 .wpcf7-response-output{top: 9rem !important;}


body.page-id-9984 > header > nav > div.masthead__cta {display:none !important;}
 
body.page-id-9984 > main > .row > .home-full-slider, #about-more, #h_caviar, #h_events {display:none !important;}

#h_about > .basic-block {
    padding: 55px 0 10px 0px;
}

body.page-id-9984 > div.slicknav_menu {z-index:99999 !important;}

@media screen and (max-width: 900px) {
body.page-id-9984 > main {
    padding-top: 8.7rem !important;
}

#h_investor, #h_careers {width:100% !important;}


}
 

.home-btn, .hf-slide a, #po-form form button._submit {
    font-size: 14px;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}

.home-btn {
    width: auto !important;
    padding: 0 20px !important;
}

.yellow-txt{
color:#ffee7f !important;
}
.post__city .cities a{
margin-right:5px;
}
.alert-warning{
text-align:center;
}
.post__title a{
display:inline;
}

.sr-fa{display:none !important;}
#sr-res-root span {max-width:300px !important;}
#sr-res-root {    width: 300px !important;
    font-weight: 300 !important;
    letter-spacing: 2px;}

.pinterest_tog{
display:inline-block;
width:36px;
height:33px;
margin-left:4px;
position:relative;
top:2px;
background: url('http://togrp.com/wp-content/themes/the-one-group-web/public/assets/images/icons/pinterest_tog.png');
}
.pinterest_tog:hover{
background: url('http://togrp.com/wp-content/themes/the-one-group-web/public/assets/images/icons/pinterest_tog2.png');
}
/* Job listings */

.jl_subtitle{
max-width:none;
font-size:18px;
margin:0;
}
.with-divide .jl_subtitle{
margin-bottom:65px;
}
.jl_subsection{
text-align:center;
position: absolute;
margin: 0 auto;
width: 100%;
max-width:450px;
left: 0;
right: 0;
}
.with-divide .jl_subsection{
margin-top:-60px;
}

.jl_subsection .form__dropdown--faux__list{
max-height:270px;
position:static;
display:none;
}

.form__dropdown--faux--active .form__dropdown--faux__list{
display:flex;
}
/* NYE ONLY */

.nye-img{
float:left;
margin-right:1%;
width:15%;
display:block;
max-width:102px;
}
.nye-text{
float:left;
width:83%;
display:block;
margin-bottom:15px;
}

.nye-menu{
display:block;
float:left;
width:100%;
max-width:360px;
margin-top:5px;
}
.nye-menu img{
display:block;
float:left;
width:24px;
margin-right:20px;
margin-top:2px;
}

/* FRIENDS WITH BENEFITS */

._form ._type_date ._option input[type="button"] {
    width: 9%;
    height: 24px;
    margin: 1% 0 0 0;
    padding: 0;
    background: url(http://theonegroup.activehosted.com/admin/templates/form-themes/compact-basic/images/icon_calendar.gif) no-repeat 0 0;
    border: none;
    outline: none;
    text-align: center;
    text-indent: -9999px;
    background-position: center;
  }
  ._form ._label{
    font-size: .93333rem;
    color: #7E8287;
    display: block;
    font-weight: 400;
    letter-spacing: .1rem;
	text-transform: uppercase;
	line-height: 1.73333;
	margin: .2rem auto .4rem;
    text-align: left;
  }
  ._form input, ._form select, #loc-select{
    box-shadow: 0 -2px transparent inset;
    font-size: 1.06667rem;
    /*background: #262C34;*/
	background: #222222;
    width: 100%;
    height: 3.2rem;  
	padding: .53333rem 1rem;
    margin: 0 auto 1.33333rem;
    transition: all .3s ease;	
  }
  ._form .btn{
	color: #E9E7DF;
	background: #AD3B91;
	box-shadow: rgba(17, 17, 17, .8) 0 .06667rem .06667rem, inset rgba(233, 231, 223, .2) 0 .06667rem 0, inset rgba(17, 17, 17, .09) 0 -.06667rem .13333rem;
	padding: .8rem 1.33333rem;
	font-size: .93333rem;
	width:180px;
  }
  ._form .btn:hover{
    background: #BAD8BF;
    color: #333A45;
    text-shadow: none;
  }
  #form_field32{
    background: #222222 url(http://theonegroup.activehosted.com/admin/templates/form-themes/compact-basic/images/icon_calendar.gif) no-repeat 98% center;
  }
  .half{
  display:block;
  float:left;
  width:50%;
  }
  .ahalf{
  display:block;
  float:left;
  width:48%;
  margin-right:2%;
  }
  #_form_2845{
  max-width:40rem;
  margin:0 auto;
  }
  #fwb-forms{
  list-style:none;
  padding:0;
  }
  .fwbi-row1,.fwbi-row2{
	  width:100%;
	  clear:both;
  }
  .fwbi-block{
	  float:left;
	  padding:15px;
	  width:33.333%;
  }
  .fwbi-row1 .fwbi-block{
	  padding:0;
  }
  .fwbi-block img{
	  width:100%;
  }  
  .fwbi-block p{
	  margin:0;
	  line-height:normal;
	  text-transform:uppercase;
	  word-break: break-word;
	  text-align:center;
  }
  .fwb-title{
	  color:#AD3B91;
  }
  .eonly-lefti,.eonly-righti{
	  /*max-height:1100px;*/
	/* width:15% */
  }
  /*
  .eonly-text{
	  width:70%;
  }
  */
  .fwb-base{
	  float:left;
	  width:100%;
	  margin-top:20px;
  }
  @media only screen and (max-width: 770px){
	  .fwbi-block{
		width:100%;
	  }
	  .eonly-lefti,.eonly-righti{
		display:none;
	  }
	  .eonly-text{
		  width:100%;
	  }
	  .fwbi-row1 .fwbi-block{
		  padding:5px 0;
	  }	  
  }

/* EVENT ONLY */

.eonly-lefti, .eonly-righti{
float:left;
display:block;
width:20%;
overflow:hidden;
}
.eonly-text{
float:left;
background:#333A45;
display:block;
width:60%;
padding:40px;
}

.eo-logo{
margin:0 auto;
}
.eo-logo img{
max-height:180px;
margin:0 auto;
}

.eo-left, .eo-right, .eo-left-b, .eo-right-b, .eo-right-c, .eo3-left, .eo3-right{
float:left;
z-index:0;
}

.eo3-left img, .eo3-right img{
max-width:none;
}

.eo-left, .eo-right, .eo-left-b, .eo-right-b, .eo-right-c, .eo3-left, .eo3-right{
/*height:50%;*/
height:auto;
}
.eo-left img, .eo-right img, .eo-left-b img, .eo-right-b img, .eo-right-c img{
max-width:none;
border: .06667rem solid #262C34;
}

.eonly-text .restaurant-cta{
margin-left:auto;
margin-right:auto;
}

[title~="eventonly-nav"]{
background:url('http://togrp.com/wp-content/uploads/2015/05/STK_OUT_by-TOG-all-black.png') no-repeat left top;
background-size:50px 59px;
padding-top:60px;
color:#fff;
}

[title~="eventonly-nav2"]{
background:url('http://togrp.com/wp-content/uploads/2015/07/One_Manhattan_Logoc.png') no-repeat left top;
background-size:50px 59px;
padding-top:60px;
color:#fff;
}

[title~="eventonly-nav"]:hover{
color:#BC5D93;
}


[title~="eventonly-nav5"]{
background:url('http://togrp.com/wp-content/uploads/2016/10/TheRooftopBySTK_Logo_white.svg') no-repeat left top;
background-size:65px 65px;
padding-top:60px;
color:#fff;
}


.masthead__nav__item--radio-rooftop a{
display:none;
}
.masthead__nav__item--radio-rooftop .masthead__nav--list a{
display:block;
}

.masthead__nav__item--radio-rooftop .masthead__nav--list{
padding-top:50px;
}

.masthead__nav__item--radio-rooftop{
/* background: url('http://togrp.com/wp-content/uploads/2015/08/Radio-small.png') no-repeat 8px 20px; */
background: url('./public/assets/images/icons/Radio_Logo.svg') no-repeat 8px 20px;
background-size: 106px 40px;
width:50px;
height:59px;
}

/* mobile nav menu - override new_style.scss */
div.slicknav_menu {
  z-index: 3;
}

/* hiding the stk out button on the nav 
.masthead__nav--sub>.masthead__nav__item--stk-out{
display:none;
} */

/* event only ONE Manhattan SPECIFIC */

.page-id-1418 .eonly-text .h1{
display:none;
}

.metaslider{
margin:0 auto;
}

.flex-control-nav li{
width:auto;
}

/* event only STK Rebel SPECIFIC */

.rebel-page, .rebel-page .eonly-text, .rebel-page .eonly-lefti, .rebel-page .eonly-righti{
background-color:#000000;
}

.rebel-page a{
color:#ea094b;
}
.rebel-page a:hover{
color: #BAD8BF;
outline: 0;
}
/* event only STK Rebel SPECIFIC */

.hideout-page, .hideout-page .eonly-text, .hideout-page .eonly-lefti, .hideout-page .eonly-righti{
background-color:#ffffff;
}
.hideout-page p,.hideout-page h1{
color:#000000;
}
.hideout-page a{
/*color:#ea094b;*/
}
.hideout-page a:hover{
/*
color: #BAD8BF;
*/
outline: 0;

}

.hideout-page .btn--with-inline-icon svg{
fill:#ffffff;
}
.hideout-page a.btn--secondary{
color:#ffffff;
}

/*Book a Table*/
.hideout-page .hideout-booking h1 {
  color: #E9E7DF;
}
.venue-row.hideout-booking {
  border-bottom: none;
}


/* promo css - STKxMJ */

.mj-centerbox{
display:block;
width:501px;
margin:0 auto;
}

.mj-centerbox2{
display:block;
width:335px;
margin:0 auto;
}

.mj-centerbox3{
display:block;
width:668px;
margin:0 auto;
}

.mj-container{
display:block;
float:left;
width:auto;
max-width:157px;
margin:5px;
}

.mj-btn{
width:100%;
max-width:157px;
height:70px;
margin:0;
}

.mj-container form{
margin:1px 0 0;
height:80px;
}

.mj-phone{
text-align:center;
}

/* tripleseat private events form */
#tripleseat_form > p {
  max-width: 495px;
  padding: 0 5px;
}
#tripleseat_form .row_company td > label {
  display: inline-block;
}
#tripleseat_form .row_company td > input {
  display: inline-block;
  width: 20%;
  float: right;
  margin-right: 20px;
}

body #tripleseat_embed_form input, body #tripleseat_embed_form textarea, .row_contact_preference select{
  border:none;
  padding: .53333rem 1rem;
  margin: 0 auto 1.33333rem;
  transition: all .3s ease;
  box-shadow: 0 -2px transparent inset;
  font-size: 16px;
  font-size: 1.06667rem;
  background: #262C34;
  width: 100%;
  height: 3.2rem;
  color: #E9E7DF;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

body #tripleseat_embed_form label{
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: .93333rem;
  color: #7E8287;
  display: block;
  font-weight: 400;
  letter-spacing: .1rem;
  margin: .2rem auto .4rem;
  text-align: left;
  text-transform:uppercase;
}

body #tripleseat_embed_form #lead_phone_number{
width:100%;
}

body div.timeselect{
  box-shadow: 0 -2px transparent inset;
  font-size: 16px;
  font-size: 1.06667rem;
  background: #262C34;
  width:200px;
  height:110px;
  border:none;
}

body div.timeselect a{
color:#E9E7DF;
}
body #tripleseat_embed_form textarea{
height:200px;
}
#lead_form_submit a{
display:none;
}

body #tripleseat_embed_form input.error, body #tripleseat_embed_form .location_list.error{
background:#262C34;
}

body #tripleseat_embed_form #lead_submit {
  border-radius: .2rem;
  display: block;
  font-size: 14px;
  font-size: .93333rem;
  letter-spacing: .13333rem;
  padding: .8rem 1.33333rem;
  position: relative;
  text-transform: uppercase;
  text-shadow: rgba(17, 17, 17, .2) 0 .06667rem .06667rem;
  line-height: 1.6rem;
  min-height: 3.2rem;
  text-align: center;
  
  color: #E9E7DF;
  background: #AD3B91;
  box-shadow: rgba(17, 17, 17, .8) 0 .06667rem .06667rem, inset rgba(233, 231, 223, .2) 0 .06667rem 0, inset rgba(17, 17, 17, .09) 0 -.06667rem .13333rem;
  
  outline: 0;
  border: 0;
  margin: .33333rem auto;
  
  -webkit-appearance: button;
  cursor: pointer;
  
  transition: all .25s cubic-bezier(0.625, .125, .305, .875);
}
#tripleseat_embed_form #lead_submit:hover{
  background: #BAD8BF;
  color: #333A45;
  text-shadow: none;
}
#tripleseat_embed_form #lead_submit:active{
  background: #917DC1;
  color: #333A45;
  box-shadow: rgba(17, 17, 17, 0) 0 .06667rem .06667rem, inset rgba(233, 231, 223, 0) 0 .06667rem 0, inset rgba(17, 17, 17, .09) 0 .06667rem .13333rem;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
color:#000;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
color:#000 !important;
background:#aaa;
}

body .ui-state-active, body .ui-widget-content .ui-state-active, body .ui-widget-header .ui-state-active{
border: 1px solid blue;
}

.row_phone_number td{
padding:0;
}

#tripleseat_embed_form{
width: 100%;
}
#tripleseat_embed_form table{
	margin:0 auto;
}
#tripleseat_embed_form .location_list input{

    width: auto;
    line-height: 1;
    height: 32px;
    margin-right: 20px;
	margin-bottom:0;
}
/* restaurant item ordering */

.block--text{
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.block--restaurant-additional{
padding-top:0;
}

.eo-right-c{
display:none;
}

/* mobile safari fixes */

.view-iframe {
	-webkit-overflow-scrolling: touch;
  	/*overflow-y: scroll;*/
	width:100%;
	/* width:98%; */
	/* important:  dimensions or positioning here! */
}

span.modal__close{
z-index:99999;
}

div.modal-wrap.modal-wrap--active{
z-index: 8;
}


/* page specific logo size for ONE Manhattan page */
.page-id-1418 .eo-logo img{
max-width:115px;
}

/* Cookie popup */

#cookie-notice .button.bootstrap{
	color: #E9E7DF;
    background: #AD3B91;
    box-shadow: rgba(17, 17, 17, .8) 0 .06667rem .06667rem, inset rgba(233, 231, 223, .2) 0 .06667rem 0, inset rgba(17, 17, 17, .09) 0 -.06667rem .13333rem;
}
#cookie-notice .button.bootstrap:hover{
	background: #BAD8BF;
    color: #333A45;
    text-shadow: none;
}
#cookie-notice{
	text-align:left;
}
/* full bg sub page */


.full-bg-page{
	background-position:center top;
	background-size:cover;
	background-repeat:no-repeat;
}
.trans-box{
	width:90%;
	max-width:860px;
	background:rgba(246,246,246,.8);
	padding:30px;
	margin:30px auto;
}
.trans-box ._form input, .trans-box ._form select, .trans-box #loc-select{
	background:#fff;
	color:rgba(0,0,0,.8);
}
.trans-box, .trans-box p, .trans-box input, .trans-box label, .trans-box h1, .trans-box h2, .trans-box ._form ._label{
	color:rgba(0,0,0,.8);
}
.trans-box ._form .btn{
	background: #AD3B91;
	color:#fff;
}
.trans-box ._form .btn:hover{
	background: #BAD8BF;
	color:#000;
}
.fbg-logo img{
	max-width:190px;
	margin:0 auto;
}


/* Special Reservation Pages */
.page-template-template-sub-page-php .f-half, .offer .f-half {
    width: 50%;
    float: left;
    display: block;
}

.offer .f-half:first-child select {
  float: left;
  width: 95%;
}

.offer .f-half:first-child input {
  width: 95%;
}

.page-template-template-sub-page-php .f-half input, .offer .f-half input {
    box-shadow: 0 -2px transparent inset;
    font-size: 16px;
    font-size: 1.06667rem;
    background: #262C34;
    width: 100%;
    height: 3.2rem;
    padding: .53333rem 1rem;
    margin: 0 auto 1.33333rem;
    transition: all .3s ease;
    float:left;
}

.f-half {
    width: 50%;
    float: left;
    display: block;
}

.f-half input {
    box-shadow: 0 -2px transparent inset;
    font-size: 16px;
    font-size: 1.06667rem;
    background: #262C34;
    width: 100%;
    height: 3.2rem;
    padding: .53333rem 1rem;
    margin: 0 auto 1.33333rem;
    transition: all .3s ease;
    float:left;
}


.page-template-template-sub-page-php .first-name input{ /*.offer .first-name input*/
    margin-right: 15px;
    width: 90%;
}

.page-template-template-sub-page-php .form__section--full, .offer .form__section--full  {
    float: left;
}
#fwb-forms .wpcf7-response-output, #fwb-forms .wpcf7-validation-errors {
    background: none;
    float: left;
    text-align: center;
    width: 100%;
	position:relative;
	top:0;
}
#fwb-forms #pw-form .wpcf7-response-output{
	position:fixed;
	top:35%;
    border: 3px solid white;
	background: rgba(51,58,69,.6);
	
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
}
#fwb-forms #pw-form .wpcf7-response-output:after{
	top:15%;
}
#fwb-forms .wpcf7-not-valid{
	color:#E9E7DF;
}
.wpcf7-not-valid+.wpcf7-not-valid-tip{
	margin: auto;
}
span.wpcf7-not-valid-tip {
  display: inherit;
}

/* large screens */
@media only screen and (min-width: 1600px){
.eo-left img, .eo-right img, .eo-left-b img, .eo-right-b img, .eo-right-c img, .eo-left, .eo-right, .eo-left-b, .eo-right-b, .eo-right-c{
height:auto;
width:100%;
}

}

@media only screen and (max-width:770px){

.post--list{
max-width:none;
}

.mj-container{
width:100%;
margin:10px auto;
float:none;
}

.mj-logo img{
margin:0 auto;
}

.mj-centerbox, .mj-centerbox2, .mj-centerbox3{
width:100%;
max-width:720px;
}

.mj-container form{
margin:1px auto;
max-width:157px;
}

/* css for eonly-lefti in place, but it makes the page look like shit, so for now I'm taking it out */
.eonly-lefti{
display:none;
}

.eonly-lefti, .eonly-righti{
width:100%;
}

.eonly-text{
width:100%;
padding:5px;
padding-top:25px;
}

.eo-right-c{
display:block;
}

.eo-left, .eo-left-b, .eo-right, .eo-right-b, .eo-right-c{
width:50%;
}

.eo-left, .eo-right{
float:left;
}

.eo-left-b, .eo-right-b, .eo-right-c{
float:right;
max-height:704px;
}

.eo-left img, .eo-left-b img, .eo-right img, .eo-right-b img, .eo-right-c img{
width:100%;
height:auto;
}

.eonly-text .restaurant-cta{
margin:10px;
}

.eo3-left, .eo3-right{
display:none;
}



}



.snip1566 {
  position: relative;
  display: inline-block;
  margin: 20px;
  max-width: 190px;
  width: 100%;
  color: #bbb;
  font-size: 16px;
  box-shadow: none !important;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border-radius: 50%;
  overflow: hidden;
}

.snip1566 *,
.snip1566:before,
.snip1566:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.snip1566:before,
.snip1566:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
  border: 2px solid #bbb;
  border-color: transparent #bbb;
}

.snip1566 img {
  max-width: 100% !important;
  backface-visibility: hidden;
  vertical-align: top;
  border-radius: 50%;
  padding: 10px;
  overflow: hidden;
  opacity: 1;
margin: auto !important;
}

.snip1566 a {
    border: 0 !important;
    width: auto !important;
    height: auto !important;
    bottom: auto !important;
}

.snip1566 figcaption {
    position: absolute;
    opacity: 1;
    top: 44%;
    margin: 0 auto;
    z-index: 999;
    color: white;
    font-family: "Gotham", sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    width: 100%;
    font-size: 20px;
}

.snip1566 i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 4em;
  z-index: 1;
}

.snip1566 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip1566:hover img {
    transform: scale(1.1);
    opacity: .4;
}



.snip1566:hover:before,
.snip1566.hover:before,
.snip1566:hover:after,
.snip1566.hover:after {
  border-width: 2px;
    overflow: hidden;

}

.snip1566:hover:before,
.snip1566.hover:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);

}

.snip1566:hover:after,
.snip1566.hover:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);

}


.snip1566 figcaption a {
	position: absolute;
    opacity: 1;
    top: 44%;
    margin: 0 auto;
    z-index: 999;
    color: #fff;
    font-family: "Gotham",sans-serif !important;
    font-weight: 400;
    letter-spacing: 1px !important;
    width: 100% !important;
    line-height: 24px;
    font-size: 20px !important;
}


.darkness {
    background: rgba(0, 0, 0, 0.7) !important;
}

#h_careers {    width: 50%;
    display: inline-block;}
#h_investor {    width: 50%;
    display: inline-block;}


.otbadge {
    top: 100px!important;
    position: relative;
    height: auto;
    width: 650px;
    max-width: 100%;
}

.home-btn, .hf-slide a, #po-form form button._submit {
    font-size: .86667rem !important;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif!important;
    letter-spacing: 0px!important;
}

.masthead__cta .btn {
    background: transparent!important;
    background-color: transparent;
    box-shadow: none !important;
    border: 2px solid white!important;
    border-radius: 0px!important;
    padding: .5rem 2rem;
}

.masthead__cta .btn:hover, .btn--social:hover {
fill: white !important;
color: white !important;
}


.btn--social {
    background:  #272c34 !important;
    background-color: #272c34;
    box-shadow: none !important;
}

div.new-footer > div > div > .f-email-ctn, div.new-footer > div > div > .f-soc-ctn {
width: 100% !important;}


/*Acco*/
.ac-container {
    max-width: 400px;
}

.ac-container label {
    font-size: 12px !important;
    display: block;
    cursor: pointer;
    padding: 1.4em;
    position: relative;
    z-index: 2;
    color: #E9E7DF;
    background: #262C34;
}

.ac-container {
    width: 100%;
    margin: 10px auto 30px auto;
    text-align: left;
}


.ac-container input:checked + label,.ac-container input:checked + label:hover {
    background: #f1f2f3;
    color: #666;
    height: 30px;
    line-height: 21px;
    font-size: 13px;
}

.ac-container label:hover:after,.ac-container input:checked + label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
}


.ac-container input {
    display: none;
}

.ac-container article {
    background: rgba(255,255,255,0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
}

.ac-container article ul {margin: 0px!important;padding:0px !important;}

.ac-container article ul li {list-style: none !important;}
.ac-container article ul li a {display:block;padding: 15px 25px;background: #e7e8e9;}

.ac-container article ul li a:hover {
    	background: #272c35;
	color:white;
}

.ac-container article p {
    font-style: normal;
    color: #777;
    line-height: 23px;
    font-size: 10px;
    padding: 20px;
    font: normal normal 12px 'Open Sans';
}

.ac-container input:checked ~ article {
    -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
}

.ac-container input:checked ~ article.ac-small {
    height: 100%;
}

.ac-container input:checked ~ article.ac-medium {
    height: 180px;
}

.ac-container input:checked ~ article.ac-large {
    height: 230px;
}


@media only screen and (max-width:900px){
.otbadge {display:none !important;}
.snip1566 {margin: 10px;width: 140px;}
.snip1566 figcaption {font-size:16px;}
.snip1566 img {max-height: none !important;}
.hf-text h3 {padding: 0 10px !important;}

}