@charset "utf-8";
html{
	background: #000;
}
.blackbg{
    background: #000;
}
video::-webkit-media-controls-fullscreen-button
{
        display: none !important;
}
.mostly-customized-scrollbar::-webkit-scrollbar,.local_scroll_only::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #333; 
}
.mostly-customized-scrollbar::-webkit-scrollbar-thumb,.local_scroll_only::-webkit-scrollbar-thumb {
    background: #666; 
}
			.mostly-customized-scrollbar_horiz::-webkit-scrollbar,.local_scroll_only::-webkit-scrollbar {
  width: 1px;
  height: 2px;
  background-color: #222;
}
			.mostly-customized-scrollbar_horiz::-webkit-scrollbar-thumb,.local_scroll_only::-webkit-scrollbar-thumb {
                background: #333; 
            }
p, .content_list,a, .bodylist  {
	font-family: 'Lato',Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-size: 2.75vmin;
	color: #5e5e5e;
	color: rgba(255,255,255,.75);
	font-weight:400;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}
.comp_icon_left_image{
	cursor: zoom-in;
	width:90%; 
	height:90%; 
	background-repeat:no-repeat; 
	background-size: contain; 
	background-position:center; 
	position:absolute; 
	top:0; 
	left:0;
	
	opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.9s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-duration: 0.9s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-duration: 0.9s;
    -o-transition-property: opacity, visibility;
    -o-transition-duration: 0.9s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-duration: 0.9s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);	
}
.bodylist {
	list-style:square;
}
 .bodylist{
    list-style: none;
    padding:0;
    margin:0;
}
.bodylist ul {
    list-style: none;
    
}
.bodylist li { 
    padding-left: 1.5em; 
    text-indent: -1.1em;
    margin-bottom: 1em;
}

.bodylist li:before {
    content: "◼ ";
	content: '\220e';
    color: #ec881d;
    font-size: 70%;
    margin-right: .75em;
}
.bodylist ul li:before {
    content: "◼ ";
	content: '\220e';
    color: #999;
    font-size: 70%;
    margin-right: .75em;
}
p.intro_p {  font-weight:300 !important; font-size:3.5vmin; color: #3c3c3c; } 
#section_process p.intro_p, #section_process ul li { color: rgba(255,255,255,.8); } 
.attribution{
	font-size: 2.5vmin;
}
.attribution .attitle{
	font-weight:bold;
}
a, .link {
	text-decoration: none;
	color:#0098ff ;
	cursor:pointer ;
}
a:hover{
	text-decoration:underline;
}
.a_button:hover{
	text-decoration: none;
}
.content_list {
	list-style: none;
}
.content_list li {
	margin: 0 0 13px 0;
}
.content_list li:before {
	/* For a round bullet */
	content: '\25A0';
	/* For a square bullet */
      /*content:'\25A0';*/
	display: block;
	position: relative;
	max-width: 0px;
	max-height: 0px;
	left: -15px;
	top: -0px;
	color: #ec881d;
	font-size: 12px;
}
h1{
	font-family: 'Lato',Arial, Helvetica, sans-serif;
	font-size:5vmin;
	color:gray;
	font-weight: 300;
}
h1:not(#masthead){
	font-size:9vmin;
}

h1 .h1_highlight{
	color:#ec881d;
	
}
h2 {
	font-family: 'Lato',Arial, Helvetica, sans-serif;
	font-size:4.75vmin;
	color: #999;
	color: rgba(255,255,255,.75);
	font-weight:300;
	margin-top:10vmin;
}
h4 {
	font-family: 'Lato',Arial, Helvetica, sans-serif;
	font-size:3vmin;
	color: #999;
	font-weight:normal;
	/*font-style:italic;*/
	    /*margin-top: 4em;*/
}

#masthead{
	position: fixed;
    top: 0vmin;
    left: 0vmin;
    padding-left: 1.5vmin;
    margin: 0;
    padding: 1.75vmin 0vmin 2vmin 1.5vmin;
    background: white;
	background: rgba(255,255,255,.95);
    z-index: +4;
    right: 0;
	/*box-shadow: 0px 0px 0px 1px rgba(0,0,0,.15);
	border-bottom: 1px solid rgba(0,0,0,0);*/
	box-shadow:0 2px 5px rgba(0,0,0,.26);
}
#masthead.darkhead{
	background: rgba(0,0,0,.85);
	    box-shadow: 0px 0px 0px 1px rgb(255 255 255 / 5%);
	font-size: 2.5vmin;
}
#competencies_section{
	background-color:#262e40; background-color:#38425a;background-color:#1b1c21;background-color:#000; padding-bottom:20vmin; margin-left:-20px; margin-right:-20px; overflow:hidden; margin-top:20vmin; padding-left:20px; padding-right:0px; position:relative;
}

