@charset "UTF-8";
/* CSS Document */

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
@font-face {
    font-family: 'gandhi_serifregular';
    src: url('../fonts/GandhiSerif-Regular-webfont.eot');
    src: url('../fonts/GandhiSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GandhiSerif-Regular-webfont.woff') format('woff'),
         url('../fonts/GandhiSerif-Regular-webfont.ttf') format('truetype'),
         url('../fonts/GandhiSerif-Regular-webfont.svg#gandhi_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gandhi_serifbold';
    src: url('../fonts/GandhiSerif-Bold-webfont.eot');
    src: url('../fonts/GandhiSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GandhiSerif-Bold-webfont.woff') format('woff'),
         url('../fonts/GandhiSerif-Bold-webfont.ttf') format('truetype'),
         url('../fonts/GandhiSerif-Bold-webfont.svg#gandhi_serifbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gandhi_serifbold_italic';
    src: url('../fonts/GandhiSerif-BoldItalic-webfont.eot');
    src: url('../fonts/GandhiSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GandhiSerif-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/GandhiSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/GandhiSerif-BoldItalic-webfont.svg#gandhi_serifbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gandhi_serifitalic';
    src: url('../fonts/GandhiSerif-Italic-webfont.eot');
    src: url('../fonts/GandhiSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GandhiSerif-Italic-webfont.woff') format('woff'),
         url('../fonts/GandhiSerif-Italic-webfont.ttf') format('truetype'),
         url('../fonts/GandhiSerif-Italic-webfont.svg#gandhi_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	box-sizing: border-box;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:10px auto 20px;
    padding:0;
	width:90%;
}

input, select {
    vertical-align:middle;
}

/* STYLES */
body {
	background:#f4f4f4;
	color:#333;
	font-family:'Open Sans',sans-serif;
	font-size:16px;
	line-height:24px;
	-moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}
h1 {
	font-size:32px;
	line-height:46px;
	color:#009c95;
	text-transform:uppercase;
}
h2 {
	font-size:28px;
	line-height:32px;
	margin:20px auto;
}
h3 {
	font-size:13px;
	line-height:18px;
	margin:10px auto 5px;
}
a {
	color:#009c95;
	text-decoration:none;
	-webkit-transition:.3s;
	transition:.3s;
}
a:hover {
	color:#00837c;
}
p {
	margin-bottom:24px;
}
#container {
	max-width:100%;
	overflow:hidden;
	width:100%;
}

/* LEFT COLUMN */
#left-col {
	width:264px;
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	background:#fff;
	border-right:2px solid #ccc;
	z-index:3;
}
#logo {
	height:49px;
	width:219px;
	margin:20px auto 30px;
	position:relative;
	display:block;
	background:url(../images/optima-health-logo.png);
	background-size:contain;
	background-repeat:no-repeat;
}
/* MAIN NAV */
#left-nav {
	font-size:13px;
	line-height:36px;
	color:#333;
	overflow:hidden;
}
#left-nav ul {
	list-style:none;
}
#left-nav ul li {
	padding-left:30px;
	display:block;
	width:100%;
	border-left:7px solid #fff;
	-webkit-transition:.3s;
	transition:.3s;
}
#left-nav ul li a {
	color:#333;
	text-decoration:none;
	display:block;
}
#left-nav ul li.selected, #left-nav ul li:hover {
    background: #f4f4f4;
    border-left:7px solid #009c95;
}

/* RIGHT COLUMN */
#right-col {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
}
#right-col #content {
	position:absolute;
	top:0;
	left:225px;
	right:0;
	bottom:0;
	display:block;
	text-align:center;
}
#right-col #content .wrapper {
     position:absolute;
     display:inline-block;
     top:50%;
     left:50%;
     width:800px;
     margin-left:-400px;
	text-align:left;
     transform:translateY(-50%);
}
#right-col #content .sub-wrapper {
     position: relative;
     display: inline-block;
     width: 860px;
     margin: 140px auto 50px;
     text-align: left;
}

