/* -- Global -- */
.ps_cont_item {
	margin-bottom: 75px;	
}

.ps_cont_item h1 {
    font-size: 36px;
}

.ps_sub {
	width: 80%;
	margin: 0px auto;
}

.ps_nav_download_icon {
    max-width: 24px;
    margin-right: 15px;
}

.ps_image_preload {
	position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
}

/* -- Select Control -- */   

.ps_sel_cont {
    max-width: 920px;
    min-width: 910px;
    text-align: center;
    margin: 40px auto 0px auto;
}

.ps_sel_outer_main {
	max-width: 920px;
	min-width: 910px;
	margin: 0px auto;
}

.ps_sel_main {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: min-content;
    max-height: 55px;
    justify-content: space-around;
    overflow: visible;
    padding: 4px 0;
    position: relative;
    width: 100%;
}

.ps_sel_main_inner {
    align-content: center;
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0px;
    position: relative;
    width: min-content;
    z-index: 2;    
    opacity: 1; 
    border-radius: 32px;
}

.ps_sel_main_inner_cont {
    flex: none;
    position: relative;
    width: 18px;  
    opacity: 1;
}

.ps_sel_text_cont {
    flex: none;
    height: auto;
    position: relative;
    white-space: pre;
    width: auto;    
    outline: none; 
    display: flex; 
    flex-direction: column; 
    justify-content: flex-start; 
    flex-shrink: 0;  
    transform: none; 
    opacity: 1;
}

.ps_sel_text {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4em;
    padding-top: 4px;    
}

.ps_sel {
	border-bottom-width: 1px; 
	border: 1px solid var(--sel-active); 
	background-color: var(--sel); 
	opacity: 1; 
	border-radius: 24px;
}

.ps_sel_active {
	flex: none;
    height: 55px;
    left: 4px;
    overflow: visible;
    position: absolute;
    top: calc(49.60000000000002% - 55px / 2);    
    z-index: 1;    
    background-color: var(--sel-active); 
    border-radius: 24px; 
    transform: none; 
    transform-origin: 50% 50% 0px;    
    transition: left 0.5s;
}

.ps_sel_title_blue {
	color: var(--blue-turnkey-light);
}




/* -- Speakers -- */
.ps_speakers_main {
	text-align: center;	
}

.ps_speakers_main h1 {
	margin-bottom: 0px;
}

.ps_speakers_main h4 {
	margin-top: 5px;
	color: var(--slate-gray);
}

.ps_speakers_button_right {
	margin-left: 40px;
}

.ps_speakers_images_main {
	margin-bottom: 15px;
}

.ps_speakers_images_main img {
	max-width: 115px;
}

.ps_speakers_sel_active_width {
	width: 250px;
}

.ps_speakers_sel_item_2_active {
    left: 240px;
    width: 225px;
}

.ps_speakers_sel_item_3_active {
    left: 445px;
    width: 275px;
}

.ps_speakers_sel_item_4_active {
    left: 719px;
    width: 197px;
}

.ps_speaker_sel_cont {
	display: none;
	margin-top: 30px;	
}

.ps_speaker_sel_cont_active {
	display: flex;
}

.ps_speaker_tile_details {
	padding-right: 20px;
}

.ps_speaker_tile_name {
	font-size: 28px;
	font-weight: 600;
}

.ps_speaker_tile_title {
	font-size: 21px;
	margin-bottom: 20px;
}

.ps_speaker_tile_cont {
	margin-bottom: 20px;
	line-height: 1.5em;
}

.ps_speaker_tile_list_cont ul li {
	padding-bottom: 10px;
}

.ps_speaker_tile_list_title {
	margin-bottom: 10px;
	font-weight: 600;
}

.ps_speaker_tile_card {
	padding: 20px;
	background-color: var(--tile-back);
	border-radius: 20px;
}

.ps_speaker_tile_img img {
	max-height: 280px;
	border-radius: 20px;
}

.ps_speaker_tile_card .button_wire {
	width: stretch;
}

/* -- Start Mobile Styles ------------------------------------------------------------ */