.link_email {
	color: #0e5687 !important;
	cursor: pointer;
	text-decoration: none;
}
.link_email:after {
	content: url("../images/icon_email_inline.png");
	margin-left: 5px;
	vertical-align: middle;
}
.link_email:hover {
	text-decoration: underline;
}
.link_im {
	color: #0e5687 !important;
	cursor: pointer;
	text-decoration: none;
	line-height: 22px;
}
.link_im:after {
	content: url("../images/icon_im_inline.png");
	margin-left: 5px;
	vertical-align: middle;
}
.link_im:hover {
	text-decoration: underline;
}
.link_site {
	color: #0e5687 !important;
	cursor: pointer;
	text-decoration: none;
	position: relative;
}
.link_site:after {
	content: url("../images/icon_link_u.svg");
	margin-left: .5vmin;
	position: absolute;
	top: .2vmin;
	width:4vmin;
	height:4vmin;
}
.link_site:hover {
	text-decoration: underline;
}
.link_site:hover:after {
	content: url("../images/icon_link_r.svg");
}
.link_page {
	color: #0e5687 !important;
	cursor: pointer;
	text-decoration: none;
	position: relative;
}
.link_page:after {
	content: url(../images/icon_explore_u.svg);
    margin-left: 0.5vmin;
    position: relative;
    left: 0.6em;
    height: 0.25em;
    width: 0.5671em;
    top: 5px;
    display: inline-block;
    transform: rotate(45deg);
	animation : pulse 8s infinite;
	/*-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);*/
}
.link_page:hover {
	text-decoration: none;
}
.link_page:hover:after {
	content: url("../images/icon_explore_r.svg");
}
@keyframes pulse {
    from {
        top : 5px;
    }
    5% {
        top : 10px;
    }
	10% {
        top : 5px;
    }
	15% {
        top : 10px;
    }
	20% {
        top : 5px;
    }
    to {
        top : 5px;
    }
}
.expand_link{
	    position: relative;
    font-size: .65em;
    margin-left: 0.5em;
    vertical-align: 0.1em;
	display: none;
}
.expand_link::after{
	    content: url(../images/icon_link_u.svg);
	content: '';
    position: absolute;
    top: 1.31em;
    right: -2.2em;
    width: 0.5em;
    height: 0.5em;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.link_more {
	color: #0098ff  !important;
	cursor: pointer;
	text-decoration: none;
	position: relative;
	display:block;
	margin-bottom:2vmin;
	padding-left: 5vmin;
}
.link_more:before {
	content: '\220e';
    color: #ec881d;
	/*margin-right:2vmin;*/
	margin-left: -4vmin;
    position: absolute;
}
.link_more:after {
	content: url("../images/icon_more_u.svg");
	margin-left: .75vmin;
	position: absolute;
	width:3vmin;
	height:3vmin;

}
.link_more:hover {
	text-decoration: underline;
}
.link_more:hover:after {
	content: url("../images/icon_more_r.svg");
}

.link_less {
	color: #0e5687 !important;
	cursor: pointer;
	text-decoration: none;
	position: relative;
}
.link_less:after {
	content: url("../images/icon_less_u.svg");
	margin-left: .75vmin;
	position: absolute;
	width:3vmin;
	height:3vmin;
}
.link_less:hover {
	text-decoration: underline;
}
.link_less:hover:after {
	content: url("../images/icon_less_r.svg");
}

.hidden_div{
	display:none;
}

.link_linkedin {
	color: #0098ff !important;
	cursor: pointer;
	text-decoration: none;
	position: relative;
	padding-left:5vmin;
}
.link_linkedin:before {
	content: url(../images/icon_linkedin_r.svg);
    left: 0;
    position: absolute;
    top: .5vmin;
    width: 4vmin;
	height: 4vmin;
}
.link_linkedin:hover {
	text-decoration: underline;
}
.link_linkedin:hover:before {
	content: url(../images/icon_linkedin_r_r.svg);
}

.link_oscar {
	color: #0e5687 !important;
	cursor: pointer;
	text-decoration: none;
	position: relative;
	padding-left:11vmin;
}
.link_oscar:before {
	content: url(../images/2icon_oscar_site_u.svg);
    left: 0;
    position: absolute;
    top: -3vmin;
    width: 10vmin;
	height: 10vmin;
}
.link_oscar:hover {
	text-decoration: underline;
}
.link_oscar:hover:before {
	content: url(../images/2icon_oscar_site_r.svg);
}

.link_external {
	color: #0e5687 !important;
	cursor: pointer;
	text-decoration: none;
}
.link_external:after {
	content: url("../images/btn_external_link_u.png");
	margin-left: 3px;
	vertical-align: middle;
	position: relative;
	top: 2px;
}
.link_external:hover {
	text-decoration: underline;
}
.link_external:hover:after {
	content: url("../images/btn_external_link_r.png");
}
.link_site_smalltype {
	cursor: pointer;
	color: #0e5687 !important;
	font-weight: normal !important;
}
.link_site_smalltype:after {
	content: url("../images/btn_internal_link_sm_u.png");
	margin-left: 3px;
	vertical-align: middle;
}
.link_site_smalltype:hover {
	text-decoration: underline;
}
.link_site_smalltype:hover:after {
	content: url("../images/btn_internal_link_sm_r.png");
}
.link_external_smalltype {
	cursor: pointer;
	color: #0e5687 !important;
	font-weight: normal !important;
}
.link_external_smalltype:after {
	content: url("../images/btn_external_link_sm_u.png");
	margin-left: 3px;
	vertical-align: middle;
}
.link_external_smalltype:hover {
	text-decoration: underline;
}
.link_external_smalltype:hover:after {
	content: url("../images/btn_external_link_sm_r.png");
}
.ui-helper-reset {
	list-style: none;
	margin: 0px;
	padding: 0px;
	outline: 0px;
	border: 0px currentColor;
	line-height: 1.3;
	font-size: 100%;
	text-decoration: none;
}
.ui-helper-clearfix::before {
	display: table;
	content: "";
}
.ui-helper-clearfix::after {
	display: table;
	content: "";
}
.ui-helper-clearfix::after {
	clear: both;
}
.ui-helper-clearfix {
	zoom: 1;
}
.ui-widget {
	font-family: 'Lato',Arial, Helvetica, sans-serif;
}
.ui-widget-content {
	background: #181818;
	border: .25vmin solid #b1b1b1;
	border-radius: 1.0vmin !important;
	/*below radius is set to fix color bleed from behind title bars 3px radius*/
	border-top-left-radius:1.0vmin !important;
	border-top-right-radius:1.0vmin !important;
}
.ui-widget-header {
	/*background: url(../images/tab_bar_bg.png) repeat-x 50% 50% rgb(223, 223, 223);*/
	background-color: #bfbfbf;
	background: linear-gradient(#dfdfdf, #bfbfbf);
	color: rgb(34, 34, 34);
	font-weight: bold;
	height: 37px;
	font-size: 16px;
}
.ui-state-default {
	font-weight: 300;
}
.ui-state-default a {
	color: #003871;
	text-decoration: none;
}
.ui-state-default a:link {
	color: #003871;
	text-decoration: none;
}
.ui-state-default a:visited {
	color: #003871;
	text-decoration: none;
}
.ui-widget-header .ui-state-default {
	background: none;
	background-image: url(../images/tab_bar_divider.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.ui-state-active {
	/*background: url(../images/tab_select_bg.png);*/
	background-color: #003d7b;
	background: linear-gradient(#2a5d91, #003d7b);
	border: 1px solid rgb(211, 211, 211);
	color: rgb(33, 33, 33);
	font-weight: 300;
}
.ui-widget-content .ui-state-active {
	/*background: url(../images/tab_select_bg.png);*/
	/*background-color: #003d7b;
	background: linear-gradient(#2a5d91, #003d7b);
	border: 1px solid rgb(211, 211, 211);*/
	/*color: rgb(33, 33, 33);
	font-weight: normal;*/
}
.ui-widget-header .ui-state-active {
	/*background: url(../images/tab_select_bg.png);*/
	background-color: #003d7b;
	background: linear-gradient(#2a5d91, #003d7b);
	border: 1px solid rgb(211, 211, 211);
	color: rgb(33, 33, 33);
	font-weight: 300;
}
.ui-state-active a {
	color: white;
	text-decoration: none;
	background-image: url(../images/sub_tab_section_marker.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.ui-state-active a:link {
	color: white;
	text-decoration: none;
}
.ui-state-active a:visited {
	color: white;
	text-decoration: none;
}
.ui-tabs {
	padding: 0;
	position: relative;
	zoom: 1;
}
.ui-tabs .ui-tabs-nav {
	margin: 0px;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-bottom-color: currentColor !important;
	border-bottom-width: 0px !important;
	border-bottom-style: none !important;
	float: left;
	white-space: nowrap;
	height: 37px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 13px;
	border: none !important;
	min-width: 125px;
}
.ui-tabs .ui-tabs-nav li:hover {
	background-color:rgba(0,0,0,.05);
}
.safari_tabs {
	min-width: 118px !important;
}
.safari_subtabs {
	min-width: 10px !important;
}
.ui-tabs .ui-tabs-nav li a {
	text-decoration: none;
	float: left;
	height: 34px;
	padding-top: 8px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a {
	cursor: pointer;
}
.ui-tabs-collapsible.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	border-width: 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}
*:focus {
	outline: 0;
}
.ui-tabs .ui-tabs-nav li {
	text-align: center;
}
.ui-tabs .ui-tabs-nav li a {
	display: inline-block;
	float: none;
	width: 100%;
}
.tabcontent {
	padding: 20px;
	margin-top:52vmin;
	background:#fff;
	margin-bottom:40vmin;
	box-shadow: 0px 6px 5px rgba(0,0,0,.7);
	padding-bottom: 0;
}
.topbutton {
	background-image: url(../images/btn_page_top_u.png);
	background-repeat: none;
	width: 27px;
	height: 10px;
	margin: 10px
}
.topbutton:hover {
	background-image: url(../images/btn_page_top_r.png);
	cursor: pointer;
}
/*Subtabs Below*/
.ui-subtab {
	background: #003d7b;
}
.ui-subtab .ui-state-active {
	background: #003d7b;
	font-weight: 300;
	color: white;
}
.ui-subtab .ui-state-default a {
	color: #c1c6cb;
	text-decoration: none;
}
.ui-subtab .ui-state-default a:link {
	color: #c1c6cb;
	text-decoration: none;
}
.ui-subtab .ui-state-default a:visited {
	color: #c1c6cb;
	text-decoration: none;
}
.ui-subtab .ui-state-active a {
	color: white;
	text-decoration: none;
}
.ui-subtab .ui-state-active a:link {
	color: white;
	text-decoration: none;
}
.ui-subtab .ui-state-active a:visited {
	color: white;
	text-decoration: none;
}
.ui-subtab .ui-state-default {
	/*background:none;*/
	background-image: url(../images/sub_tab_bar_divider.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.ui-subtab .ui-state-default:last-child {
	background: none;
}
.subtabbar {
	border: none;
}
.ui-tabs .ui-subtab li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-bottom-color: currentColor !important;
	border-bottom-width: 0px !important;
	border-bottom-style: none !important;
	float: left;
	white-space: nowrap;
	height: 31px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 13px;
	border: none !important;
	min-width: 10px;
	font-size: 14px;
}
.ui-subtab {
	height: 31px;
}
.ui-tabs .ui-subtab li a {
	text-decoration: none;
	float: left;
	height: 28px;
	padding-top: 8px;
}
/*Tables*/
.standardTable {
	border-collapse: collapse;
	background-color: #efefef;
    width: 100%;
    border: 1px solid #efefef ;
    border-right: 1px solid #efefef ;
    border-bottom: 1px solid #efefef ;
}

.standardTable td, .standardTable th {
	font-style:normal;
	padding: 5px;
	color: #3d6186;
	vertical-align: text-top;
}
.standardTable th .ddlabel {
            color: #323232;
        }
.standardTable thead {
	padding: .2em 0 .2em .5em;
	background-color: #c6daee;
	background-image: url(../images/table_header_bg.png);
	background-repeat:repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e1ecf6), to(#c6daee));
	background-image: -moz-linear-gradient(top, #e1ecf6, #c6daee);
}

.standardTable th {
	font-family: font-family: 'Lato',Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-size: 13px; /*Testing this out*/
	line-height: 14px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	white-space:nowrap;
	padding-right:30px;
}

.standardTable td {
	line-height: 14px;
	font-family: 'Lato',Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#323232;
	border-top: 1px solid #fff;
	padding-right:30px;
	font-weight:normal;
}
.standardTable td p{
	line-height: normal;
	margin-top:0;
}
.standardTable td:first-of-type {
	/*optional to have first column bolded */
	font-weight:bold ;
	color:#484848;  
}
.standardTable img{
	vertical-align:middle;
}
.standardTable tr:nth-child(even) {
	background: #fcfcfc;
}

.rowtable tr, .rowtable td{
	border:none !important;
	background: none !important;
}
.rowtable{
	    border-right: 1px solid #fff;
}
.standardTable td:last-of-type .rowtable{
	border-right: none;
}
.colGroupTable tr:nth-child(even) {
	background: none;
}
.colGroupTable tbody td:nth-of-type(even){ 
	background-color:#efefef ;
}
.colGroupTable tbody td:nth-of-type(odd){ 
	background-color:#fcfcfc ;
	border-top:solid 1px #efefef;
}
.colGroupTable tbody td:first-of-type{ 
	background-color:#fff ;
	border-top:solid 1px #efefef;
}
.colGroupTable tbody tr:first-of-type td{ 
	border-top:solid 1px #fff;
}

.colGroupTable thead th{ 
    border-right: 1px #c6daee  solid;
}

.colGroupTablecomb thead th{ 
    text-align: center;
}

.colGroupTablecomb tbody td:not(:nth-child(1)):not(:nth-child(4n-1)):not(:nth-child(4n-2)){
	background-color:#fcfcfc ;
	border-top:solid 1px #efefef;
}
.colGroupTablecomb tbody td:nth-of-type(even),.colGroupTablecomb tbody td:nth-of-type(odd):not(:nth-child(1)){ 
	background-color:#efefef ;
	border-top:solid 1px #fff;
}
.standardTable tr:nth-child(even).billingsub td {
	border-top-color: #efefef;
}


.standardTable th {   
     border-top:#c6daee solid 1px ;
}

.standardTable th:first-of-type {
     border-left:#c6daee solid 1px ;    
}

.standardTable th:last-of-type {
     border-right:#c6daee solid 1px ; 
}

.standardTable td:last-of-type {
     padding-right:10px;; 
}

.standardTable .tablesub,.colGroupTable tbody .tablesub td:nth-of-type(odd),.colGroupTable tbody .tablesub td:nth-of-type(even) {
	column-span: all !important;
	background-color:#cccccc !important;
	background-image:url(../images/table_subheader_bg.png) !important;
	background-repeat:repeat-x !important;
	border-top:solid 1px #fff !important;
	font-size:11px;
	font-weight:bold;
	color:#737373;
}
.filter_bg {
	white-space:normal !important;
    background: #b1b1b1; /* Old browsers */
    background: -moz-linear-gradient(top, #b1b1b1 0%, #8a8a8a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1b1b1), color-stop(100%,#8a8a8a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b1b1b1 0%,#8a8a8a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b1b1b1 0%,#8a8a8a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b1b1b1 0%,#8a8a8a 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b1b1b1 0%,#8a8a8a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b1b1', endColorstr='#8a8a8a',GradientType=0 ); /* IE6-9 */
}
.total_row td{
	font-weight:bold !important;
	background-color:#eaf3fc;
}
.total_row td:first-of-type{
	text-align:right;
}
.tallTableHeaders{
table-layout: fixed;
}
.tallTableHeaders th{
	vertical-align:bottom;
	font-family: 'Lato',Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 14px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    white-space: inherit;
    padding-right: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: normal;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    position: relative;
}
.tallTableHeaders th >span {
    overflow: hidden;
    text-overflow: ellipsis;
    width:100%;
    display:inline-block;
	vertical-align:middle;
	white-space:normal;
	word-wrap:normal;
}

/*out chrome*/
body {
	background: #fff;
	margin: 0px;
	padding: 0px;
	position:relative;
	z-index:0;

}

body {
    background: #fff; /* Old browsers */
    background: -webkit-gradient( linear, left top, left bottom, color-stop( 50%, #fff ), color-stop( 50%, #fff ), color-stop( 50%, #000 ) ); /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(       top, #fff 50%, #fff 50%, #000 50% ); /* Chrome10+, Safari5.1+ */    
    background:    -moz-linear-gradient(       top, #fff 50%, #fff 50%, #000 50% ); /* Fx3.6+ */
    background:     -ms-linear-gradient(       top, #fff 50%, #fff 50%, #000 50% ); /* IE10+ */    
    background:      -o-linear-gradient(       top, #fff 50%, #fff 50%, #000 50% ); /* Opera11.10+ */    
    background:         linear-gradient( to bottom, #fff 50%, #fff 50%, #000 50% ); /* W3C */

}

/*h3 {
	font-size: 15px;
	font-weight: normal;
	font-family: 'Lato',Arial, Helvetica, sans-serif;
	color: #676767;
}*/
/*accordions*/

.ui-accordion .ui-state-default {
	/*background-color: #d5d5d5;
	background-image: url(../images/accordian_collapsed_bg.png);
	background-repeat: repeat-x;*/
	border: none;
	border-left-color: #d3d3d3;
	border-left-width: .25vmin;
	border-left-style: solid;
	border-right-color: #d3d3d3;
	border-right-width: .25vmin;
	border-right-style: solid;
	border-top-color: #d3d3d3;
	border-top-color: rgba(0,0,0,0);
	border-top-width: .25vmin;
	border-top-style: solid;
	border-bottom-color: #d3d3d3;
	border-bottom-width: .25vmin;
	border-bottom-style: solid;
	/*box-shadow: inset 0 0 0 1px rgba(255,255,255,0.65);*/
    box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.20);
	border-radius:.5vmin;
	background-color:rgba(50,50,50,.4);
	border-color: rgba(0,0,0,0);
	border-color: #f3f3f3;
	border-color: #272727;border: none;
	/*background-image:url(../images/plus.svg);
	background-repeat:no-repeat;
	background-position:left center;
	    background-size: 1vw 75%;*/
}
.ui-accordion .ui-accordion-header {
	padding: 2vh 0px 2vh 0px;
    margin-top: 2vh;
    display: block;
    position: relative;
    cursor: pointer;
    min-height: 10px;
    /*max-height: 4vh;*/
}

/*Accordion Errors*/
.accordion_error.ui-accordion .ui-state-default {
  background-color: #ffbaba;
  background-image: none;
  background-repeat: repeat-x;
  border: none;
  border-left-color: #96050c;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-color: #96050c;
  border-right-width: 1px;
  border-right-style: solid;
  border-top-color: #96050c;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-color: #96050c;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.65);
  border-radius:3px;
}

.accordion_error H3 .dynamic_summary_accordion_label_text{
  color:#96050c !important;
}

.accordion_error H3 .dynamic_summary_accordion_label_text:after{
  color:#96050c !important;
  content: url(../images/inline_error.png);
  padding-left: 5px;
  position: relative;
  top: 4px;
}

/*Accordion Warning*/
.accordion_warn.ui-accordion .ui-state-default {
  background-color: #f7e6b7;
  background-image: none;
  background-repeat: repeat-x;
  border: none;
  border-left-color: #9c7100;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-color: #9c7100;
  border-right-width: 1px;
  border-right-style: solid;
  border-top-color: #9c7100;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-color: #9c7100;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.65);
  border-radius:3px;
}

.accordion_warn H3 .dynamic_summary_accordion_label_text{
	color:#9c7100 !important; 
}

.accordion_warn H3 .dynamic_summary_accordion_label_text:after{
  color:#9c7100 !important;
  content: url(../images/inline_warn.png);
  padding-left: 5px;
  position: relative;
  top: 2px;
  
}

/*Accordion with Summary Box*/
.dynamic_summary_accordion h3{
  padding-right:5px !important;
}
.dynamic_summary_accordion .ui-accordion-header {
  height: auto;
  box-sizing: border-box;
}

.dynamic_summary_accordion_title {
  line-height:  3.5vmin;
  display: table-cell;
  vertical-align: middle;
  vertical-align: top;
  padding-right:10px;
}
.dynamic_summary_accordion_right{
  line-height: 15px;
  display: table-cell;
  vertical-align: middle;
}

.dynamic_summary_accordion_outer_box_wrapper>.dynamic_summary_accordion_inner_box:last-child{
	border-right:none;
}
.dynamic_summary_accordion_inner_title{
  line-height:15px;
  vertical-align:middle;
  margin: 0 auto; 
  color: #313131 ;
  display:inline-block;
}

.dynamic_summary_accordion_label_text{
  display:table-cell;vertical-align:middle; padding-top:5px; padding-bottom:5px;
}
.dynamic_summary_accordion_title_text{
  display:table-cell;vertical-align:middle;
  font-weight:bold;
}
.login_box{
	width: 100%;
    height: 73%;
    background: rgba(0,0,0,.6);
    position: absolute;
    bottom: 0px;
    left: 0;
	border-radius: 0.5vmin;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	display: flex;
	align-items: center;
    justify-content: center;
    flex-direction: column;
	font-size: .75em;
    color: rgba(255,255,255,.8);
}
.login_box input{
	width: 80%;
    font-size: 4.5vmin;
    border-radius: 50px;
	color: #ec881d;
    background: #000;
    border-color: rgba(255,255,255,.6);
	border-color: #0098ff;
    border-style: dotted;
	padding-left: 20px;
	padding-right: 20px;
    box-sizing: border-box;
	background: rgba(0,0,0,.7);
	text-align: center;
}
.login_box input:hover{
	border-color: #ec881d;
	cursor: pointer;
}
.login_box input:focus{
	border-color: #ec881d;
    border-style: solid;
}
.lock_icon{
	width: 7vmin;
    height: 7vmin;
    background-image: url(../images/icon_lock_u.svg);
    background-size: contain;
    background-repeat: no-repeat;
	
}
.login_box label{
	color: #0098ff;
    /* font-weight: 300; */
    text-transform: uppercase;
    margin-bottom: 10px;
}
.login_box label:hover{
	color: #ec881d;
	cursor: pointer;
}
.password_message{
	font-size: 1em;
    color: white;
    background: red;
    white-space: nowrap;
    padding: 0 1em;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	display: none;
}
h3.ui-state-disabled{
	opacity: 1;
}

.dynamic_summary_accordion_title_text span{
	padding:.5vmin;
	background-color:#8d9bb9;
	background-color: #363a41;
	color:rgba(255,255,255,.8);
	margin-left:.5vmin;
	margin-bottom: .5vmin;
	border-radius:.5vmin;
	display: inline-block;
	white-space: nowrap;
}

/*Changed Oct 11 2015. Need to remove duplicate above*/
.dynamic_summary_item_number {
    width:100%;
    overflow: hidden;
}
.dynamic_summary_item_number >span {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:70%;
	max-width:calc(100% - 30px);
    display:inline-block;
	vertical-align:middle;
	white-space:normal;
}
.dynamic_summary_item_text {
    width:100%;
    overflow: hidden;
	/*display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;*/
	align-items: right;
	/*justify-content: flex-end;*/
	
}
.dynamic_summary_item_text >span {
    overflow: hidden;
    text-overflow: ellipsis;
    /*max-width:50%;*/
    display:inline-block;
	vertical-align:middle;
	white-space:normal;
	text-align:right;
}
.dynamic_summary_count_number {
    display:inline-block;
	height: 17px;
    background-color: rgba(255,255,255,.75);
    border-radius: 3px;
    margin-left: 5px;
    padding: 0px 2px 0px 2px;
    font-family: 'Lato',Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 17px;
    color: #313131;
}

.dynamic_summary_accordion_outer_box{
    /*background-color: rgba(255,255,255,.5);
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 3px;
    position: relative;*/
    padding: 0;
   /* font-size: 2.5vmin;*/
    display: table-cell;
    vertical-align: top;
    /*padding-top: 5px;
    padding-bottom: 5px;	*/
}
.dynamic_summary_accordion_title_text{
	font-family: 'Lato',Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-weight:normal;
	color:#323232;
	font-size:2.0vmin;
	text-align:left;
}

.dynamic_summary_accordion_inner_box{
	display:table-cell; text-align:center;   
	line-height: normal;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px solid rgba(0,0,0,.15);
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    text-align: right;
    margin-top: 4px;
}

.summary_accordion_title_secondtext{
 margin-left:10px; 
 font-family: 'Lato',Arial, Helvetica, sans-serif; 
 font-size:2.5vmin;  
 line-height: normal; 
 color: #313131 ; 
 display:inline-block; 
 font-weight:normal;
}

/*For Number Count*/
.summary_accordion_title_number{
  height:17px; 
  background-color: rgba(255,255,255,.75); 
  border-radius:3px;  
  margin-left:5px;  
  padding:0px 2px 0px 2px; 
  font-family: 'Lato',Arial, Helvetica, sans-serif; 
  font-size:15px; 
  font-weight:bold; 
  line-height:17px; 
  color: #313131; 
  display:inline-block;
}
.ui-accordion-content {
	margin-bottom: 4px !important;
}
.ui-accordion h3 {
	
    font-family: 'Lato',Arial, Helvetica, sans-serif;
    font-size: 3vmin;
    color: #999;
    font-weight: 500;
    margin-top: 5vmin;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 7vmin;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: 0.7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 27px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1vmin 5.0vmin 1vmin 7.5vmin;
	overflow: auto;
	border-color: #efefef;
	border-top-color: currentColor;
	border-top-width: 0px;
	border-top-style: none;
	border-radius: 0px 0px 1.5vmin 1.5vmin !important;
	overflow-y:hidden;
	background-color: #181818;
	border: 1px solid rgba(255,255,255,.12);
	border-top: transparent;
	overflow-x: hidden;
}
.ui-icon {
	width: 50%;
    height: 100%;
    /*background-image: url(../images/plus2.svg);*/
    background-repeat: no-repeat;
    background-position: middle;
    background-position-y: 50%;
    background-size: 6.5vh 60%;
	background-size: 6.5vh 4.5vh;
    /* background-position-x: 20px; */
	background-position: 0 50%;
}
.ui-icon:hover {
	width: 50%;
    height: 100%;
    background-image: url(../images/plus_r.svg);
	background-image: none;
    background-repeat: no-repeat;
    background-position: middle;
    background-position-y: 50%;
    background-size: 6.5vh 60%;
	background-size: 6.5vh 4.5vh;
	background-position: 0 50%;
}
.ui-accordion .ui-state-active {
	background-color: #fff;
	background-image: none;
	background-repeat: repeat-x;
	border: none;
	border-left-color: #d3d3d3;
	border-left-width: .25vmin;
	border-left-style: solid;
	border-right-color: #d3d3d3;
	border-right-width: .25vmin;
	border-right-style: solid;
	border-top-color: #d3d3d3;
	border-top-width: .25vmin;
	border-top-style: solid;
	border-bottom-color: #d3d3d3;
	border-bottom-width: .25vmin;
	border-bottom-style: solid;
	/*box-shadow: inset 0 0 0 1px rgba(255,255,255,0.65);*/
	/*border-bottom:none;*/
	border-color: #efefef;
	border-bottom-color:rgba(0,0,0,0);
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	color: #3d6186;
/*	border-radius:.5vmin;*/
	background: #000;
    border-width: 1px;
    border-color: rgba(255,255,255,.5);
    color: rgba(255,255,255,.8);
	border: 1px solid rgba(255,255,255,.12);
	border-bottom: none;
	background-color: #181818;
	box-shadow: none;
}
.ui-accordion .ui-state-active .ui-icon {
	background-image: url(../images/minus2.svg);
	background-repeat: no-repeat;
}
.ui-accordion .ui-state-active .ui-icon:hover {
	background-image: url(../images/minus2_r.svg);
}

.ui-accordion .ui-accordion-header:hover{
	    cursor: pointer;
    /*box-shadow: 1vmin 0 0px 0px #ec881d, -1vmin 0 0px 0px #ec881d;*/
    /*border: .25vmin solid #ec881d;
	border-bottom-left-radius:1.0vmin;
	border-bottom-right-radius:1.0vmin;*/
}

.sampleimage, .sampleui {
	max-width: 820px;
	cursor: pointer;
	margin-bottom: 20px;
}
.sampleimage_vertnav, .sampleui{
	max-width: 720px;
	cursor: pointer;
	margin-bottom: 20px;
}
.headerBG {
	background-color: #003e7e;
	color: white !important;
}
.inline_image_labels {
	vertical-align: top;
}
.inline_sampleimage {
	margin-bottom: 0px;
	margin-left: 5px;
}
.modal {
	padding: 0px 15px 0px 15px !important;
	border: none;
}
.modal_screen {
	padding: 0px 0px 0px 2vmin !important;
    padding: 0px 0px 0px 5vmin !important;
	border: none;
}
.modal_screen >div{
	padding-right: 2vmin;
}
.ui-dialog-titlebar-close {
	display: none;
}
.ui-dialog-titlebar {
	padding: 7px 0px 0px 20px;
	height: 27px;
	font-family: 'Lato',Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: white;
	text-shadow: 1px 2px #a4a4a4;
}
.ui-dialog-title:before {
	content: url(../images/pop_info.png);
	position: absolute;
	left: 5px;
	top: 3px;
}
.ui-dialog-title {
	vertical-align: top;
	padding-left: 5vmin;
    padding-left: 2vmin;
    padding-left: 5vmin;
}
.ui-dialog-buttonpane {
	height: 7vmin;
	width: 6vmin;
    /*padding-left: 1vmin;
    background-color: #f3f3f3;
    border-top: .15vmin #d6d6d6 solid;
    border-left: none;
    border-right: none;
    border-bottom: none;
    background: linear-gradient(to bottom, #f6f6f6 0%,#f3f3f3 100%);*/
	position: absolute;
    top: 1vmin;
    right: 1vmin;
    padding: 0;
    border: none;
	
	cursor:pointer;
	border-radius: 0 !important;
	top:0;
	right:0;
	background: none;
}
.ui-dialog-buttonpane:hover {
	
	cursor:pointer;
}
.ui-dialog-buttonset >button{
	font-size: 4vmin;
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    text-align: center;
    width: 6vmin;
    margin-top: 0.9vmin;
    text-transform: lowercase;
    width: 5vmin;
    display: inline-block;
    height: 5vmin;
    border-radius: 10vmin;
    border: 1px solid rgba(255,255,255,.8);
    line-height: 4vmin;
    padding-bottom: 1vmin;
    padding-top: 0;
    margin-right: 10px;
    min-width: 5vmin;
    min-height: 5vmin;
    max-height: 5vmin;
    max-width: 5vmin;
    display: block;
    box-sizing: border-box;
    padding: 0;
    padding-bottom: 1.5vmin;
}
.ui-dialog-buttonset >button:hover{
	color:#ec881d;
	border-color: #ec881d;
	cursor: pointer;
}
.ui-dialog-buttonset {
	margin-top: 2vmin;
    margin-right: 2vmin;
	float: right;
	margin:0;
}
.ui-widget-overlay {
	opacity: .60 !important; /* Make sure to change both of these, as IE only sees the second one */
	filter: Alpha(Opacity=60) !important;
	background-color: black !important; /* This will make it darker */
}
.ui-widget-overlay {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
}
.ui-front {
	z-index: 100;
}
.ui-dialog .ui-dialog-titlebar {
	background-image: url(../images/pop_info_bg.png) !important;
	box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.6);
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
.blue_header .ui-dialog-titlebar {
	background-color: #38425a;
	background-image:none !important;
	background: linear-gradient(to bottom, #262e40 0%,#262e40 100%) !important;
	box-shadow: none;
}
.blue_header .ui-dialog-title:before {
	content: url(../images/placeholder_icon_white.svg);
    content: none;
	width: 6vmin;
	height: 6vmin;
    position: absolute;
    left: 1vmin;
    top: .75vmin;
}
.blue_header .ui-dialog-titlebar {
	    padding: .5vmin 0px 1vmin 0vmin;
	height: auto;
	font-family: 'Lato',Arial, Helvetica, sans-serif;
	font-size: 4.5vmin;
	font-style: normal;
	font-weight: 300;
	color: white;
	text-shadow: none;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
	background: rgba(0,0,0,0) !important;
}
.blue_header {
	border: none;
}
.competency_header_1 .ui-dialog-title:before {
	content: url(../images/jrp_header_icon_uiux.svg);
    content:none;
	width: 6vmin;
	height: 6vmin;
    position: absolute;
    left: 1vmin;
    top: 0vmin;
}
.competency_header_2 .ui-dialog-title:before {
	content: url(../images/jrp_header_icon_director.svg);
    content:none;
	width: 6vmin;
	height: 6vmin;
    position: absolute;
    left: 1vmin;
    top: 0vmin;
}
.competency_header_3 .ui-dialog-title:before {
	content: url(../images/jrp_header_icon_usability.svg);
    content:none;
	width: 6vmin;
	height: 6vmin;
    position: absolute;
    left: 1vmin;
    top: 0vmin;
}
.competency_header_4 .ui-dialog-title:before {
	content: url(../images/jrp_header_icon_agile.svg);
    content:none;
	width: 6vmin;
	height: 6vmin;
    position: absolute;
    left: 1vmin;
    top: 0vmin;
}
.competency_header_5 .ui-dialog-title:before {
	content: url(../images/jrp_header_icon_vis.svg);
    content:none;
	width: 6vmin;
	height: 6vmin;
    position: absolute;
    left: 1vmin;
    top: 0vmin;
}
.competency_header_6 .ui-dialog-title:before {
	content: url(../images/jrp_header_icon_dev.svg);
    content:none;
	width: 6vmin;
	height: 6vmin;
    position: absolute;
    left: 1vmin;
    top: 0vmin;
}
.print_header .ui-dialog-titlebar {
	background-color: #003265;
	background-image:none !important;
	background: linear-gradient(to bottom, #003e7e 0%,#003265 100%) !important;
	box-shadow: none;
}
.print_header .ui-dialog-title:before {
	content: url(../images/icon_print_dialog.png);
	position: absolute;
	left: 5px;
	top: 3px;
}
.print_header .ui-dialog-titlebar {
	padding: 7px 0px 0px 20px;
	height: 27px;
	font-family: 'Lato',Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: white;
	text-shadow: none;
	
}
.print_header .ui-dialog-titlebar span{
	padding-left:20px;
}
.print_header {
	border: none;
}


.modalclosebutton {
	background-color: none;
	border: none;
	background-image: url(../images/btn_close_u.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 80px;
	cursor: pointer;
}
.modalclosebutton:hover {
	background-image: url(../images/btn_close_r.png);
}
.modalclosebutton:active {
	border: none;
	background-image: url(../images/btn_close_d.png);
}
.ui-dialog-content {
	min-height:50px !important;
	/*background-color: #fcfcfc;*/
}
.ui-dialog {
	box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.65);
}
.modalcancelbutton {
	background-color: none;
	border: none;
	background-image: url(../images/btn_sec_cancel_u.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 80px;
	cursor: pointer;
}
.modalcancelbutton:hover {
	background-image: url(../images/btn_sec_cancel_r.png);
}
.modalcancelbutton:active {
	border: none;
	background-image: url(../images/btn_sec_cancel_d.png);
}
.modalopenimage {
	background-color: none;
	border: none;
	background-image: url(../images/btn_modal_open_image_u.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 210px;
	cursor: pointer;
	margin-left: 8px;
}
.modalopenimage:hover {
	background-image: url(../images/btn_modal_open_image_r.png);
}
.modalopenimage:active {
	background-image: url(../images/btn_modal_open_image_d.png);
	border: none;
}

.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}

/* workarounds  reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
 border: 0;
 padding: 0;
}
.ui-datepicker {
	display: none;
	width: 530px !important;
	padding: 3px;
	background: #ffffff url("../images/datepicker_button_bg.png") 100% 100% repeat-x !important;
	border-radius: 3px;
	border: 1px solid rgb(170, 170, 170);
	box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.65);
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
	top: 2px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 1.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}
/* Component containers
----------------------------------*/

.ui-widget-content a {
	color: #222222;
}
.ui-widget-header a {
	color: #222222;
}
/* states and images */

.ui-widget-content .ui-icon .ui-icon-circle-triangle-w {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
#ui-datepicker-div {
	display: none;
	margin-top: 2px;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-close {
	border: currentColor !important;
	width: 80px !important;
	height: 22px !important;
	background-image: url("../images/btn_close_u.png") !important;
	background-repeat: no-repeat;
	border-radius: 0 !important;
	color: rgba(255,255,255,0) !important;
}
.ui-datepicker-close:hover {
	border: currentColor !important;
	width: 80px !important;
	height: 22px !important;
	background-image: url("../images/btn_close_r.png") !important;
	background-repeat: no-repeat;
	color: rgba(255,255,255,0) !important;
}
.ui-datepicker-header {
	color: rgb(255, 255, 255);
	font-family: 'Lato',Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal !important;
	background-image: url("../images/cal_pick_drop_header_bg.png");
	height: 20px;
}
.ui-datepicker-current-day {
	border: 1px solid rgb(236, 136, 29) !important;
}
.ui-datepicker-prev {
	background-image: url("../images/btn_cal_pick_left_u.png") !important;
	background-repeat: no-repeat;
}
.ui-datepicker-next {
	background-image: url("../images/btn_cal_pick_right_u.png") !important;
	background-repeat: no-repeat;
}
.ui-datepicker-prev:hover {
	border: currentColor !important;
	background-image: url("../images/btn_cal_pick_left_r.png") !important;
	background-repeat: no-repeat;
	background-color: transparent !important;
}
.ui-datepicker-next:hover {
	border: currentColor !important;
	background-image: url("../images/btn_cal_pick_right_r.png") !important;
	background-repeat: no-repeat;
	background-color: transparent !important;
}
.ui-close_datepicker-close:hover {
	border: currentColor !important;
	width: 80px !important;
	height: 22px !important;
	background-image: url("../images/but_close_r.png");
	background-repeat: no-repeat;
}
.ui-datepicker table {
	font-size: 11px;
}
.ui-datepicker-header {
	border: none !important;
}
.ui-datepicker-group-middle .ui-datepicker-header {
	border-left: 1px solid #fff !important;
	border-right: 1px solid #fff !important;
}
.ui-datepicker-group-first .ui-datepicker-header {
	border-top-left-radius: 3px;
}
.ui-datepicker-group-last .ui-datepicker-header {
	border-top-right-radius: 3px;
}
.ui-datepicker-buttonpane {
	border-radius: 0px !important;
	margin-left: -3px !important;
	margin-right: -3px !important;
}
.ui-datepicker-buttonpane button {
	margin: 5px !important;
}
.ui-datepicker-current-day .ui-state-active {
	background-image: none !important;
	background-color: #feeedc !important;
	border: none !important;
}
.ui-state-highlight {
	background-image: none !important;
	background-color: #fff !important;
	border-color: #ec881d !important;
}
.ui-datepicker .ui-state-default {
	background: #f3f3f3;
	border: 1px solid #d3d3d3;
}
.ui-datepicker.ui-state-hover, .ui-datepicker.ui-widget-content .ui-state-hover {
	border: 1px solid #999999;
	color: #212121;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    /* support: IE8; */
    background-image: none;
}

/*h2 {
	font-family: 'Lato',Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #676767;
	font-style: normal;
	font-weight: normal;
	margin-top: 35px;
	position: relative;
	z-index: 1;
}
h2 span {
	background-color: white;
	padding-right: 5px;
}
h2:after {
	z-index: -1;
	content: '';
	height: 1px;
	position: absolute;
	margin-top: 8px;
	background-color: #e9e9e9;
	right: -5px;
	left: 0;
}*/
.wider_label {
	width: 170px !important;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-helper-hidden-accessible {
	display: none;
}
.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 100px;
	background-color: red;
}
.ui-autocomplete.ui-widget-content {
	border: 1px solid #ec881d;
	border-top: none;
	border-top: 2px solid rgba(0,0,0,0.3);
	border-bottom: 2px solid #ec881d;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	padding-top: 0px;
}
.ui-autocomplete {
	list-style: none;
}
.ui-autocomplete.ui-widget-content li {
	margin-left: -40px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: -20px;
	background-color: #fcfcfc;
	border-bottom: 1px solid #c3c3c3;
}
.ui-autocomplete.ui-widget-content li:hover {
	cursor: pointer;
	background-color: #f2f2f2;
}
.ui-autocomplete.ui-widget-content li:active {
	cursor: pointer;
	background-color: #d5d5d5;
}
.ui-autocomplete.ui-widget-content li a {
	color: #313131;
	line-height: 20px;
	font-size: 13px;
}



.linkedin_link{
	padding-left: 10px;
    position: relative;
	color:#0e5687 !important ;
}
.linkedin_link:before{
	position: relative;
    top: 10px;
    left: -7px;
    content: url(../images/li_logo.png);;
	
	
}
.oscar_link{
	padding-left: 10px;
    position: relative;
	color:#0e5687 !important ;
}
.oscar_link:before{
	position: relative;
    top: 10px;
    left: -7px;
    content: url(../images/favicon-32x32.png);;
}
p{
	/*max-width:90vmin;*/
	min-width:65vw;
}

.jrp_button{
	padding:3vmin 6.3vmin 3vmin 6.3vmin; background-color:white; color:#0e5687; font-family: 'Lato',Arial, Helvetica, sans-serif; font-size:4.0vmin; border-radius:1.0vmin; text-align:center;  border:solid 1px rgba(0,0,0,.2);
    background-repeat: no-repeat;
    background-position: middle;
    background-position-y: 50%;
    background-position-x:1vmin;
	background-position:1vmin 50%;
    background-size: 6.5vh 60%;
	cursor:pointer;
}
#btn_begin{
	font-size: 3.5vmin;
}
#masthead.darkhead .jrp_button{
	border:solid 1px rgba(255,255,255,.2);
	background:none; 
	color:#fff;
	font-size: 1.75vmin;
    padding: 0.75vmin 5vmin 0.75vmin 5vmin;
}
.jrp_block{
	padding:4.5vmin .3vmin 4.5vmin .3vmin; 
	background-color:gray; 
	color:#fff; 
	font-family: 'Lato',Arial, Helvetica, sans-serif; 
	font-size:3.5vmin; 
	font-weight:bold;
	font-weight: normal;
	border-radius:0vmin !important; 
	text-align:center;  
	border:none;
	width:100%; 
	height:15vmin;  
	position:relative;
    background-repeat: no-repeat;
    background-position: middle;
    background-position-y: 50%;
    background-position-x:1vmin;
	background-position:1vmin 50%;
    background-size: 6.5vh 60%;
	cursor:pointer;
}
.jrp_button_comp{
	font-family: 'Lato',Arial, Helvetica, sans-serif; font-size:3.5vmin; 
	text-align:center;  
	border:solid .25vmin rgba(0,0,0,.2);
    background-repeat: no-repeat;
    background-position: middle;
    background-position-y: 50%;
    background-position-x:1vmin;
	background-position:1vmin 50%;
    background-size: 6.5vh 60%;
	cursor:pointer;
	
	box-sizing: border-box;
    padding: .75vmin 3vmin;
    font-size: 2vmin;
    background: rgba(0,0,0,.10);
    border-radius: .5vmin;
    color: rgba(255,255,255,.5);
    border-color: rgba(0,0,0,.1);
}
#competencies_wide2 .jrp_button_comp {
	border-color: rgba(255,255,255,.35);
    border-width: 1px;
}
.jrp_button_comp:hover,#competencies_wide2  .jrp_button_comp:hover, #btn_begin.jrp_button:hover{
	border-color:#ec881d;
	color:#ec881d;
	/*background: rgba(255,255,255,.90);*/
}
.btn_mast{
	position:absolute; right:2vmin; top:2vmin;padding: 1.5vmin 5vmin 1.5vmin 5vmin; margin:0; font-size:2.5vmin; white-space:nowrap; font-weight:normal;
}
.btn_mast_top{
	right:60vmin;
	padding:1.5vmin 1vmin;
	padding: 0;
    height: 6vmin;
    width: 6vmin;
	background-image:url(../images/btn_up_arrow_u.svg);
	background-size:3.5vmin;
	background-repeat:no-repeat;
	background-position:center center;
	
}
#masthead.darkhead .btn_mast_top{
	right:30vmin;
}
.btn_mast_top:hover{
	background-image:url(../images/btn_up_arrow_r.svg);
}
.btn_mast_top img{
	height:4vmin;
	margin-top:1vmin;
	
}
#masthead.darkhead .btn_mast_top{
	right: 49vmin;
    padding: 0.3vmin 0.5vmin;
    height: 3vmin;
    width: 3vmin;
    background-image: url(../images/btn_up_arrow_w.svg);
    background-size: 1.75vmin;
    background-repeat: no-repeat;
    background-position: center center;
}
#masthead.darkhead .btn_mast_top:hover{
	background-image:url(../images/btn_up_arrow_r.svg);
}
#link_projects{
	right: 30vmin;
}
#masthead.darkhead #link_projects{
	right: 25vmin;
}
.color1,.color1n{
	 background-color:#b16060;
	 border-top-left-radius:1vmin;
	 background-color:#bfbfbf;
	 background-color:#98a5c2;
	 background-color: rgba(0,0,0,0);
	  background-image: url(../images/jrp_icon_uiux.svg);
	 background-repeat: no-repeat;
    background-size: 70% 70%;
    background-position: 50%;
}
.color2,.color2n{
	 background-color:#ae60b1;
	 background-color:#b9b9b9;
	 background-color:#8d9bb9;
	 background-color: rgba(0,0,0,0);
	 background-image: url(../images/jrp_icon_director.svg);
	 background-repeat: no-repeat;
    background-size: 70% 70%;
    background-position: 50%;
}
.color3,.color4n{
	 background-color:#606db1;
	  border-top-right-radius:1vmin;
	  background-color:#bfbfbf;
	  background-color:#98a5c2;
	  background-color: rgba(0,0,0,0);
	   background-image: url(../images/jrp_icon_usability.svg);
	 background-repeat: no-repeat;
    background-size: 70% 70%;
    background-position: 50%;
}
.color4,.color3n{
	 background-color:#64b160;
	 border-bottom-left-radius:1vmin;
	 background-color:#b9b9b9;
	 background-color:#8d9bb9;
	 background-color: rgba(0,0,0,0);
	  background-image: url(../images/jrp_icon_agile.svg);
	 background-repeat: no-repeat;
    background-size: 70% 70%;
    background-position: 50%;
}
.color5,.color5n{
	 background-color:#aab160;
	 background-color:#bfbfbf;
	 background-color:#98a5c2;
	 background-color: rgba(0,0,0,0);
	  background-image: url(../images/jrp_icon_vis.svg);
	 background-repeat: no-repeat;
    background-size: 70% 70%;
    background-position: 50%;
}
.color6,.color6n{
	 background-color:#989898;
	 border-bottom-right-radius:1vmin;
	 background-color:#b9b9b9;
	 background-color:#8d9bb9;
	 background-color: rgba(0,0,0,0);
	  background-image: url(../images/jrp_icon_dev.svg);
	 background-repeat: no-repeat;
    background-size: 70% 70%;
    background-position: 50%;
}
.color4n,.color3n{
	border-radius:0;
}
.color2n{
	border-top-right-radius:1vmin;
}
.color5n{
	border-bottom-left-radius:1vmin;
}
.color1n,.color2n,.color3n,.color4n,.color5n,.color6n{
	height:12vmin;
}
.jrp_block:hover{
	background-color:#ec881d;
}
.drk_bg_btn{
	border-color:rgba(0,0,0,0);
}
.jrp_button:hover, #masthead.darkhead .jrp_button:hover{
	border-color:#ec881d;
	color:#ec881d;
}
#btn_begin{
border: solid 1px rgba(0,0,0,.4);
	}
#btn_begin:hover span.link_page{
	color:#ec881d !important;
}
#btn_begin:hover span.link_page::after {
    content: url(../images/icon_explore_r.svg);
}
.button_resume{
	background-image: url(../images/icon_resume_u.svg);
}
.button_resume:hover{
	background-image: url(../images/icon_resume_r.svg);
}
.button_linkedin{
	background-image: url(../images/icon_linkedin_u.svg);
}
.button_linkedin:hover{
	background-image: url(../images/icon_linkedin_r.svg);
	border-color:#007BB5;
	color:#007BB5;
	
}

.button_contact{
	background-image: url(../images/icon_contact_u.svg);
}
.button_contact:hover{
	background-image: url(../images/icon_contact_r.svg);
}
.notebox {
	clear: both;
	position: relative;
	background-color: #77a1cd;
/*	background-image: url(../images/qbe_infobox_inline_bg.png);*/
	/*margin-left: -10px;
	margin-right: -10px;*/
	background-repeat: repeat-x;
	color: white;
	font-size: 3vmin;
	padding: 2vmin;
	padding-left: 40px;
	line-height: normal;
	margin-bottom: 5vmin;
}
.notebox .icon_info:before {
	/*content: url(../images/pop_info.png);
	position: absolute;
	left: 7px;
	top: 7px;*/
}
.notebox .icon_info {
	display: inline-block;
	max-width: 80vw;
}
.left_content{
	position:relative;  
	margin:0; 
	padding:0 4vmin 0 0;
	/*max-width: 90vmin;*/
	min-width: 65vw;
	width:100%;
}
	
.hero_image{
	top: 9.85vmin;
    width: 100%;
    height: 40vmin;
    overflow: hidden;
    background-color: #000;
    background-image: url(../images/port_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: fixed;
    /* border-radius: 1vmin; */
    margin-bottom: 5vmin;
    z-index: -1;
}
.footer_hero_image{
	top: inherit ;
	bottom:0;
    width: 100%;
    height: 40vmin;
    overflow: hidden;
    background-color: #000;
    background-image: url(../images/port_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: fixed;
    /* border-radius: 1vmin; */
    margin-bottom:0;
    z-index: -1;
}
.hero_banner_text{
	position:absolute; 
	text-align:center; 
	width:100%; 
	font-size:10.75vmin; 
	color:white;
	font-family: 'Lato',Arial, Helvetica, sans-serif; 
	line-height:11vmin; 
	padding: 0vmin; 
	padding-top:17vmin;
	text-shadow: .5vmin .5vmin .5vmin #000;
	font-weight:400;
}
.footer_hero_banner_text{
	position:absolute; 
	text-align:center; 
	width:100%; 
	font-size:5vmin; 
	color:white;
	font-family: 'Lato',Arial, Helvetica, sans-serif; 
	line-height:5.25vmin; 
	padding: 0vmin; 
	padding-top:17vmin;
	text-shadow: .5vmin .5vmin .5vmin #000;
}
.footer_title{
	font-family: 'Lato',Arial, Helvetica, sans-serif; 
	position:absolute; top:1.5vmin;
	font-size:2.5vmin;
	color:#0782d6 !important;
	text-align:right;
	right:2vmin;
	cursor:pointer;
	z-index:+1;
}
.footer_title:before{
	left: 1vmin;
    width: 3vmin;
    height: 3vmin;
	top:0vmin;
}
.footer_quote_text{
	/*font-style: oblique;*/
	/*font-weight: lighter;*/
	 quotes: "“" "”" "‘" "’";
	 position:relative
}
.footer_quote_text:before {
	color:rgba(255,255,255,.65);
	position:relative;
	top:3.75vmin;
	font-size:10vmin;
	 
    content: open-quote;
	right:1vmin;
}
.footer_quote_text:after {
	color:rgba(255,255,255,.65);
	position:relative;
	top:3.75vmin;
	font-size:10vmin;
	line-height:1vmin;
	left:1vmin;
	 
    content: close-quote;
}
.footer_attribute_text{
	font-size:3.5vmin;
	position:relative;
	top:2vmin;
	padding: 0 10vw !important;
}
.footer_attribute_text:before{
	position:relative;
	/*content:'-';*/
	margin-right:.5vmin;
	
}
.herotext_list{
	width:100%;
	list-style:none; 
	list-style:none;  
	padding:0; 
	margin:0;
	position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	}
.footer_herotext_list{
	width:100%;
	list-style:none; 
	list-style:none;  
	padding:0; 
	margin:0;
	position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	}	
.herotext_item{
	opacity:0;
	left:100%;
	position:relative;
	padding:0; 
	margin:0
	}
.footer_herotext_item{
	opacity:0;
	left:100%;
	position:relative;
	padding:0 10vw; 
	margin:0;

	}
.hero_top_shine{
	        width: 150%;
    height: 50%;
    position: absolute;
    top: 0px;
    left: -25%;
    background-image: url(../images/shineffect.svg);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .25;
}
.hero_top_shine_2{
	top: auto;
	bottom: 0px;
	transform: scale(-1)
}
.box_title{
	line-height:5.5vmin;
	display:block;
	position: relative;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
   transform: translateY(-50%);
	/*padding: 1.5vmin 0 1.5vmin 0;
    border-radius: .5vmin;
    background-color: #c4cdd6;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;*/
		
}
.box_title_button{
	/*border: dotted 1px rgba(255,255,255,.2);
    padding: 1vmin 2vmin;
    border-radius: .5vmin;
    background-color: rgba(0,0,0,.05);*/
}

#modal_about,#modal_competency_1,#modal_competency_2,#modal_competency_3,#modal_competency_4,#modal_competency_5,#modal_competency_6,#modal_icon_1,#modal_icon_2,#modal_icon_3,#modal_icon_4,#modal_icon_5,#modal_icon_6,#modal_icon_7,#modal_icon_8,#modal_icon_9,#modal_icon_10,#modal_icon_11,#modal_icon_12,#modal_icon_13,#modal_icon_14,#modal_icon_15,#modal_icon_16,#modal_icon_17,#modal_icon_18,#modal_icon_19,#modal_icon_20{
	display: none;
}	




.outer{
	position: relative;
    display: inline-block;
    width: 280px;
    height: 160px;
    /* text-align: center; */
    /* line-height: 160px; */
    /* display: block; */
    /* top: 50%; */
    /* -webkit-transform: translateY(-50%); */
    /*-ms-transform: translateY(-50%);*/
    /* transform: translateY(-50%); */
    color: rgba(255,255,255,0);
    font-family: 'Lato',Arial, Helvetica, sans-serif;
    font-size: 3.0vmin;
    font-weight: bold;
}
.outer:before{
	   content: 'More +';
    
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    color: rgba(255,255,255,0);
    font-size: 40px;
	line-height:210px;
    z-index: +1;

}
.outer:after{
	   content: 'Title of Project Could be Really Long. What Then?';
    
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    color: rgba(255,255,255,0);
    font-size: 22px;
	line-height:23px;
    z-index: +1;
	font-weight:normal;
	padding:10px;
	box-sizing:border-box;

}
.thumb_1:after{
	content: 'Icons and Buttons for Safeco Enterprise Apps';
}
.thumb_2:after{
	content: 'Icons for Design Business Website';
}
.thumb_3:after{
	content: 'Icons for Online and Print Diagrams';
}
.thumb_4:after{
	content: 'Illustrations for Online Courseware';
}
.thumb_5:after{
	content: 'Icons for Online and Print Diagrams';
}
.thumb_6:after{
	content: 'Button Icons for Productivity App';
}
.thumb_7:after{
	content: 'OS Icons for Enterprise Apps';
}
.thumb_8:after{
	content: 'Button Icon Illustrations for Productivity App';
}
.thumb_9:after{
	content: 'Line-of-business Icons for Website';
}
.thumb_10:after{
	content: 'Online Ads for Insurance Website';
}
.thumb_11:after{
	content: 'Helper Character Illustrations for Enterprise App';
}
.thumb_12:after{
	content: 'Technical and Marketing Diagrams';
}
.thumb_13:after{
	content: 'Technical Diagrams';
}
.thumb_14:after{
	content: 'Illustrations for Online Courseware';
}
.thumb_15:after{
	content: 'IT Diagram Style for Online and Print';
}
.thumb_16:after{
	content: 'Cloud Diagram Style for Online';
}
.thumb_17:after{
	content: 'Parody SVG Illustrations';
}
.thumb_18:after{
	content: 'Icons and Ads for Safeco.com';
}
.thumb_19:after{
	content: 'Pokemon Penguin Cards';
}
.thumb_20:after{
	content: 'Animated Diagram for Microsoft';
}
.inner{
	position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
	background-repeat:no-repeat !important;
	background-size:cover !important;
}
.outer:hover{
	cursor:pointer;
}
.outer:hover:before{
	color:white;
	background: rgba(236,136,29,.85);
}
.outer:hover:after{
	color:white;
	
}
.outer:hover >.inner{
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.modal_image_float,.modal_image_700_float{
	float:right;
}
.responsive_samples{
	float:left;
	position:relative;
	padding-top:5vmin;
	margin-bottom:5vmin;
	    margin-right: 30px;
}
.responsive_samples::before,.flex_samples::before{
	content:"Label Goes Here";
	position: absolute;
	top:.33vmin;
	left:.75vmin;
	font-family: 'Lato',Arial, Helvetica, sans-serif;
	font-size: 2vmin;
	color: #5a5a5a;
	background-color:#f0f0f0;
	padding:1vmin;
	box-sizing:border-box;
	border-radius:.5vmin;
	color: rgba(255,255,255,.75);
    background-color: rgba(255,255,255,.0275);
}
.flex_set_samples{
	width: 100%;
    display: flex;
	position:relative;
	justify-content: center;
}
.svg_flex_set_samples{
	flex-wrap: wrap;
}
.flex_samples{
	position:relative;
	padding-top:5vmin;
	margin-bottom:6vmin;
	margin-right: 30px;
	cursor: zoom-in;
	margin-top: 5vmin;
}
.logos_flex .flex_samples {
    position: relative;
    padding-top: 5vmin;
    margin-bottom: 1vmin;
    margin-right: 30px;
    cursor: zoom-in;
    margin-top: 3vmin;
}
.flex_diagram_multiple{
	flex-direction: row;
	display: flex;
	display: flex;
    justify-content: center;
    align-items: flex-start;
}
.flex_diagram_multiple > *{
	margin-right: 15vmin;
}
.flex_diagram_multiple > *:last-child{
	margin-right: 0;
}
#imagezoom .flex_samples img{
	width: auto !important;
	max-width: none !important;
	max-width: 90vw !important;
	max-height: 90vh !important;
}
#imagezoom .flex_samples img.svg_annotated{
	max-width: 90vw !important;
}
#imagezoom .flex_samples{
	cursor: zoom-out;
	display: flex;
    justify-content: center;
}
#imagezoom .flex_diagram{
	cursor: zoom-out;
	display: flex;
    justify-content: center;
	height: 90vh;
	width: auto !important;
	max-width: none !important;
}
#imagezoom .flex_diagram >div{
	background-size: contain !important;
    background-position: center center;
	max-height: none !important;
}
.label_safeconow1:before{
	left:.0;
	content:"Safeco Now - Content & Service Windows";
	}
.label_safeconow2:before{
		left:.0;
		top:0;
	content:"Safeco Now - Content Page 4th level nav";
	}
.label_safeconow3:before{
		top:0;
		left:.0;
	content:"Safeco Now - Auto Quoting Tool";
	}
	.label_safeconow3a:before{
		top:0;
		left:.0;
	content:"Safeco Now - Side-by-Side";
	}
	.label_safeconow3b:before{
		top:0;
		left:.0;
	content:"Safeco Now - Status Communication";
	}
	.label_safeconow3c:before{
		top:0;
		left:.0;
	content:"Safeco Now - Helper Character";
	}			
.label_safecousabilityresults:before{
		top:0;
		left:.0;
	content:"Usability Test Report";
	}
.label_safeconow4:before{
	content:"";
	}
.label_POC1:before{
		top:0;
		left:.0;
	content:"Agent Portal POC - Home Page";
	}
.label_POC2:before{
		top:0;
		left:.0;
	content:"Agent Portal POC - Insurance Quote Tool Screen";
	}
.label_POC3:before{
		top:0;
		left:.0;
	content:"Agent Portal POC - Insurance Quote Tool Screen";
	}
.label_toolkit1:before{
		top:0;
		left:.0;
	content:"Safeco/Liberty Mutual UI UX Toolkit - Home Page";
	}	
.label_toolkit2:before{
		top:0;
		left:.0;
	content:"Safeco/Liberty Mutual UI UX Toolkit - Form Elements";
	}
.label_toolkit3:before{
		top:0;
		left:.0;
	content:"Safeco/Liberty Mutual UI UX Toolkit - Sample Form Widget";
	}
.label_toolkit4:before{
		top:0;
		left:.0;
	content:"Safeco/Liberty Mutual UI UX Toolkit - Sample CSS Source";
	}
.label_toolkit5:before{
		top:0;
		left:.0;
	content:"Safeco/Liberty Mutual UI UX Toolkit - Sample JavaScript Source";
	}
.label_consumer0:before{
		top:0;
		left:.0;
	content:"Safeco.com - 2016 Redesign for Responsive CMS";
	}	
.label_consumer01:before{
		top:0;
		left:.0;
	content:"Mobile Safeco.com - 2016 Redesign";
	}		
.label_consumer1:before{
		top:0;
		left:.0;
	content:"Safeco.com - Examples of Ad, Icon, Interactive Game and Pull Quote Design";
	}	
.label_consumer2:before{
		top:0;
		left:.0;
	content:"Microsoft - Examples of MSN Consumer Automotive Research Tools";
	}
	
.label_mma1:before{
		top:0;
		left:.0;
	content:"Consumer - Manage Account";
	}	
.label_mma2:before{
		top:0;
		left:.0;
	content:"Consumer - Manage Account Mobile";
	}		
	.label_consumer3:before{
		top:0;
		left:.0;
	content:"Safeco - Examples of Consumer Ads on Website";
	}							
.label_safecomobile1:before{
	content:"Mobile Home";
	}
.label_safecomobile2:before{
	content:"Mobile Search Results";
	}
.label_safecomobile3:before{
	content:"Mobile Customer Page";
	}
.label_safecomobile4:before{
	content:"Mobile Menu";
	}

.label_mobileDiscovery:before{
	content:"Portal Project Field Research";
        top: 0;
    left: .0;
	}
.label_Oscar_Mast_Desktop_tall:before{
	content:"Desktop Portrait";
	}
.label_Oscar_Mast_Desktop_wide:before{
	content:"Desktop Landscape ";
	}
.label_Oscar_Mast_iPad_tall:before{
	content:"iPad Portrait";
	}
.label_Oscar_Mast_iPad_wide:before{
	content:"iPad Landscape";
	}
.label_Oscar_Mast_iPod_tall:before{
	content:"iPhone Portrait";
	}
.label_Oscar_Mast_iPod_wide:before{
	content:"iPhone Landscape";
	}
.label_Oscar_Shop_Desktop_tall:before{
	content:"Desktop Portrait";
	}
.label_Oscar_Shop_Desktop_wide:before{
	content:"Desktop Landscape ";
	}
.label_Oscar_Shop_iPad_tall:before{
	content:"iPad Portrait";
	}
.label_Oscar_Shop_iPad_wide:before{
	content:"iPad Landscape";
	}
.label_Oscar_Shop_iPod_tall:before{
	content:"iPhone Portrait";
	}
.label_Oscar_Shop_iPod_wide:before{
	content:"iPhone Landscape";
	}
.label_Oscar_History_Desktop_tall:before{
	content:"Desktop Portrait";
	}
.label_Oscar_History_Desktop_wide:before{
	content:"Desktop Landscape ";
	}
.label_Oscar_History_iPad_tall:before{
	content:"iPad Portrait";
	}
.label_Oscar_History_iPad_wide:before{
	content:"iPad Landscape";
	}
.label_Oscar_History_iPod_tall:before{
	content:"iPhone Portrait";
	}
.label_Oscar_History_iPod_wide:before{
	content:"iPhone Landscape";
	}
.label_JRP_Modal_Desktop_tall:before{
	content:"Desktop Portrait";
	}
.label_JRP_Modal_Desktop_wide:before{
	content:"Desktop Landscape ";
	}
.label_JRP_Modal_iPad_tall:before{
	content:"iPad Portrait";
	}
.label_JRP_Modal_iPad_wide:before{
	content:"iPad Landscape";
	}
.label_JRP_Modal_iPod_tall:before{
	content:"iPhone Portrait";
	}
.label_JRP_Modal_iPod_wide:before{
	content:"iPhone Landscape";
	}

.label_csr1:before{
		top:0;
		left:.0;
	content:"Typical CSR Call-Center User";
	}
.label_dt1:before{
		top:0;
		left:.0;
	content:"Design Thinking Session";
	}
.label_affinity1:before{
		top:0;
		left:.0;
	content:"Affinity Mapping Exercise";
	}
.label_personas1:before{
		top:0;
		left:.0;
	content:"Agent Portal Personas";
	}	

.label_arch1{
        margin-right: 10vmin;
}
.label_arch1:before{
		top:0;
		left:.0;
	content:"Legacy Architecture";
	}	
.label_arch2:before{
		top:0;
		left:.0;
	content:"New Architecture";
	}
.label_mobileSitemap:before{
		top:0;
		left:.0;
	content:"Sitemap";
	}
.label_mobileJourney:before{
		top:0;
		left:.0;
	content:"Example User Journey";
	}
.label_mobileWires:before{
		top:0;
		left:.0;
	content:"Safeco Mobile Wireframes";
	}
.label_wire_proto_1:before{
		top:0;
		left:.0;
	content:"Wireframes and Prototype Evolution";
	}
.label_pattern_example1:before{
	top:0;left:.0;
	content:"Buttons";
	}
	.label_pattern_example2:before{
	top:0;left:.0;
	content:"Navigation";
	}
	.label_pattern_example3:before{
	top:0;left:.0;
	content:"Field Focus";
	}
	.label_pattern_example4:before{
	top:0;left:.0;
	content:"Row Select";
	}
	.label_pattern_example5:before{
	top:0;left:.0;
	content:"Column Select";
	}
	.label_pattern_example6:before{
	top:0;left:.0;
	content:"Tab Select";
	}
	.label_pattern_example7:before{
	top:0;left:.0;
	content:"Row Shading";
	}
	.label_pattern_example8:before{
	top:0;left:.0;
	content:"Unit Indicators";
	}
	.label_pattern_example9:before{
	top:0;left:.0;
	content:"Field Status";
	}
	.label_pattern_example10:before{
	top:0;left:.0;
	content:"Gutter Message";
	}
.label_sonosite0{
	width: 100%;
	background: #fff;
	display: flex;
    align-items: center;
    justify-content: center;
}
	.label_sonosite0:before{
	left: .0;
    white-space: nowrap;
    content: "Sonosite - Sonosite LX Ultrasound Machine";
    color: rgba(255,255,255,.75);
    background-color: rgba(0,0,0,.75);
    top: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
		    z-index: +1;
	}

.label_sonosite1:before{
	left:.0;
	content:"Sonosite - User Research ";
	}
.label_sonosite2:before{
	left:.0;
	content:"Sonosite - Research Synthesis";
	}
.label_sonosite3:before{
	left:.0;
	content:"Sonosite - Usability Testing";
	}
.label_jnj1::before{
	left:.0;
	content:"C-SATS SAAS";
}
.label_jnj2::before{
	left:.0;
	content:"C-SATS Mobile App";
}
.label_jnj3::before{
	left:.0;
	content:"C-CAP OR Device";
}
.label_jnj4::before{
	left:.0;
	content:"Demo Configuration Screen";
}
.label_jnj5::before{
	left:.0;
	content:"Control Panel Feature Config";
}
.label_jnj6::before{
	left:.0;
	content:"Control Panel Display Config";
}
.label_jnj7::before{
	left:.0;
	content:"Design System Overview";
}
.label_jnj8::before{
	left:.0;
	content:"Design System Color Sampling";
}
.label_jnj9::before{
	left:.0;
	content:"Design System Component Variations";
}
.label_jnj10::before{
	left:.0;
	content:"User Research - Virtual Findings Report";
}
.label_jnjml1::before{
	left:.0;
	content:"ML Sample 1";
}
.label_jnjml2::before{
	left:.0;
	content:"ML Sample 2";
}
.label_jnjml3::before{
	left:.0;
	content:"ML Sample 3";
}
.label_jnjml4::before{
	left:.0;
	content:"ML Sample 4";
}
.label_jnjml5::before{
	left:.0;
	content:"ML Sample 5";
}
.label_jnjml6::before{
	left:.0;
	content:"ML Sample 6";
}
.label_jnjml7::before{
	left:.0;
	content:"ML Sample 7";
}
.label_jnjml8::before{
	left:.0;
	content:"ML Visualization in Context";
}
.label_jnjml9::before{
	left:.0;
	content:"ML Visualization in Context";
}
.label_jnjml10::before{
	left:.0;
	content:"Initial High-level Data View";
}
.label_jnjml11::before{
	left:.0;
	content:"Data Point Expanded";
}
.label_jnjml12::before{
	left:.0;
	content:"High-Level Video Timeline";
}
.label_jnjml13::before{
	left:.0;
	content:"Expanded Video Timeline";
}
.label_jnjml14::before{
	left:.0;
	content:"First Post-Study Feature";
}
.label_upload1::before{
	left:.0;
	content:"C-SATS Personas";
}
.label_upload2::before{
	left:.0;
	content:"Video Library - Upload CTA";
}
.label_upload3::before{
	left:.0;
	content:"Upload Page";
}
.label_upload4::before{
	left:.0;
	content:"Upload Page";
}
.label_upload5::before{
	left:.0;
	content:"Upload Page with Form";
}
.label_upload6::before{
	left:.0;
	content:"Upload Page - Add Hospital Fields";
}
.label_upload7::before{
	left:.0;
	content:"Upload Terms of Service";
}
.label_upload8::before{
	left:.0;
	content:"Upload Page - Initial View";
}
.label_upload9::before{
	left:.0;
	content:"Upload Page - Select File";
}
.label_upload10::before{
	left:.0;
	content:"Upload Page - Uploading";
}
.label_upload11::before{
	left:.0;
	content:"Upload Page - Add Context";
}
.label_upload12::before{
	left:.0;
	content:"Video Library - Uploading";
}
.label_upload13::before{
	left:.0;
	content:"Video Library - Uploaded";
}
.label_upload14::before{
	left:.0;
	content:"Usability Report - Task";
}
.label_upload15::before{
	left:.0;
	content:"Usability Report - Participants";
}
.label_upload16::before{
	left:.0;
	content:"Usability Report - Performance";
}
.label_upload17::before{
	left:.0;
	content:"FullStory Report";
}
.label_upload18::before{
	left:.0;
	content:"C-SATS Demo of Upload";
}
.label_upload19::before{
	left:.0;
	content:"Sample of Upload XD Spec";
}
.label_upload20::before{
	left:.0;
	content:"Post-Launch Analysis Tools";
}
.label_upload21::before{
	left:.0;
	content:"Google Analytics Report";
}

.label_analytics1::before{
	left:.0;
	content:"Analytics Slice & Dice";
}
.label_analytics2::before{
	left:.0;
	content:"Analytics Slice & Dice";
}
.label_analytics3::before{
	left:.0;
	content:"Analytics Manager Dashboard";
}
.label_analytics4::before{
	left:.0;
	content:"Analytics Leaderboard Gamification";
}
.label_analytics5::before{
	left:.0;
	content:"Analytics Metric Editing";
}
.label_analytics6::before{
	left:.0;
	content:"Analytics OneView";
}

.label_copilot1::before{
	left:.0;
	content:"Copilot Generative AI";
}
.label_copilot2::before{
	left:.0;
	content:"Copilot Generative AI";
}

.label_manager1::before{
	left:.0;
	content:"Career Progression Documentation";
}
.label_manager2::before{
	left:.0;
	content:"Career Progression Documentation";
}
.label_manager3::before{
	left:.0;
	content:"Career Progression Documentation";
}
.label_manager4::before{
	left:.0;
	content:"Educational Documentation";
}
.label_manager5::before{
	left:.0;
	content:"UX Team Templates";
}
.label_manager6::before{
	left:.0;
	content:"BHUX Academy";
}
.label_manager7::before{
	left:.0;
	content:"Interactive Quiz";
}
.label_manager8::before{
	left:.0;
	content:"Assessment Leaderboard";
}
.label_nolabel::before{
	display: none;
}
.label_nolabel{
	padding: 0;
}
.contigent_flex{
	display:flex;
}
.single_image_align_left{
	justify-content: left;
}
.hidden_dummy{
	opacity: 0 !important;
	pointer-events: none !important;
	max-height: 1vh;
}
.inline_svg{
	float:right; margin-left:5vmin; max-width:50vw; max-height:50vh; margin-top:3.5vmin;
}
.content_multi_col_p:before{
	content: "";
  width: 35vmin;
  display: block;
  overflow: hidden;

}
.ad_sample_layout{
	width: calc(100% - 750px);
    float: left;
}
.ad_sample_layout_images{
	float: right;
	width:750px
}

.poke_sample_layout{
	width: calc(100% - 600px);
    float: left;
}
.poke_sample_layout_images{
	float: right;
	width:600px
}
.h3accordion{
	min-width: 65vmin;
    max-width: 65vmin;
	min-width: calc(50% - 2.5vmin);
    max-width: calc(50% - 2.5vmin);
    min-width: calc(50% - 6vmin);
    max-width: calc(50% - 6vmin);
    margin-right: 2vmin;
    float: left;
    background-image: url(../images/thumb_8_1_1.jpg);
    background-size: contain;
    height: 40vmin;
    padding-left: 1vmin !important;
    background-repeat: no-repeat;
    background-position: 0vmin 18vmin;
	margin-bottom:6vh;
	margin-top:0 !important;
	-webkit-transition: background-position .55s ease-in; /* Safari */
    transition: background-position .55s ease-in;
}
.h3accordion_00{
	background-image: url("../images/POCTK_00.jpg");
	background-size: cover;
}

.h3accordion_000{
	background-image: url("../images/upload_thumb.png");
	background-size: cover;
}
.h3accordion_0000{
	background-image: url("../images/ml_thumb.png");
	background-size: cover;
	
	background-position-x: center;
}
.h3accordion_00000{
	background-image: url("../images/bh_thumb.png");
	background-size: cover;
	
	background-position-x: center;
}
.h3accordion_0{
	background-image: url(../images/POCTK_0.jpg);
	background-size: cover;
}
.h3accordion_1{
	background-image: url(../images/POCTK_1.png);
	background-size: cover;
}
.h3accordion_2{
	background-image: url(../images/safeco_product_1.jpg);
	background-size: cover;
	margin-right: 0;
}
.h3accordion_3{
	background-image: url(../images/Safeco_Mobile_Screen_1.png);
	background-size: cover;
}
.h3accordion_4{
	background-image: url(../images/POCTK_4.png);
	background-size: cover;
	margin-right: 0;
}
.h3accordion_5{
	background-image: url(../images/sam_eval_UI_1.png);
	background-size: cover;
}
.h3accordion_6{
	background-image: url(../images/sam_RWeb_but_1.png);
	background-size: cover;
	margin-right: 0;
}
.h3accordion_7{
	background-image: url(../images/oscar_site2.jpg);
	background-size: cover;
}
.h3accordion_0:hover,.h3accordion_1:hover,.h3accordion_2:hover,.h3accordion_3:hover,.h3accordion_4:hover,.h3accordion_5:hover,.h3accordion_6:hover,.h3accordion_7:hover{
	background-position: 0vmin 15vmin;
}
.h3accordion_000:hover,.h3accordion_00:hover,.h3accordion_1:hover,.h3accordion_2:hover,.h3accordion_3:hover,.h3accordion_4:hover,.h3accordion_5:hover,.h3accordion_6:hover,.h3accordion_7:hover{
	background-position: 0vmin 15vmin;
}
.h3accordion_0000:hover{
	background-position: center 15vmin;
}
.h3accordion_00000:hover{
	background-position: center 15vmin;
}

.divaccordion{
	clear:left;
	margin-bottom:5vh !important;
	
}
.autowidth{
	min-width:none;
	max-width:none;
	/*width: inherit !important;*/
	clear:left;
	float:none;
	-webkit-transition: width 2s; /* Safari */
    transition: width 2s;
	padding-left: 7vmin !important;
	height:auto;
	margin-right:0 !important;
	margin-top:2vh;
	margin-bottom:auto !important;
}
.project_thumbs_right_margin{
	margin-right:2vmin;
    margin-right:5vmin;
}
.project_thumbs_right_margin_zero{
	margin-right:0;
}
#title_Comp:before{
	/*content:url(../images/icon_competncies.svg);
	width:10vmin;
	height:10vmin;
	display:inline-block;
	margin-bottom:2vmin;*/
}
#title_Samp:before{
	/*content:url(../images/icon_portfolio.svg);
	width:12vmin;
	height:12vmin;
	display:inline-block;
	margin-bottom:.2vmin;*/
}
#title_Process::before{
	/*content:url(../images/icon_process.svg);
	width:12vmin;
	height:12vmin;
	display:inline-block;
	margin-bottom:.2vmin;*/
}

#title_More::before{
	content:url(../images/icon_More2.svg);
	width:12vmin;
	height:12vmin;
	display:inline-block;
	margin-bottom:.2vmin;
	animation : wink 9s infinite;
}
#title_More:hover::before{
	content:url(../images/icon_More3.svg);
	width:12vmin;
	height:12vmin;
	display:inline-block;
	margin-bottom:.2vmin;
	animation:none;
}
@keyframes wink {
    0%{
        content:url(../images/icon_More2.svg);
    }
	89%{
		content:url(../images/icon_More2.svg);
	}
	90%{
		content:url(../images/icon_More3.svg);
	}
    100% {
        content:url(../images/icon_More2.svg);
    }
}	
.comp_icon_stuck{
	position:fixed !important;
	top:20vmin;
}

