/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* #Basic Styles
================================================== */
body {
background: #fff;
color: #444;
-webkit-font-smoothing: antialiased;
/* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}
/* #Lists
================================================== */
ul,
ol {
margin-bottom: 0.5em;
}
ul {
list-style: none outside;
}
ol {
list-style: decimal;
}
ol,
ul.square,
ul.circle,
ul.disc {
margin-left: 30px;
}
ul.square {
list-style: square outside;
}
ul.circle {
list-style: circle outside;
}
ul.disc {
list-style: disc outside;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin: 4px 0 5px 30px;
font-size: 90%;
}
ul ul li,
ul ol li,
ol ol li,
ol ul li {
margin-bottom: 0.5em;
}
li {
line-height: 18px;
margin-bottom: 0.5em;
}
ul.large li {
line-height: 21px;
}
li p {
line-height: 0.5em;
}
ul {
margin-left: 20px;
list-style: disc;
}
ol {
margin-left: 20px;
list-style: decimal;
}
/* #Images
================================================== */
img.scale-with-grid {
max-width: 100%;
height: auto;
}
.grid-2 {
width: 50%;
float: left;
}
.grid-3 {
width: 33.333%;
float: left;
}
.grid-4 {
width: 25%;
float: left;
}
.grid-6 {
width: 20%;
float: left;
}
.grid-12 {
width: 100%;
float: left;
}
.grid-row {
clear: both;
}
.medtronic-gradient-bg {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0085ca+1,001e46+100 */
background: #0085ca;
/* Old browsers */
background: -moz-linear-gradient(-45deg, #0085ca 1%, #001e46 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #0085ca 1%, #001e46 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #0085ca 1%, #001e46 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0085ca', endColorstr='#001e46', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
/* *** UTILITY CLASSES *** */
.scaling-image-container img {
max-width: 100%;
max-height: 100%;
}
.row.match-height {
overflow: hidden;
}
.row.match-height [class*="col-"] {
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.do-not-break {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
/* ***************************************************************************************************************************/
/* */
/* ADDITIONS TO BOOTSTRAP */
/* */
/* ***************************************************************************************************************************/
/* Phones (tablets, 768px and up) */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
[class*='col-'] {
padding-right: 1rem;
padding-left: 1rem;
}
.row {
margin-left: -1rem;
margin-right: -1rem;
}
.pull-right {
float: right;
}
@media (max-width:767px) {
.pull-xs-left {
float: left;
}
.pull-xs-right {
float: right;
}
}
@media (min-width: 768px) {
.pull-sm-left {
float: left;
}
.pull-sm-right {
float: right;
}
}
@media (min-width: 992px) {
.pull-md-left {
float: left;
}
.pull-md-right {
float: right;
}
}
@media (min-width: 1200px) {
.pull-lg-left {
float: left;
}
.pull-lg-right {
float: right;
}
}
.no-gutter {
margin-left: 0;
margin-right: 0;
}
.no-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.padding-right-5 {
padding-right: 0.5rem;
}
.padding-right-10 {
padding-right: 1rem;
}
.padding-right-15 {
padding-right: 1.5rem;
}
.padding-right-20 {
padding-right: 2rem;
}
.padding-right-25 {
padding-right: 2.5rem;
}
.padding-right-30 {
padding-right: 3rem;
}
.padding-right-35 {
padding-right: 3.5rem;
}
.padding-right-40 {
padding-right: 4rem;
}
.padding-right-50 {
padding-right: 5rem;
}
.padding-left-5 {
padding-left: 0.5rem;
}
.padding-left-10 {
padding-left: 1rem;
}
.padding-left-15 {
padding-left: 1.5rem;
}
.padding-left-20 {
padding-left: 2rem;
}
.padding-left-25 {
padding-left: 2.5rem;
}
.padding-left-30 {
padding-left: 3rem;
}
.padding-left-35 {
padding-left: 3.5rem;
}
.padding-left-40 {
padding-left: 4rem;
}
.padding-left-50 {
padding-left: 5rem;
}
.padding-top-5 {
padding-top: 0.5rem;
}
.padding-top-10 {
padding-top: 1rem;
}
.padding-top-15 {
padding-top: 1.5rem;
}
.padding-top-20 {
padding-top: 2rem;
}
.padding-top-25 {
padding-top: 2.5rem;
}
.padding-top-30 {
padding-top: 3rem;
}
.padding-top-35 {
padding-top: 3.5rem;
}
.padding-top-40 {
padding-top: 4rem;
}
.padding-top-50 {
padding-top: 5rem;
}
.padding-bottom-5 {
padding-bottom: 0.5rem;
}
.padding-bottom-10 {
padding-bottom: 1rem;
}
.padding-bottom-15 {
padding-bottom: 1.5rem;
}
.padding-bottom-20 {
padding-bottom: 2rem;
}
.padding-bottom-25 {
padding-bottom: 2.5rem;
}
.padding-bottom-30 {
padding-bottom: 3rem;
}
.padding-bottom-35 {
padding-bottom: 3.5rem;
}
.padding-bottom-40 {
padding-bottom: 4rem;
}
.padding-bottom-50 {
padding-bottom: 5rem;
}
.margin-top-5 {
margin-top: 0.5rem;
}
.margin-top-10 {
margin-top: 1rem;
}
.margin-top-15 {
margin-top: 1.5rem;
}
.margin-top-20 {
margin-top: 2rem;
}
.margin-top-25 {
margin-top: 2.5rem;
}
.margin-top-30 {
margin-top: 3rem;
}
.margin-top-35 {
margin-top: 3.5rem;
}
.margin-top-40 {
margin-top: 4rem;
}
.margin-top-50 {
margin-top: 5rem;
}
.margin-bottom-5 {
margin-bottom: 0.5rem;
}
.margin-bottom-10 {
margin-bottom: 1rem;
}
.margin-bottom-15 {
margin-bottom: 1.5rem;
}
.margin-bottom-20 {
margin-bottom: 2rem;
}
.margin-bottom-25 {
margin-bottom: 2.5rem;
}
.margin-bottom-30 {
margin-bottom: 3rem;
}
.margin-bottom-35 {
margin-bottom: 3.5rem;
}
.margin-bottom-40 {
margin-bottom: 4rem;
}
.margin-bottom-50 {
margin-bottom: 5rem;
}
.margin-right-5 {
margin-right: 0.5rem;
}
.margin-right-10 {
margin-right: 1rem;
}
.margin-right-15 {
margin-right: 1.5rem;
}
.margin-right-20 {
margin-right: 2rem;
}
.margin-right-25 {
margin-right: 2.5rem;
}
.margin-right-30 {
margin-right: 3rem;
}
.margin-right-35 {
margin-right: 3.5rem;
}
.margin-right-40 {
margin-right: 4rem;
}
.margin-right-50 {
margin-right: 5rem;
}
.margin-left-5 {
margin-left: 0.5rem;
}
.margin-left-10 {
margin-left: 1rem;
}
.margin-left-15 {
margin-left: 1.5rem;
}
.margin-left-20 {
margin-left: 2rem;
}
.margin-left-25 {
margin-left: 2.5rem;
}
.margin-left-30 {
margin-left: 3rem;
}
.margin-left-35 {
margin-left: 3.5rem;
}
.margin-left-40 {
margin-left: 4rem;
}
.margin-left-50 {
margin-left: 5rem;
}
@media (min-width: 1200px) {
.padding-lg-right-5 {
padding-right: 0.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-right-10 {
padding-right: 1rem;
}
}
@media (min-width: 1200px) {
.padding-lg-right-15 {
padding-right: 1.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-right-20 {
padding-right: 2rem;
}
}
@media (min-width: 1200px) {
.padding-lg-right-25 {
padding-right: 2.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-right-30 {
padding-right: 3rem;
}
}
@media (min-width: 1200px) {
.padding-lg-right-35 {
padding-right: 3.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-right-40 {
padding-right: 4rem;
}
}
@media (min-width: 1200px) {
.padding-lg-right-50 {
padding-right: 5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-left-5 {
padding-left: 0.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-left-10 {
padding-left: 1rem;
}
}
@media (min-width: 1200px) {
.padding-lg-left-15 {
padding-left: 1.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-left-20 {
padding-left: 2rem;
}
}
@media (min-width: 1200px) {
.padding-lg-left-25 {
padding-left: 2.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-left-30 {
padding-left: 3rem;
}
}
@media (min-width: 1200px) {
.padding-lg-left-35 {
padding-left: 3.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-left-40 {
padding-left: 4rem;
}
}
@media (min-width: 1200px) {
.padding-lg-left-50 {
padding-left: 5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-top-5 {
padding-top: 0.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-top-10 {
padding-top: 1rem;
}
}
@media (min-width: 1200px) {
.padding-lg-top-15 {
padding-top: 1.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-top-20 {
padding-top: 2rem;
}
}
@media (min-width: 1200px) {
.padding-lg-top-25 {
padding-top: 2.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-top-30 {
padding-top: 3rem;
}
}
@media (min-width: 1200px) {
.padding-lg-top-35 {
padding-top: 3.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-top-40 {
padding-top: 4rem;
}
}
@media (min-width: 1200px) {
.padding-lg-top-50 {
padding-top: 5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-bottom-5 {
padding-bottom: 0.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-bottom-10 {
padding-bottom: 1rem;
}
}
@media (min-width: 1200px) {
.padding-lg-bottom-15 {
padding-bottom: 1.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-bottom-20 {
padding-bottom: 2rem;
}
}
@media (min-width: 1200px) {
.padding-lg-bottom-25 {
padding-bottom: 2.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-bottom-30 {
padding-bottom: 3rem;
}
}
@media (min-width: 1200px) {
.padding-lg-bottom-35 {
padding-bottom: 3.5rem;
}
}
@media (min-width: 1200px) {
.padding-lg-bottom-40 {
padding-bottom: 4rem;
}
}
@media (min-width: 1200px) {
.padding-lg-bottom-50 {
padding-bottom: 5rem;
}
}
@media (min-width: 1200px) {
.margin-lg-top-5 {
margin-top: 0.5rem;
}
}
@media (min-width: 1200px) {
.margin-lg-top-10 {
margin-top: 1rem;
}
}
@media (min-width: 1200px) {
.margin-lg-top-15 {
margin-top: 1.5rem;
}
}
@media (min-width: 1200px) {
.margin-lg-top-20 {
margin-top: 2rem;
}
}
@media (min-width: 1200px) {
.margin-lg-top-25 {
margin-top: 2.5rem;
}
}
@media (min-width: 1200px) {
.margin-lg-top-30 {
margin-top: 3rem;
}
}
@media (min-width: 1200px) {
.margin-lg-top-35 {
margin-top: 3.5rem;
}
}
@media (min-width: 1200px) {
.margin-lg-top-40 {
margin-top: 4rem;
}
}
@media (min-width: 1200px) {
.margin-lg-top-50 {
margin-top: 5rem;
}
}
@media (min-width: 1200px) {
.margin-lg-bottom-5 {
margin-bottom: 0.5rem;
}
}
@media (min-width: 1200px) {
.margin-lg-bottom-10 {
margin-bottom: 1rem;
}
}
@media (min-width: 1200px) {
.margin-lg-bottom-15 {
margin-bottom: 1.5rem;
}
}
@media (min-width: 1200px) {
.margin-lg-bottom-20 {
margin-bottom: 2rem;
}
}
@media (min-width: 1200px) {
.margin-lg-bottom-25 {
margin-bottom: 2.5rem;
}
}
@media (min-width: 1200px) {
.margin-lg-bottom-30 {
margin-bottom: 3rem;
}
}
@media (min-width: 1200px) {
.margin-lg-bottom-35 {
margin-bottom: 3.5rem;
}
}
@media (min-width: 1200px) {
.margin-lg-bottom-40 {
margin-bottom: 4rem;
}
}
@media (min-width: 1200px) {
.margin-lg-bottom-50 {
margin-bottom: 5rem;
}
}
@media (min-width: 992px) {
.padding-md-right-5 {
padding-right: 0.5rem;
}
}
@media (min-width: 992px) {
.padding-md-right-10 {
padding-right: 1rem;
}
}
@media (min-width: 992px) {
.padding-md-right-15 {
padding-right: 1.5rem;
}
}
@media (min-width: 992px) {
.padding-md-right-20 {
padding-right: 2rem;
}
}
@media (min-width: 992px) {
.padding-md-right-25 {
padding-right: 2.5rem;
}
}
@media (min-width: 992px) {
.padding-md-right-30 {
padding-right: 3rem;
}
}
@media (min-width: 992px) {
.padding-md-right-35 {
padding-right: 3.5rem;
}
}
@media (min-width: 992px) {
.padding-md-right-40 {
padding-right: 4rem;
}
}
@media (min-width: 992px) {
.padding-md-right-50 {
padding-right: 5rem;
}
}
@media (min-width: 992px) {
.padding-md-left-5 {
padding-left: 0.5rem;
}
}
@media (min-width: 992px) {
.padding-md-left-10 {
padding-left: 1rem;
}
}
@media (min-width: 992px) {
.padding-md-left-15 {
padding-left: 1.5rem;
}
}
@media (min-width: 992px) {
.padding-md-left-20 {
padding-left: 2rem;
}
}
@media (min-width: 992px) {
.padding-md-left-25 {
padding-left: 2.5rem;
}
}
@media (min-width: 992px) {
.padding-md-left-30 {
padding-left: 3rem;
}
}
@media (min-width: 992px) {
.padding-md-left-35 {
padding-left: 3.5rem;
}
}
@media (min-width: 992px) {
.padding-md-left-40 {
padding-left: 4rem;
}
}
@media (min-width: 992px) {
.padding-md-left-50 {
padding-left: 5rem;
}
}
@media (min-width: 992px) {
.padding-md-top-5 {
padding-top: 0.5rem;
}
}
@media (min-width: 992px) {
.padding-md-top-10 {
padding-top: 1rem;
}
}
@media (min-width: 992px) {
.padding-md-top-15 {
padding-top: 1.5rem;
}
}
@media (min-width: 992px) {
.padding-md-top-20 {
padding-top: 2rem;
}
}
@media (min-width: 992px) {
.padding-md-top-25 {
padding-top: 2.5rem;
}
}
@media (min-width: 992px) {
.padding-md-top-30 {
padding-top: 3rem;
}
}
@media (min-width: 992px) {
.padding-md-top-35 {
padding-top: 3.5rem;
}
}
@media (min-width: 992px) {
.padding-md-top-40 {
padding-top: 4rem;
}
}
@media (min-width: 992px) {
.padding-md-top-50 {
padding-top: 5rem;
}
}
@media (min-width: 992px) {
.padding-md-bottom-5 {
padding-bottom: 0.5rem;
}
}
@media (min-width: 992px) {
.padding-md-bottom-10 {
padding-bottom: 1rem;
}
}
@media (min-width: 992px) {
.padding-md-bottom-15 {
padding-bottom: 1.5rem;
}
}
@media (min-width: 992px) {
.padding-md-bottom-20 {
padding-bottom: 2rem;
}
}
@media (min-width: 992px) {
.padding-md-bottom-25 {
padding-bottom: 2.5rem;
}
}
@media (min-width: 992px) {
.padding-md-bottom-30 {
padding-bottom: 3rem;
}
}
@media (min-width: 992px) {
.padding-md-bottom-35 {
padding-bottom: 3.5rem;
}
}
@media (min-width: 992px) {
.padding-md-bottom-40 {
padding-bottom: 4rem;
}
}
@media (min-width: 992px) {
.padding-md-bottom-50 {
padding-bottom: 5rem;
}
}
@media (min-width: 992px) {
.margin-md-top-5 {
margin-top: 0.5rem;
}
}
@media (min-width: 992px) {
.margin-md-top-10 {
margin-top: 1rem;
}
}
@media (min-width: 992px) {
.margin-md-top-15 {
margin-top: 1.5rem;
}
}
@media (min-width: 992px) {
.margin-md-top-20 {
margin-top: 2rem;
}
}
@media (min-width: 992px) {
.margin-md-top-25 {
margin-top: 2.5rem;
}
}
@media (min-width: 992px) {
.margin-md-top-30 {
margin-top: 3rem;
}
}
@media (min-width: 992px) {
.margin-md-top-35 {
margin-top: 3.5rem;
}
}
@media (min-width: 992px) {
.margin-md-top-40 {
margin-top: 4rem;
}
}
@media (min-width: 992px) {
.margin-md-top-50 {
margin-top: 5rem;
}
}
@media (min-width: 992px) {
.margin-md-bottom-5 {
margin-bottom: 0.5rem;
}
}
@media (min-width: 992px) {
.margin-md-bottom-10 {
margin-bottom: 1rem;
}
}
@media (min-width: 992px) {
.margin-md-bottom-15 {
margin-bottom: 1.5rem;
}
}
@media (min-width: 992px) {
.margin-md-bottom-20 {
margin-bottom: 2rem;
}
}
@media (min-width: 992px) {
.margin-md-bottom-25 {
margin-bottom: 2.5rem;
}
}
@media (min-width: 992px) {
.margin-md-bottom-30 {
margin-bottom: 3rem;
}
}
@media (min-width: 992px) {
.margin-md-bottom-35 {
margin-bottom: 3.5rem;
}
}
@media (min-width: 992px) {
.margin-md-bottom-40 {
margin-bottom: 4rem;
}
}
@media (min-width: 992px) {
.margin-md-bottom-50 {
margin-bottom: 5rem;
}
}
@media (min-width: 768px) {
.padding-sm-right-5 {
padding-right: 0.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-right-10 {
padding-right: 1rem;
}
}
@media (min-width: 768px) {
.padding-sm-right-15 {
padding-right: 1.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-right-20 {
padding-right: 2rem;
}
}
@media (min-width: 768px) {
.padding-sm-right-25 {
padding-right: 2.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-right-30 {
padding-right: 3rem;
}
}
@media (min-width: 768px) {
.padding-sm-right-35 {
padding-right: 3.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-right-40 {
padding-right: 4rem;
}
}
@media (min-width: 768px) {
.padding-sm-right-50 {
padding-right: 5rem;
}
}
@media (min-width: 768px) {
.padding-sm-left-5 {
padding-left: 0.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-left-10 {
padding-left: 1rem;
}
}
@media (min-width: 768px) {
.padding-sm-left-15 {
padding-left: 1.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-left-20 {
padding-left: 2rem;
}
}
@media (min-width: 768px) {
.padding-sm-left-25 {
padding-left: 2.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-left-30 {
padding-left: 3rem;
}
}
@media (min-width: 768px) {
.padding-sm-left-35 {
padding-left: 3.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-left-40 {
padding-left: 4rem;
}
}
@media (min-width: 768px) {
.padding-sm-left-50 {
padding-left: 5rem;
}
}
@media (min-width: 768px) {
.padding-sm-top-5 {
padding-top: 0.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-top-10 {
padding-top: 1rem;
}
}
@media (min-width: 768px) {
.padding-sm-top-15 {
padding-top: 1.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-top-20 {
padding-top: 2rem;
}
}
@media (min-width: 768px) {
.padding-sm-top-25 {
padding-top: 2.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-top-30 {
padding-top: 3rem;
}
}
@media (min-width: 768px) {
.padding-sm-top-35 {
padding-top: 3.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-top-40 {
padding-top: 4rem;
}
}
@media (min-width: 768px) {
.padding-sm-top-50 {
padding-top: 5rem;
}
}
@media (min-width: 768px) {
.padding-sm-bottom-5 {
padding-bottom: 0.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-bottom-10 {
padding-bottom: 1rem;
}
}
@media (min-width: 768px) {
.padding-sm-bottom-15 {
padding-bottom: 1.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-bottom-20 {
padding-bottom: 2rem;
}
}
@media (min-width: 768px) {
.padding-sm-bottom-25 {
padding-bottom: 2.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-bottom-30 {
padding-bottom: 3rem;
}
}
@media (min-width: 768px) {
.padding-sm-bottom-35 {
padding-bottom: 3.5rem;
}
}
@media (min-width: 768px) {
.padding-sm-bottom-40 {
padding-bottom: 4rem;
}
}
@media (min-width: 768px) {
.padding-sm-bottom-50 {
padding-bottom: 5rem;
}
}
@media (min-width: 768px) {
.margin-sm-top-5 {
margin-top: 0.5rem;
}
}
@media (min-width: 768px) {
.margin-sm-top-10 {
margin-top: 1rem;
}
}
@media (min-width: 768px) {
.margin-sm-top-15 {
margin-top: 1.5rem;
}
}
@media (min-width: 768px) {
.margin-sm-top-20 {
margin-top: 2rem;
}
}
@media (min-width: 768px) {
.margin-sm-top-25 {
margin-top: 2.5rem;
}
}
@media (min-width: 768px) {
.margin-sm-top-30 {
margin-top: 3rem;
}
}
@media (min-width: 768px) {
.margin-sm-top-35 {
margin-top: 3.5rem;
}
}
@media (min-width: 768px) {
.margin-sm-top-40 {
margin-top: 4rem;
}
}
@media (min-width: 768px) {
.margin-sm-top-50 {
margin-top: 5rem;
}
}
@media (min-width: 768px) {
.margin-sm-bottom-5 {
margin-bottom: 0.5rem;
}
}
@media (min-width: 768px) {
.margin-sm-bottom-10 {
margin-bottom: 1rem;
}
}
@media (min-width: 768px) {
.margin-sm-bottom-15 {
margin-bottom: 1.5rem;
}
}
@media (min-width: 768px) {
.margin-sm-bottom-20 {
margin-bottom: 2rem;
}
}
@media (min-width: 768px) {
.margin-sm-bottom-25 {
margin-bottom: 2.5rem;
}
}
@media (min-width: 768px) {
.margin-sm-bottom-30 {
margin-bottom: 3rem;
}
}
@media (min-width: 768px) {
.margin-sm-bottom-35 {
margin-bottom: 3.5rem;
}
}
@media (min-width: 768px) {
.margin-sm-bottom-40 {
margin-bottom: 4rem;
}
}
@media (min-width: 768px) {
.margin-sm-bottom-50 {
margin-bottom: 5rem;
}
}
@media (max-width:767px) {
.padding-xs-right-5 {
padding-right: 0.5rem;
}
}
@media (max-width:767px) {
.padding-xs-right-10 {
padding-right: 1rem;
}
}
@media (max-width:767px) {
.padding-xs-right-15 {
padding-right: 1.5rem;
}
}
@media (max-width:767px) {
.padding-xs-right-20 {
padding-right: 2rem;
}
}
@media (max-width:767px) {
.padding-xs-right-25 {
padding-right: 2.5rem;
}
}
@media (max-width:767px) {
.padding-xs-right-30 {
padding-right: 3rem;
}
}
@media (max-width:767px) {
.padding-xs-right-35 {
padding-right: 3.5rem;
}
}
@media (max-width:767px) {
.padding-xs-right-40 {
padding-right: 4rem;
}
}
@media (max-width:767px) {
.padding-xs-right-50 {
padding-right: 5rem;
}
}
@media (max-width:767px) {
.padding-xs-left-5 {
padding-left: 0.5rem;
}
}
@media (max-width:767px) {
.padding-xs-left-10 {
padding-left: 1rem;
}
}
@media (max-width:767px) {
.padding-xs-left-15 {
padding-left: 1.5rem;
}
}
@media (max-width:767px) {
.padding-xs-left-20 {
padding-left: 2rem;
}
}
@media (max-width:767px) {
.padding-xs-left-25 {
padding-left: 2.5rem;
}
}
@media (max-width:767px) {
.padding-xs-left-30 {
padding-left: 3rem;
}
}
@media (max-width:767px) {
.padding-xs-left-35 {
padding-left: 3.5rem;
}
}
@media (max-width:767px) {
.padding-xs-left-40 {
padding-left: 4rem;
}
}
@media (max-width:767px) {
.padding-xs-left-50 {
padding-left: 5rem;
}
}
@media (max-width:767px) {
.padding-xs-top-5 {
padding-top: 0.5rem;
}
}
@media (max-width:767px) {
.padding-xs-top-10 {
padding-top: 1rem;
}
}
@media (max-width:767px) {
.padding-xs-top-15 {
padding-top: 1.5rem;
}
}
@media (max-width:767px) {
.padding-xs-top-20 {
padding-top: 2rem;
}
}
@media (max-width:767px) {
.padding-xs-top-25 {
padding-top: 2.5rem;
}
}
@media (max-width:767px) {
.padding-xs-top-30 {
padding-top: 3rem;
}
}
@media (max-width:767px) {
.padding-xs-top-35 {
padding-top: 3.5rem;
}
}
@media (max-width:767px) {
.padding-xs-top-40 {
padding-top: 4rem;
}
}
@media (max-width:767px) {
.padding-xs-top-50 {
padding-top: 5rem;
}
}
@media (max-width:767px) {
.padding-xs-bottom-5 {
padding-bottom: 0.5rem;
}
}
@media (max-width:767px) {
.padding-xs-bottom-10 {
padding-bottom: 1rem;
}
}
@media (max-width:767px) {
.padding-xs-bottom-15 {
padding-bottom: 1.5rem;
}
}
@media (max-width:767px) {
.padding-xs-bottom-20 {
padding-bottom: 2rem;
}
}
@media (max-width:767px) {
.padding-xs-bottom-25 {
padding-bottom: 2.5rem;
}
}
@media (max-width:767px) {
.padding-xs-bottom-30 {
padding-bottom: 3rem;
}
}
@media (max-width:767px) {
.padding-xs-bottom-35 {
padding-bottom: 3.5rem;
}
}
@media (max-width:767px) {
.padding-xs-bottom-40 {
padding-bottom: 4rem;
}
}
@media (max-width:767px) {
.padding-xs-bottom-50 {
padding-bottom: 5rem;
}
}
@media (max-width:767px) {
.margin-xs-top-5 {
margin-top: 0.5rem;
}
}
@media (max-width:767px) {
.margin-xs-top-10 {
margin-top: 1rem;
}
}
@media (max-width:767px) {
.margin-xs-top-15 {
margin-top: 1.5rem;
}
}
@media (max-width:767px) {
.margin-xs-top-20 {
margin-top: 2rem;
}
}
@media (max-width:767px) {
.margin-xs-top-25 {
margin-top: 2.5rem;
}
}
@media (max-width:767px) {
.margin-xs-top-30 {
margin-top: 3rem;
}
}
@media (max-width:767px) {
.margin-xs-top-35 {
margin-top: 3.5rem;
}
}
@media (max-width:767px) {
.margin-xs-top-40 {
margin-top: 4rem;
}
}
@media (max-width:767px) {
.margin-xs-top-50 {
margin-top: 5rem;
}
}
@media (max-width:767px) {
.margin-xs-bottom-5 {
margin-bottom: 0.5rem;
}
}
@media (max-width:767px) {
.margin-xs-bottom-10 {
margin-bottom: 1rem;
}
}
@media (max-width:767px) {
.margin-xs-bottom-15 {
margin-bottom: 1.5rem;
}
}
@media (max-width:767px) {
.margin-xs-bottom-20 {
margin-bottom: 2rem;
}
}
@media (max-width:767px) {
.margin-xs-bottom-25 {
margin-bottom: 2.5rem;
}
}
@media (max-width:767px) {
.margin-xs-bottom-30 {
margin-bottom: 3rem;
}
}
@media (max-width:767px) {
.margin-xs-bottom-35 {
margin-bottom: 3.5rem;
}
}
@media (max-width:767px) {
.margin-xs-bottom-40 {
margin-bottom: 4rem;
}
}
@media (max-width:767px) {
.margin-xs-bottom-50 {
margin-bottom: 5rem;
}
}
.clear-2:nth-child(2n+1) {
clear: left !important;
}
.clear-3:nth-child(3n+1) {
clear: left !important;
}
.clear-4:nth-child(4n+1) {
clear: left !important;
}
.clear-6:nth-child(6n+1) {
clear: left !important;
}
.nopadding {
padding: 0 !important;
}
.nomargin {
margin: 0 !important;
}
.inline-block {
display: inline-block;
}
.clear {
clear: both;
}
.block {
display: block;
}
.lowercase {
text-transform: lowercase;
}
.uppercase {
text-transform: uppercase;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.clear {
clear: both;
}
.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
.word-break-all {
word-break: break-word;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 1rem;
padding-left: 1rem;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
/* COLOURS CLASSES BUILD */
.hover-PaleGray:hover {
color: #E7E7E6 !important;
}
.text-PaleGray {
color: #E7E7E6 !important;
}
.border-PaleGray {
border-color: #E7E7E6 !important;
}
.bg-PaleGray {
background-color: #E7E7E6 !important;
}
.bg-fade-PaleGray {
background-color: rgba(231, 231, 230, 0.5) !important;
}
.hover-Turquoise:hover {
color: #00C4B3 !important;
}
.text-Turquoise {
color: #00C4B3 !important;
}
.border-Turquoise {
border-color: #00C4B3 !important;
}
.bg-Turquoise {
background-color: #00C4B3 !important;
}
.bg-fade-Turquoise {
background-color: rgba(0, 196, 179, 0.5) !important;
}
.hover-Green:hover {
color: #77BC1F !important;
}
.text-Green {
color: #77BC1F !important;
}
.border-Green {
border-color: #77BC1F !important;
}
.bg-Green {
background-color: #77BC1F !important;
}
.bg-fade-Green {
background-color: rgba(119, 188, 31, 0.5) !important;
}
.hover-Purple:hover {
color: #B0008E !important;
}
.text-Purple {
color: #B0008E !important;
}
.border-Purple {
border-color: #B0008E !important;
}
.bg-Purple {
background-color: #B0008E !important;
}
.bg-fade-Purple {
background-color: rgba(176, 0, 142, 0.5) !important;
}
.hover-Orange:hover {
color: #E35205 !important;
}
.text-Orange {
color: #E35205 !important;
}
.border-Orange {
border-color: #E35205 !important;
}
.bg-Orange {
background-color: #E35205 !important;
}
.bg-fade-Orange {
background-color: rgba(227, 82, 5, 0.5) !important;
}
.hover-LightOrange:hover {
color: #F7A800 !important;
}
.text-LightOrange {
color: #F7A800 !important;
}
.border-LightOrange {
border-color: #F7A800 !important;
}
.bg-LightOrange {
background-color: #F7A800 !important;
}
.bg-fade-LightOrange {
background-color: rgba(247, 168, 0, 0.5) !important;
}
.hover-Yellow:hover {
color: #FFCE00 !important;
}
.text-Yellow {
color: #FFCE00 !important;
}
.border-Yellow {
border-color: #FFCE00 !important;
}
.bg-Yellow {
background-color: #FFCE00 !important;
}
.bg-fade-Yellow {
background-color: rgba(255, 206, 0, 0.5) !important;
}
.hover-LightGray:hover {
color: #B1B3B3 !important;
}
.text-LightGray {
color: #B1B3B3 !important;
}
.border-LightGray {
border-color: #B1B3B3 !important;
}
.bg-LightGray {
background-color: #B1B3B3 !important;
}
.bg-fade-LightGray {
background-color: rgba(177, 179, 179, 0.5) !important;
}
.hover-DarkGray:hover {
color: #54575A !important;
}
.text-DarkGray {
color: #54575A !important;
}
.border-DarkGray {
border-color: #54575A !important;
}
.bg-DarkGray {
background-color: #54575A !important;
}
.bg-fade-DarkGray {
background-color: rgba(84, 87, 90, 0.5) !important;
}
.hover-BlueGray:hover {
color: #5B7F95 !important;
}
.text-BlueGray {
color: #5B7F95 !important;
}
.border-BlueGray {
border-color: #5B7F95 !important;
}
.bg-BlueGray {
background-color: #5B7F95 !important;
}
.bg-fade-BlueGray {
background-color: rgba(91, 127, 149, 0.5) !important;
}
.hover-LightBlue:hover {
color: #B9D9EB !important;
}
.text-LightBlue {
color: #B9D9EB !important;
}
.border-LightBlue {
border-color: #B9D9EB !important;
}
.bg-LightBlue {
background-color: #B9D9EB !important;
}
.bg-fade-LightBlue {
background-color: rgba(185, 217, 235, 0.5) !important;
}
.hover-SkyBlue:hover {
color: #71C5E8 !important;
}
.text-SkyBlue {
color: #71C5E8 !important;
}
.border-SkyBlue {
border-color: #71C5E8 !important;
}
.bg-SkyBlue {
background-color: #71C5E8 !important;
}
.bg-fade-SkyBlue {
background-color: rgba(113, 197, 232, 0.5) !important;
}
.hover-MediumBlue:hover {
color: #00A9E0 !important;
}
.text-MediumBlue {
color: #00A9E0 !important;
}
.border-MediumBlue {
border-color: #00A9E0 !important;
}
.bg-MediumBlue {
background-color: #00A9E0 !important;
}
.bg-fade-MediumBlue {
background-color: rgba(0, 169, 224, 0.5) !important;
}
.hover-CobaltBlue:hover {
color: #0085CA !important;
}
.text-CobaltBlue {
color: #0085CA !important;
}
.border-CobaltBlue {
border-color: #0085CA !important;
}
.bg-CobaltBlue {
background-color: #0085CA !important;
}
.bg-fade-CobaltBlue {
background-color: rgba(0, 133, 202, 0.5) !important;
}
.hover-MedtronicBlue:hover {
color: #004B87 !important;
}
.text-MedtronicBlue {
color: #004B87 !important;
}
.border-MedtronicBlue {
border-color: #004B87 !important;
}
.bg-MedtronicBlue {
background-color: #004B87 !important;
}
.bg-fade-MedtronicBlue {
background-color: rgba(0, 75, 135, 0.5) !important;
}
.hover-NavyBlue:hover {
color: #001E46 !important;
}
.text-NavyBlue {
color: #001E46 !important;
}
.border-NavyBlue {
border-color: #001E46 !important;
}
.bg-NavyBlue {
background-color: #001E46 !important;
}
.bg-fade-NavyBlue {
background-color: rgba(0, 30, 70, 0.5) !important;
}
.hover-Black:hover {
color: #231f20 !important;
}
.text-Black {
color: #231f20 !important;
}
.border-Black {
border-color: #231f20 !important;
}
.bg-Black {
background-color: #231f20 !important;
}
.bg-fade-Black {
background-color: rgba(35, 31, 32, 0.5) !important;
}
.hover-White:hover {
color: white !important;
}
.text-White {
color: white !important;
}
.border-White {
border-color: white !important;
}
.bg-White {
background-color: white !important;
}
.bg-fade-White {
background-color: rgba(255, 255, 255, 0.5) !important;
}
/* Effra - Medtronic */
@font-face {
font-family: 'effrabold';
src: url('../fonts/effra_bd-webfont.eot');
src: url('../fonts/effra_bd-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/effra_bd-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'effralight';
src: url('../fonts/effra_lt-webfont.eot');
src: url('../fonts/effra_lt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/effra_lt-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'effraregular';
src: url('../fonts/effra_rg-webfont.eot');
src: url('../fonts/effra_rg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/effra_rg-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* APP SCAFOLDING */
body {
background-color: black;
}
div#app {
width: 100vw;
height: 75vw;
/* height:width ratio = 3/4 */
max-height: 100vh;
max-width: 133.33vh;
/* 4/3 */
margin: auto;
position: absolute;
top: 0;
bottom: 0;
/* vertical center */
left: 0;
right: 0;
/* horizontal center */
}
div#app div.main-content {
font-size: 1.56rem;
}
div#app header {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 0rem;
}
div#app div.app-menu {
position: absolute;
top: 0rem;
bottom: 0rem;
width: 20rem;
left: 0;
background-color: #D6E8F2;
}
div#app div.app-content {
position: absolute;
top: 0rem;
bottom: 0rem;
right: 0;
left: 20rem;
background-color: #EBF4F8;
}
div#app div.app-content.full {
top: 0;
bottom: 0;
right: 0;
left: 0;
}
div#app footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0rem;
}
html {
font-family: 'effraregular';
}
html .light {
font-family: 'effralight';
}
html strong,
html b,
html .strong {
font-family: 'effrabold';
}
/* APP CONTENT STYLE */
.mceContentBody {
background-color: #a2c7aa;
overflow: scroll;
}
.app-menu div.square-button {
height: 8rem;
position: relative;
box-sizing: border-box;
padding-top: 1rem;
}
.app-menu div.square-button a {
color: white;
font-weight: bold;
line-height: 1.2em;
font-size: 1.3rem;
text-decoration: none;
}
.app-menu div.square-button a::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
.content-header h2 {
padding: 3rem 0 1rem 3rem;
font-size: 1.5rem;
text-transform: uppercase;
font-weight: bold;
}
.content-container {
padding: 0;
}
.content-container.small {
padding: 3rem;
}
.content-container .row {
margin-left: -3rem;
margin-right: -3rem;
margin-left: 0;
margin-right: 0;
}
.content-container .row > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.content-container #breadcrumb {
position: absolute;
bottom: 1.5rem;
left: 3rem;
padding: 2rem 0;
}
.content-container #breadcrumb a {
display: inline-block;
font-size: 1.2rem;
text-decoration: underline;
line-height: 1.4em;
}
.content-container #breadcrumb a:last-child {
font-weight: bold;
}
.content-container #breadcrumb a span.chevron {
display: inline-block;
padding: 0 0.5rem;
}
/* Added here to get citation on front page */
span.citations {
font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;
}
/* *** MAIN CONTENT STYLES *** */
.main-content,
#tinyMCE,
#tinymce {
font-size: 1.1rem;
color: #54575A !important;
}
.main-content :first-child,
#tinyMCE :first-child,
#tinymce :first-child {
margin-top: 0 !important;
}
.main-content .pull-out,
#tinyMCE .pull-out,
#tinymce .pull-out {
margin-left: -3rem;
margin-right: -3rem;
margin-bottom: 3rem;
}
.main-content .row,
#tinyMCE .row,
#tinymce .row {
margin-left: -3rem;
margin-right: -3rem;
margin-bottom: 3rem;
}
.main-content h1,
#tinyMCE h1,
#tinymce h1 {
font-family: 'effralight' !important;
margin-bottom: 3rem;
font-size: 3rem;
}
.main-content h2,
#tinyMCE h2,
#tinymce h2 {
font-size: 1.4rem;
margin: 0.6rem 0 1rem 0;
line-height: 1.2em;
}
.main-content h3,
#tinyMCE h3,
#tinymce h3 {
color: #54575A !important;
font-weight: bold;
font-size: 1.2rem;
margin: 0.6rem 0 1.2rem 0;
line-height: 1.2em;
}
.main-content p,
#tinyMCE p,
#tinymce p {
color: #54575A !important;
font-size: 1.2rem;
line-height: 1.6em;
margin: 1rem 0 1.2rem 0;
}
.main-content span.citations,
#tinyMCE span.citations,
#tinymce span.citations {
font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;
}
.main-content ul,
#tinyMCE ul,
#tinymce ul {
list-style-type: square;
margin: 0px;
margin-top: 0.5rem;
padding: 0px;
}
.main-content ul > li,
#tinyMCE ul > li,
#tinymce ul > li {
font-size: 1rem;
line-height: 1.6em;
margin-bottom: 1rem;
list-style: none;
padding-left: 1.3rem;
position: relative;
}
.main-content ul > li:before,
#tinyMCE ul > li:before,
#tinymce ul > li:before {
content: '\00b7';
font-size: 4rem;
font-family: 'effraregular';
position: absolute;
top: 0px;
left: 0px;
margin-left: -0.4rem;
margin-top: -0.1rem;
color: #77BC1F;
}
.main-content ol,
#tinyMCE ol,
#tinymce ol {
list-style-type: square;
margin: 0;
margin-top: 0.5rem;
padding: 0;
counter-reset: my-ol-counter;
}
.main-content ol > li,
#tinyMCE ol > li,
#tinymce ol > li {
font-size: 1rem;
line-height: 1.6em;
margin-bottom: 1rem;
list-style: none;
padding-left: 2.3rem;
position: relative;
}
.main-content ol > li:before,
#tinyMCE ol > li:before,
#tinymce ol > li:before {
content: counter(my-ol-counter) ".";
counter-increment: my-ol-counter;
color: #77BC1F;
font-size: 1.2rem;
position: absolute;
margin-left: -2.3rem;
margin-top: -0.1rem;
font-weight: bold;
}
.main-content li li,
#tinyMCE li li,
#tinymce li li {
font-family: 'effralight' !important;
}
.main-content .button,
#tinyMCE .button,
#tinymce .button {
padding: 1rem 2rem;
}
.main-content .card,
#tinyMCE .card,
#tinymce .card {
padding: 2rem;
line-height: 1.2em;
min-height: 20rem;
}
.main-content .card .card-image,
#tinyMCE .card .card-image,
#tinymce .card .card-image {
margin-top: -2rem;
margin-left: -2rem;
margin-right: -2rem;
}
.main-content .card .card-image img,
#tinyMCE .card .card-image img,
#tinymce .card .card-image img {
width: 100%;
}
.main-content .card .card-content,
#tinyMCE .card .card-content,
#tinymce .card .card-content {
margin-bottom: 2rem;
}
.main-content .card .card-button a,
#tinyMCE .card .card-button a,
#tinymce .card .card-button a {
padding: 1rem 2rem;
background-color: #77BC1F !important;
color: white !important;
}
#tinyMCE,
#tinymce {
font-size: 1.1rem;
color: #54575A !important;
}
#tinyMCE :first-child,
#tinymce :first-child {
margin-top: 0 !important;
}
#tinyMCE .pull-out,
#tinymce .pull-out {
margin-left: -3rem;
margin-right: -3rem;
margin-bottom: 3rem;
}
#tinyMCE .row,
#tinymce .row {
margin-left: -3rem;
margin-right: -3rem;
margin-bottom: 3rem;
}
#tinyMCE h1,
#tinymce h1 {
font-family: 'effralight' !important;
margin-bottom: 3rem;
font-size: 3rem;
}
#tinyMCE h2,
#tinymce h2 {
font-size: 1.4rem;
margin: 0.6rem 0 1rem 0;
line-height: 1.2em;
}
#tinyMCE h3,
#tinymce h3 {
color: #54575A !important;
font-weight: bold;
font-size: 1.2rem;
margin: 0.6rem 0 1.2rem 0;
line-height: 1.2em;
}
#tinyMCE p,
#tinymce p {
color: #54575A !important;
font-size: 1.2rem;
line-height: 1.6em;
margin: 1rem 0 1.2rem 0;
}
#tinyMCE span.citations,
#tinymce span.citations {
font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;
}
#tinyMCE ul,
#tinymce ul {
list-style-type: square;
margin: 0px;
margin-top: 0.5rem;
padding: 0px;
}
#tinyMCE ul > li,
#tinymce ul > li {
font-size: 1rem;
line-height: 1.6em;
margin-bottom: 1rem;
list-style: none;
padding-left: 1.3rem;
position: relative;
}
#tinyMCE ul > li:before,
#tinymce ul > li:before {
content: '\00b7';
font-size: 4rem;
font-family: 'effraregular';
position: absolute;
top: 0px;
left: 0px;
margin-left: -0.4rem;
margin-top: -0.1rem;
color: #77BC1F;
}
#tinyMCE ol,
#tinymce ol {
list-style-type: square;
margin: 0;
margin-top: 0.5rem;
padding: 0;
counter-reset: my-ol-counter;
}
#tinyMCE ol > li,
#tinymce ol > li {
font-size: 1rem;
line-height: 1.6em;
margin-bottom: 1rem;
list-style: none;
padding-left: 2.3rem;
position: relative;
}
#tinyMCE ol > li:before,
#tinymce ol > li:before {
content: counter(my-ol-counter) ".";
counter-increment: my-ol-counter;
color: #77BC1F;
font-size: 1.2rem;
position: absolute;
margin-left: -2.3rem;
margin-top: -0.1rem;
font-weight: bold;
}
#tinyMCE li li,
#tinymce li li {
font-family: 'effralight' !important;
}
#tinyMCE .button,
#tinymce .button {
padding: 1rem 2rem;
}
#tinyMCE .card,
#tinymce .card {
padding: 2rem;
line-height: 1.2em;
min-height: 20rem;
}
#tinyMCE .card .card-image,
#tinymce .card .card-image {
margin-top: -2rem;
margin-left: -2rem;
margin-right: -2rem;
}
#tinyMCE .card .card-image img,
#tinymce .card .card-image img {
width: 100%;
}
#tinyMCE .card .card-content,
#tinymce .card .card-content {
margin-bottom: 2rem;
}
#tinyMCE .card .card-button a,
#tinymce .card .card-button a {
padding: 1rem 2rem;
background-color: #77BC1F !important;
color: white !important;
}
#tinyMCE .columns,
#tinymce .columns {
margin: 0;
}
#iscroll {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
width: 100%;
overflow: hidden;
}
#iscroll #wrapper,
#iscroll .wrapper {
position: absolute;
z-index: 1;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
width: 100%;
min-height: 100vh;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none;
}
/* Fix for Bootstrap 3 with Angular UI Bootstrap */
.modal {
display: block;
}
/* Custom dialog/modal headers */
.dialog-header-error {
background-color: #d2322d;
}
.dialog-header-wait {
background-color: #428bca;
}
.dialog-header-notify {
background-color: #eeeeee;
}
.dialog-header-confirm {
background-color: #001E46;
}
.dialog-header-error span,
.dialog-header-error h4,
.dialog-header-wait span,
.dialog-header-wait h4,
.dialog-header-confirm span,
.dialog-header-confirm h4 {
color: #ffffff;
}
.modal-footer .btn {
border-radius: 0 !important;
box-shadow: none;
}
.modal-footer .btn.btn-primary {
background-color: #001E46;
width: 100px;
}
#main-page {
background-image: url(../static/assets/main-page/main-page.jpg);
background-size: cover;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
#main-page div.cover-content {
color: white;
font-size: 2rem;
position: absolute;
top: 20rem;
left: 10rem;
}
#main-page div.cover-content h1 {
font-size: 3rem;
font-family: 'effralight' !important;
margin-bottom: 3rem;
}
#main-page div.cover-content h2 {
margin-bottom: 3rem;
}
#main-page div.cover-content a.button {
display: inline-block;
border-radius: 0;
padding: 1rem 2rem;
font-size: 1rem;
background-color: #77BC1F !important;
color: white !important;
}
#main-menu {
height: 59.1rem;
width: 100%;
display: flex;
flex-direction: column;
list-style: none;
margin: 0px;
padding: 0px;
opacity: 1;
margin-top: 16rem;
overflow: hidden;
}
#main-menu li {
flex: none;
height: 8rem;
border-bottom: 1px solid white;
margin: 0;
}
#main-menu li a {
display: flex;
align-items: center;
width: 100%;
height: 100%;
background-color: #D6E8F2;
box-sizing: border-box;
padding-left: 2rem;
border-top: solid 1px white;
font-size: 1.2rem;
text-decoration: none;
cursor: pointer;
margin: 0;
}
#main-menu li.active a {
font-weight: bold;
color: #77BC1F !important;
}
#main-menu.showMenu {
transition: all 0.5s;
}
#main-menu.showMenu li {
margin: 0;
}
#main-menu.showMenu li a {
animation: SlideIn 0.5s;
animation-fill-mode: backwards;
}
#main-menu.close {
opacity: 0;
transform: scale(0.98);
}
@keyframes SlideIn {
0% {
margin-left: -100%;
opacity: 0;
}
100% {
margin-left: 0;
opacity: 1;
}
}
#main-menu li.item-30 a {
animation-delay: 1.5s;
}
#main-menu li.item-29 a {
animation-delay: 1.45s;
}
#main-menu li.item-28 a {
animation-delay: 1.4s;
}
#main-menu li.item-27 a {
animation-delay: 1.35s;
}
#main-menu li.item-26 a {
animation-delay: 1.3s;
}
#main-menu li.item-25 a {
animation-delay: 1.25s;
}
#main-menu li.item-24 a {
animation-delay: 1.2s;
}
#main-menu li.item-23 a {
animation-delay: 1.15s;
}
#main-menu li.item-22 a {
animation-delay: 1.1s;
}
#main-menu li.item-21 a {
animation-delay: 1.05s;
}
#main-menu li.item-20 a {
animation-delay: 1s;
}
#main-menu li.item-19 a {
animation-delay: 0.95s;
}
#main-menu li.item-18 a {
animation-delay: 0.9s;
}
#main-menu li.item-17 a {
animation-delay: 0.85s;
}
#main-menu li.item-16 a {
animation-delay: 0.8s;
}
#main-menu li.item-15 a {
animation-delay: 0.75s;
}
#main-menu li.item-14 a {
animation-delay: 0.7s;
}
#main-menu li.item-13 a {
animation-delay: 0.65s;
}
#main-menu li.item-12 a {
animation-delay: 0.6s;
}
#main-menu li.item-11 a {
animation-delay: 0.55s;
}
#main-menu li.item-10 a {
animation-delay: 0.5s;
}
#main-menu li.item-9 a {
animation-delay: 0.45s;
}
#main-menu li.item-8 a {
animation-delay: 0.4s;
}
#main-menu li.item-7 a {
animation-delay: 0.35s;
}
#main-menu li.item-6 a {
animation-delay: 0.3s;
}
#main-menu li.item-5 a {
animation-delay: 0.25s;
}
#main-menu li.item-4 a {
animation-delay: 0.2s;
}
#main-menu li.item-3 a {
animation-delay: 0.15s;
}
#main-menu li.item-2 a {
animation-delay: 0.1s;
}
#main-menu li.item-1 a {
animation-delay: 0.05s;
}
.btn {
border-radius: 0;
padding: 1rem 2rem;
font-size: 1rem;
}
.form-control {
box-shadow: none;
border-radius: 0;
margin-bottom: 1rem;
margin-right: 1rem;
}
.input-container label {
color: #53565A;
position: absolute;
font-size: 1.2rem;
padding: 1.3rem 1rem;
font-family: 'effralight';
}
.input-container input {
box-sizing: border-box;
padding-left: 11rem;
padding: 1rem 1rem 1rem 11rem;
font-size: 1.2rem;
height: auto;
border: none;
line-height: inherit !important;
}
#steps {
position: absolute;
right: 0;
top: 0;
}
#steps .step {
width: 5rem;
height: 5rem;
background-color: #0085CA;
color: white;
text-align: center;
line-height: 2rem;
}
#steps .step a {
color: white;
display: block;
width: 5rem;
height: 5rem;
padding: 1rem;
font-size: 1.5rem;
font-weight: bold;
text-decoration: none;
}
#steps .step a.current {
background-color: #77BC1F;
}
#tourPopupContent {
position: absolute;
top: 10rem;
left: 5rem;
background-color: white;
bottom: 13rem;
right: 5rem;
height: 55rem;
padding: 3rem 5rem;
color: #001E46 !important;
box-shadow: 0px -1rem 2.5rem -0.5rem rgba(0, 0, 0, 0.35);
z-index: 200;
}
#tourPopupContent h1 {
color: #77BC1F !important;
margin-bottom: 2rem;
}
#tourPopupContent ul li {
font-size: 1.2rem;
color: #001E46 !important;
}
#tourPopupContent ul li::before {
color: #77BC1F !important;
}
#tourPopupContent .tour-image {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.what-is-elevision-ir-platform-image {
background-image: url(../static/assets/svg/what-is-EleVision-IR-platform.svg) no-repeat center center fixed;
background-size: cover;
width: auto;
height: auto;
}
.demo-container {
position: relative;
height: 100%;
}
.demo-container .main-content {
padding: 3rem;
}
.demo-container .main-content h1 {
font-size: 2.5rem;
}
.demo-container .main-content h1 b {
font-size: 3rem;
}
.demo-container .main-content p {
margin-top: -2rem;
}
.demo-container #ipad {
position: absolute;
top: 18rem;
left: 3rem;
right: 8rem;
z-index: 1;
}
.demo-container #ipad img {
width: 100%;
}
.hotspot {
position: absolute;
z-index: 2;
transition: opacity linear 0.5s;
}
.hotspot.ng-hide {
opacity: 0;
}
.hotspot.ng-hide-add.ng-hide-add-active,
.hotspot.ng-hide-remove {
opacity: 0;
}
.hotspot.ng-hide-add,
.hotspot.ng-hide-remove.ng-hide-remove-active {
opacity: 1;
}
.hotspot .hotspot-spot {
position: absolute;
top: 0;
left: 0;
width: 3rem;
height: 3rem;
cursor: pointer;
background-color: #77BC1F !important;
z-index: 4;
border-radius: 2rem;
text-align: center;
font-size: 2rem;
line-height: 2.5rem;
border: 0.1rem solid #001E46;
}
.hotspot .hotspot-spot.hotspot-link {
line-height: 2.7rem !important;
}
.hotspot .hotspot-spot.hotspot-link a {
text-decoration: none;
color: #001E46;
}
.hotspot .hotspot-content {
position: absolute;
top: 1rem;
left: 1rem;
width: 25rem;
background-color: rgba(0, 30, 70, 0.85);
color: white;
z-index: 3;
}
.hotspot .hotspot-content h2 {
color: #00C4B3;
margin: 0.5rem 0;
line-height: 1.2em;
text-transform: uppercase;
}
.hotspot .hotspot-content p {
line-height: 1.2em;
}
.hotspot .hotspot-content .hotspot-content-wrapper {
margin: 2rem;
padding: 1rem;
border: 0.1rem solid #77BC1F;
}
.hotspot .hotspot-content .hotspot-content-wrapper:after {
clear: both;
}
@keyframes blink {
50% {
border-color: #91dd31;
}
}
.interactive-hp {
position: absolute;
border: 2px solid #77BC1F;
z-index: 3;
animation: blink 0.5s infinite;
}
#monitor {
position: absolute;
top: 18rem;
left: 3rem;
right: 8rem;
z-index: 1;
}
#monitor img {
width: 100%;
}
#screen {
position: absolute;
top: 21.5rem;
left: 6rem;
right: 11rem;
z-index: 2;
}
#screen img {
width: 100%;
}
.slick-content {
width: 72rem;
margin: auto;
height: 20rem;
overflow: hidden;
position: relative;
}
.slick-content:before {
content: '';
width: 4rem;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 20000;
background: linear-gradient(to left, transparent 1rem, #EBF4F8);
}
.slick-content:after {
content: '';
width: 4rem;
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 20000;
background: linear-gradient(to left, #EBF4F8 1rem, transparent);
}
.slick-slide:not(.slick-center) {
z-index: 0 !important;
transform: scale(0.8) !important;
}
.slick-active.slick-center + .slick-slide + .slick-slide {
z-index: 1 !important;
}
.slick-active.slick-center + .slick-slide,
.slick-center + .slick-cloned {
z-index: 2 !important;
}
.slick-center {
z-index: 3 !important;
}
.slick-slide {
position: relative !important;
transition: transform 80ms !important;
height: 20rem !important;
overflow: hidden;
box-shadow: 0px 0px 2rem -1rem rgba(0, 0, 0, 0.59);
background-color: white !important;
}
.slick-slide h3 {
text-align: center;
line-height: 20rem;
}
.slick-prev {
left: -10% !important;
}
.slick-next {
right: -10% !important;
}
#tour {
position: absolute;
top: 0;
right: 0;
left: 0;
}
#tour img {
width: 100%;
}
#tour-camera {
z-index: 2;
position: absolute;
top: 0;
right: 13rem;
left: 26rem;
text-align: right;
}
#tour-camera img {
width: 100%;
}
.carousel-card .carousel-card-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 5rem;
}
.carousel-card .carousel-card-image img {
width: 100%;
}
.carousel-card .carousel-card-title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4rem;
background-color: #004B87;
color: white;
box-sizing: border-box;
padding: 1.2rem 1.8rem;
font-size: 1.4rem;
text-transform: uppercase;
font-family: 'effralight';
}
.carousel-card a {
position: absolute;
left: -100rem;
}
#tour-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
#tour-container #tour-image {
top: 0;
right: 0;
bottom: 0;
left: 0;
will-change: transform;
position: absolute;
transition: 1s all;
-ms-transform: translateZ(0);
/* IE 9 */
-webkit-transform: translateZ(0);
/* Chrome, Safari, Opera */
transform: translateZ(0);
filter: none;
}
#tour-container #tour-image img {
position: absolute;
width: 100%;
}
#tour-container #tour-image img#initial {
z-index: 0;
}
#tour-container #tour-image img.target {
z-index: 1;
transition: opacity linear 0.5s;
display: block !important;
-webkit-backface-visibility: hidden;
}
#tour-container #tour-image img.target.ng-hide {
opacity: 0;
}
#tour-container #tour-image img.target.ng-hide-add.ng-hide-add-active,
#tour-container #tour-image img.target.ng-hide-remove {
opacity: 0;
}
#tour-container #tour-image img.target.ng-hide-add,
#tour-container #tour-image img.target.ng-hide-remove.ng-hide-remove-active {
opacity: 1;
}
#tour-popup {
position: absolute;
top: 0;
right: 0;
width: 40rem;
background-color: #004B87;
color: white;
z-index: 6;
height: 30rem;
box-sizing: border-box;
padding: 3rem;
}
#tour-popup .main-content ul li,
#tour-popup .main-content ol li {
color: white;
}
#tour-popup a.button.bg-Turquoise.text-White {
display: none !important;
}
#intro-menu .square-button a {
color: white;
font-size: 3rem;
padding: 6rem 3rem;
display: block;
text-decoration: none;
}
#intro-menu .square-button a:hover {
text-decoration: none;
}
#intro-menu .square-button a:active {
transform: scale(1.2);
}