/**** General ****/
body {
	background-color:#ffffff;
	color:#404040;
	font-family:"lato", Helvetica, Arial, sans-serif;
	font-size:20px;
	font-style:none;
	font-weight:300;
	line-height:125%;
	text-align:left;
	width:101% !important;
	margin-bottom: -30px;
}
.wrapper {
	width:100%;
	display:block;
	clear:both;
	position:relative;
}
h1 {
	font-size:83px;
	font-weight:300;
}
h2 {
	font-size:72px;
	font-weight:300;
}
h3 {
	font-size:55px;
	font-weight:300;
}
h4 {
	font-size:42px;
	font-weight:300;
}
h5 {
	font-size:35px;
	font-weight:300;
}
h6 {
	font-size:24px;
	font-weight:300;
}
em { font-style:italic; }
strong { font-weight:700; }
p { margin-bottom:15px; }
a {
	color:#4d4d4d;
	cursor:pointer;
	outline: none !important;
}
a:hover { color:#000000; }
ul, ol { padding:10px 0 0 20px; list-style:outside; }
ul > ul, ul > ol, ol > ul, ol > ol { padding-top:0; }
li { padding-bottom:10px; }
ul { list-style:disc; }
ol { list-style:upper-alpha; }
ol.smAlpha { list-style:lower-alpha; }
ul ul, ol ul { list-style:circle; }
ol ol, ul ol { list-style:lower-roman; }
ul ul ul, ol ul ul, ol ol ul, ul ol ul { list-style:disc; }
ol ol ol, ul ol ol, ul ul ol, ol ul ol { list-style:lower-alpha; }

.small { font-size:16px; }
#robotest { display:none; }
.section { margin:0; position:relative; }
.container-fluid {
	width:100%;
	margin:0;
	padding:0;
}
video { width:100%; }
.btn:focus,.btn:active {
	outline: none !important;
}
.btn.btn-default {
	text-transform: uppercase;
	border: 1px solid #404040;
	color:#404040;
	padding: 10px 0;
	width: 175px;
	text-align: center;
	font-size:17px;
	font-weight:400;
	border-radius:0;
	background-color:transparent;	
}
.btn.btn-default:hover {
	color:#ffffff;
	background-color:#404040;
}
hr {
	width:15px;
	border-top: 1px solid #662d91;
}
hr.long {
	width:100%;
	border-top: 1px solid #d7d7d7;
}
.modal { 
	background-color:rgba(0, 0, 0, 0.8);
	color:#ffffff;
	z-index:99999999999999999999999;
	text-align:left;
	font-size:16px;
	font-weight:300;
}
.modal .modal-header {
	padding-bottom:0;
	border-bottom:0;
}
.modal .modal-body { padding-top:0; }
.modal-content { background-color:#000000; }
.modal.in .modal-dialog {
	background-color:#000000;
	opacity:100%;
	z-index:999999999999999999999999;
}
.modal-backdrop.in { display:none; }
.modal a { color:#ffffff !important; }
.modal .close {
    float: none;
    color: #fff;
    text-shadow:none;
    opacity:1;
}
.modal h4 {
    font-size: 25px;
    font-weight: 700;
    border-top: 1px solid #662d91;
    margin-top: 20px;
    line-height: 25px;
    padding-top: 20px;
}
.modal h6 {
	font-size:16px;
	font-weight:300;
}
.modal hr {
	width:15px;
	border-top: 1px solid #662d91;
	margin:20px 0 !important;
}
#jPanelMenu-menu {
    background: #000000;
    color: #fff;
    text-align:right;
    /*z-index:999 !important;*/
}
#jPanelMenu-menu .close {
	opacity:1;
	text-shadow:none;
	margin:40px 40px 60px;
	float:none;
}
#jPanelMenu-menu li {
	list-style:none;
}
#jPanelMenu-menu a {
	color:#ffffff;
	text-transform:uppercase;
	font-size:40px;
	font-weight:400;
    display: block;
    clear: both;
    margin-right: 40px;
}
#jPanelMenu-menu hr {
    width: 15px;
    border-top: 1px solid #662d91;
    display: block;
    clear: both;
    text-align: right;
    float: right;
    margin-right: 40px;
}



/**** Video ****/
.section.video {
	position:fixed;
	top:0;
	width:100%;
}
.section.video video {
	width: inherit;
	height: 100%;
}