.comp_icon_left_image{
	
	width:100%; 
	height:100%; 
	background-repeat:no-repeat; 
	/*background-size: 45% ; */
	background-position:center; 
	position:absolute; 
	top:0; 
	left:0;
	
	opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.9s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-duration: 0.9s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-duration: 0.9s;
    -o-transition-property: opacity, visibility;
    -o-transition-duration: 0.9s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-duration: 0.9s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);	
	transition-delay: 100ms;
}
.cil_image_1{
	background-image:url(../images/jrp_header_icon_uiux.svg);
}
.cil_image_2{
	background-image:url(../images/jrp_header_icon_director.svg);
}
.cil_image_3{
	background-image:url(../images/jrp_header_icon_usability.svg);
	
	
}
.cil_image_4{
	background-image:url(../images/jrp_header_icon_agile.svg);
}
.cil_image_5{
	background-image:url(../images/jrp_header_icon_vis.svg);
}
.cil_image_6{
	background-image:url(../images/jrp_header_icon_dev.svg);
}
.comp_icon_show{
		opacity:.75;
    visibility: visible;
	    filter: drop-shadow(0px 0px 21px #2849bd);
}
.comp_textblock p{
	min-width:inherit;
	color:#fff;
	color:rgba(255,255,255,.5);
	font-weight:300;
	font-size:3.5vmin;
}
.comp_textblock h2{
	min-width:inherit;
	margin-top:0;
	margin-bottom:1vmin;
	color:rgba(255,255,255,.65);
	font-size:4.5vmin;
}
#comp_textblock_1 {
    margin-top: 90vh;
}
.comp_textblock{
	margin-top: 100vh;
}
#diagram_span{
	padding-left:15vmin; 
	padding-right:15vmin;
}
#demo{
	padding-left:15vmin; 
	padding-right:15vmin;
}
  #accordion2 {
	margin-left:3vmin;
}
.PPS_Section{
    display: flex;
}
.PPS_Block{
    width: 30%;
    padding-right: 5vmin;
    
}
.PPS_Block p{
    min-width: auto;
}


