.ch-item {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
	margin-bottom:20px;
}

.ch-info-wrap{
	
	display:block;
	width: 180px;
	height: 180px;
	border-radius: 50%;

	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	top: 20px;
	left: 20px;
	background: #00dacb url(../img/bg.jpg);
	box-shadow: 
		0 0 0 5px rgba(0,218,203,0.9), 
		inset 0 0 3px rgba(115,114, 23, 0.9);

}
.ch-info-wrap-yellow{
	
	display:block;
	width: 180px;
	height: 180px;
	border-radius: 50%;

	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	top: 20px;
	left: 20px;
	background: #00dacb url(../img/bg.jpg);
	box-shadow: 
		0 0 0 5px rgba(238,234,12,0.9), 
		inset 0 0 3px rgba(115,114, 23, 0.9);

}
.ch-info{
	display:block;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
		
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ch-info .ch-info-back {
	-webkit-transform: rotate3d(0,1,0,180deg);
	-moz-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);
	
	background: #00dacb;
}
.ch-info .ch-info-back-yellow {
	-webkit-transform: rotate3d(0,1,0,180deg);
	-moz-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);
	
	background: #eeea0c;
}

.ch-img-1 { 
	background-image: url(../img/speakers/bill.jpg);
}

.ch-img-2 { 
	background-image: url(../img/speakers/popek.jpg);
}

.ch-img-3 { 
	background-image: url(../img/speakers/shakira.jpg);
}
.ch-img-4 { 
	background-image: url(../img/speakers/shakira.jpg);
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	margin: 0 15px;
	padding: 40px 0 0 0;
	height: 90px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover .ch-info-wrap {
	box-shadow: 
		0 0 0 0 rgba(255,255,255,0.8), 
		inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info {
	-webkit-transform: rotate3d(0,1,0,-180deg);
	-moz-transform: rotate3d(0,1,0,-180deg);
	-o-transform: rotate3d(0,1,0,-180deg);
	-ms-transform: rotate3d(0,1,0,-180deg);
	transform: rotate3d(0,1,0,-180deg);
}

		



.evtr-first-name {
	
    color: #333;;
    font-weight: 300;
	font-size: 18px;
 	
}

.evtr-last-name:after {
    content: '\A';
    white-space: pre;
}


.evtr-last-name {
	
	color: #333;
    font-weight: 300;
	font-size: 18px;
	display: inline-table;
 	
}


.evtr-photo {
	margin-bottom: 15px;
	background-image: url(../img/partnerbg.png);
background-repeat: round;
	padding-top: 27px;
	padding-bottom: 27px;
	padding-left: 15px;
	padding-right: 15px;
	
	
	
}


.popup_name {
	
	float: left!important;
	font-size: 28px;
	margin-bottom: 0px!important;
	
	
}


p.popup_lastname {
	color: #d91c56;
	float: left!important;
	font-size: 28px;
	font-weight: 700!important;
	margin: 0px!important;
	float: left;
}

p.popup_name:after {
    
  content: " ";
  white-space: pre;
}







.img_speaker_popup {
	margin-bottom: 10px;
}

p.evtr-company_1 {
	display: block;
	float: left;
	border-top: 1px solid  #626262!important;
	width: 100%;
	text-align: left;
	margin-top: 10px;
	
}
span.evtr-company {
	color: #333;
	font-weight: 200;
}

.eventory-speakers {
	margin-left: -30px;
	
}

.speakerwys {
	min-height: 390px!important;
}

hr.pre {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.bw_img { 
		-webkit-filter: grayscale(1);
  filter: grayscale(1);
		opacity: 1;
		-webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
	
}
.bw_img:hover { 
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
	-webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
	}
/* pop up */
.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #e61763;
    border-radius: 0px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
	width: 721px ; 
}
.modal-dialog { max-width:730px;}
.modal-body {
	display:block;
	max-width:50px !important;
	}
.youtube_icon {
	margin-bottom:30px;}
.speaker_pop { 
	display:block; 	
	 
	font-size:14px !important;
	font-weight:100;
	
	}
#speak_left, #speak_right { 
  
  margin:5px; 
  padding: 1em; 
  background: white; 
} 
#content_speak { 
  overflow:auto; 
  width: 721px; 
  background: white; 
} 
#speak_left  { float:left; width: 40%;
	padding-left:40px;  }
#speak_right { float:right;
	/*max-width:380px !important;*/
	padding-right:20px;
	padding-left:40px; } 
.speaker_pop_job {
	font-size:14px;
	font-weight:200;}
#mce_cfp_footer {
	position:absolute;
   bottom:0;
   width:100%;
}
.img_speaker_popup {
    max-width: 270px;
	background-image: url(../img/partnerbg.jpg);
background-repeat: round;
	padding-top: 27px;
	padding-bottom: 27px;
	padding-left: 15px;
	padding-right: 15px;
}

.modal-content { width:100% !important }
.modal-dialog {width:100% !important}
#content_speak { max-width: 100% !important }


#speak_left { width:290px !important; padding-left:25px !important;}

@media (min-width:701px) {
		#speak_right {  float:right !important; padding-left:25px !important; padding-right:28px !important; max-width:390px !important;}
		}
	
@media (max-width:700px) {
		#speak_right {  float:right !important; padding-left:25px !important; padding-right:28px !important; max-width:290px !important;}
.header_photo {background: none !important;}
}
@media (max-width:600px) {
		#speak_right {  float:left !important; padding-left:25px !important; padding-right:28px !important; max-width:100% !important;}
		}
.talk-title-bio {
    font-size: 16px;
    line-height: 1.8rem;
    font-weight: 500;
    float: left;
    display: block;
    padding: 0px 0 5px 0;
    
    min-width: 270px;
	color: #d91c56;;
}
.pre_webi {
    margin-bottom: 10px;
    margin-top: 10px;
    float: left;
    text-align: left !important;
    width: 100%;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .9 !important;
}
.wiecej { padding-bottom: 0px !important;}
@media (max-width:520px) {
	section {padding-bottom:5px !important;}
	.eventory-schedule {
		margin-top: 0px !important;
	}
	.evtr-first-name {font-size:14px; font-weight: 400 !important;}
	.evtr-last-name {font-size:14px; font-weight: 400 !important;}
	.evtr-company {font-size:12px; font-weight: 200 !important; text-align: left !important;}
	.evtr-position {font-size:12px; font-weight: 200 !important; line-height: 16px; padding-bottom: 10px;}
	.nazwisko {

    border-bottom: 1px solid #eee;
    margin-bottom: 5px !important;
    padding-bottom: 5px !important;

}
	.evtr-photo {
	
	background-image: none !important;
	}
	
	.name_container {padding-top: 12px;}
	.zdjecie {
		float: left;
max-width: 90px;
		margin-right: 10px;
	}
	.speakerwys {
    min-height: initial !important;
	}
	li.speakerwys {
    display: block;
    outline: 1px solid #ccc;
	margin-bottom: 10px;
	}
	.evtr-photo { 
		padding: 5px !important;
		margin: 5px 5px 5px 0px !important;
	
	}
	.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
}
.evtr-bio {display:none}
.evtr-photo {
	height: initial !important;
	width: initial !important;
}
.evtr-position {
	display: block;
font-weight: 500;}
.nazwisko {
	border-bottom: 1px solid #eee;

margin-bottom: 10px;
	padding-bottom: 10px;
}
@media (max-width: 767px){
	.evtr-photo {
	
	}
	.eventory-speakers {
    margin-left: 0px;
}
}
.evtr-logo {display:none !important;}