/**** Header ****/
.section.header {
	padding:30px 0;
	text-align:center;
	text-transform:uppercase;
	font-size:20px;
	font-weight:400;
}
.section.header .contact {
	border-right:2px #b9b9b9 solid;
}
.section.header .toggle { margin-top:-5px; z-index:99999; }
.section.header .mobileNav { display:none; }
.jPanelMenu-panel {

}
.mobileNav .close {
	float:right !important;
}



/**** Hero ****/
.section.hero {
	text-align:center;
	color:#404040;
}
.section.hero h1 {
	text-indent:-999999em;
	background-image:url(../images/unifeye-logo2.png);
	background-repeat:no-repeat;
	background-position: center top;
	width:684px;
	height:175px;
	margin:150px auto 0;
}
.section.hero .scroll {
	display:block;
	clear:both;
	margin:60px auto 60px;
	text-align:center;
}



/**** Why ****/
.section.why {
	background:#f8f8f8;
	border-top:73px solid #ffffff;
}
.section.why .chart {
	position:relative;
	height:630px;
	color:#ffffff;
	text-align:center;
	overflow:hidden;
}
.section.why .chart .part {
	position:absolute;
	/*opacity:0;*/
}
.section.why .chart .part.one,
.section.why .chart .part.one .partContainer {
	width:100%;
	height:553px;
}
.section.why .chart .part.two,
.section.why .chart .part.two .partContainer {
	width:100%;
	height:385px;
}
.section.why .chart .part.three,
.section.why .chart .part.three .partContainer {
	width:100%;
	height:300px;
}
.section.why .chart .part .partContainer {
	position:relative;
}
.section.why .chart .crtLayer {
	width:100%;
	height:100%;
}
.section.why .chart .crtLayer,
.section.why .chart .point {
	position:absolute;
}
.section.why .chart .part.one {
	top:0;
}
.section.why .chart .part.two {
	bottom:65px;
}
.section.why .chart .part.three {
	bottom:0;
}
.section.why .chart .point p {
	font-size:20px;
	line-height:20px;
	font-weight:400;
	margin-bottom:5px;
}
.section.why .chart .point p.small {
	font-size:14px;
	line-height:18px;
}
	/* responsive for mid-large desktop */
	@media (min-width:1200px) and (max-width:1330px) {
		.section.why .chart .point p { font-size:16px; }
		.section.why .chart .point p.small { font-size:12px; }
	}
.section.why .chart .point.resources {
	top: 95px;
	left: 3%;
}
.section.why .chart .point.strategy {
	top: 46px;
	right: 9.25%;
}
.section.why .chart .point.leadership {
	top: 92px;
	left: 29%;
}
.section.why .chart .point.support {
	top: 20px;
	right: 6%;
}
.section.why .chart .point.focused {
	top: 19.5%;
	left: 19.25%;
}
.section.why .chart .point.opportunity {
	top: 4.5%;
	right: 5%;
}
.section.why .text {
	font-size: 16px;
	line-height: 22px;
	padding-right: 50px;
}
.section.why .text li {
	padding-bottom:5px;
}
.section.why .text p {
	margin-bottom:0;
}
.section.why .text hr {
	margin:10px 0;
	text-align:left;
}



/**** Values ****/
.section.values {
	background:#623d74;
	border-top:73px solid #ffffff;
	color:#ffffff;
}
.section.values .container {
	background:url(../images/eye-chart2.png) bottom center no-repeat;
	/* background-size: cover; */
	padding:90px 0;
}
.section.values .headline {
	text-align:center;
}
.section.values .headline img {
	margin:30px auto;
	display:block;
}
.section.values h2 { margin-top:0; }
.section.values h6 {
	font-weight:700;
	margin-top:30px;
}
.section.values p { font-size:17px; }