html .anim_text_animate {
    transition: opacity .6s linear,transform .6s cubic-bezier(0.26,0.67,0.48,0.91);
    opacity: 0;
    transform: translateY(100px);
}
html .anim_text_animate.animated_text_action {
    opacity: 1;
    transform: translateY(0);
}
#imagezoom{
				position: fixed;
				z-index: 10;
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,.85);
				display: none;
				top: 0;
				left: 0;
			}
			#imagezoom_image{
				width: 100%;
				height: 100%;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center;
				
			}
			#btn_close_zoom{
				height: 30px;
				width: 30px;
				background-image: url("../images/port_close.svg");
				position: absolute;
				top: 30px;
				right: 30px;
				z-index: +1;
				cursor: pointer;
			}
			#btn_close_zoom:hover{
				background-image: url("../images/port_close_r.svg");
			}
			
			#imagezoom .comp_icon_left_image {
				margin-left: 10px;
				width: calc(100% - 20px);
				cursor: zoom-out;
			}
			.noscrolling{
				overflow: hidden;
			}
.leader_bg_jpg{
	background-image: url(../images/bridge_2.jpg);background-repeat:no-repeat; position: absolute; top: 0; left: 0; width: 100%;height: 100%;background-size: contain;
    filter: saturate(2.05);
}
.leader_bg_svg{
	background-image: url(../images/bridge_2.svg);background-repeat:no-repeat; position: absolute; top: 0; left: 0; width: 100%;height: 100%;background-size: contain;
    filter: saturate(2.05);
}
#leadership_anim_block{
	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: +1;
    position: relative;
    padding-top: 10vh;
        margin-bottom: 11vh;
}
#leadership_anim_block .intro_p{
	font-size: 5.5vmin;
}
#leadership_anim_block .bodylist{
	font-size: 3.75vmin;
}
#competencies_wide2 {
    position: relative;
    width: 40vw;
    padding-right: 4vw;
    padding-left: 43vmin;
    padding-left: 22vw;
    background: linear-gradient(270deg, #0092bb26, transparent);
	background: linear-gradient(270deg, #007cbb57,#007cbb14, transparent);
}
.jasonquote{
	font-weight: 700;
	font-style: italic;
	font-size: 3vmin;
	padding: 0 2vmin;
    border-left: 1px solid #ec881d;
}
.bodypullquote_wrapper{
display: flex;
	flex-direction: row;
	align-content: center;
	    margin-right: 5vmin;
	    margin-bottom: 5vmin;
}
.bodypullquote_link{
	margin-top: 3vmin;
	font-size: 2vmin;
	width: 100%;
}
.bodypullquote_set .link_linkedin:before {
    content: url(../images/icon_linkedin_r.svg);
    left: 0;
    position: absolute;
     top: 0;
    width: 3vmin;
    height: 3vmin;
}
.bodypullquote_avatar{
	width: 7vmin;
	min-width: 7vmin;
	height: 7vmin;
	min-height: 7vmin;
	border-radius: 20vmin;
	background-color: #ec881d;
	border:1px solid #fff;
	background-image: url("../images/jrp_icon_director.svg");;
	background-size: cover;
	background-repeat: no-repeat;
	margin-right: 2vmin;
} 
.avatar_ami{
	background-image: url("../images/avatar_ami.jpeg");
}
.avatar_prerna{
	background-image: url("../images/avatar_prerna.jpeg");
}
.avatar_davek{
	background-image: url("../images/avatar_davek.jpeg");
}
.avatar_floris{
	background-image: url("../images/avatar_floris.jpeg");
}
.avatar_kevin{
	background-image: url("../images/avatar_kevin.jpeg");
}
.avatar_mikeh{
	background-image: url("../images/avatar_mikeh.jpeg");
}
.avatar_catherine{
	background-image: url("../images/avatar_catherine.jpeg");
}
.avatar_jasonh{
	background-image: url("../images/avatar_jasonh.jpeg");
}
.avatar_christ{
	background-image: url("../images/avatar_christ.jpeg");
}
.avatar_harley{
	background-image: url("../images/avatar_harley.jpeg");
}
.avatar_bryan{
	background-image: url("../images/avatar_bryan.jpeg");
}
.avatar_irene{
	background-image: url("../images/avatar_irene.jpeg");
}
.bodypullquote_set{
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
	margin: 6vmin 0;
    padding: 5vmin 3vmin;
    border-bottom: 1px dotted rgba(255,255,255,.06);
    border-top: 1px dotted rgba(255,255,255,.06);
}
.bodypullquote_set{
	
}
.bodypullquote_text_wrapper{
	    font-size: 2.75vmin;
	color: #fff;
	display: flex;
    flex-direction: column;
	max-width: 22em;
}
.onequoteonly .bodypullquote_text_wrapper{
	max-width: 32em;
}
.bodypullquote_text{
	quotes: "“" "”" "‘" "’";
}
.bodypullquote_text::before {
    content: open-quote;
}
.bodypullquote_text::after {
    content: close-quote;
}
.bodypullquote_attribution{
	 font-size: 1.75vmin;
	color: rgba(255,255,255,.5);
	margin-top: .8vmin;
}
.bodypullquote_attribution_name{
	color: rgba(255,255,255,.8);margin-right: 1em;
}
.bodypullquote_attribution_name::before{
	content: '-';
	margin-right: .2em;
}
.footer_hero_banner_text .bodypullquote_avatar{
	margin-right: 2vmin;
    display: inline-flex;
    position: absolute;
    margin-left: -9vmin;
    margin-top: -0.25vmin;
    width: 6vmin;
    height: 6vmin;
}
#section_samples{
	background-color:#272727;
	background-color:#000; 
	padding-bottom:20vmin; 
	margin-left:-20px; 
	margin-right:-20px; 
	overflow:hidden; 
	margin-top:-1px; 
	padding-left:20px; 
	padding-right:20px;
	border-top: 2px dotted rgba(255,255,255,.1);
}
#bringtogethergraphic{
	height: 100vh;position: absolute;bottom: -17vh;
}
#bring_together_section{
	background-color:#000; padding-bottom:20vmin; margin-left:-20px; margin-right:-20px; overflow:hidden; margin-top:0vmin; padding-left:20px; padding-right:20px; position: relative;padding:0;padding-bottom: 75px;min-height:130vh;overflow: visible;background: linear-gradient(180deg, #000000,#051237, black);
}
#bringtogethergraphic .pointer{
		transform: scaleY(.85);
	}
