.main-container{
	position:relative;
	width:100%;
	// max-width: 1440px;
	padding:0px 0px 20px 0px;
	margin-left: 2px;
	}
img:not('.site-logo') {max-width:100%;}
a{
    text-decoration:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.panels.speaker{
    display:none;
    position: relative;
    font-size: 15px;
    margin:0px 0px -1px -6px;
    padding: 0;
    line-height: normal;
    vertical-align: top;
    width:calc(33.3%);
    overflow:hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.panels.speaker.active{display:inline-block;}
.panels.speaker .title{margin-top:10px;}
.panels.speaker ul.specs{padding:10px 0 0 0;list-style:none;}
.panels.speaker .specs li{padding:5px;}
.panels.speaker .specs li span{float:right;}
.panels.speaker .specs li:nth-child(odd){background-color:#f1f0ec;}
.panels.speaker a {text-decoration:none;}
.panels.speaker a:hover{text-decoration:underline;}
.panels.speaker button{background-color:#312e2e;color:#fff;min-width:100px;margin:10px 0 10px 0;}
.panels.speaker .speaker-image{
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    width:100%;
    min-height:300px;
}
.panels.speaker button:hover,
.selectors button:hover{opacity:0.7;}
.selectors-container{
	display:none;
	padding:20px 0 20px 0;
}

.select-cont{width:calc(33.33% - 56px);margin:10px 25px 10px 25px;display:inline-block;}
.select-cont label{color:#fff;font-weight:300;width:100%;clear:both;}
.select-cont select{width:100%;height:35px;padding:3px;margin-top:5px;}
.select-cont select option:disabled{color:#e1e1e1;}

.selectors{margin:auto;padding:10px 4% 10px 4%;}

.pad20{padding:20px;}
.pad-top20{padding-top:20px;}
.bg-black{background-color:#383d39;}
.pad20{padding-top:20px;}

#total-active{
    font-size:16px;
    height:40px;
    line-height:40px;
    position:absolute;
    bottom:15px;
    right:25px;
    color:#fff;
}

@media (max-width: 1130px){
    .panels.speaker .title{font-size:18px;margin-top:15px;}
}

@media (min-width:992px) and (max-width: 1130px) {
    .panels.speaker{width:calc(33.4%);}
    .main-container{padding:0px;}
}

@media (min-width:651px) and (max-width: 991px) {
	.panels.speaker{width:calc(50%);}
}

@media (max-width: 800px){
    .select-cont{width:calc(50% - 56px);}
}

@media (max-width: 650px){
    .panels.speaker{width:100%;margin:-2px 0 0 0;min-height:130px;}
    .panels.speaker .pad20{padding:0;}
    .panels.speaker .speaker-image{
        background-size:contain;
        min-height:120px;
        float:left;
        width:120px;
    }
    .main-container {
    	margin-left: 0px;
    }
    .panels.speaker .specs{display:none;}
    .panels.speaker .title{float:left;max-width:200px;font-size:18px; /* margin-top:45px; */}
    #total-active{pointer-events:none; font-size:14px;padding:0px;height:auto;line-height:1;right:20px;}
    .panels.speaker button {
    	margin-right: 10px;
    }
}

@media (max-width: 550px){
    .select-cont{width:calc(100% - 56px);}
    .selectors{padding:10px 0 10px 0;}
    .panels.speaker .speaker-image{
        min-height:100px;
        width:100px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 10px;
    }
    #total-active{right:30px;}
    .panels.speaker{width:100%;margin:-2px 0 0 0;min-height:100px;}
    .panels.speaker .title{
    	/* font-size:2em !important; */
    	margin-left: 20px;
    }
}
@media (max-width: 400px){
    .panels.speaker .title{float:left;max-width:150px;font-size:14px; /* margin-top:45px; */}
    /* .panels.speaker .speaker-image{width:50px;} */
    .panels.speaker button{margin:40px 10px 20px 10px ;}
}
@media (max-width: 400px){

    .panels.speaker button{margin:40px 10px 20px 10px;}
}


/* Added by Presto to match site styling */

.panels.speaker {
	border:0px;
}

.panels.speaker .title {
	font-size: 2em;
}

.bg-black button.badge {
	color: #fff;
	border-color: #fff;
}

.bg-black button.badge:hover {
	background-color: #383d39;
}

.bg-black button.badge:focus {
	background-color: #383d39;
}

/* Responsive Tweaks */

@media (min-width: 1500px) {
	#total-active {
		right: 0px;
	}
	
	.button-cont {
		margin-left: -6px !important;
	}
}

@media (max-width: 1499px) {
	.button-cont, .filter-intro {
		padding-left: 20px !important;
	}
	
	.button-cont {
		margin-left: -6px !important;
	}
	
	#total-active {
		right: 30px;
	}
	
}

@media (max-width: 1130px) {

	#total-active {
		bottom: -3px;
	}
	.selectors {
		padding-bottom: 25px;
	}
}

@media (max-width: 650px) {
	#total-active {
		bottom: 10px;
	}
	
	.panels.speaker.active {
		padding: 15px 5px;
	}
	
	.panels.speaker.active .title {
		font-size:1.5em;
	}
	
	.panels.speaker button.badge {
		font-size: 0.8rem;
	}
}

@media (max-width: 480px) {
	.panels.speaker.active .title {
		font-size:1.1em;
		margin-left: 10px;
	}
}

/* Realign to centre alignment on phones */

@media (max-width: 650px) {
	.panels.speaker.active {
		position: relative;
	}
	
	.panels.speaker.active .title, .panels.speaker.active button.badge {
		margin:  0px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.panels.speaker.active button.badge {
		right: 20px;
	}
	
	.panels.speaker.active .title {
		left: 130px;
	}
	.panels.speaker .speaker-image{
	max-width: 120px;
	}
}

@media (max-width: 480px) {
	.panels.speaker.active .title {
		left: 110px;
	}
	.panels.speaker .speaker-image{
		margin-left: 0px;
		max-width: 100px;
	}
}

/* Intro */

.filter-intro {	
	margin-top: 30px;
}

@media (max-width: 1440px) {
	.filter-intro {	
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Results */
.speakerResults {
	padding-top:80px;
}