/**** Process ****/
.section.process {
	background:#ffffff;
	border-top:73px solid #ffffff;
}
.section.process .intro {
	text-align:center;
}
.section.process .part.two,
.section.process .part.three {
	text-align:right;
}
.section.process .part h3 {
	font-size:55px;
	font-weight:300;
}
.section.process .part.one h3 { color:#23929e; }
.section.process .part.two h3 { color:#acadad; }
.section.process .part.three h3 { color:#2f526b; margin-top:145px; }
.section.process .part.four h3 { color:#61605e; }
.section.process .icon {
	width:117px;
	height:117px;
}
.section.process .icons {
	position:relative;
	height:380px;
	margin-top:150px;
}
.section.process .icons img {
	position:absolute;
	opacity:0;
}
.section.process .icons img.meetingIcon {
	top:0;
	left:0;
}
.section.process .icons img.evaluationIcon {
	top:0;
	right:0;
}
.section.process .icons img.diligenceIcon {
	bottom:0;
	right:0;
}
.section.process .icons img.closingIcon {
	bottom:0;
	left:0;
}
.section.process .icons img.logoIcon {
	width:140px;
	height:126px;
	top:50%;
	left:50%;
	margin: -70px 0 0 -70px;
}
.section.process .icons img.circleTop {
	top:0;
	left:50%;
	margin-left:-73px;
}
.section.process .icons img.circleRight {
	top:50%;
	margin-top:-73px;
	right:0;
}
.section.process .icons img.circleBottom {
	bottom:0;
	left:50%;
	margin-left:-73px;
}
.section.process .icons img.circleLeft {
	top:50%;
	margin-top:-73px;
	left:0;
}
.section.process hr {
	margin:20px auto;
}



/**** Team ****/
.section.team {
	background:#ededed;
	border-top:73px solid #ffffff;
	text-align:center;
}
.section.team .row { padding:30px 0 0; }
.section.team .row.dirTitle { padding:0 0; }
.section.team .row.directors { padding:0 0 90px; }
.section.team .row .exec { padding-bottom:30px; }
.section.team h5 {
	font-size:17px;
	font-weight:700;
	color:#662d91;
	margin-bottom:5px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	/* IE10-specific styles go here */  
	.section.team .row:last-child h5 { height:40px; }
}
.section.team .execs .topRow {
	margin: 0 auto;
	width: 80%;
}
.section.team .execs .topRow,
.section.team .execs .bottomRow {
	display:block;
	clear:both;
}
.section.team .execs h5 { font-size:25px; }
.section.team .small {
    font-size:14px;
    margin-bottom:5px;
    line-height:1.25em;
}
.section.team .execs .small { height:25px; }
.section.team .btn.btn-default { margin-top:10px; }
.section.team hr {
	margin:20px auto;
}
.section.team .modal .piece {
	display:block;
	clear:both;
	width:100%;
	float: left;
}
.modal h4 {
    font-size: 25px;
    font-weight: 700;
    border-top:0;
    margin-top: 20px;
    line-height: 25px;
    padding-top: 20px;
}
.section.team .modal .piece.two {
    border-top: 1px solid #662d91;
    margin-top: 20px;
    padding-top: 20px;
}
.section.team .modal .piece.two .name {
	float:left;
	padding-left:20px;
}
.section.team .col-lg-2.col-sm-4.col-xs-12 {
	margin-bottom:30px;
}



/**** Partners ****/
.section.partners {
	background:#ffffff;
	border-top:73px solid #ffffff;
	padding-bottom:90px;
}
.section.partners .small {
	padding-top:15px;
}
.section.partners hr {
	text-align:left;
}
.section.partners .parts .partnerContainer {
	color:#ffffff;
	background:#662d91;
	padding:25px;
}
.section.partners .parts.pei .partnerContainer { background:#236194; }
.section.partners .parts.nwe .partnerContainer { background:#005168; }
.section.partners .parts.iei .partnerContainer { background:#a9014c; }
.section.partners .parts.lajolla .partnerContainer { background:#4c73c9; }
.section.partners .parts .partnerContainer h3 {
	font-size:25px;
	line-height:36px;
	font-weight:bold;
	margin:0 0 5px 0;
}
.section.partners .parts .partnerLogo {
	text-align:center;
	margin:0 auto 10px;
	display:block;
}
.section.partners .row {
    display:flex;
    flex-wrap:wrap;

}


.section.partners .img-responsive {
    padding:20px;
}



/**** Press ****/
.section.press {
	background:#ffffff;
	border-top:73px solid #ffffff;
	border-top:5px solid #662d91;
	padding:90px 0 60px;
	color:#662d91;
}
.section.press h2 { padding-bottom:20px; }
.section.press .btn.btn-default {
	width:33.33333333%;
	color:#662d91;
	border-color:#662d91;
}
.section.press .btn.btn-default:hover {
	color:#ffffff;
	background-color:#662d91;
}
.section.press .text p.col-sm-8 { padding:0 30px 0 0; }
.section.press hr {
	text-align:left;
}



/**** Contact ****/
.section.contact {
	border-top:73px solid #ffffff;
	background:url(../images/contact-bkgd.jpg) top center no-repeat;
	background-size:cover;
	padding:90px 0 0;
	color:#ffffff;
	text-align:center;
}
.section.contact .text {
	padding:0 0 60px;
}
.section.contact .form {
	background-color:#ffffff;
	padding:90px 0 30px;
	color:#8e8e8e;
	text-align:left;
	font-size:14px;
	font-weight:400;
}
.section.contact .form-group {
    margin-bottom: 30px;
}
.section.contact .form input,
.section.contact .form textarea {
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom:1px solid #8e8e8e;
	border-radius: 0;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
	padding-left:0;
	font-size:14px;
	font-weight:400;
}
.section.contact .form #submit {
	text-transform: uppercase;
	border: 1px solid #8e8e8e;
	color:#8e8e8e;
	padding: 10px 0;
	margin: 30px auto;
	width: 175px;
	text-align: center;
	display: block;
	clear: both;
}
.section.contact .form #submit:hover {
	color:#ffffff;
	background-color:#8e8e8e;
}
.section.contact hr {
	border-top: 1px solid #ffffff;
	margin:20px auto;
}
.section.contact .form .checkbox {
	text-align: left;
	margin-left: 20px;
	font-size: 14px;
	font-weight: 400;
}
.section.contact .form .checkbox input {
	margin-top:8px;
}



/**** Footer ****/
.section.footer {
	background:#ffffff;
	padding:30px;
	color:#969696;
	font-size:15px;
	margin-bottom:30;
	text-align:center;
}
.section.footer .legal a { color:#662d91; }
.section.footer .legal a:hover { color:#23929e; }





/*********** PRESS ************/
body.press {
	background-color:#edeef1;
	text-align:left;
}
body.press .section.header h1 {
	border-top:1px solid #662d91;
	text-align:left;
	font-size:55px;
	color:#662d91;
	text-transform:none;
	font-weight:300;
}
body.press .section.header .area.col-sm-7.col-xs-12 {
    text-align: left;
}
body.press .section.main .row.article {
	background-color:#ffffff;
	margin-bottom:30px;
}
body.press .section.main .row .text .type,
body.press .section.main .row.article .type {
	color:#662d91;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
}
body.press.list .section.main .row.article .col-sm-8 {
	padding-right:0;
}
body.press.list .section.main .row.article .col-sm-8 img { width:100% }
body.press.list .section.main .row.article .text {
	padding-top:35px;
	padding-left:25px;
}
body.press .section.main .row .text .date,
body.press .section.main .row.article .date {
	font-size:17px;
	font-weight:400;
	text-transform:uppercase;
}
body.press .section.main .row.article .title {
	color:#404040;
	font-weight:300;
	font-size:36px;
	margin-top:55px;
}
body.press.release .section.main .row .text .title {
	color:#404040;
	font-weight:300;
	font-size:36px;
	margin:55px 0 45px;
	padding-bottom:45px;
	border-bottom:1px solid #662d91;
}
body.press.release .section.main .row .text .title.noBorder {
	border-bottom:0px;
	padding-bottom:15px;
	margin:55px 0 0;
}
body.press.release .section.main .row .text .subtitle {
	color:#404040;
	font-weight:300;
	font-size:28px;
	font-style:italic;
	margin:0 0 45px;
	padding-bottom:45px;
	border-bottom:1px solid #662d91;
}
body.press.release .section.main h6 { font-weight:700; }
body.press .btn.btn-default { width:250px; }









/***** RESPONSIVE *****/
/* Extra small devices (phones, 767px and lower) */
@media (max-width: 767px) {
	body {
		overflow: scroll;
		width:100% !important;
		margin-bottom: -30px;
	}
	.section.values .container,
	.section.process .container-fluid,
	.section.why .container-fluid {
	    padding-right:15px;
	    padding-left:15px;
	}
	h1 { font-size:45px; }
	h2 { font-size: 32px; }
	h3 { font-size:28px; }
	h4 { font-size:28px; }
	h5 { font-size:22px; }
	h6 { font-size:18px; }
	img {
		text-align:center;
		margin:0 auto;
		display: block;
		max-width: 100%;
	}
	.row {
	    margin-right:0;
	    margin-left:0;
	}
	.section.header .area.pull-right {
		padding: 0;
	}
	.section.header .toggle {
	    margin-top: 5px;
	    float: right;
	}
	#jPanelMenu-menu a { line-height:40px; }
	.section.hero {
	}
	.section.hero h1 {
		width:100%;
		height:115px;
		background-size:contain;
		margin: 25px auto 0;
	}
	.section.hero h2 { margin-top:0; }
	.section.hero .scrollContainer { display:none; }
	.section.why .text {
		padding-right:15px;
		padding-left:15px;
	}
	.section.values .container {
	    background: url(../images/eye-chart2.png) top center no-repeat;
	    background-size: contain;
	}
	.section.process .part.two,
	.section.process .part.three {
		text-align:left;
	}
	.section.process .part h3 { 
		font-size:28px;
		margin-top:30px;
	}
	.section.process .part.three h3 { margin-top:30px; }
	.section.team .col-sm-6.col-xs-12.ratton,
	.section.team .col-sm-6.col-xs-12.pence { margin-top:60px; }
	.section.team .directors .btn.btn-default { margin-bottom:30px; }
	.section.team .col-sm-4:last-child .btn.btn-default { margin-bottom:0; }
	.section.press .btn.btn-default { width:175px; font-size:15px; }
	.section.team .modal .piece.two .name {
		padding-left:0;
		display: block;
		clear: both;
	}
	.section.partners .text img {
		text-align:left;
		margin:0;
		display: block;
	}
	.section.contact .container {
		/*padding-left:0;*/
	}
	.section.footer span.phoneNbr {
		display:block;
		clear:both;
	}
	body.press.list .section.main .row.article .col-sm-8 {
	    padding-right: 0;
	    padding-left: 0;
	}
	.section.partners .parts { padding-top:40px; }
	.section.partners .parts.one { padding-top:0; }



	/**** AREAS ****/
	.area.one {
		background:url(../images/vid-bkgrd.png) no-repeat center top;
		background-size:cover;
	}
	.section.video video { display:none; }

	
	/* But it is not enough now, below dont hide play button parent div */

	*::-webkit-media-controls-panel {
	  display: none!important;
	  -webkit-appearance: none;
	}

	/* Old shadow dom for play button */

	*::-webkit-media-controls-play-button {
	  display: none!important;
	  -webkit-appearance: none;
	}

	/* New shadow dom for play button */

	/* This one works */

	*::-webkit-media-controls-start-playback-button {
	  display: none!important;
	  -webkit-appearance: none;
	}
	.section.team .execs .topRow { width:100%; }


}

/* Small devices (tablets, 768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
	img {
	    text-align: center;
	    margin: 0 auto;
	    display: block;
	    max-width: 100%;
	}



	/**** AREAS ****/
	.area.one {
		background:url(../images/vid-bkgrd.png) no-repeat center top;
		background-size:cover;
	}
	.section.video video { display:none; }
	.section.why .text {
	    padding-right: 40px;
	    padding-left: 40px;
	}
	.section.values .container {
		background:url(../images/eye-chart2.png) top center no-repeat;
		background-size: contain;
	}
	.section.press .btn.btn-default { font-size:15px; }
	.section.header .toggle {
	    margin-top: 5px;
	    float: right;
	}
	.section.process .part.two,
	.section.process .part.three {
	    text-align:left;
	}
	.section.process .part h3,
	.section.process .part.three h3 {
	    font-size: 32px;
	    text-align:left;
	    margin-top: 30px;
	}
	.section.team .execs .topRow { width:100%; }
	.section.team .directors .btn.btn-default { margin-bottom:30px; }
	.section.partners .parts.three,
    .section.partners .parts.four,
	.section.partners .parts.five { padding-top:60px; }
	.section.partners .parts .partnerContainer { min-height:345px; }
}

/* Medium devices (desktops, 992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
	.section.values .container {
		background:url(../images/eye-chart2.png) top center no-repeat;
		background-size: contain;
	}
	.section.why .text {
	    padding-right: 40px;
	    padding-left: 40px;
	}
	.section.process .icons img { opacity:1; }
	.section.process .icons img.circleTop,
	.section.process .icons img.circleBottom {
	    margin-left: -50px;
	    width: 100px;
	}
	.section.process .part.three h3 { margin-top:94px; }
	.section.team .directors .btn.btn-default { margin-bottom:30px; }
	.section.partners .parts.three,
    .section.partners .parts.four,
	.section.partners .parts.five { padding-top:60px; }
	.section.partners .parts .partnerContainer { min-height:260px; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.section.team .titles {
		height:56px;
	}
    .section.partners .parts {
        margin-top:30px;
    }
    .section.partners .parts .partnerContainer { min-height:315px; }
}

/* Extra Large devices (large desktops, 1200px and up) --additional size not included with bootstrap--  */
@media (min-width: 1970px) {
	.section.video video {
		width: 100%;
		height: 100%;
	}
}