.hero_avatar{
	height: 22vmin;
    width: 22vmin;
    border-radius: 30vmin;
    background: #000;
    position: relative;
    border: 5px solid #fff;
    background-image: url(../images/JR_Portrait_2023.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.hero_avatar::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("../images/JR_Portrait_blink.gif");
	background-size: cover;
    background-repeat: no-repeat;
}
.hero_avatar_wrapper{
	position: absolute;
    top: -20.5vmin;
    left: -28vmin;
	z-index: 1;

}
.avatar_intro.hero_avatar_wrapper{
	position: absolute;
	z-index: 1;
	animation: linear 1;
  animation-name: slidein;
  animation-duration: 800ms;
	animation-fill-mode: forwards;
	transition-timing-function: ease-out;
	
	overflow: hidden;
    border-radius: 300px;
}
.avatar_intro .hero_avatar{
	animation-name: spin;
    animation-duration: 800ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.hero_avatar_wrapper.avatar_outro .hero_avatar{
	animation-name: rspin;
	animation-fill-mode: forwards;
	animation-duration: 900ms;
}
.avatar_outro.hero_avatar_wrapper{
	animation-name: rslidein;
	animation-fill-mode: forwards;
	transition-timing-function: ease-in;
	animation-duration: 900ms;
} 
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
@-webkit-keyframes slidein {
  from {
    left: -28vmin;
  }
  to {
    left: 4vmin;
  }
  
}
@keyframes rspin {
    0% {
        transform:rotate(360deg);
    }
	50% {
        transform:rotate(360deg);
    }
    100% {
        transform:rotate(0deg);
    }
}
@-webkit-keyframes rslidein {
  0% {
    left: 4vmin;
  }
	50% {
    left: 4vmin;
  }
  100% {
    left: -28vmin;
  }
  
}
#cam_shutter_wrapper{
	position: absolute;
    left: -1px;
    top: 0;
    width: 100%;
    height: 100%;
	z-index: +1;
	
}
.avatar_intro #cam_shutter_wrapper{
	animation-name: spin;
    animation-duration: 800ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.avatar_outro #cam_shutter_wrapper{
	animation-name: rspin;
	animation-fill-mode: forwards;
}
#cam_shutter, #cam_shutter2{
	position: absolute;
	left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/cam_shutter_upper.svg);
    background-size: calc(100% - 9px);
    background-position: center;
    background-repeat: no-repeat;
    z-index: +2;
    border-radius: 250px;
    animation-name: shutter;
    animation-delay: 2.5s;
    animation-duration: 1.50s;
    animation-fill-mode:forwards;
    transition-timing-function: ease-in;
}
#cam_shutter2{
	background-image: url(../images/cam_shutter_lower.svg);
	animation-name: shutter2;
	z-index: +1;
}
.avatar_outro #cam_shutter{
	animation-name: shutterr;
    animation-delay: 0s;
    animation-duration: 0.50s;
    animation-fill-mode:forwards;
    transition-timing-function: ease-in;
}
.avatar_outro #cam_shutter2{
	animation-name: shutter2r;
    animation-delay: 0s;
    animation-duration: 0.50s;
    animation-fill-mode:forwards;
    transition-timing-function: ease-in;
}
@keyframes shutter {
    from {
        top:0;
    }
    to {
        top:-300px;
    }
}
@keyframes shutter2 {
    from {
        top:0;
    }
    to {
        top:300px;
    }
}
@keyframes shutterr {
    from {
        top:-300px;
    }
    to {
        top:0;
    }
}
@keyframes shutter2r {
    from {
        top:300px;
    }
    to {
        top:0;
    }
}
.btn_collapse_section{
	    position: fixed;
    top: 18vh;
    left: 45px;
    width: 6.5vh;
    height: 6.5vh;
    background-size: 6.5vh 4.5vh;
    background-position: 0 50%;
    background-image: url(../images/minus2.svg);
    background-repeat: no-repeat;
	cursor: pointer;
	display: none;
}
.btn_collapse_section:hover{
	background-image: url(../images/minus2_r.svg);
}
.svg_annotated{
	max-width: 80vw !important;
	width: 480px;
}
/*MEDIA QUERIES*********************************************************/	
@media screen and (max-aspect-ratio: 3/2)  { 
	#begin{
		padding-top: 5vmin !important;
	}
	#begin p.intro_p {
		max-width: none;
        font-size: 3.2vmin;
	}
}
@media screen and (max-width: 600px) {
	.hero_avatar {
		border: 3px solid #fff;
	}
}
@media screen and (min-height: 1800px) and (min-width: 1100px) {
	#comp_icon_left {
    width: 40vw !important;
	}
	#begin{
		
	}
}
@media screen and (max-aspect-ratio: 5/5)  {
	#begin{
		
	}
}
@media screen and (min-aspect-ratio: 5/2.2)  { 
	#begin{
		
	}
	#begin p.intro_p {
		max-width: 63vw !important;
    min-width: 0;
		    font-size: 4vmin;
	}
}
@media screen and (min-width: 900px) and (max-width: 1330px) {
	.ad_sample_layout,.poke_sample_layout{
	width: calc(100% - 430px);
    float: left;
}
.ad_sample_layout_images,.poke_sample_layout_images{
	float: right;
	width:350px
}
.dynamic_summary_accordion_title_text {
	font-size:2vmin;
}
	
	 }