/* SUB NAV */
.teal-bar.templates.hidden, .teal-bar.colors.hidden, .teal-bar.guidelines.hidden, .teal-bar.typefaces.hidden  {
	opacity:0;
	visibility:hidden;
}
.teal-bar {
	height:60px;
	position:fixed;
	left:0;
	right:0;
	padding-left:225px;
	background:#009c95;
	text-align:center;
	border-bottom:2px solid #ccc;
	z-index:2;
	-webkit-transition:.4s;
	transition:.4s;
	opacity:1;
}
ul.subnav {
	width:580px;
	margin:0 auto;
	display:block;
	position:relative;
}
ul.subnav li {
	display:inline-block;
	text-transform:uppercase;
	letter-spacing:.04em;
	line-height:60px;
	font-weight:700;
	position:relative;
	color:#fff;
}
ul.subnav li a {
	color:#fff;
	padding:0 20px;
	text-decoration:none;
	display:block;
	height:100%;
	-webkit-transition:.3s;
	transition:.3s;
}
ul.subnav li.print {
	padding:0 20px;
	-webkit-transition:.3s;
	transition:.3s;
	cursor:pointer;
}
ul.subnav li.sub-selected a, ul.subnav li a:hover, ul.subnav li.print:hover, ul.subnav li.print.sub-selected {
     color:#fff;
	position:relative;
}
ul.subnav li.sub-selected:after {
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-8px;
	width: 0;
  	height: 0;
  	border-left: 10px solid transparent;
  	border-right: 10px solid transparent;
	border-bottom: 10px solid #f4f4f4;
	-webkit-transition:.3s;
	transition:.3s;
}
ul#subsubnav {
	display:block;
	position:absolute;
	top:58px;
	width:180px;
	left:-20px;
	max-height:0;
	overflow: hidden;
	background:#fff;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:left;
	-webkit-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
}
ul#subsubnav.open {
	max-height:500px;
}
ul#subsubnav li {
	display:block;
	font-weight:400;
}
ul#subsubnav li a, ul#subnav li.sub-selected ul#subsubnav li a {
	text-transform:none;
	font-size:13px;
	line-height:36px;
	color:#333;
	letter-spacing:.04em;
	border-left: 7px solid #fff;
	padding-left:30px;
}
ul#subsubnav li a:hover, ul.subnav li.sub-selected ul#subsubnav li a:hover, ul#subsubnav li.sub-selected a, ul.subnav li.sub-selected ul#subsubnav li.sub-selected a {
	color:#333;
	background: #f4f4f4;
    border-left: 7px solid #009c95;
}
ul#subsubnav li.sub-selected:after {
	display:none;
}

/* CONTENT */
#content .copy {
	position:absolute;
	left:400px;
	top:50%;
     transform:translateY(-50%);
}
#content .main-image {
	float:left;
	display:inline-block;
	width:350px;
	height:450px;
}
#content .main-image.guidelines {
     box-shadow: 0px 20px 35px 0px rgba(0,0,0,0.15);
}
#content .main-image.icons {
	width:330px;
	height:285px;
}
#content .main-image.type {
     width:333px;
     height:202px;
}
#content .main-image.templates {
	width:408px;
	height:506px;
}
#content .main-image.colors {
     margin-left:-120px;
	width:526px;
	height:527px;
}
#content .main-image.logos {
     width:350px;
     height:350px;
     box-shadow: 0px 20px 35px 0px rgba(0,0,0,0.15);
}

