/********************************************
 * General settings
 */
 
.not-phone, .desktop-only, .tablet-only, .phablet-only, .phone480-only {
  display: none;
}

#container, header, nav, #content, footer {
}

.wrapper {
  width: 375px;
  margin: 0 auto;
}

/********************************************
 * General
 */
h1 {
	font-size: 25px;
}

/*
 * Header
 */
#logo {
    width: 283px;
    height: 95px;
    position: absolute;
    top: 45px;
    right: 15px;
}

#logo img {
    width: 100%;
}

#btn-burger {
    display: inline-block;
    position: absolute;
    top: 79px;
}

header .wrapper {
    width: 345px;
    height: 246px;
    padding: 0 15px;
    position: relative;
}

#search_area {
    display: inline-block;
    position: absolute;
    top: 214px;
}

#search_area input#search_a_speaker{
	width: 300px;
	height: 28px;
}

#social_area {
}

#contact_phone {
    display: inline-block;
    position: absolute;
    top: 175px;
}

#contact_email{
    display: inline-block;
    position: absolute;
    top: 177px;
    right: 15px;
}
/*
 * Navigation
 */
nav {
    position: absolute;
    top: 117px;
    background: #FFF;
    z-index: 100;
    display: none;
}

#menu > ul > li {
    width: 100%;
}

#menu > ul > li > a {
    padding: 4px 15px;
}

/*
 * Tiles
 */
.KeynoteEntertainment_Tile_MotivationalSpeakers {
	width: 163px;
	height: 148px;
    background-size: cover;
}

.KeynoteEntertainment_Tile_BusinessSpeakers {
	width: 163px;
	height: 148px;
	margin-left:18px;
    background-size: cover;
}

.KeynoteEntertainment_Tile_KeynoteSpeakers {
	width: 345px;
	height: 128px;
	margin-top:18px;
    background-size: cover;
}

.KeynoteEntertainment_Tile_Entertainers {
	width: 345px;
	height: 118px;
    background-size: cover;
}

.KeynoteEntertainment_Tile_Comedians {
	width: 345px;
	height: 166px;
    background-size: cover;
}

.KeynoteEntertainment_Tile_MasterOfCeremonies {
	width: 345px;
	height: 138px;
    background-size: cover;
}

.KeynoteEntertainment_Tile_SearchByState {
	width: 164px;
	height: 148px;
    background-size: 164px 296px;
}

.KeynoteEntertainment_Home_Illustration {
	width: 162px;
	height: 120px;
	margin-left: 18px;
    background-size: cover;
}

/*
 * Body
 */
#body .wrapper {
    width: 345px;
    padding: 0 15px;
}

/*
 * Footer
 */
#container > footer {
    background-size: cover;
}

#container > footer .wrapper {
	background-position: 19px 113px;
    height: 224px;
}

/*
 * Speakers
 */
#category_tiles .group div {
	width: 163px;
	height: 110px;
	margin-bottom:19px;
    margin-left: 19px;
    background-size: cover;
}

#category_tiles .g1 a:nth-child(2n+1) div,
#category_tiles .g3 a:nth-child(2n+1) div,
#category_tiles .g4 a:nth-child(2n+1) div {
    margin-left: 0;
}

#category_tiles .g2 a:first-child div {
    margin-left: 0;
}

#category_tiles .g3 {
	/*width: 575px;*/
}

/*
 * Category list
 */
#category_select > ul > li {
}

#category_select ul ul > li  {
    color: #252525;
    font-size: 16px;
}

#slug-icon {
    margin: 24px 0;
}

#cat_name:after {
    content: ' ';
    display: block;
}


#filter_holder .float_right {
    float: none;
}

#filters a {
    position: relative;
}

#filters .float_right {
    position: absolute;
    font-size: 26px;
    left: 85px;
}

#results_holder #catlist_wrapper .speaker_holder,
#results_wrapper .speaker_holder {
    width: 273px;
    margin: 0 0 10px;
    padding: 35px;
    height: 300px;
}

#catlist_wrapper .speaker_holder span,
#results_wrapper .speaker_holder span {
    height: 218px;
}

#catlist_wrapper .speaker_holder span img,
#results_wrapper .speaker_holder span img {
    height: 218px;
    width: auto;
}

/*
 * inner Speaker detail page
 */
.speaker_detail_left{
}

.speaker_detail_right{
	margin-top: 30px;
}

.profile_image{
	display: block;
}

.speaker_detail_right input {
	width: 245px;
	height: 25px;
}

.speaker_detail_right select{
	width: 247px;
	height: 25px;
}

.speaker_detail_right textarea{
	width: 241px;
}

.speaker_detail_right .submit_button{
	margin-right: 107px;
}
input[type=checkbox].css-checkbox + label.css-label {
	padding-left:22px;
    height:auto;
	display:block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
	background-image:none;
}
input[type=checkbox].css-checkbox {
        position: absolute;
    overflow: hidden;
    clip: auto;
    height: auto;
    width: auto;
    margin: 3px 3px 3px 4px;
    padding: 0;
    border: 0;
}
#header_search_form span {
        right: 32px;
    border-right: 1px solid white;
}