@media screen and (min-width: 100px) and (max-width: 899px) {
	.ad_sample_layout,.poke_sample_layout{
	width: inherit;
    float:  none;
}
.ad_sample_layout_images,.poke_sample_layout_images{
	float: none;
	width:350px
}


}
@media screen and (min-width: 800px) and (max-width: 860px) {
	.dynamic_summary_accordion_title{
		font-size:3vmin;
		line-height:3vmin;
	}
	
}
@media screen and (min-width: 10px) and (max-width: 799px) {
	.project_thumbs_right_margin{
	margin-right:0;
}
.project_thumbs_right_margin_zero{
	margin-right:0;
}
.h3accordion {
	margin-right:0 !important;
	width:100% !important;
	max-width:100% !important;
}
    #accordion2 {
	margin-right: 3vmin;
}

.ui-state-active{
	width:auto !important;
}
}
@media screen and (min-width: 10px) and (max-width: 1200px) {
	.modal_image_700_float{
	float:none;
	 }	
}
@media screen and (min-width: 1685px) {
	.modal_image_700_float{
	float:left;
	 }
	 .globeimage{
		 float:right;
	 }
	/*p.intro_p{
		 padding-top: 5vmin;
    max-width: 90vw;
	 }*/
}
@media screen and (min-width: 1400px) {
	 
}
@media screen and (max-width: 1180px) {

.flex_set_samples{
	flex-direction: column;
	align-items: center;
}
	
.flex_samples{
	position:relative;
	padding-top:5vmin;
	margin-bottom:5vmin;
	    margin-right: 0px;
	    /*max-width: 800px;*/
}
.flex_samples img{
	max-width: 800px !important;
	}
	#imagezoom_image .flex_samples{
	position:relative;
	padding-top:5vmin;
	margin-bottom:0;
	    margin-right: 0px;
	    max-width: none;
}
	#imagezoom_image .flex_samples img{
	max-width: 100% !important;
	}
}

 @media all and (orientation:portrait) {

	.logos_flex{
		flex-direction: row !important;
    flex-wrap: wrap !important;
	}
	.flex_samples img {
		max-width: 800px !important;
		width: 30vw !important;
	}

	.flex_diagram_multiple{
		flex-direction: column;
	}
	 #bringtogethergraphic{
	height: 83vh;
    position: absolute;
    bottom: -10vh;
}
	 #bring_together_section{
		     min-height: 123vh;
	 }
	 #imagezoom_image .flex_samples{
		    padding-top: 15vmin; 
	 }
	 #imagezoom_image .flex_samples::before {
		 font-size: 4vmin;
	 }
	 #competencies_section{
		 margin-top: 33vmin;
	 }
	@media screen and (max-width: 1000px) {
		#bringtogethergraphic .pointer{
		transform: scaleY(.15);
			transform: scaleX(2);
	}
	 }
	@media screen and (max-width: 800px) { 
	 #section_samples{
	padding-left:5px; 
		 padding-right:5px;
	 }
		#bringtogethergraphic .pointer{
		    transform: scale(1.5,0.75);
	}
	 }
	 
	 @media screen and (max-width: 700px) {
		  #competencies_section{
		 margin-top: 37vh;
	 }
	 }
	@media screen and (max-width: 575px) {
		  #competencies_section{
		 margin-top: 46vh;
	 }
		 #bring_together_section{
		     min-height: 105vh;
	 }
		.ui-dialog-buttonset >button{
		line-height: 3.5vmin;	
		}
		
	 }
	 
	 #diagram_span{
	padding-left:0vmin; 
	padding-right:0vmin;
}
#demo{
	padding-left:0vmin; 
	padding-right:0vmin;
}
	 #jrp_links_right{
		 display:none;
		 }
	 #jrp_links_footer{
		display: flex; 
	 }
	 #competencies_narrow{
		 display:block;
	 }
	 #competencies_wide{
		 display:none;
	 }
	 .contigent_flex{
	display: block;
	}
	.footer_herotext_item{
	padding:0 4vw; 
	}
	.footer_hero_banner_text {
	padding-top: 19vmin;	
	}
	 .leader_bg_jpg, .leader_bg_svg{
		background-size: 129vh; 
	 }
	 #leadership_anim_block{
    padding-top: 26vh;
        margin-bottom: 26vh;
}
 }
 
 @media all and (orientation:landscape) {
	 #jrp_links_right{
		 display: none;
		 }
		 #jrp_links_footer{
		display: block; 
		display: flex; 
	 }
	  #competencies_narrow{
		 display:none;
	 }
	 #competencies_wide{
		 display:block;
	 }
	 .tabcontent div div.left_content {
    padding: 0 7vmin 0 7vmin !important;
	
}
p, .bodylist{
	max-width:100vmin;
}
p.intro_p{
	/*max-width:none;*/
}
}
 }

 @media screen and (min-aspect-ratio: 8/5) and (max-aspect-ratio: 4/2) { 
  .tabcontent div div.left_content {
    padding: 0 20vmin 0 20vmin !important;
 }
	 
 }