.btn {
	background:#009c95;
	width:155px;
	height:46px;
	text-align:center;
	display:inline-block;
	font-size:16px;
	line-height:46px;
	font-weight:700;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:#fff;
	border-radius:23px;
	margin-top:10px;
	-webkit-transition:.3s;
	transition:.3s;
}
.btn:hover {
	background:#00837c;
	color:#fff;
}
.btn.disabled {
	opacity:.2;
}
.btn.disabled:hover {
	opacity:.2;
	background:#009c95;
	cursor:default;
}
.preview {
	border-right:1px solid #ccc;
	padding:0 15px 0 0;
	font-style:italic;
}
.preview:before {
	content:"\f002";
	font-family:"Font Awesome\ 5 Free";
	display:inline-block;
	position:relative;
	margin-right:10px;
	font-weight: 900; /* Fix version 5.0.9 */
	font-style:normal;
}
.download {
	padding:0 0 0 10px;
	font-style:italic;
}
.ppt.download {
	padding:0;
}
.download:before {
	content:"\f56d";
	font-family:"Font Awesome\ 5 Free";
	display:inline-block;
	position:relative;
	margin-right:10px;
	font-weight: 900; /* Fix version 5.0.9 */
	font-style:normal;
}
ul.thumbnail-container {
     text-align:center;
}
ul.thumbnail-container li {
	width:240px;
     display:inline-block;
     text-align:center;
	list-style:none;
	margin:25px 20px;
	font-size:13px;
}
ul.thumbnail-container li img {
	width:240px;
	height:235px;
}
.image-container {
	width:240px;
	height:235px;
	margin:0 auto;
}
ul.color-thumbs li {
     position:relative;
	width:240px;
	height:200px;
	float:left;
	list-style:none;
	margin-right:40px;
	margin-bottom:40px;
	font-size:16px;
	line-height:24px;
	color:#fff;
	font-weight:600;
	padding:30px 20px;
     text-align:left;
	text-transform:uppercase;
	border-radius:30px 0 0 0;
}
ul.color-thumbs li:nth-child(3n) {
	margin-right:0;
}
.service-line {
	font-weight:700;
	margin-bottom:20px;
}
.color-info {
     position:absolute;
     left:20px;
     bottom:30px;
}
.opt-teal-dk { background:#00837c; }
.opt-teal { background:#009c95; }
.opt-teal-lt { background:#1ab6af; }
.opt-violet-dk { background:#140c64; }
.opt-violet { background:#2d257d; }
.opt-violet-lt { background:#473f97; }
.opt-blue-dk { background:#002751; }
.opt-blue { background:#0e406a; }
.opt-blue-lt { background:#285a84; }
.opt-red-dk { background:#ad002d; }
.opt-red { background:#c60c46; }
.opt-red-lt { background:#e02660; }
.opt-yellow-dk { background:#e5aa3e; }
.opt-yellow { background:#fec357; }
.opt-yellow-lt { background:#ffdd71; }

.note {
	font-style:italic;
	margin-bottom:20px;
	padding:0 80px;
}
#updated {
	width:100%;
	color:#666;
	font-size:14px;
	line-height:38px;
	padding:15px 5px 25px 37px;
	margin-top:50px;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
	background:#ebebeb;
}
#updated span:first-child {
	font-style:italic;
	font-weight:700;
}
#updated span:last-child {
	font-weight:700;
}
#updated ul li {
	font-size:14px;
	line-height:18px;
	margin-left:20px;
}
.font-demo {
     font-size:26px;
     line-height:31px;
     color:#0e406a;
}
.gandhi {
     font-family: 'gandhi_serifregular', serif;
}
.gandhi-italic {
     font-family: 'gandhi_serifitalic', serif;
}
.gandhi-bold {
     font-family: 'gandhi_serifbold', serif;
}
.gandhi-bold-italic {
     font-family: 'gandhi_serifbold_italic', serif;
}
.osl {
     font-weight:300;
}
.osi {
     font-style:italic;
}
.ossb {
     font-weight:600;
}
.osb {
     font-weight:700;
}
.oseb {
     font-weight:800;
}
.typeface-copy h1 {
     color:#0e406a;
}
.typeface-copy ul {
     font-size:18px;
     list-style:none;
     margin-bottom:20px;
}
.typeface-copy ul li {
     position:relative;
     padding-left:10px;
}
.typeface-copy ul li:before {
     content:'';
     position:absolute;
     top:50%;
     left:0;
     width:5px;
     height:1px;
     background:#0e406a;
}
.typeface-copy .btn {
     margin-bottom:80px;
}
.mpl {
     font-family: myriad-pro, sans-serif;
     font-weight: 300;
     font-style: normal;
}
.mpr {
     font-family: myriad-pro, sans-serif;
     font-weight: 400;
     font-style: normal;
}
.mpb {
     font-family: myriad-pro, sans-serif;
     font-weight: 700;
     font-style: normal;
}
.mpbl {
     font-family: myriad-pro, sans-serif;
     font-weight: 900;
     font-style: normal;
}