/*portrait*/
@media screen and (max-width: 480px) and (max-aspect-ratio: 13/9) { 
	.ps_sel_cont {
		min-width: unset;
	}
	
	.ps_sel_main {
	   	flex-direction: column;
	   	max-height: none;
	    max-width: 335px;
	       margin: 0px auto;
	}
	
	.ps_sel_outer_main {
	   	max-width: unset;
	   	min-width: unset;
	   }
	
	.ps_sel_main_inner {
	   	gap: 4px;
	   	padding: 4px;
	   	height: 38px;
	}
	
	.ps_sel_text_cont {
		height: 38px;
	}	
	
	.ps_sel_text {
	    margin-top: 0px;
	   	margin-bottom: 0px;
	   	padding-top: 10px;
	}
	
	.ps_sel_active {
		height: 44px;
		transition: top 0.5s;
	}
	
	.ps_sel_active_width {
	       width: 356px;
	       top: 7px;
	       left: 5px;
	}
	
	/* -- SPEAKERS -- */
	.ps_speakers_button_right {
    	margin-left: 0px;
	}
	
	.ps_speakers_images_main {
		display: none;
	}
	
	.ps_speakers_sel_active_width {
		top: 7px;
		left: 8px;
		width: 320px;
	}
	
	.ps_speakers_sel_item_2_active {
        top: 53px;
        left: 8px;
        width: 320px;        
    }
    
    .ps_speakers_sel_item_3_active {
        top: 99px;
        left: 8px;
        width: 320px;
    }
    
    .ps_speakers_sel_item_4_active {
        top: 145px;
        left: 8px;
        width: 320px;
    }
    
    .ps_speaker_tile_details {
	    padding-right: 15px;
	    padding-left: 15px;
	}
	
	.ps_speaker_tile_card {
		width: 85%;
        margin: 0px auto;
        text-align: center;
	}
	
	.ps_speaker_tile_card .main_button {
		text-align: left;
	}
	/* ----------------------------- */
}

/*landscape*/
@media screen and (max-width: 700px) and (orientation: landscape) { 
 
}

/* -- Tablets (Android) ------------------------- */

/*Portrait*/
@media (min-width: 768px) and (max-width: 1024px) {	
	 /* -- Select Controls -- */
	.ps_sel_cont {
		min-width: unset;
	}
	
	.ps_sel_main {
	   	flex-direction: column;
	   	max-height: none;
	    max-width: 335px;
        margin: 0px auto;
	}
	
	.ps_sel_outer_main {
    	max-width: unset;
    	min-width: unset;
    }
	
	.ps_sel_main_inner {
	   	gap: 4px;
	   	padding: 4px;
	   	height: 38px;
	}
	
	.ps_sel_text_cont {
		height: 38px;
	}	
	
	.ps_sel_text {
	    margin-top: 0px;
	   	margin-bottom: 0px;
	   	padding-top: 10px;
	}
	
	.ps_sel_active {
		height: 44px;
		transition: top 0.5s;
	}
	
	.ps_sel_active_width {
	       width: 356px;
	       top: 7px;
	       left: 5px;
	}
    /* ----------------------------- */
    
     /* -- SPEAKERS -- */
	.ps_speakers_button_right {
    	margin-left: 0px;
	}
	
	.ps_speakers_images_main {
		display: none;
	}
	
	.ps_speakers_sel_active_width {
		top: 7px;
		left: 8px;
		width: 320px;
	}
	
	.ps_speakers_sel_item_2_active {
        top: 53px;
        left: 8px;
        width: 320px;        
    }
    
    .ps_speakers_sel_item_3_active {
        top: 99px;
        left: 8px;
        width: 320px;
    }
    
    .ps_speakers_sel_item_4_active {
        top: 145px;
        left: 8px;
        width: 320px;
    }
    
    .ps_speaker_tile_details {
	    padding-right: 40px;
	    padding-left: 40px;
	}
	
	.ps_speaker_tile_card {
		width: 65%;
		max-width: 300px;
        margin: 0px auto;
        text-align: center;
	}
	
	.ps_speaker_tile_card .main_button {
		text-align: left;
	}
	/* ----------------------------- */
}

/*Landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/* ----------- iPad Pro ----------- */
/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1376px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1376px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  
}
/* ------------------------------------------ */

/* -- End Mobile Styles -------------------------------------------------------------- */