@media screen and (max-aspect-ratio: 8.5/7) {
	#masthead:not(.darkhead) #link_projects{display: none;}
	#masthead:not(.darkhead) .btn_mast_top {
		right: 30vmin;}
}

	@media screen and (max-aspect-ratio: 8.5/7) and (-webkit-min-device-pixel-ratio: 2) {
	#masthead:not(.darkhead) #link_projects{
		display: none !important
		}
	#masthead:not(.darkhead) .btn_mast_top {
		right: 30vmin;}
}

 @media screen and (min-aspect-ratio: 8/8) and (max-aspect-ratio: 128/105) { 
	  
 #jrp_links_right{
		 display:none;
		 }
	 #jrp_links_footer{
		display: flex; 
	 }
	 /* p{color:brown};*/
.jrp_button.button_linkedin,.jrp_button .button_resume {
	padding: 3vmin 6.3vmin 3vmin 9vmin;
	
}
	 .jrp_button{
	font-size:3.5vmin;
	 }
	 .btn_mast{
		 font-size: 2.5vmin;
	 }
.button_linkedin,.button_resume,.button_contact{
	padding: 3vmin 6.3vmin 3vmin 9vmin;
}			

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 8vmin;
}
#accordion2 h3 { 
/*    padding-left: 8vmin;*/
     };
    


 
 }
 
	
 @media screen and (min-aspect-ratio: 1/9) and (max-aspect-ratio: 8/8) {
	/* p{color:green};*/
.jrp_button.button_linkedin,.jrp_button .button_resume {
	padding: 3vmin 6.3vmin 3vmin 9vmin;
	
}
	  .jrp_button{
	font-size:3.5vmin;
	 }
	 .btn_mast{
		 font-size: 2.5vmin;
	 }
.button_linkedin,.button_resume,.button_contact{
	padding: 3vmin 6.3vmin 3vmin 9vmin;
}			

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 9vmin;
}
#accordion2 h3 { 
/*    padding-left: 9vmin;*/
     }

 }
  @media screen and (min-aspect-ratio: 1/9) and (max-aspect-ratio: 10/8) {
	.modal_image_float{
	float:none;
}  
  }
 
  @media screen and (min-aspect-ratio: 1/9) and (max-aspect-ratio: 7/9) {
	 /*p{color:red};*/
	 #jrp_links_footer{
		display: block; 
	 }
	 #jrp_links_footer div{
		 margin-right:0 !important;
		 margin-bottom:2vh !important;
		 width: inherit !important;
		 margin-right:10px !important;
	 }
.jrp_button.button_linkedin,.jrp_button .button_resume {
	padding: 3vmin 6.3vmin 3vmin 6.3vmin;
	
}
.button_linkedin,.button_resume,.button_contact{
	padding: 3vmin 6.3vmin 3vmin 6.3vmin;
}		

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 10vmin;
}
#accordion2 h3 { 
/*    padding-left: 10vmin;*/
      };
.ui-accordion-header.ui-icon{
		     background-size: 6vh 60% !important;
			 background-size: 6.0vh 4.0vh !important;
	 }
	  .ui-icon{
		     background-size: 6vh 60% !important;
			 background-size: 5.0vh 3.0vh !important;
	 }
	  .jrp_button{
	font-size:4.5vmin;
	 }  
	  .btn_mast{
		 font-size: 2.5vmin;
	 }
 }
 
  @media screen and (min-aspect-ratio: 1/9) and (max-aspect-ratio: 6/9) {
	 /*p{color:yellow};*/
/*.jrp_button.button_linkedin,.jrp_button .button_resume {
	padding: 3vmin 6.3vmin 3vmin 12vmin;
	
}
.button_linkedin,.button_resume,.button_contact{
	padding: 3vmin 6.3vmin 3vmin 12vmin;
}		*/

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 11vmin;
}
#accordion2 h3 { 
/*    padding-left: 11vmin;*/
      };
 }
 
  @media screen and (min-aspect-ratio: 1/9) and (max-aspect-ratio: 5/9) {
	 /*p{color:blue};*/
	 .ui-accordion-header.ui-icon{
		     background-size: 5.5vh 60% !important;
			 background-size: 5.5vh 3.5vh !important;
	 }
	  .ui-icon{
		     background-size: 5.5vh 60% !important;
			 background-size: 5.5vh 3.5vh !important;
	 }
	
/*.jrp_button.button_linkedin,.jrp_button .button_resume {
	padding: 3vmin 6.3vmin 3vmin 9vmin;
	
}
.button_linkedin,.button_resume,.button_contact{
	padding: 3vmin 6.3vmin 3vmin 9vmin;
}*/

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 12vmin;
}
#accordion2 h3 { 
/*    padding-left: 12vmin;*/
      };
 }
 
   @media screen and (min-aspect-ratio: 1/9) and (max-aspect-ratio: 4/9) {
	/* p{color:purple};*/
/*.jrp_button.button_linkedin,.jrp_button .button_resume {
	padding: 3vmin 6.3vmin 3vmin 12.5vmin;
	
}
.button_linkedin,.button_resume,.button_contact{
	padding: 3vmin 6.3vmin 3vmin 12.5vmin;
}	*/
 .ui-accordion-header.ui-icon{
		     background-size: 4.5vh 55% !important;
			 background-size: 4.5vh 2.5vh !important;
	 }
	  .ui-icon{
		     background-size: 4.5vh 55% !important;
			 background-size: 4.5vh 2.5vh !important;
	 }
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 12.5vmin;
}
#accordion2 h3 { 
/*    padding-left: 12.5vmin;*/
       };
 }
 
  @media screen and (min-aspect-ratio: 1/9) and (max-aspect-ratio: 3/9) {
	 /*p{color:gray};*/
 .ui-accordion-header.ui-icon{
		     background-size: 4.5vh 50% !important;
			 background-size: 4.5vh 2.5vh !important;
	 }
	  .ui-icon{
		     background-size: 4.5vh 50% !important;
			 background-size: 4.5vh 2.5vh !important;
	 }	

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 14vmin;
}
#accordion2 h3 { 
/*    padding-left: 14vmin;*/
      };
 }
 @media screen and (min-aspect-ratio: 18/8) and (max-aspect-ratio: 18/1) {
	 .tabcontent div div.left_content {

    padding: 0 20vmin 0 20vmin !important;

}
	  p.intro_p { max-width: none !important; min-width:65vw; } 
	p{ max-width: 55vw; min-width:55vw};
	
	
	 
	#title_Comp:before{
	content:url(../images/icon_competncies.svg);
	width:15vmin;
	height:15vmin;
	display:inline-block;
	margin-bottom:2vmin;
}
#title_Samp:before{
	/*content:url(../images/icon_portfolio.svg);
	width:17vmin;
	height:17vmin;
	display:inline-block;
	margin-bottom:.2vmin;*/
}
#title_More:before{
	content:url(../images/icon_More2.svg);
	width:17vmin;
	height:17vmin;
	display:inline-block;
	margin-bottom:.2vmin;
	animation : wink 9s infinite;
}
@keyframes wink {
    0%{
        content:url(../images/icon_More2.svg);
    }
	89%{
		content:url(../images/icon_More2.svg);
	}
	90%{
		content:url(../images/icon_More3.svg);
	}
    100% {
        content:url(../images/icon_More2.svg);
    }
}	
 }
 
 @media screen and (min-aspect-ratio: 16/10) and (max-aspect-ratio: 16/1) {
	 .tabcontent {
		 display:inline-block;
		 width:calc(100% - 40px);
		 
	 }
	/* 	.project_thumbs_right_margin{
	margin-right:0;
}
.project_thumbs_right_margin_zero{
	margin-right:0;
}*/
.h3accordion {
	
	min-width: calc(33% - 3vmin);
    max-width: calc(33% - 3vmin);
    min-width: calc(33% - 4vmin);
    max-width: calc(33% - 4vmin);
}
.h3accordion_2,.h3accordion_4,.h3accordion_8 {
    margin-right: 5vmin;
}
.h3accordion_3,.h3accordion_6,.h3accordion_9 {
    margin-right: 0;
}
.project_thumbs_right_margin{
	margin-right:2.9vmin;
}
.project_thumbs_right_margin_zero{
	margin-right:0;
}
/*.ui-state-active{
	width:auto !important;
}*/
.autowidth{
	min-width:none;
	max-width:none;
	/*width: inherit !important;*/
	clear:left;
	float:none;
	-webkit-transition: width 2s; /* Safari */
    transition: width 2s;
	padding-left: 7vmin !important;
	height:auto;
	margin-right:0 !important;
	margin-top:2vh;
	margin-bottom:auto !important;
}
.dynamic_summary_accordion_title_text {
	font-size:1.5vmin;
}
.dynamic_summary_accordion_title{
	font-size:3.5vmin;
	line-height:3.25vmin;
	vertical-align:top;
}
 }
 @media screen and (min-aspect-ratio: 1068/2500) and (max-aspect-ratio: 1068/928) {
	 .tabcontent{ 
	 }
	 .h3accordion{
		 height:50vmin;
		 background-position: 0vmin 22vmin;
	 }
	 .h3accordion_0000{
	background-position: center 22vmin;
}
.h3accordion_00000{
	background-position: center 22vmin;
}
	 .dynamic_summary_accordion_title_text{
		 font-size:1.5vmin;
	 }
	 .autowidth{
	min-width:none;
	max-width:none;
	/*width: inherit !important;*/
	clear:left;
	float:none;
	-webkit-transition: width 2s; /* Safari */
    transition: width 2s;
	padding-left: 7vmin !important;
	height:auto;
	margin-right:0 !important;
	margin-top:2vh;
	margin-bottom:auto !important;
}
 }
 @media screen and (min-width: 731px) and (max-width: 799px) {
	.dynamic_summary_accordion_title_text {
		font-size:2vmin;
		
	}
	.ui-icon,.ui-icon:hover {
	background-size: 5.5vh 3.5vh !important;	
	}
 }
  @media screen and (min-width: 1px) and (max-width: 730px) {
	.dynamic_summary_accordion_title_text {
		font-size:2vmin;
		
	}
	.ui-icon,.ui-icon:hover {
	background-size: 3.5vh 2.0vh !important;	
	}
 }
 /* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
p, .content_list,a, .bodylist,p.intro_p ,.link_page,.comp_textblock,.comp_textblock h2,.jrp_button_comp {
		font-weight:400;
	font-size: 5.5vmin !important;
	-webkit-text-size-adjust: 100%;
	}
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	p, .content_list,a, .bodylist,p.intro_p ,.link_page,.comp_textblock,.comp_textblock h2,.jrp_button_comp {
		font-weight:400;
	font-size: 5.5vmin !important;
	-webkit-text-size-adjust: 100%;
	}
	.jrp_button{
	font-size:5vmin;
}
	#masthead:not(.darkhead) .btn_mast{
	 /*right:2vmin; 
	 top:1vmin;
	 padding: 1.5vmin 2vmin 1.5vmin 2vmin; */
	 font-size:2.5vmin; 
	}
	  #masthead:not(.darkhead) #link_projects{
		display: none !important
		}
	.btn_mast_top{
		padding: 1.0vmin 0vmin 1.0vmin 0vmin;
	right:31vmin;
	height:4.1vmin;
	}
	.link_page:after {
		margin-left: 2vmin;
		top: 1vmin;
	}
	.ui-accordion h3 {
	font-size: 5.5vmin;
}
      h2{
          font-size: 8vmin;
      }
      .responsive_samples img{
          width: 80vw !important;
    max-width: 100vw !important;
      }
      .responsive_samples {
    padding-top: 11vmin;
      }
      .responsive_samples:before {
    font-size: 4vmin;
}
.dynamic_summary_accordion_title {
  line-height:  5.5vmin;
  
}
.dynamic_summary_accordion_title_text{
	
	font-size:3.5vmin;
}
h1{
	font-size:5.5vmin;
}
      h1 .h1_highlight {
    color: #c16808;
} 
	 #masthead.darkhead{
    color: rgb(189, 189, 189);
} 
	  #masthead.darkhead .h1_highlight {
    color: #ff8400;
}
	  

.blue_header .ui-dialog-titlebar {
	 padding: 4.5vmin 1vmin 3vmin 0vmin;
    font-size: 5.25vmin;
    min-height: 7vmin;
    vertical-align: top;

}

.blue_header .ui-dialog-title:before,.competency_header_1 .ui-dialog-title:before,.competency_header_2 .ui-dialog-title:before,.competency_header_3 .ui-dialog-title:before,.competency_header_4 .ui-dialog-title:before,.competency_header_5 .ui-dialog-title:before,.competency_header_6 .ui-dialog-title:before {
	width: 10vmin;
	height: 10vmin;
    left: 2vmin;
    top: .5vmin;
}
.ui-dialog-buttonpane {
	height: 14.5vmin;
	top:0 !important;
	
}
.ui-dialog-buttonset >button {
	    margin-top: 4vmin;
}
.ui-dialog-buttonpane {
    top: 4vmin;
}
.link_linkedin:before {
    left: 0;
    position: absolute;
    top: -1.5vmin;
    width: 10vmin;
	height: 10vmin;
}
.link_linkedin{
	padding-left:12vmin;
	display:block;
}
.bodypullquote_link .link_linkedin{
	padding-left:7vmin;
	  }
.bodypullquote_set .link_linkedin:before {
	width: 5vmin;
    height: 5vmin;
	  }
.bodypullquote_text_wrapper {
    font-size: 3.75vmin;
	  }
.bodypullquote_attribution {
    font-size: 2.75vmin;
	  }
.footer_title{
	padding-left:5vmin;
}
.footer_title:before{
	left: 1vmin;
    width: 3vmin;
    height: 3vmin;
	top:0vmin;
}
.link_oscar {
	padding-left:13vmin;
}
.link_oscar:before {
    top: -4vmin;
    width: 12vmin;
	height: 12vmin;
}
.outer{
    width: 800px;
    height: 457px;
}
.modal_image_float img{
	max-width:none !important;
}
.footer_title{
	font-size:3.5vmin;
}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  .ad_sample_layout,.poke_sample_layout{
	width: inherit;
    float:  none;
}
.ad_sample_layout_images{
	float: none;
	width:100%;
}
.poke_sample_layout_images{
	float: none;
	width:100%;
}
.label_pattern_example1,.label_pattern_example2,.label_pattern_example3,.label_pattern_example4,.label_pattern_example5,.label_pattern_example6,.label_pattern_example7,.label_pattern_example8,.label_pattern_example9,.label_pattern_example10{
	width:100%
}
.label_pattern_example1 img,.label_pattern_example2 img,.label_pattern_example3 img,.label_pattern_example4 img,.label_pattern_example5 img,.label_pattern_example6 img,.label_pattern_example7 img,.label_pattern_example8 img,.label_pattern_example9 img,.label_pattern_example10 img{
	max-width:inherit !important;	
}




	.project_thumbs_right_margin{
	margin-right:0;
}
.project_thumbs_right_margin_zero{
	margin-right:0;
}
.h3accordion {
	margin-right:0 !important;
	width:100% !important;
	max-width:100% !important;
}

.ui-state-active{
	width:auto !important;
}
.dynamic_summary_accordion_title_text {
		font-size:2vmin;
		line-height:2vmin;
		
	}
	.ui-icon,.ui-icon:hover {
	background-size: 3.5vh 2.0vh !important;	
	}
	.dynamic_summary_accordion_title_text {
    font-size: 1.5vmin !important;
}
p, .content_list,a, .bodylist,p.intro_p ,.link_page,.comp_textblock p,.comp_textblock h2,.jrp_button_comp {
		font-weight:400;
	font-size: 5.5vmin !important;
	-webkit-text-size-adjust: 100%;
	}

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

.dynamic_summary_accordion_title_text {
    font-size: 1.5vmin !important;
}
.dynamic_summary_accordion_title_text,.dynamic_summary_accordion_title {
		font-size:2vmin;
		line-height:2vmin;
		
	}

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  p, .content_list,a, .bodylist,p.intro_p ,.link_page,.comp_textblock p,.comp_textblock h2,.jrp_button_comp {
		font-weight:400;
	font-size: 5.5vmin !important;
	-webkit-text-size-adjust: 100%;
	}

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
  }
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
   p, .content_list,a, .bodylist,p.intro_p ,.link_page,.comp_textblock p,.comp_textblock h2,.jrp_button_comp {
		font-weight:400;
	font-size: 5.45vmin !important;
	-webkit-text-size-adjust: 100%;
	}
	  .ui-dialog-buttonset >button{
font-size: 8vmin;
background: none;
border: none;
color: white;
cursor: pointer;
text-align: center;
display: -webkit-inline-flex;
width: min-content;
width: 8vmin;
margin-top: 0.9vmin;
text-transform: lowercase;
display: inline-block;
height: 8vmin;
border-radius: 10vmin;
border: 1px solid rgba(255,255,255,.8);
line-height: 4vmin;
padding-bottom: 1vmin;
padding-top: 0;
margin-right: 10px;
min-width: 8vmin;
max-height: 8vmin;
max-width: 8vmin;
display: block;
box-sizing: border-box;
padding: 0;
padding-bottom: 1.5vmin;
}
  }

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
  p, .content_list,a, .bodylist,p.intro_p ,.link_page,.comp_textblock p,.comp_textblock h2,.jrp_button_comp {
		font-weight:400;
	font-size: 5.5vmin !important;
	-webkit-text-size-adjust: 100%;
	}

}

/* Portrait */
@media only screen 
  and (min-device-width: 480px) 
  and (max-device-width: 854px) 
  and (orientation: portrait) { 
 
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  

}
@media only screen and (min-device-width: 214px)and (max-device-width: 767px){
	  p, .content_list,a, .bodylist,p.intro_p ,.link_page,.comp_textblock p,.comp_textblock h2,.jrp_button_comp {
		font-weight:400;
	font-size: 4.5vmin !important;
	-webkit-text-size-adjust: 100%;
	
	} 
	.comp_textblock h2{
		 font-size: 6vmin !important;
	 }
	.bodylist{
		margin-left: 50px;
	}
	.h3accordion_00000:hover,.h3accordion_0000:hover,.h3accordion_000:hover,.h3accordion_00:hover, .h3accordion_1:hover, .h3accordion_2:hover, .h3accordion_3:hover, .h3accordion_4:hover, .h3accordion_5:hover, .h3accordion_6:hover, .h3accordion_7:hover {
    background-position: 0vmin 21vmin;
}
	
  }
@media only screen and (min-device-width: 200px)and (max-device-width: 600px){
	.bodylist{
		margin-left: 25px;
	}
	p.intro_p{
		font-size: 5.5vmin !important;
	}
	#masthead.darkhead {
		font-size: 3.5vmin;
	}
	#masthead.darkhead .jrp_button {
    font-size: 2.5vmin;
		padding: 1.2vmin 2vmin 1.2vmin 2vmin;
	}
	#masthead.darkhead #link_projects {
    right: 24vmin;
}
	#masthead.darkhead .btn_mast_top {
    right: 48vmin;
		height: 2.75vmin;
	}
	
	#masthead.darkhead {
		font-size: 4.5vmin;
	}
	#masthead.darkhead .jrp_button {
    font-size: 3.05vmin;
		padding: 1.2vmin 2vmin 1.2vmin 2vmin;
	}
	#masthead.darkhead #link_projects {
    display: none;
}
	#masthead.darkhead .btn_mast_top {
    right: 28vmin;
		height: 3.75vmin;
	}
	#masthead.darkhead .btn_mast_top {
		background-size: 3.5vmin;
	}
	
}