* { box-sizing: border-box; }
html, body, div, p, textarea, button, input {
font: normal 16px 'Noto Sans', sans-serif;
color: #2c2e2f;
line-height: 1.5rem;
font-weight: 400;
font-style:normal;
}
body {
margin: 0;
padding: 0;
display: none; /* Hide the body initially */
background: white;
}
html, body {
height: 100%;
}
p{margin: 0;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #CCCCCC;
}
::-moz-placeholder { /* Firefox 19+ */
color: #CCCCCC;
}
:-ms-input-placeholder { /* IE 10+ */
color: #CCCCCC;
}
:-moz-placeholder { /* Firefox 18- */
color: #CCCCCC;
}
::-moz-selection { /* Code for Firefox */
color: black;
background: #CFFF04;
}
::selection {
color: black;
background: #cde6c6;
}
/* Generic Rules
----------------------------------------------- */
h1, h2, h3 {
color: #2c2e2f;
font: 600 16px 'Noto Sans', sans-serif;
/* font: normal 16px 'neo_sansregular', sans-serif; */
line-height: 2rem;
font-size: 2rem;
font-weight: 600;
}
h2 {
color: #2c2e2f;
font: 600 16px 'Noto Sans', sans-serif;
/* font: normal 16px 'neo_sansregular', sans-serif; */
line-height: 2rem;
font-size: 1.5rem;
margin:0;
}
.icon-c{
font-size: clamp(1.3rem, 1.5vw + 1.5rem, 2.5rem);
}
.heading-cl{
font: 600 16px 'Noto Sans', sans-serif;
font-size: clamp(1.2rem, 1vw + 1.2rem, 2rem);
}
.heading-c{
font: 600 16px 'Noto Sans', sans-serif;
font-size: clamp(1.3rem, 1vw + 0.9rem, 1.5rem);
}
.heading-cs{
font: 600 16px 'Noto Sans', sans-serif;
font-size: clamp(1rem, 1vw + 0.2rem, 1.4rem);
}
.text-cs{
font: 400 16px 'Noto Sans', sans-serif;
font-size: clamp(0.8rem, 0.8vw + 0.2rem, 1rem);
}
a:link, a:active {
color: #2c2e2f;
text-decoration: none;
}
a:visited {
color: #2c2e2f;
text-decoration: none;
}
a:hover {
color: #999999;
border-bottom: 0;
}
.head-a a:link, a:active {
color: #2c2e2f;
text-decoration: none;
}
.head-a a:visited {
color: #2c2e2f;
text-decoration: none;
}
.head-a a:hover {
color: #999999;
border-bottom: 2px solid #999999;
}
.head-a-m a:link, a:active {
color: #2c2e2f;
text-decoration: none;
}
.head-a-m a:visited {
color: #2c2e2f;
text-decoration: none;
}
.head-a-m a:hover {
color: #999999;
border-bottom: 0;
}
.img-link a:hover{
border: 0;
text-decoration: none;
}
.link-no-underline a:link, .link-no-underline a:visited {border-bottom:0;}
.link-no-underline a:hover {border-bottom:0;}
a[href^="tel"] {
color: inherit; /* Inherit text color of parent element. */
text-decoration: none; /* Remove underline. */
/* Additional css `propery: value;` pairs here */
}
.orange-border-bottom{
border-bottom: 2px solid #E66000;
}
.orange-border-bottom a:hover{
border-bottom: 2px solid #E66000;
}
.selected {
color: #999999;
}
.text-border {
border-bottom: 2px solid #999999;
}
.fade-out {
animation: fadeOut 1s forwards;
}
@keyframes fadeOut {
100% { background: white; opacity: 0; }
}
.fade-link a {
transition: opacity 0.5s ease-in-out;
}
.fade-link a:hover {
opacity: 0.5;
}
.fade-in {
animation: fadeIn 1s forwards;
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
/* Styles
----------------------------------------------- */
.example {
padding: 20px;
}
.content{
flex: 1 0 auto;
background:white;
position:relative;
/* max-height:170px; */
}
.row-center-s100{
flex-direction: row;
justify-content: center;
align-items: stretch;
width:100%;
}
.flex-wrap{
display:flex;
flex-wrap: wrap;
}
.flex-no-wrap{
display:flex;
align-items: stretch;
}
.flex-no-wrap-col{
display:flex;
flex-direction: column;
align-items: stretch;
}
.gap1{gap:1rem;}
.gap2{gap:2rem;}
.gap3{gap:3rem;}
.header{
flex-direction: column;
justify-content: center;
align-items: center;
padding:2rem;
background:white;
position:relative;
height:130px;
}
.header-center a:link, .header-center a:active, .header-center a:visited {
color: #003087;
}
.header-center a:hover, .header-center a:active {
color: #33A3FF;
border-bottom: 0;
}
.header-left{
width:200px;
align-self: center
}
.header-center{
width:200px;
text-align: center;
align-self: center
}
.header-right{
flex-grow:2;
width:200px;
text-align: right;
align-self: center;
padding-right:1rem;
}
.header-top-nav{
position:relative;
}
.mheader{
padding:0rem;
position:fixed;
/* margin-top:40px; */
height:80px;
background:#FFFFFF;
width:100%;
background-position: center;
background-position: center;
background-size: 160px;
background-repeat: no-repeat;
}
.logo-bg{
background-image: url('../img/logo.svg');
}
.logo-bg2{
background-image: url('../img/logo.png');
}
#m-menu-list{
position:relative;
top:0;
left:0;
padding:0rem;
width:0%;
background:#444;
height:352px;
overflow: hidden;
white-space: nowrap;
}
#m-menu-list-mp{
position:relative;
top:0;
left:0;
padding:0rem;
width:0%;
background:#444;
height:302px;
overflow: hidden;
white-space: nowrap;
}
#m-menu-list-medical-professional{
position:relative;
top:0;
left:0;
padding:0rem;
width:0%;
background:#444;
height:100vh;
overflow: hidden;
white-space: nowrap;
}
#m-menu-list-mc{
position:relative;
top:0;
left:0;
padding:0rem;
width:0%;
background:#444;
height:100vh;
overflow: hidden;
white-space: nowrap;
}
#m-menu-list-fb{
position:relative;
top:0;
left:0;
padding:0rem;
width:0%;
background:#444;
height:100vh;
overflow: hidden;
white-space: nowrap;
}
.side-bar-box{
padding: 1.5rem 2rem 1rem 2rem;
margin-top:0;
margin-bottom:2rem;
text-align: center;
}
.side-bar-text{
font-size: 1.5rem;
line-height: 2rem;
color:white;
margin-top: 0;
margin-bottom:1rem;
}
.footer {
flex-shrink: 0;
}
.blueout {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(95, 158, 204, 0.8);
color: rgba(255, 255, 255, 0.8);
z-index: 1001;
display: none; }
.centred {
position: fixed;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px; }
.round {
position: relative;
display: inline-block;
width: 62px;
height: 62px;
margin: 10px;
border: 5px solid #ccc;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 62px;
/* Firefox 1-3.6 */
-moz-border-radius: 62px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 62px;
}
/* Nav
///////////////////////////////////// */
.full-width-nav {
color:white;
}
.nav-content > div {
margin: 0 auto;
width: 1200px;
padding:0;
-webkit-transition: display 2s linear;
-moz-transition: display 2s linear;
-ms-transition: display 2s linear;
-o-transition: display 2s linear;
transition: display 2s linear;
}
.full-width-nav a:link, .full-width-nav a:visited {
color:white;
}
.nav a:link, .nav a:active {
color: #666;
text-decoration: none;
margin-right:2rem;
font-size:1.2rem;
}
.nav a:visited {
color: #666;
text-decoration: none;
margin-right:2rem;
font-size:1.2rem;
}
.nav a:hover {
color: #d7017f;
border: 0;
margin-right:2rem;
font-size:1.2rem;
transition: color 0.75s;
}
.full-width-nav li a:link, .full-width-nav li a:visited {
font-size: 1rem;
color: #FFFFFF;
text-decoration: none;
}
.full-width-nav li a:hover, .full-width-nav li a:active {
font-size: 1rem;
color: #FFFFFF;
border-bottom: 1px dotted #FFFFFF;
}
.full-width-nav li {
list-style: none;
padding: 0;
margin: 0 0 3px -40px;;
}
.sub-heading:hover{
padding-left:10px;
transition: padding-left 0.2s;
}
.columns {
column-count: 2;
column-gap: 4rem;
column-rule: 1px solid #CCCCCC; /* Adjust as needed */
}
@media (max-width: 600px) {
.columns {
column-count: 1;
column-rule: none; /* Remove the line for single column layout */
}
}
/* Fonts
/////////////////////////////////////////// */
.fs0-5 {font-size:0.5rem;}
.fs0-75 {font-size:0.75rem;}
.fs0-8 {font-size:0.8rem;}
.fs1 {font-size:1rem;}
.fs1-1 {font-size:1.1rem;}
.fs1-2 {font-size:1.2rem;}
.fs1-25 {font-size:1.25rem;}
.fs1-3 {font-size:1.3rem;}
.fs1-4 {font-size:1.4rem;}
.fs1-5 {font-size:1.5rem;}
.fs1-75 {font-size:1.75rem;}
.fs2 {font-size:2rem;}
.fs2-25 {font-size:2.25rem;}
.fs2-5 {font-size:2.5rem;}
.fs3 {font-size:3rem;}
.fs4 {font-size:4rem;}
.fs5 {font-size:5rem;}
.fs150 {font-size:150%;}
.fs200 {font-size:200%;}
.fs250 {font-size:250%;}
/* Font properties */
.bold {font-family: 'Noto Sans', sans-serif; font-weight: 600;}
.center-text{text-align:center;}
.left-text{text-align:left;}
.right-text{text-align:right;}
.ws-nr{white-space: nowrap;}
.fw100{font-weight: 100;}
.fw200{font-weight: 200;}
.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}
.fw900{font-weight: 900;}
.black-text{color:rgb(0, 0, 0);}
.white-text{color:rgb(255, 255, 255);}
.grey-text{color:#ccc;}
.dark-grey-text{color:#676767;}
.pink-text{color:#d7017f;}
.purple-text{color:#3f0075;}
.gold-text{color:gold;}
.green-text{color:#157315;}
.bright-green-text{color:#9C0;}
.dark-blue-text{color:#003087;}
.red-text{color:red;}
.mid-blue-text{color:#33A3FF !important;}
.very-light-grey-text{color:#F4F4F4 !important;}
.light-grey-text{color:#CCCCCC !important;}
.light-green-text{color:#93e9ca !important;}
.mid-grey-text{color:#999999 !important;}
.purple-text{color: #3f0075;}
.mid-purple-text{color: #906CAE;}
.white-text{color: #ffffff;}
.mid-brown-text {color: #856404; }
.dark-brown-text {color: #683C11; }
.light-blue-text {color: #A0C1E2; }
.orange-text {color: #E66000; }
.dark-red-text {color: #a94442; }
.teal-text {color: #00A89E; }
.pistachio-text {color: #D6E022; }
.dim-grey-text {color: #696969; }
.dark-teal-text {color: #009791; }
.specialist-green-text{color:#669900}
.blue-text-hover{color:#33A3FF;}
.blue-text-hover:hover{color:#1794fa;}
/* Line heights */
.lh0 {line-height: 0;}
.lh0-2 {line-height: 0.2;}
.lh0-5 {line-height: 0.5;}
.lh0-8 {line-height: 0.8;}
.lh0-9 {line-height: 0.9;}
.lh1 {line-height: 1rem;}
.lh1-25 {line-height: 1.25rem;}
.lh1-5 {line-height: 1.5rem;}
.lh1-75 {line-height: 1.75rem;}
.lh2 {line-height: 2rem;}
.lh2-25 {line-height: 2.25rem;}
.lh2-5 {line-height: 2.5rem;}
.lh2-75 {line-height: 2.75rem;}
.lh3 {line-height: 3rem;}
.lh4 {line-height: 4rem;}
/* Paddings */
.pad0 {padding:0;}
.pad0-25 {padding:0.25rem;}
.pad0-2 {padding:0.2rem;}
.pad0-3 {padding:0.3rem;}
.pad0-4 {padding:0.4rem;}
.pad0-5 {padding:0.5rem;}
.pad0-75 {padding:0.75rem;}
.pad1 {padding:1rem;}
.pad1-0 {padding:1rem 0;}
.pad1-5 {padding:1.5rem;}
.pad1-3-3-3 {padding:1rem 3rem 3rem 3rem;}
.pad1-75 {padding:1.75rem;}
.pad2 {padding:2rem;}
.pad2 {padding:2rem;}
.pad2-1 {padding:2rem 1rem;}
.pad2-5 {padding:2.5rem;}
.pad2-7 {padding:2.7rem;}
.pad3 {padding:3rem;}
.pad3-1 {padding:3rem 1rem;}
.pad3-2 {padding:3rem 2rem;}
.pad1-0-1-0 {padding:1rem 0rem 1rem 0rem;}
.pad05-1-05-1 {padding:0.5rem 1rem 0.5rem 1rem;}
.pad05-1-05-1 {padding:0.5rem 1rem 0.5rem 1rem;}
.pad05-15-05-15 {padding:0.5rem 1.5rem 0.5rem 1.5rem;}
.pad0-2-2-2 {padding:0 2rem 2rem 2rem;}
.pad1-2-2-2 {padding:1rem 2rem 2rem 2rem;}
.pad1-1-05-1 {padding:1rem 1rem 0.5rem 1rem;}
.pt0-1{padding-top:0.1rem;}
.pt0-25{padding-top:0.25rem;}
.pt0-5{padding-top:0.5rem;}
.pt0-75{padding-top:0.75rem;}
.pt1{padding-top:1rem;}
.pt1-5{padding-top:1.5rem;}
.pt2{padding-top:2rem;}
.pt3{padding-top:3rem;}
.pt4{padding-top:4rem;}
.pt5{padding-top:5rem;}
.pt6{padding-top:6rem;}
.pt7{padding-top:7rem;}
.pb0-1{padding-bottom:0.1rem;}
.pb0-25{padding-bottom:0.25rem;}
.pb0-5{padding-bottom:0.5rem;}
.pb0-75{padding-bottom:0.75rem;}
.pb1{padding-bottom:1rem;}
.pb1-5{padding-bottom:1.5rem;}
.pb2{padding-bottom:2rem;}
.pb3{padding-bottom:3rem;}
.pb4{padding-bottom:4rem;}
.pr0-2{padding-right:0.2rem;}
.pr0-3{padding-right:0.3rem;}
.pr0-4{padding-right:0.4rem;}
.pr0-5{padding-right:0.5rem;}
.pr1{padding-right:1rem;}
.pr2{padding-right:2rem;}
.pr3{padding-right:3rem;}
.pr4{padding-right:4rem;}
.pb4{padding-bottom:4rem;}
.pl0-5{padding-left:0.5rem;}
.pl1{padding-left:1rem;}
.pl2{padding-left:2rem;}
.pl3{padding-left:3rem;}
.pl4{padding-left:4rem;}
.pad15lrpc{padding:0 15% 0 15%;}
.pad5lrpc{padding:0 5% 0 5%;}
.pad20pc{padding:20%;}
/* Margins */
.center{margin:0 auto;}
.m0{margin: 0;}
.m0-2{margin: 0.2rem;}
.m0-5{margin: 0.5rem;}
.mb0{margin-bottom:0;}
.mb0-1{margin-bottom:0.1rem;}
.mb0-2{margin-bottom:0.2rem;}
.mb0-5{margin-bottom:0.5rem;}
.mb0-75{margin-bottom:0.75rem;}
.mb1{margin-bottom:1rem;}
.mb1-5{margin-bottom:1.5rem;}
.mb2{margin-bottom:2rem;}
.mb2-5{margin-bottom:2.5rem;}
.mb3{margin-bottom:3rem;}
.mb4{margin-bottom:4rem;}
.m1{margin:1rem;}
.m2{margin:2rem;}
.m3{margin:3rem;}
.m2-0-2-0{margin:2rem 0;}
.m3-0-3-0{margin:3rem 0;}
.m1-0-0-0{margin:1rem 0 0 0;}
.m0-0-05-0{margin:0 0 0.5rem 0;}
.m1-0-05-0{margin:1 0 0.5rem 0;}
.ml0-5{margin-left:0.5rem;}
.ml0-75{margin-left:0.75rem;}
.ml1{margin-left:1rem;}
.ml2{margin-left:2rem;}
.ml3{margin-left:3rem;}
.ml4{margin-left:4rem;}
.ml5{margin-left:5rem;}
.ml6{margin-left:6rem;}
.mr0-2{margin-right:0.2rem;}
.mr0-3{margin-right:0.3rem;}
.mr0-5{margin-right:0.5rem;}
.mr0-75{margin-right:0.75rem;}
.mr1{margin-right:1rem;}
.mr2{margin-right:2rem;}
.mr3{margin-right:3rem;}
.mr4{margin-right:4rem;}
.mr5{margin-right:5rem;}
.m0a{margin:0 auto;}
.mt0{margin-top:0;}
.mt0-2{margin-top:0.2rem;}
.mt0-5{margin-top:0.5rem;}
.mt1{margin-top:1rem;}
.mt1-5{margin-top:1.5rem;}
.mt2{margin-top:2rem;}
.mt2-5{margin-top:2.5rem;}
.mt3{margin-top:3rem;}
.mt4{margin-top:4rem;}
.mt5{margin-top:5rem;}
.mtb1{margin-top:1rem; margin-bottom:1rem;}
.mtb2{margin-top:2rem; margin-bottom:2rem;}
/* Widths */
.w100{width:100%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w60{width:60%;}
.w50{width:50%;}
.w40{width:40%;}
.w35{width:35%;}
.w33{width:33%;}
.w30{width:30%;}
.w25{width:25%;}
.w20{width:20%;}
.w10{width:10%;}
.w5{width:5%;}
.w1200{width:1200px;}
.mw1200{min-width:1200px;}
.fr1{width:1fr;}
.fr2{width:2fr;}
.fr3{width:3fr;}
.fr4{width:4fr;}
.fr5{width:5fr;}
.mxw500p{max-width:500px;}
/* borders */
.b0 {border:0;}
.outline{
outline:1px solid #CCC;
}
.outline-black{
outline:1px solid #000000;
}
.outline-dashed{
outline:1px dashed #CCC;
}
.outline-blue{
outline:1px solid #33A3FF;
}
.outline-grey{
outline:1px solid #CCCCCC;
}
.outline-mint-inset{
box-shadow:
inset 0 0 0 1px #65CCC8;
}
.outline-mint-inset-no-bottom{
box-shadow:
inset 1px 0 0 0 #65CCC8,
inset -1px 0 0 0 #65CCC8,
inset 0 1px 0 0 #65CCC8;
}
.outline-mint-no-top{
border-left:1px solid #65CCC8;
border-right:1px solid #65CCC8;
border-bottom:1px solid #65CCC8;
}
.outline-mint-no-bottom{
border-left:1px solid #65CCC8;
border-right:1px solid #65CCC8;
border-top:1px solid #65CCC8;
box-shadow: inset 0 0 0 1px #65CCC8;
}
.outline-light-blue{
outline:1px solid #33A3FF;
}
.border-left{
border-left:1px solid #CCC;
}
.border-right{
border-right:1px solid #CCC;
}
.border-bottom{
border-bottom:1px solid #CCC;
}
.border-bottom-dotted{
border-bottom:1px dotted #CCC;
}
.gp-border-top{
border-top:3px solid #E66000;
}
.specialist-border-top{
border-top:3px solid #690;
}
.physio-border-top{
border-top:3px solid #916CB8;
}
.white-border-top{
border-top:3px solid #FFFFFF;
}
.grey-border{border:1px solid #CCCCCC;}
.border-r{border-right:1px solid #CCCCCC;}
.border-r-dt{border-right:1px solid #CCCCCC;}
.border-t{border-top:1px solid #CCCCCC;}
.br3{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.br5{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.br10{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.br20{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.br30{
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.br40{
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
.br50{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
/* Backgrounds */
.light-grey-bg{background:#F4F4F4;}
.mid-grey-bg{background:#e9e9e9;}
.dark-grey-bg{background:#666666;}
.white-bg{background:#FFFFFF;}
.light-blue-bg{background:#d6edfd;}
.very-light-blue-bg{background:#e3f2ff;}
.light-blue-hover-bg:hover{background:#E1EFF9;}
.light-teal-hover-bg:hover{background:#B2E5E2;}
.pistachio-hover-bg:hover{background:#F5FDDC;}
.mid-blue-bg{background:#33A3FF;}
.dark-blue-bg{background:#003087;}
.gold-bg{background:gold;}
.light-gold-bg{background:#FFF3B1;}
.light-green-bg{background:#E6F8F2;}
.bright-green-bg{background:#9C0;}
.pistachio-bg{background:#f5fcdc;}
.green-bg{background:#9C0;}
.teal-bg{background:#6CCBC3;}
.teal-hover-bg:hover{background:#009b91;}
.light-red-bg{background:#ebccd1;}
.cream-bg{background:#fdf4d3;}
.light-cream-bg{background:#fffeea;}
.very-light-cream-bg{background:#FFFFF5;}
.burnt-orange-bg{background:#E66000;}
.teal-bg{background:#00A89E;}
.mid-teal-bg{background:#009791;}
.light-purple-bg{background:#D0A9F9}
.mid-purple-bg{background:#8462A7}
.purple-bg{background:#916CB8}
.purple-hover-bg:hover{background:#8160a3;}
.dark-purple-bg{background:#664b82}
.mid-specialist-green-bg{background:#598500}
.dark-specialist-green-bg{background:#486b01}
.dark-teal-bg{background:#008a82}
.light-specialist-green-bg{background:#81c200}
.mid-burnt-orange-bg{background:#C65301}
.dark-burnt-orange-hover-bg:hover{background:#da5b01;}
.dark-burnt-orange-bg{background:#b04a02}
.light-teal-bg{background:#00c4b9}
.light-burnt-orange-bg{background:#fa8b3c}
.very-light-burnt-orange-bg{background:#fdede2}
.very-light-specialist-green-bg{background:#D8E5BD}
.very-light-purple-bg{background:#DED5EA}
.very-light-teal-bg{background:#B2E5E2}
.kharki-bg{background:#648281}
.mint-bg{background:#daf2f1}
.slate-bg{background:#9fb2c2;}
.sand-hover-bg:hover{background:#faf9f4;}
.sand-hover-bg {
transition: background 0.3s ease;
}
/* Opacity */
.op0{
opacity:0;
}
.op1{
opacity:0.1;
}
.op2{
opacity:0.2;
}
.op3{
opacity:0.3;
}
.op4{
opacity:0.4;
}
.op5{
opacity:0.5;
}
.op6{
opacity:0.6;
}
.op7{
opacity:0.7;
}
.op8{
opacity:0.8;
}
.op9{
opacity:0.9;
}
/* positions */
.p-rel{position:relative;}
.p-ab{position:absolute;}
.p-fix{position:fixed;}
.p-s{position:static;}
/* Displays */
.infl{
float:left;
}
.infr{
float:right;
}
.dis-block{
display:block;
}
.dis-inblock{
display:inline-block;
}
.dis-none{
display:none;
}
.dis-flex{
display:flex;
}
.dis-rel{
display:relative;
}
.overflow-h{
overflow:hidden;
}
.flex-center{
justify-content: center;
}
.flex-v-center{
align-items: center;
}
.flex-v-bottom{
align-items: flex-end;
}
/* Gradients */
.light-grey-gradient{
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.light-grey-gradient-horizontal{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+100 */
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(left, #f4f4f4 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f4f4f4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f4f4f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.very-light-grey-gradient{
background: #f8f8f8; /* Old browsers */
background: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f8f8f8 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f8f8f8 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/* Buttons
///////////////////////////////////////// */
.button-submit-grey-out {
color: #FFFFFF;
background: #CCCCCC;
padding: 0.75rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:0;
}
.submitting {
color: #FFFFFF;
background: #CCCCCC;
padding: 0.75rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:0;
width:100%;
}
.button-link a:link, .button-link a:visited {
outline: none;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0.75rem 1.5rem;
border: none;
color: #FFFFFF;
background-color: #33A3FF;
}
.button-link a:hover {
outline: none;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0.75rem 1.5rem;
border: none;
color:#FFF;
background-color: #1761df;
}
.losenge-button a:link, .losenge-button a:visited {border:2px solid #E66000; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #E66000;}
.losenge-button a:hover {border:2px solid #E66000; background:#E66000; color:#FFFFFF; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
.orange-link a:link, .orange-link a:visited {color: #E66000;}
.orange-link a:hover {color: #E66000; border:0;}
.losenge-button-green a:link, .losenge-button-green a:visited {border:2px solid #690; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color:#690;}
.losenge-button-green a:hover {border:2px solid #690; background:#690; color:#FFFFFF; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
.green-link a:link, .green-link a:visited {color: #690;}
.green-link a:hover {color: #690; border:0;}
.losenge-button-purple a:link, .losenge-button-purple a:visited {border:2px solid #916CB8; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color:#916CB8;}
.losenge-button-purple a:hover {border:2px solid #916CB8; background:#916CB8; color:#FFFFFF; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
.purple-link a:link, .purple-link a:visited {color: #916CB8;}
.purple-link a:hover {color: #916CB8; border:0;}
.teal-link a:link, .teal-link a:visited {color: #00A89E;}
.teal-link a:hover {color: #0a8f86; border:0;}
.losenge-button-teal a:link, .losenge-button-teal a:visited {border:2px solid #00A89E; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color:#00A89E;}
.losenge-button-teal a:hover {border:2px solid #00A89E; background:#00A89E; color:#FFFFFF; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
.losenge-button-solid-teal a:link, .losenge-button-solid-teal a:visited {border:2px solid #00A89E; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color:#FFFFFF; background: #00A89E;}
.losenge-button-solid-teal a:hover {border:2px solid #068a82; background:#068a82; color:#FFFFFF; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
.teal-link a:link, .teal-link a:visited {color: #00A89E;}
.teal-link a:hover {color: #00A89E; border:0;}
.losenge-button-white a:link, .losenge-button-white a:visited {border:2px solid #FFFFFF; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color:#FFFFFF;}
.losenge-button-white-physio a:link, .losenge-button-white-physio a:visited {border:2px solid #FFFFFF; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color:#FFFFFF;}
.losenge-button-white-specialist a:link, .losenge-button-white-specialist a:visited {border:2px solid #FFFFFF; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color:#FFFFFF;}
.losenge-button-white a:hover {border:2px solid #FFFFFF; background:#FFFFFF; color:#E66000; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
.losenge-button-white-physio a:hover {border:2px solid #FFFFFF; background:#FFFFFF; color:#916CB8; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
.losenge-button-white-specialist a:hover {border:2px solid #FFFFFF; background:#FFFFFF; color:#690; padding:10px 20px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
.blue-button a:link {
color: #FFFFFF;
background: #33A3FF;
padding: 0.5rem 2rem;
font-size:1.2rem;
-webkit-border-radius: 1.8rem;
-moz-border-radius: 1.8rem;
border-radius: 1.8rem;
}
.blue-button a:hover {
color:#FFF;
background: #1794fa;
border-bottom:0;
padding: 0.5rem 2rem;
}
.blue-button a:active {
color:#FFFFFF;
padding: 0.5rem 2rem;
}
.blue-button a:visited {
color: #FFFFFF;
padding: 0.5rem 2rem;
}
.blue-button-w100 a:link {
color: #FFFFFF;
background: #33A3FF;
padding: 0.75rem 2rem;
font-size:1.2rem;
-webkit-border-radius: 1.8rem;
-moz-border-radius: 1.8rem;
border-radius: 1.8rem;
width:100%;
display:block;
text-align:center;
}
.blue-button-w100 a:hover {
color:#FFF;
background: #1794fa;
border-bottom:0;
padding: 0.75rem 2rem;
width:100%;
display:block;
text-align:center;
}
.blue-button-w100 a:active {
color:#FFFFFF;
padding: 0.75rem 2rem;
width:100%;
display:block;
text-align:center;
}
.blue-button-w100 a:visited {
color: #FFFFFF;
padding: 0.75rem 2rem;
width:100%;
display:block;
text-align:center;
}
.grey-button-w100 a:link {
color: #FFFFFF;
background: #999999;
padding: 0.75rem 2rem;
font-size:1.2rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width:100%;
display:block;
text-align:center;
}
.grey-button-w100 a:hover {
color:#FFF;
background: #999999;
border-bottom:0;
padding: 0.75rem 2rem;
width:100%;
display:block;
text-align:center;
}
.grey-button-w100 a:active {
color:#FFFFFF;
padding: 0.75rem 2rem;
width:100%;
display:block;
text-align:center;
}
.grey-button-w100 a:visited {
color: #FFFFFF;
padding: 0.75rem 2rem;
width:100%;
display:block;
text-align:center;
}
.grey-button-keyline-w100 a:link {
color: #2c2e2f;
background: #FFFFFF;
padding: 0.75rem 2rem;
font-size:1.2rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width:100%;
display:block;
text-align:center;
border: 1px solid #CCCCCC;
}
.grey-button-keyline-w100 a:hover {
color:#FFFFFF;
background: #999999;
border-bottom:0;
padding: 0.75rem 2rem;
width:100%;
display:block;
text-align:center;
border: 1px solid #999999;
}
.grey-button-keyline-w100 a:active {
color:#FFFFFF;
background: #999999;
padding: 0.75rem 2rem;
width:100%;
display:block;
text-align:center;
border: 1px solid #CCCCCC;
}
.grey-button-keyline-w100 a:visited {
padding: 0.75rem 2rem;
width:100%;
display:block;
text-align:center;
border: 1px solid #CCCCCC;
}
.blue-button-keyline-w100 a:link {
color: #33A3FF;
background: #FFFFFF;
padding: 0.75rem 2rem;
font-size:1.2rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width:100%;
display:block;
text-align:center;
border: 1px solid #33A3FF;
}
.blue-button-keyline-w100 a:hover {
color:#FFFFFF;
background: #999999;
border-bottom:0;
padding: 0.75rem 2rem;
width:100%;
display:block;
text-align:center;
border: 1px solid #999999;
}
.blue-button-keyline-w100 a:active {
color:#FFFFFF;
background: #999999;
padding: 0.75rem 2rem;
width:100%;
display:block;
text-align:center;
border: 1px solid #999999;
}
.blue-button-keyline-w100 a:visited {
padding: 0.75rem 2rem;
width:100%;
display:block;
text-align:center;
}
.blue-button-keyline-w100-s a:link {
color: #33A3FF;
background: #FFFFFF;
padding: 0.65rem 1rem;
font-size:1.2rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width:100%;
display:block;
text-align:center;
border: 1px solid #33A3FF;
font-size: 1rem;
}
.blue-button-keyline-w100-s a:hover {
color:#FFFFFF;
background: #999999;
border-bottom:0;
padding: 0.65rem 1rem;
width:100%;
display:block;
text-align:center;
border: 1px solid #999999;
}
.blue-button-keyline-w100-s a:active {
color:#FFFFFF;
background: #999999;
padding: 0.65rem 1rem;
width:100%;
display:block;
text-align:center;
border: 1px solid #999999;
}
.blue-button-keyline-w100-s a:visited {
padding: 0.65rem 1rem;
width:100%;
display:block;
text-align:center;
}
.blue-button-s a:link {
color: #FFFFFF;
background: #33A3FF;
padding: 5px 10px 5px 10px;
font-size:1rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #33A3FF;
}
.blue-button-s a:hover {
color:#FFF;
background: #1761df;
border-bottom:0;
padding: 5px 10px 5px 10px;
border: 1px solid #1761df;
}
.blue-button-s a:active {
color:#FFFFFF;
padding: 5px 10px 5px 10px;
border: 1px solid #1761df;
}
.blue-button-s a:visited {
color: #FFFFFF;
padding: 5px 10px 5px 10px;
border: 1px solid #33A3FF;
}
.blue-button-keyline-s a:link {
color: #33A3FF;
padding: 5px 10px 5px 10px;
font-size:0.8rem;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #33A3FF;
}
.blue-button-keyline-s a:hover {
color:#1761df;
border-bottom:0;
padding: 5px 10px 5px 10px;
border: 1px solid #1761df;
}
.blue-button-keyline-s a:active {
color:#1761df;
padding: 5px 10px 5px 10px;
border: 1px solid #1761df;
}
.blue-button-keyline-s a:visited {
color: #33A3FF;
padding: 5px 10px 5px 10px;
border: 1px solid #33A3FF;
}
.blue-btn-keyline-s {
color: #33A3FF;
padding: 5px 10px 5px 10px;
font-size:0.8rem;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #33A3FF;
}
.blue-btn-keyline-s:hover {
color:#1761df;
border-bottom:0;
padding: 5px 10px 5px 10px;
border: 1px solid #1761df;
cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.blue-btn-keyline-s-wait {
color: #33A3FF;
border-bottom:0;
padding: 5px 10px 5px 10px;
border: 1px solid #b6c2cc;
background:#b6c2cc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-image: url("../img/oval-thick.svg");
background-repeat: no-repeat;
background-size: 20px;
background-position: 50% 60%;
}
.green-btn-s {
color: #ffffff;
background: #99CC00;
padding: 5px 10px 5px 10px;
font-size:0.8rem;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #99CC00;
}
.green-btn-s:hover {
color: #ffffff;
background:#81ab03;
border-bottom:0;
padding: 5px 10px 5px 10px;
cursor:pointer;
}
.grey-button-s a:link {
color: #FFFFFF;
background: #999;
padding: 5px 10px 5px 10px;
font-size:1rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.grey-button-s a:hover {
color:#FFF;
background: #666;
border-bottom:0;
padding: 5px 10px 5px 10px;
}
.grey-button-s a:active {
color:#FFFFFF;
padding: 5px 10px 5px 10px;
}
.grey-button-s a:visited {
color: #FFFFFF;
padding: 5px 10px 5px 10px;
}
.grey-button-active-s {
color: #FFFFFF;
background: #999;
padding: 5px 10px 5px 10px;
font-size:1rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.grey-wait-button {
color: #FFFFFF;
background: #999;
padding: 9px 20px 9px 20px; /* top right bottom left*/
font-size:1rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.light-grey-button-s a:link {
color: #999;
background: #F4F4F4;
padding: 10px 15px 10px 15px;
font-size:1rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #CCC;
}
.light-grey-button-s a:hover {
color:#999;
background: #EBEBEB;
border-bottom:0;
padding: 10px 15px 10px 15px;
border: 1px solid #CCC;
background: -moz-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f4f4 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f4f4 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom, #f4f4f4 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
.light-grey-button-s a:active {
color:#999;
padding: 10px 15px 10px 15px;
border: 1px solid #CCC;
}
.light-grey-button-s a:visited {
color: #999;
padding: 10px 15px 10px 15px;
border: 1px solid #CCC;
}
.grey-button a:link {
color: #FFFFFF;
background: #999999;
padding: 1rem 2rem;
font-size:18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.grey-button a:hover {
color:#FFF;
background: #666666;
border-bottom:0;
padding: 1rem 2rem;
}
.grey-button a:active {
color:#FFFFFF;
padding: 1rem 2rem;
}
.grey-button a:visited {
color: #FFFFFF;
padding: 1rem 2rem;
}
.grey-button-keyline-s a:link {
color: #666666;
padding: 5px 10px 5px 10px;
font-size:16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #CCC;
}
.grey-button-keyline-s a:hover {
color:#FFFFFF !important;
background: #999999;
border: 1px solid #CCC;
padding: 5px 10px 5px 10px;
}
.grey-button-keyline-s a:active {
color:#FFFFFF;
border: 1px solid #CCC;
padding: 5px 10px 5px 10px;
}
.grey-button-keyline-s a:visited {
color:#666666;
padding: 5px 10px 5px 10px;
border: 1px solid #CCC;
}
.grey-button-keyline a:link {
color: #666666;
padding: 10px 20px 10px 20px;
font-size:16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #CCC;
}
.grey-button-keyline a:hover {
color:#FFFFFF !important;
background: #999999;
border-bottom:0;
padding: 10px 20px 10px 20px;
border: 1px solid #CCC;
}
.grey-button-keyline a:active {
color:#FFFFFF;
padding: 10px 20px 10px 20px;
border: 1px solid #CCC;
}
.grey-button-keyline a:visited {
color:#666666;
padding: 10px 20px 10px 20px;
border: 1px solid #CCC;
}
.red-button-s a:link {
color: #FFFFFF;
background: #F00;
padding: 5px 10px 5px 10px;
font-size:16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.red-button-s a:hover {
color:#FFF;
background: #C80000;
border-bottom:0;
padding: 5px 10px 5px 10px;
}
.red-button-s a:active {
color:#FFFFFF;
padding: 5px 10px 5px 10px;
}
.red-button-s a:visited {
color: #FFFFFF;
padding: 5px 10px 5px 10px;
}
.green-button a:link {
color: #FFFFFF;
background: #7db72f;
padding: 1rem 2rem;
font-size:18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.green-button a:hover {
color:#FFF;
background: #4e7d0e;
border-bottom:0;
padding: 1rem 2rem;
}
.green-button a:active {
color:#FFFFFF;
padding: 1rem 2rem;
}
.green-button a:visited {
color: #FFFFFF;
padding: 1rem 2rem;
}
.green-button-100 a:link {
color: #FFFFFF;
background: #7db72f;
display:inline-block;
width:100%;
height:100%;
font-size:18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.green-button-100 a:hover {
color:#FFF;
background: #4e7d0e;
border-bottom:0;
display:inline-block;
width:100%;
height:100%;
}
.green-button-100 a:active {
color:#FFFFFF;
display:inline-block;
width:100%;
height:100%;
}
.green-button-100 a:visited {
color: #FFFFFF;
display:inline-block;
width:100%;
height:100%;
}
.teal-button a:link {
color: #FFFFFF;
background: #00A89E;
padding: 1rem 2rem;
font-size:18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.teal-button a:hover {
color:#FFF;
background: #028a81;
border-bottom:0;
padding: 1rem 2rem;
}
.teal-button a:active {
color:#FFFFFF;
padding: 1rem 2rem;
}
.teal-button a:visited {
color: #FFFFFF;
padding: 1rem 2rem;
}
.teal-button-100 a:link {
color: #FFFFFF;
background: #00A89E;
display:inline-block;
width:100%;
height:100%;
font-size:18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.teal-button-100 a:hover {
color:#FFF;
background: #028a81;
border-bottom:0;
display:inline-block;
width:100%;
height:100%;
}
.teal-button-100 a:active {
color:#FFFFFF;
display:inline-block;
width:100%;
height:100%;
}
.teal-button-100 a:visited {
color: #FFFFFF;
display:inline-block;
width:100%;
height:100%;
}
.green-button-s a:link {
color: #FFFFFF;
background: #7db72f;
padding: 5px 10px 5px 10px;
font-size:16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.green-button-s a:hover {
color:#FFF;
background: #4e7d0e;
border-bottom:0;
padding: 5px 10px 5px 10px;
}
.green-button-s a:active {
color:#FFFFFF;
padding: 5px 10px 5px 10px;
}
.green-button-s a:visited {
color: #FFFFFF;
padding: 5px 10px 5px 10px;
}
.orange-button a:link {
color: #FFFFFF;
background: #E66000;
padding: 1rem 2rem;
font-size:18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.orange-button a:hover {
color:#FFF;
background: #b74d01;
border-bottom:0;
padding: 1rem 2rem;
}
.orange-button a:active {
color:#FFFFFF;
padding: 1rem 2rem;
}
.orange-button a:visited {
color: #FFFFFF;
padding: 1rem 2rem;
}
.orange-btn {
border: 2px solid #E66000;
background: #E66000;
color: #FFFFFF;
padding: 10px 20px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.blue-btn{
border: 2px solid #33A3FF;
color: #FFFFFF;
background: #33A3FF;
color: #FFFFFF;
padding: 10px 20px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-appearance: none;
}
.blue-btn:hover{
border: 2px solid #1794fa;
background: #1794fa;
}
.orange-button-100 a:link {
color: #FFFFFF;
background: #E66000;
display:inline-block;
width:100%;
height:100%;
font-size:18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.orange-button-100 a:hover {
color:#FFF;
background: #b74d01;
border-bottom:0;
display:inline-block;
width:100%;
height:100%;
}
.orange-button-100 a:active {
color:#FFFFFF;
display:inline-block;
width:100%;
height:100%;
}
.orange-button-100 a:visited {
color: #FFFFFF;
display:inline-block;
width:100%;
height:100%;
}
.purple-button a:link {
color: #FFFFFF;
background: #916CB8;
padding: 1rem 2rem;
font-size:18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.purple-button a:hover {
color:#FFF;
background: #725492;
border-bottom:0;
padding: 1rem 2rem;
}
.purple-button a:active {
color:#FFFFFF;
padding: 1rem 2rem;
}
.purple-button a:visited {
color: #FFFFFF;
padding: 1rem 2rem;
}
.purple-button-100 a:link {
color: #FFFFFF;
background: #916CB8;
display:inline-block;
width:100%;
height:100%;
font-size:18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.purple-button-100 a:hover {
color:#FFF;
background: #725492;
border-bottom:0;
display:inline-block;
width:100%;
height:100%;
}
.purple-button-100 a:active {
color:#FFFFFF;
display:inline-block;
width:100%;
height:100%;
}
.purple-button-100 a:visited {
color: #FFFFFF;
display:inline-block;
width:100%;
height:100%;
}
.blue-hover-bg {
background: #33A3FF;
}
.blue-hover-bg:hover {
background: #1794fa;
border-bottom:0;
cursor:pointer;
}
.blue-hover-bg a{
color: #FFFFFF;
}
.blue-button-full-width a:link {
color: #FFFFFF;
background: #33A3FF;
font-size:18px;
padding-top: 16px; /* top right bottom left*/
padding-bottom: 16px; /* top right bottom left*/
display:inline-block;
width: 100%;
text-align: center;
border-radius:2rem;
}
.blue-button-full-width a:hover {
color:#FFF;
background: #1794fa;
border-bottom:0;
padding-top: 16px; /* top right bottom left*/
padding-bottom: 16px; /* top right bottom left*/
display:inline-block;
width: 100%;
text-align: center;
}
.blue-button-full-width a:active {
color:#FFFFFF;
padding-top: 16px; /* top right bottom left*/
padding-bottom: 16px; /* top right bottom left*/
display:inline-block;
width: 100%;
text-align: center;
}
.blue-button-full-width a:visited {
color: #FFFFFF;
padding-top: 16px; /* top right bottom left*/
padding-bottom: 16px; /* top right bottom left*/
display:inline-block;
width: 100%;
text-align: center;
}
.blue-form-button{
/* font: normal 16px 'neo_sansregular', sans-serif; */
color: #FFFFFF;
background: #33A3FF;
padding: 1rem 1.5rem; /* top right bottom left*/
font-size:18px;
-webkit-border-radius: 2rem;
-moz-border-radius: 2rem;
border-radius: 2rem;
border:0;
-webkit-appearance: none;
}
.blue-form-button:hover{
background: #1794fa;
}
.blue-form-button-s{
/* font: normal 16px 'neo_sansregular', sans-serif; */
color: #FFFFFF;
background: #33A3FF;
padding: 0.5rem 0.8rem; /* top right bottom left*/
font-size:15px;
-webkit-border-radius: 1.3rem;
-moz-border-radius: 1.3rem;
border-radius: 1.3rem;
border:0;
-webkit-appearance: none;
}
.blue-form-button-s:hover{
background: #1794fa;
}
.grey-form-button-s{
/* font: normal 16px 'neo_sansregular', sans-serif; */
color: #000000;
background: #CCCCCC;
padding: 0.5rem 0.8rem; /* top right bottom left*/
font-size:15px;
-webkit-border-radius: 1.3rem;
-moz-border-radius: 1.3rem;
border-radius: 1.3rem;
border:0;
-webkit-appearance: none;
}
.grey-form-button-s:hover{
background: #DDDDDD;
}
.grey-form-button{
/* font: normal 16px 'neo_sansregular', sans-serif; */
color: #000000;
background: #CCCCCC;
padding: .7rem; /* top right bottom left*/
font-size:18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:0;
-webkit-appearance: none;
}
.grey-form-button:hover{
background: #DDDDDD;
}
.button-nav-active {
color: #666;
background: #F4F4F4;
padding: 10px 15px 10px 15px;
font-size:16px;
font-weight:600;
border-right:1px solid #CCC;
line-height:40px;
}
.button-nav a:link {
padding: 10px 15px 10px 15px;
font-size:16px;
font-weight:600;
border-right:1px solid #CCC;
}
.button-nav a:hover {
background: #1795FA;
color:#FFF;
border-bottom:0;
padding: 10px 15px 10px 15px;
border-right:1px solid #CCC;
}
.button-nav a:active {
padding: 10px 15px 10px 15px;
border-right:1px solid #CCC;
}
.button-nav a:visited {
padding: 10px 15px 10px 15px;
border-right:1px solid #CCC;
}
.hover-pointer:hover{
cursor: pointer;
}
/* Green btn toggle
/////////////////////////////////// */
input.toggle-green-btn[type=checkbox]{
height: 0;
width: 0;
visibility: hidden;
}
label.toggle-green-btn {
cursor: pointer;
text-indent: -9999px;
width: 40px;
height: 40px;
background: #e9e9e9;
display: block;
border-radius: 50%;
position: relative;
}
label.toggle-green-btn:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
/* background: blue; */
border-radius: 50%;
transition: 0.3s;
}
input.toggle-green-btn:checked + label {
background: #bada55;
}
input.toggle-green-btn:checked + label {
color:white;
}
input.toggle-green-btn:checked + label:after {
/* left: calc(100% - 2px);
transform: translateX(-100%);
background: #bada55; */
}
label.toggle-green-btn:active:after {
/* width: 25px; */
/* display:none; */
}
/* End Slide toggle
/////////////////////////////////// */
/* Yellow btn toggle
/////////////////////////////////// */
input.toggle-yellow-btn[type=checkbox]{
height: 0;
width: 0;
visibility: hidden;
}
label.toggle-yellow-btn {
cursor: pointer;
text-indent: -9999px;
width: 40px;
height: 40px;
background: #e9e9e9;
display: block;
border-radius: 50%;
position: relative;
}
label.toggle-yellow-btn:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
/* background: blue; */
border-radius: 50%;
transition: 0.3s;
}
input.toggle-yellow-btn:checked + label {
background: gold;
}
input.toggle-yellow-btn:checked + label:after {
/* left: calc(100% - 2px);
transform: translateX(-100%);
background: #bada55; */
}
label.toggle-yellow-btn:active:after {
/* width: 25px; */
/* display:none; */
}
/* End Slide toggle
/////////////////////////////////// */
/* Red btn toggle
/////////////////////////////////// */
input.toggle-red-btn[type=checkbox]{
height: 0;
width: 0;
visibility: hidden;
}
label.toggle-red-btn {
cursor: pointer;
text-indent: -9999px;
width: 40px;
height: 40px;
background: #e9e9e9;
display: block;
border-radius: 50%;
position: relative;
}
label.toggle-red-btn:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
/* background: blue; */
border-radius: 50%;
transition: 0.3s;
}
input.toggle-red-btn:checked + label {
background: red;
}
input.toggle-red-btn:checked + label:after {
/* left: calc(100% - 2px);
transform: translateX(-100%);
background: #bada55; */
}
label.toggle-red-btn:active:after {
/* width: 25px; */
/* display:none; */
}
/* End Slide toggle
/////////////////////////////////// */
.btn {
background: #683C11;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
font-size: 18px;
padding: 0 10px 0 10px;
text-decoration: none;
border:0;
text-align:center;
display:block;
width:100%;
height:43px;
}
.btn:hover {
background: #834910;
text-decoration: none;
border:0;
text-align:center;
display:block;
width:100%;
height:43px;
cursor:pointer;
}
.btn-wait {
background: #CCCCCC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
font-size: 20px;
padding: 0;
text-decoration: none;
border:0;
text-align:center;
display:block;
width:100%;
height:43px;
background-image: url("../img/oval-thick.svg");
background-repeat: no-repeat;
background-size: 30px;
background-position: 50% 60%;
}
.btn-white-keyline {
background: none;
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
color: #ffffff;
font-size: 20px;
padding: 0 10px 0 10px;
text-decoration: none;
border:1px solid white;;
text-align:center;
display:block;
width:100%;
height:43px;
}
.btn-white-keyline:hover {
background: none;
text-decoration: none;
border:2px solid white;;
text-align:center;
display:block;
width:100%;
height:43px;
cursor:pointer;
}
.btn-green {
background: #adc853;
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
color: #ffffff;
font-size: 20px;
padding: 0 10px 0 10px;
text-decoration: none;
border:0;
display:block;
width:100%;
height:43px;
}
.btn-green:hover {
background: #9bb447;
text-decoration: none;
border:0;
text-align:center;
display:block;
width:100%;
height:43px;
cursor:pointer;
}
.btn-grey {
background: #64808d;
/* background-image: -webkit-linear-gradient(top, #33A3FF, #33A3FF);
background-image: -moz-linear-gradient(top, #33A3FF, #33A3FF);
background-image: -ms-linear-gradient(top, #33A3FF, #33A3FF);
background-image: -o-linear-gradient(top, #33A3FF, #33A3FF);
background-image: linear-gradient(to bottom, #33A3FF, #33A3FF); */
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
color: #ffffff;
font-size: 18px;
padding: 0 10px 0 10px;
text-decoration: none;
border:0;
text-align:center;
display:block;
width:100%;
height:43px;
}
.btn-grey:hover {
background: #445760;
/* background-image: -webkit-linear-gradient(top, #1794fa, #1794fa);
background-image: -moz-linear-gradient(top, #1794fa, #1794fa);
background-image: -ms-linear-gradient(top, #1794fa, #1794fa);
background-image: -o-linear-gradient(top, #1794fa, #1794fa);
background-image: linear-gradient(to bottom, #1794fa, #1794fa); */
text-decoration: none;
border:0;
text-align:center;
display:block;
width:100%;
height:43px;
cursor:pointer;
}
/* /////////////////////
-> END BUTTONS
/* /////////////////////
// LISTS */
.ul-no-style {margin:0; padding:0}
.ul-no-style li {margin:0; padding:0; list-style:none; padding:5px 0px; border-bottom: 1px dotted #CCC; position:relative;}
/* /////////////////////
-> END LISTS
/* Slide toggle
/////////////////////////////////// */
input.toggle[type=checkbox]{
height: 0;
width: 0;
visibility: hidden;
}
label.toggle {
cursor: pointer;
text-indent: -9999px;
width: 50px;
height: 26px;
background: grey;
display: block;
border-radius: 26px;
position: relative;
}
label.toggle:after {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 22px;
height: 22px;
background: #fff;
border-radius: 22px;
transition: 0.3s;
}
input.toggle:checked + label {
background: #bada55;
}
input.toggle:checked + label:after {
left: calc(100% - 2px);
transform: translateX(-100%);
}
label.toggle:active:after {
width: 32px;
}
/* End Slide toggle
/////////////////////////////////// */
/* Dashboard
/////////////////////////////////////////// */
.tab-list {
padding:0; list-style:none; margin-bottom:10px; line-height:20px;
position:relative;
top: 0px;
z-index:899;
}
.tab-list li:first-child {
margin-left: 10px;
}
.tab-list li a:link, .tab-list li a:visited {
color: #FFF;
background-color:#33A3FF;
padding:15px 20px 15px 20px;
-webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6eb0e1+75,609ecc+100 */
background: #33A3FF; /* Old browsers */
background: -moz-linear-gradient(top, #33A3FF 80%, #1794fa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #33A3FF 80%,#1794fa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #33A3FF 80%,#1794fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33A3FF', endColorstr='#1794fa',GradientType=0 ); /* IE6-9 */
}
.tab-list li a:hover {
color: #FFF;
background:#1794fa;
border-bottom:none;
padding:15px 20px 15px 20px;
-webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
}
.tab-list li{
display:inline; padding:15px 0px 15px 0px; background:#F4F4F4; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; font-weight:400; line-height:20px; margin-right:3px;
}
.active-tab {
padding:15px 20px;
font-family: 'neo_sansregular';
border:1px solid #CCC;
-webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
border-bottom: none;
position:relative;
z-index:999;
-webkit-box-shadow: 0 1px 1px 1px #f4f4f4;
box-shadow: 0 1px 1px 1px #f4f4f4;
}
.white-link a:link, .white-link a:visited {color: #FFFFFF;}
.white-link a:hover {color: #FFFFFF; border:0;}
.full-screen{
/* display: none; */
justify-content: center;
align-items: center;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: auto;
}
/* ALERTS
/////////////////////////////// */
.alert_error{
background:#F2DEDE;
/*background:red;*/
color:#AA4443;
padding:1rem;
font-size:1.1rem;
border-radius:5px;
}
.alert-message{
background:#FFDF00;
/*background:red;*/
color:#4f3d02;
padding:1rem;
font-size:1.1rem;
border-radius:5px;
border-left:10px solid #e0c402;
}
.alert-message * {
color: #4f3d02;
}
/* MODAL
/////////////////////////////// */
.blackout {
display: none;
justify-content: center;
align-items: center;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.8);
color: rgba(255, 255, 255, 0.8);
z-index: 99999999999;
}
.modal-content{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
width:500px;
background:white;
margin:1rem;
}
.blackout_next {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.8);
color: rgba(255, 255, 255, 0.8);
z-index: 1000;
display: none; }
/* FORMS
/////////////////////////////// */
.text-input {
border: 1px solid #CCC;
padding: 10px;
font-size: 1rem;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
color: #2c2e2f;
width: 100%;
}
.text-input-no-style {
border: none;
outline: none;
background:none;
}
.text-input:focus {
outline: 1px solid #33A3FF;
box-shadow: 0px 0px 5px 1px rgba(110,176,225,0.5);
-webkit-box-shadow: 0px 0px 5px 1px rgba(110,176,225,0.5);
-moz-box-shadow: 0px 0px 5px 1px rgba(110,176,225,0.5);
}
.focus-none:focus {
outline: 0px;
}
.blue-glow{
box-shadow: 0px 0px 5px 1px rgba(110,176,225,0.5);
-webkit-box-shadow: 0px 0px 5px 1px rgba(110,176,225,0.5);
-moz-box-shadow: 0px 0px 5px 1px rgba(110,176,225,0.5);
}
.prevent-select {
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
}
.very-light-teal-bg{
background:#B2E5E2;
}
.very-light-teal-input::placeholder{
color:#00ABA4;
}
.text-input-blue {
padding: 10px;
font-size: 1rem;
font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
color: #2c2e2f;
width: 100%;
background:none;
}
.text-input-blue:focus {
outline: none;
}
.text-input-blue::placeholder{
color:#32A3FF;
font-weight:600;
}
.form-group{
/* margin-bottom:1em; */
transition:all .3s;
height:70px;
}
.form-label{
font-size:1.1rem;
color: #666666;
display: block;
opacity:1;
transform: translateY(-1.25em);
transform-origin:0 0;
transition:all .3s;
position:relative;
top:-16px;
left:15px;
pointer-events: none;
}
.form-control{
box-shadow: none;
border-radius:5px;
border: 1px solid #CCCCCC;
width: 100%;
transition:all .5s;
padding: 12px;
font-size:1.1rem;
/* line-height:50%; */
}
.form-control::placeholder{
color:transparent;
font-size: 1em;
}
.form-control:focus{
box-shadow: none;
outline:none;
border-color: #1761df;
border-style: 1px solid #CCCCCC;
box-shadow: 0px 0px 5px 1px rgba(110,176,225,0.5);
-webkit-box-shadow: 0px 0px 5px 1px rgba(110,176,225,0.5);
-moz-box-shadow: 0px 0px 5px 1px rgba(110,176,225,0.5);
}
.form-control:focus + .form-label, .form-control:not(:placeholder-shown) + .form-label
{
transform:translateY(-3.75em);
color:#1761df;
font-size:0.8rem;
background: white;
display: inline-block;
padding:0 5px 0 5px;
/* font-weight: 900; */
/* line-height:0.9em; */
}
.blue-text-input{
box-shadow: none;
border-radius:5px;
border: 0;
width: 100%;
transition:all .5s;
padding: 12px;
font-size:1.1rem;
background:#e1f0fc;
padding-left:3rem;
/* border: 1px solid #FFFFFF; */
font-weight: 500;
}
.blue-text-input:hover{
background:#d7ecfc;
}
.blue-text-input:focus{
box-shadow: none;
outline:none;
}
.blue-text-input:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #003087;
opacity: 0.4; /* Firefox */
}
.blue-text-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #003087;
opacity: 1; /* Firefox */
}
.blue-text-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #003087;
}
.blue-text-input::-ms-input-placeholder { /* Microsoft Edge */
color: #003087;
}
.form-wrap{
border: 1px solid #CCCCCC;
}
.stripes{
background: linear-gradient(-45deg,
#fb3 25%, black 0, black 50%,
#fb3 0, #fb3 75%, black 0);
background-size: 42.4px 42.4px;
margin-top:0;
flex-direction: row;
justify-content: center;
text-align: center;
}
.col-wrap{
align-items: stretch;
flex-direction: row;
justify-content: center;
background:white;
}
.img-wrap{
width:80%;
margin:0 auto;
padding:1rem 1.5rem 0 0;
}
.center1200{
margin:0 auto;
max-width:1200px;
}
.flex-center-row {
flex-direction: row;
justify-content: center;
text-align:center;
}
.main-heading{
font-size:4rem;
color:white;
align-self: center;
line-height: 4rem;
padding:0rem 2rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.twentyfour-header{
font-size:2rem;
color:black;
padding:1rem;
background: #fb3;
}
.glow{
-webkit-box-shadow: 0px 0px 36px 25px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 36px 25px rgba(255,255,255,1);
box-shadow: 0px 0px 36px 25px rgba(255,255,255,1);
}
.text-glow{
color: #FFFFFF;
text-shadow: 3px 3px 2px #474747;
}
.mb05{margin:0 0 0.5rem 0;}
.mb1{margin:0 0 1rem 0;}
.mb2{margin:0 0 2rem 0;}
.ng-isolate-scope{display:none;}
.two-one-one{padding:2rem;}
.two-one-two{padding:2rem;}
.main-heading-wrap{
background: rgba(64, 0, 117, 0.4);
align-self: center;
margin:0 3rem;
}
.user-image {
border:6px solid #FFFFFF;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
min-width:80px;
min-height:80px;
overflow:hidden;
text-align:center;
}
.shadow{ -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);}
.shadow-dark{ -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);}
.shadow360{
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
.img100 {
width: 100%;
height: auto;
}
.green-mast-top{
background:#157315;
padding:1rem;
text-align:center;
font-size:1.5rem;
margin:0;
}
.light-green-box{
background:#e0fde0;
padding:1.5rem 1rem;
margin-bottom:3rem;
}
.lined-paper {
position: relative;
background-color: #ffffe7;
background-image:
linear-gradient(90deg, transparent 29px, #fcc 29px, #fcc 31px, transparent 31px),
linear-gradient(90deg, transparent 49px, #fcc 49px, #fcc 51px, transparent 51px),
linear-gradient(rgba(153,204,255,.3) .1em, transparent .1em);
background-size: 100% 1.5em;
}
.lined-paper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
/*height: 4em;*/
background-color: #ffffe7;
background-image:
linear-gradient(90deg, transparent 29px, #fcc 29px, #fcc 31px, transparent 31px),
linear-gradient(90deg, transparent 49px, #fcc 49px, #fcc 51px, transparent 51px);
}
.hr {
color: #fff;
background-color: #fff;
border: 2px dotted #CCCCCC;
border-style: none none dotted;
}
.hr-fade {
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 49%, rgba(255,255,255,1) 100%);
height:1px;
}
.hr-pointer {
color: #fff;
background-color: #fff;
border: 1px solid #E8E8E8;
}
.hr-pointer-arrow {
width:20px;
height:20px;
border-right:2px solid #E8E8E8;
border-bottom:2px solid #E8E8E8;
transform: rotateY(0deg) rotate(45deg);
background:white;
margin:0 auto;
position:relative;
top:-10px;
}
.graph-paper
{
background-color: #FFFFFF;
background-image:
linear-gradient(0deg, transparent, transparent 99px, #B0B0B0 99px, #B0B0B0 99px),
linear-gradient(90deg, transparent, transparent 99px, #B0B0B0 99px, #B0B0B0 99px),
linear-gradient(0deg, transparent, transparent 49px, #D0D0D0 49px, #D0D0D0 49px),
linear-gradient(90deg, transparent, transparent 49px, #D0D0D0 49px, #D0D0D0 49px),
linear-gradient(0deg, transparent, transparent 9px, #EAEAEA 9px, #EAEAEA 9px),
linear-gradient(90deg, transparent, transparent 9px, #EAEAEA 9px, #EAEAEA 9px);
background-size: 100px 100px, 100px 100px, 50px 50px, 50px 50px, 10px 10px, 10px 10px;
}
/* Mobile nav */
.mnav{margin:0; padding:0; position:relative;}
.mnav li {border-bottom: 1px solid #666;}
.mnav li a:link, .mnav li a:hover, .mnav li a:active, .mnav li a:visited {color:white; border-bottom:0; display:block; padding:0.5rem 0.5rem 0.5rem 1rem;}
.mnav li a:hover, .mnav li a:active {background:#6eb0e1;}
@keyframes grow {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.flare{
animation: 0.5s ease-out 0s 1 grow;
content: "";
display: block;
width: 100%;
height: 3px;
background: white;
}
/* Radio buttons*/
.container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark-radio {
position: absolute;
top: 7px;
left: 7px;
height: 20px;
width: 20px;
}
.container input ~ .checkmark-radio {
color:#aaaaaa;
border:0;
top:9px;
}
.container:hover input ~ .checkmark-radio {
color:#aaaaaa;
}
.container input:checked ~ .checkmark-radio {
color:#5E9ECC;
}
.checkmark-radio:after {
content: "";
position: absolute;
display: none;
}
.container input:checked ~ .checkmark-radio:after {
display: block;
}
.container .checkmark-radio:after {
font-size:0.9rem;
}
/* END - Radio buttons*/
/* START Scroll top */
.scrollTop {
position: fixed;
right: 1rem;
bottom: 1rem;
background-color: RGBA(110,176,225,0.75);
padding: 0.8rem 1rem;
opacity: 0;
transition: all 0.4s ease-in-out 0s;
}
.scrollTop a:link, .scrollTop a:active, .scrollTop a:hover, .scrollTop a:visited {
font-size: 18px;
color: #fff;
padding: 0px;
border:0;
text-decoration: none;
margin: 0;
}
/* END Scroll top */
.main-image {
background-image: url("../img/blur-bg.jpg");
background-size: cover;
background-position: center top;
}
.main-image-330 {
background-image: url("../img/blur-bg.jpg");
background-size: cover;
background-position: center top;
height:330px;
}
.drop-shadow {
-webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
}
.drop-shadow-10 {
-webkit-box-shadow: 0px 0px 10px 0px rgba(000,000,000,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(000,000,000,0.3);
box-shadow: 0px 0px 10px 0px rgba(000,000,000,0.3);
}
.drop-shadow-20 {
-webkit-box-shadow: 0px 0px 20px 0px rgba(000,000,000,0.3);
-moz-box-shadow: 0px 0px 20px 0px rgba(000,000,000,0.3);
box-shadow: 0px 0px 20px 0px rgba(000,000,000,0.3);
}
.drop-shadow-blk {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
/* FOOTER
////////////////////////////////////// */
#footer {
width: 100%;
background-color: #414C53;
padding-bottom: 20px;
}
.footer-content {
margin: 0 auto;
width: 1200px;
padding:0 2rem;
}
#footer li a:link, #footer li a:visited {
font-size: 1rem;
color: #B5BABC;
text-decoration: none;
}
#footer li a:hover, #footer li a:active {
font-size: 1rem;
color: #CCCCCC;
border-bottom: 1px dotted #CCCCCC;
}
#footer li {
list-style: none;
padding: 0;
margin: 0 0 3px -40px;;
}
/* Prompts
/////////////////////////////////////// */
.no-content {
background: url(../img/no-content.png) no-repeat top right;
background-color:#FFF;
background-size: contain;
border: 1px solid #FFCC33 !important;
}
.no-content-s {
background: url(../img/no-content.png) no-repeat top right;
background-size: 45px 45px;
background-color:#FFF;
border: 1px solid #FFCC33 !important;
}
.green-triangle {
width: 0px;
height: 0px;
border: 10px solid transparent;
border-top-color: #9C0;
margin-left: 7px; }
.yellow-triangle {
width: 0px;
height: 0px;
border: 10px solid transparent;
border-top-color: #FC3;
margin-left: 7px; }
.dark-blue-triangle {
width: 0px;
height: 0px;
border: 10px solid transparent;
border-top-color: #003087;
}
.light-grey-triangle {
width: 0px;
height: 0px;
border: 10px solid transparent;
border-top-color: #F4F4F4;
}
.yellow-triangle-right {
width: 0px;
height: 0px;
border: 10px solid transparent;
border-left-color: #FC3;
margin-left: 7px;
}
.yellow-triangle-left {
width: 0px;
height: 0px;
border: 10px solid transparent;
border-right-color: #FC3;
margin-left: 7px;
}
.grey-triangle-up{
width:20px;
height:20px;
background:#F8F8F8;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
-ms-transform: rotate(45deg); /* IE 9 */
-ms-transform-origin: 20% 40%; /* IE 9 */
transform: rotate(45deg);
transform-origin: 20% 40%;
margin-left:20px;
position:relative;
top:5px;
}
.spacer1{height:1rem;}
.spacer2{height:2rem;}
.spacer3{height:3rem;}
/* Heights
////////////////////////////////////////////////// */
.h100{height:100%}
.mh100{min-height:100%}
.h1r{height:1rem;}
.h2r{height:2rem;}
.h3r{height:3rem;}
.h3-5r{height:3.5rem;}
.h4r{height:4rem;}
.h5r{height:5rem;}
/* Justify
////////////////////////////////////////////////// */
.jcenter{justify-content: center;}
/* Links
////////////////////////////////////////////////// */
.dark-blue-link a:link, .dark-blue-link a:active {
color: #003087;
text-decoration: none;
}
.dark-blue-link a:visited {
color: #003087;
text-decoration: none;
}
.dark-blue-link a:hover {
color: #1761df;
text-decoration: none;
border: 0;
}
.grey-link a:link, .grey-link a:active {
color: #666666;
text-decoration: none;
}
.grey-link a:visited {
color: #666666;
text-decoration: none;
}
.grey-link a:hover {
color: #2c2e2f;
text-decoration: none;
border: 0;
}
.dark-blue-hover:hover, .dark-blue-hover:hover * {color:#003087;}
.grey-fade {
background: #bfbfbf;
/* Old browsers */
background: -moz-linear-gradient(-45deg, #bfbfbf 0%, white 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #bfbfbf), color-stop(100%, white));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #bfbfbf 0%, white 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #bfbfbf 0%, white 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #bfbfbf 0%, white 100%);
/* IE10+ */
background: linear-gradient(135deg, #bfbfbf 0%, white 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfbfbf', endColorstr='#ffffff',GradientType=1 );
/* IE6-9 fallback on horizontal gradient */ }
.grey-fade-reverse {
background: #ffffff;
/* Old browsers */
background: -moz-linear-gradient(-45deg, white 0%, #bfbfbf 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, white), color-stop(100%, #bfbfbf));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, white 0%, #bfbfbf 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, white 0%, #bfbfbf 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, white 0%, #bfbfbf 100%);
/* IE10+ */
background: linear-gradient(135deg, white 0%, #bfbfbf 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bfbfbf',GradientType=1 );
/* IE6-9 fallback on horizontal gradient */ }
.grey-fade-light {
background: #f4f4f4;
/* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f4f4f4 0%, white 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, white));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 0%, white 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f4f4 0%, white 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f4f4 0%, white 100%);
/* IE10+ */
background: linear-gradient(to bottom, #f4f4f4 0%, white 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
/* IE6-8 */ }
.blue-gradient {
background: #009adf;
/* Old browsers */
background: -moz-linear-gradient(-45deg, #009adf 0%, #2b2f88 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #009adf), color-stop(100%, #2b2f88));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #009adf 0%, #2b2f88 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #009adf 0%, #2b2f88 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #009adf 0%, #2b2f88 100%);
/* IE10+ */
background: linear-gradient(135deg, #009adf 0%, #2b2f88 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009adf', endColorstr='#2b2f88',GradientType=1 );
/* IE6-9 fallback on horizontal gradient */ }
.record-set a:link, .record-set a:visited {
color: #2c2e2f;
width:20px;
height:17px;
line-height:12px;
font-weight:500;
background: #F4F4F4; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
border: 1px solid #c6c6c6;
text-align:center;
margin-right:3px;
padding-top: 3px;
padding-right: 8px;
padding-bottom: 3px;
padding-left: 8px;
border-radius:3px;
}
.record-set a:hover {
color: #FFF;
width:20px;
height:17px;
line-height:12px;
background: #33A3FF;
border: 1px solid #33A3FF;
text-align:center;
margin-right:3px;
padding-top: 3px;
padding-right: 8px;
padding-bottom: 3px;
padding-left: 8px;
border-radius: 3px;
}
.record-set-page{
color: #FFF;
width:20px;
height:17px;
line-height:12px;
background-color: #003087;
border: 1px solid #003087;
text-align:center;
margin-right:3px;
padding-top: 3px;
padding-right: 8px;
padding-bottom: 3px;
padding-left: 8px;
border-radius: 3px;
}
.block-heading{
background:#33A3FF;
color:#FFF;
padding:5px 10px;
font-size:18px;
}
.block-heading-grey{
background:#737373;
color:#FFF;
padding:5px 10px;
font-size:14px;
}
.block-emphasis-grey{
background:#999999;
color:#FFF;
padding:5px 5px;
}
.fade-out-foot
{
height:30px;
position:relative;
top:-30px;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.66) 66%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.66) 66%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.66) 66%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.pallet-header{
position: absolute; /* Make the child positioned */
left: 0;
top: 0;
background-color:#f5fcdc;
padding: 1.5rem;
width:100%;
border-radius: 10px;
}
.switch-field {
display: flex;
overflow: hidden;
}
.switch-field input {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
}
.switch-field label {
background: #e4e4e4;
color: rgba(0, 0, 0, 0.6);
font-size: 14px;
line-height: 2;
text-align: center;
padding: 8px 16px;
margin-right: -1px;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
transition: all 0.1s ease-in-out;
}
.switch-field label:hover {
cursor: pointer;
}
.switch-field input:checked + label {
background: #FFFFFF;
box-shadow: none;
}
.switch-field label:first-of-type {
border-radius: 4px 0 0 4px;
}
.switch-field label:last-of-type {
border-radius: 0 4px 4px 0;
}
/**
* Tooltip Styles
*/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
position: relative;
z-index: 999;
cursor: pointer;
}
/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
}
/* Position tooltip above the element */
[data-tooltip]:before {
position: absolute;
bottom: 150%;
left: 50%;
margin-bottom: 5px;
margin-left: -55px;
padding: 7px;
width: 100px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 14px;
line-height: 1.2;
}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
position: absolute;
bottom: 150%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
}
/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/* Add this attribute to the element that needs a tooltip */
[data-tooltip-center] {
position: relative;
z-index: 2000;
cursor: pointer;
}
/* Hide the tooltip content by default */
[data-tooltip-center]:before,
[data-tooltip-center]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
}
/* Position tooltip above the element */
[data-tooltip-center]:before {
position: absolute;
bottom: 70%;
left: 50%;
margin-bottom: 5px;
margin-left: -35px;
padding: 7px;
width: 90px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip-center);
text-align: center;
font-size: 14px;
line-height: 1.2;
white-space: nowrap;
}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip-center]:after {
position: absolute;
bottom: 70%;
left: 50%;
margin-left: 10px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
white-space: nowrap;
}
/* Show tooltip content on hover */
[data-tooltip-center]:hover:before,
[data-tooltip-center]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/* Add this attribute to the element that needs a tooltip */
[data-tooltip-short] {
position: relative;
z-index: 2000;
cursor: pointer;
}
/* Hide the tooltip content by default */
[data-tooltip-short]:before,
[data-tooltip-short]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
}
/* Position tooltip above the element */
[data-tooltip-short]:before {
position: absolute;
bottom: 120%;
left: 50%;
margin-bottom: 5px;
margin-left: -35px;
padding: 7px;
width: 60px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip-short);
text-align: center;
font-size: 0.8rem;
line-height: 1.2;
white-space: nowrap;
font: normal 0.8rem 'neo_sansregular', sans-serif;
}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip-short]:after {
position: absolute;
bottom: 120%;
left: 50%;
margin-left: -2px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
white-space: nowrap;
}
/* Show tooltip content on hover */
[data-tooltip-short]:hover:before,
[data-tooltip-short]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/* Add this attribute to the element that needs a tooltip */
[data-tooltip-round-button] {
position: relative;
z-index: 20000;
cursor: pointer;
}
/* Hide the tooltip content by default */
[data-tooltip-round-button]:before, [data-tooltip-round-button]:after {
visibility: hidden;
/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
/* filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); */
opacity: 0;
pointer-events: none;
}
/* Position tooltip above the element */
[data-tooltip-round-button]:before {
position: absolute;
bottom: 80%;
left: 50%;
margin-bottom: 5px;
margin-left: -55px;
padding: 7px;
width: 100px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip-round-button);
text-align: center;
font-size: 14px;
line-height: 1.2;
}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip-round-button]:after {
position: absolute;
bottom: 80%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
}
/* Show tooltip content on hover */
[data-tooltip-round-button]:hover:before,
[data-tooltip-round-button]:hover:after {
visibility: visible;
/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
/* filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); */
opacity: 1;
}
.white-link a:link, .white-link a:active, .white-link a:visited {
color: #FFF;
border-bottom: 0px; }
.white-link a:hover {
color: #CCC;
border-bottom: 0px; }
.white-link-and-hover a:link, .white-link-and-hover a:active, .white-link-and-hover a:visited {
color: #FFF;
border-bottom: 0px; }
.white-link-and-hover a:hover {
color: #FFF;
border-bottom: 0px; }
.search-button {
font: normal 16px 'neo_sansregular', sans-serif;
width: 100px;
height: 50px;
background: #33A3FF;
color: #FFF;
border: 0;
font-size: 20px;
position: relative;
top: -4px;
-webkit-appearance: none;
border-radius: 0;}
.search-button-m {
width: 100px;
height: 32px;
background: #33A3FF;
color: #FFF;
border: 0;
font-size: 16px;
position: relative;
top: -2px; }
.search-button:hover, .search-button-m:hover {
background: #003087;
-webkit-appearance: none;
border-radius: 0;}
.search-button-mw a:link, .search-button-mw a:active, .search-button-mw a:visited {
padding: 7px 15px;
background: #33A3FF;
color: #FFF;
border: 0;
font-size: 16px;
position: relative;
top: -2px; }
.search-button-mw a:hover {
color: #FFF;
background: #003087; }
.search_full_width {
width: 710px;
height: 50px;
padding: 0 15px;
font: normal 30px 'neo_sanslight', sans-serif;
color: #33A3FF;
border: 0;
margin-right: 5px;
}
.search_100w {
width: 100%;
height: 50px;
padding: 0 15px;
font: normal 30px 'neo_sanslight', sans-serif;
color: #33A3FF;
border: 0;
}
#q-header:hover{
cursor:move;
}
#l-header:hover{
cursor:move;
}
/* Style select menus */
/* remove the default select arrow for IE10 and up */
select::-ms-expand {
display: none;
}
.select select {
/* remove the default select arrow for non-IE browsers */
-webkit-appearance: none;
-moz-appearance: none; /* works on FF35+ */
-o-appearance: none;
appearance: none;
padding: 0 38px 0 12px;
background: #fff url('#') no-repeat 95% 50%;
background: #fff url('#') no-repeat calc(100% - 5px) 50%;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMiIgYmFzZVByb2ZpbGU9InRpbnkiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE0LjUgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiNCQ0JFQzAiIHBvaW50cz0iMTMuMiw2LjkgMTAsMTAgNi45LDYuOSAiLz48cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjYuNiw3IDMuNCwxMC4xIDAuMyw3ICIvPjwvc3ZnPg==);
font-size:15px;
box-sizing: border-box;
border: 1px solid #D0D0D0;
border-radius: 4px;
outline: none;
cursor: pointer;
line-height: 18px;
text-indent: 0.01px;
text-overflow: '';
height: 42px;
}
.dim-screen
{
position:fixed;
padding:0;
margin:0;
top:0px;
left:0;
width: 100%;
height: 100%;
background:rgba(000000,000000,000000,0.5);
}
/* Flex */
.flex-aic{align-items:center;}
.flex-air{align-items:right;}
.flex-g0{flex-grow:0;}
.flex-g1{flex-grow:1;}
.flex-g2{flex-grow:2;}
.flex-col{flex-direction:column;}
.fg1{
flex-grow:1;
}
.fg2{
flex-grow:2;
}
/* Radio Styles */
.radio-toolbar {
margin: 10px;
}
.radio-toolbar input[type="radio"] {
opacity: 0;
position: fixed;
width: 0;
}
.radio-toolbar label {
display: inline-block;
background-color: #ddd;
padding: 10px 20px;
font-family: sans-serif, Arial;
font-size: 16px;
border: 2px solid #444;
border-radius: 4px;
}
.radio-toolbar label:hover {
background-color: #dfd;
}
.radio-toolbar input[type="radio"]:focus + label {
border: 2px dashed #444;
}
.radio-toolbar input[type="radio"]:checked + label {
background-color: #bfb;
border-color: #4c4;
}
/* Custom Checkmark */
.checkmark-container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.checkmark-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #E1EFF9;
border-radius: 50%;
border:1px solid #2196F3;
}
/* On mouse-over, add a grey background color */
.checkmark-container:hover input ~ .checkmark {
background-color: #C0E1F9;
border-radius: 50%;
}
/* When the checkbox is checked, add a blue background */
.checkmark-container input:checked ~ .checkmark {
background-color: #609ECC;
border-radius: 50%;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.checkmark-container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.checkmark-container .checkmark:after {
left: 8px;
top: 4px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.fade-in {
animation: fadeIn ease 3s;
-webkit-animation: fadeIn ease 3s;
-moz-animation: fadeIn ease 3s;
-o-animation: fadeIn ease 3s;
-ms-animation: fadeIn ease 3s;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
.fade {
position: relative;
height: 600px;
width: 98%;
margin: 0 auto;
}
.fade img {
position: absolute;
left: 0;
opacity: 0;
animation: fade 20s infinite ease-in-out;
}
.fade-img-1 { width:100% }
.fade img:nth-child(1) { animation-delay: 0s; }
.fade img:nth-child(2) { animation-delay: 4s; }
.fade img:nth-child(3) { animation-delay: 8s; }
.fade img:nth-child(4) { animation-delay: 12s; }
.fade img:nth-child(5) { animation-delay: 16s; }
@keyframes fade {
0% { opacity: 0; }
20% { opacity: 1; }
33% { opacity: 1; }
53% { opacity: 0; }
100% { opacity: 0; }
}
input[type="search"]:focus {
border-color: #CCCCCC;
outline-color: #F4F4F4;
outline-style: solid;
}
.g-pairs{
display:grid; gap:1px; grid-template-columns: 1fr 1fr 1fr 1fr ; background: #CCCCCC;
}
@media (max-width:1200px){
.g-pairs{ display:grid; gap:1px; grid-template-columns: 1fr 1fr 1fr ; background: #CCCCCC; }
}
@media (max-width:800px){
.g-pairs{ display:grid; gap:1px; grid-template-columns: 1fr 1fr ; background: #CCCCCC; }
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.example {background: red;}
.main-image-330{
height:300px;
-webkit-transition: height 0.5s; /* Safari prior 6.1 */
transition: height 0.5s;
-webkit-transition: background 3s; /* Safari prior 6.1 */
transition: background 3s;
}
.main-heading{
font-size:2rem;
line-height:2.5rem;
margin: 0.5rem 0.5rem 0 0.5rem;
}
.sub-head{font-size:1.5rem; padding:0.2rem; line-height:1.5rem; margin:0rem 1.5rem 0.5rem 1.5rem;}
.two-one-one{padding:1rem;}
.two-one-two{padding:1rem;}
.three-one{
width:100%;
}
.text-glow{
color: #FFFFFF;
text-shadow: 2px 2px 2px #474747;
}
.strap-line{
font-size:1.5rem;
padding: 1rem 2rem;
}
.header{display:none;}
.header-top-nav{ position:fixed; }
.mheader{display:flex;}
.strap-line{display:none;}
.stripes{margin-top:120px;}
#wtt{height:1100px;}
.testimonial-container {
text-align: center;
}
.testimonial-container img {
margin: auto;
float: none;
display: block;
}
.gallery-column {
flex: 100%;
max-width: 100%;
}
.footer-content{width:100%;}
.sub-head{display:none;}
.testimonial-head{display:none;}
.main-image{margin-top:80px;}
.heading-wrap{width:100%; text-align:center; margin:0; padding-top:10rem; text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 6px #FFF, 0 0 8px #FFF, 0 0 10px #FFF, 0 0 12px #FFF, 0 0 14px #FFF;}
.fullscreen-bg {
background: url(../img/boat.jpg) no-repeat ;
background-size: auto 100%;
/* background-size: 100% auto; */
background-position: top center;
height:100%;
}
/* CONTACT
///////////////////////////////////*/
.col1{width:100%;}
.col2{width:100%;}
.prompt-wrap{width:100%;}
.full-width{padding:1rem;}
.clear-mnav{padding-top:7rem;}
.col1-p{padding-right:0}
.m-strip-pad{
padding:0;
}
.mc-details-head{
text-align: center;
}
.mc-details-head-pin-l{
display:none;
}
.mc-details-head-pin-c{
display:block;
}
.cat-push{margin-left:0;}
.col2-push-top{height:0px;}
.dtcol{flex-direction: row;}
.mcol{flex-direction: column;}
.mcol-reverse{flex-direction:column-reverse;}
.mrow{flex-direction: row;}
.m-flex-grow-1{flex-grow: 1;}
.mcol-768{flex-direction: column;}
.mcol-992{flex-direction: column;}
.mcenter-text{text-align:center;}
.mcenter-text-r{text-align:center;}
.mcenter{margin:0 auto; padding:0;}
.mstrippad{padding:0;}
.mclearborder{border:0;}
.mclearmargin-r{margin-right:0;}
.mmb1{margin-bottom:1rem;}
.lr-switch{white-space: nowrap; background:#F4F4F4;}
.lr-switch-p{white-space: nowrap; background:#F4F4F4;}
.lr-switch:hover, lr-switch-p:hover {
background:#eaeaea;
cursor:pointer;
}
#map{height:400px;}
.pad1-c{padding:1rem 0 0.5rem 0;}
.pad1-c2{padding:0 0 1rem 0;}
.w50-w100{width:100%;}
.pad3-0{padding:0;}
.pad31-0{padding:0;}
.mfs2-3{font-size:2rem;}
.fr-score{display:none;}
.h-score{display:inline-block;}
.ratings-list-admin {
list-style: none;
padding: 0px;
width: 150px;
margin: 5px 0px 20px 0px;
}
.m-usr-sub{display:block;}
.m-usr-sub-clear{height:135px; display:block;}
.usr-sub{display:none;}
.mh{display:none;}
.mclearpad{padding:0;}
.mclearpl1{padding-left:0;}
.mw0-100{width:100%;}
.mw25-100{width:100%;}
.mshow{display:block;}
.mhide{display:none;}
.dthide{display:block;}
.dthide-flex{display:flex;}
.mshow-flex{display:flex;}
.mhide-flex{display:none;}
.mpad1_0-0{padding:0;}
.mcol-w100{width:100%;}
.mmt4{margin-top:4rem}
.mmt5{margin-top:5rem}
.mmt6{margin-top:6rem}
.mw50-100{width:100%;}
.mstripmargin{margin:0;}
.mstripmargin-bottom{margin-bottom:0;}
.mstripmargin-top{margin-top:0;}
.dtstrippad1{padding:1rem;}
.mpad1dt2{padding:1rem;};
#msgs{min-width:100%; }
.mdn{display:none; }
.show600{display:block; }
.mcenterrighttext{text-align:center}
.rh1{font-size:1.5rem}
.mpb2-1{padding-bottom:1rem}
h1{font-size:1.75rem}
.border-r-dt{border-right:0;}
#s-col-1{ flex: 1 1 auto;
min-width: 100%; /* Set value to whatever you want */
overflow: auto; }
#s-col-2{ flex: 1 1 auto;
min-width: 100%; /* Set value to whatever you want */
overflow: auto; }
#s-col-3{ flex: 1 1 auto;
min-width: 100%; /* Set value to whatever you want */
overflow: auto; }
#s-page-wrap{position:static; overflow:scroll; top:120px;}
.s-r{display:block;}
.s-rg{display:none;}
.s-rgb{display:none;}
.s-rgbo{display:none;}
.s-rgbop{display:none;}
.h-r{display:none;}
.h-rg{display:block;}
.h-rgb{display:block;}
.h-rgbo{display:block;}
.h-rgbop{display:block;}
.s--r{display:block;}
.s--rg{display:block;}
.s--rgb{display:block;}
.s--rgbo{display:block;}
.s--gbop{display:none;}
.s--bop{display:none;}
.s--op{display:none;}
.s--p{display:none;}
.sp--r0-5{padding:0;}
.sp--rg0-5{padding:0;}
.sp--rgb0-5{padding:0;}
.sp--rgbo0-5{padding:0;}
.sp--r1{padding:0;}
.sp--rg1{padding:0;}
.sp--rgb1{padding:0;}
.sp--rgbo1{padding:0;}
.sp--r2{padding:0;}
.sp--rg2{padding:0;}
.sp--rgb2{padding:0;}
.sp--rgbo2{padding:0;}
.sp--r3{padding:0;}
.sp--rg3{padding:0;}
.sp--rgb3{padding:0;}
.sp--rgbo3{padding:0;}
.hf-r{display:none;}
.hf-rg{display:none;}
.hf-rgb{display:none;}
.hf-rgbo{display:none;}
.hf-rgbop{display:none;}
.hp{display:block;}
.hpf{display:flex;}
.sp-rgbop{padding:0;}
.showr{display:block;}
.showrf{display:flex;}
.mpad2-1{padding:1rem;}
.mpad3-1{padding:1rem;}
.mfs3-2{font-size:2rem;}
.mhide{display:none;}
.icon-arrow-left{font-size:1.5rem}
.icon-arrow-right{font-size:1.5rem}
.icon-close{font-size:1.5rem}
#hero-img{
width:100%;
/* height:900px; */
object-fit:contain;
object-position: 50% 50%;
display:block;
}
#hero-flex-wrap{flex-direction: column;}
#hero-img-wrap{padding: 0;}
#hero-text-wrap{max-width:100%;}
#hero-image{max-height:150px;}
} /* END RED
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.example {background: green;}
.main-image-330{
height:330px;
-webkit-transition: height 0.5s; /* Safari prior 6.1 */
transition: height 0.5s;
-webkit-transition: background 3s; /* Safari prior 6.1 */
transition: background 3s;
}
.three-one{
width:100%;
}
.header{display:none;}
.header-top-nav{ position:fixed; }
.mheader{display:flex;}
.stripes{margin-top:40px;}
#wtt{height:1100px;}
.gallery-column {
flex: 100%;
max-width: 100%;
}
.footer-content{width:100%;}
.testimonial-head{display:none;}
.main-image{margin-top:80px;}
.fullscreen-bg {
background: url(../img/boat.jpg) no-repeat ;
background-size: auto 100%;
/* background-size: 100% auto; */
background-position: top center;
height:100%;
}
/* CONTACT
///////////////////////////////////*/
.col1{width:100%;}
.col2{width:100%;}
.prompt-wrap{width:100%;}
.full-width{padding:2rem 3rem;}
.clear-mnav{padding-top:7rem;}
.col1-p{padding-right:0}
.m-strip-pad{
padding:0;
}
.mc-details-head{
text-align: center;
}
.mc-details-head-pin-l{
display:none;
}
.mc-details-head-pin-c{
display:block;
}
.cat-push{margin-left:0;}
.col2-push-top{height:0px;}
.dtcol{flex-direction: column;}
.mcol{flex-direction: row;}
.mcol-reverse{flex-direction:row;}
.mrow{flex-direction: column;}
.m-flex-grow-1{flex-grow: 0;}
.mcol-768{flex-direction: column;}
.mcol-992{flex-direction: column;}
.mcenter-text{text-align:left;}
.mcenter-text-r{text-align:right;}
.mcenter{margin:0;}
.lr-switch{white-space: nowrap; background:#F4F4F4;}
.lr-switch-p{white-space: nowrap; background:#F4F4F4;}
.lr-switch:hover, lr-switch-p:hover {
background:#eaeaea;
cursor:pointer;
}
#map{height:400px;}
.pad1-c{padding:1rem;}
.pad1-c2{padding:1rem;}
.w50-w100{width:100%;}
.pad3-0{padding:0;}
.pad31-0{padding:3rem 0 1rem 0;}
.mclearborder{border:0;}
.mfs2-3{font-size:3rem;}
.fr-score{display:none;}
.h-score{display:inline-block;}
.m-usr-sub{display:block;}
.m-usr-sub-clear{height:135px; display:block;}
.usr-sub{display:none;}
.mh{display:none;}
.mclearpad{padding:0;}
.mclearpl1{padding-left:1rem;}
.mw0-100{width:100%;}
.mw25-100{width:100%;}
.mshow{display:block;}
.mhide{display:none;}
.dthide{display:block;}
.dthide-flex{display:flex;}
.mshow-flex{display:flex;}
.mhide-flex{display:none;}
.mpad1_0-0{padding:1rem 0;}
.mmt4{margin-top:4rem}
.mmt5{margin-top:5rem}
.mmt6{margin-top:6rem}
.mw50-100{width:100%;}
.mstripmargin{margin:0;}
.mstripmargin-bottom{margin-bottom:0;}
.mstripmargin-top{margin-top:0;}
.dtstrippad1{padding:1rem;}
.m-flex-grow-1{flex-grow:0;}
.mpad1dt2{padding:2rem;};
/* #message-content{ right: 0; width:100%; position:relative; height:100%;} */
#msgs{max-width:365px;}
#message-content{width:100%; position:static;}
.show600{display:none; }
.mcenterrighttext{text-align:right}
.rh1{font-size:1.5rem}
.mpb2-1{padding-bottom:1rem}
.border-r-dt{border-right:0;}
#s-page-wrap{top:170px;}
.h-gbop{display:none;}
.sp-gbop{padding:0;}
.hf-r{display:flex;}
.hf-rg{display:none;}
.hf-rgb{display:none;}
.hf-rgbo{display:none;}
.s-r{display:block;}
.s-rg{display:block;}
.s-rgb{display:none;}
.s-rgbo{display:none;}
.s-rgbop{display:none;}
.h-r{display:none;}
.h-rg{display:none;}
.h-rgb{display:block;}
.h-rgbo{display:block;}
.h-rgbop{display:block;}
.s--r{display:none;}
.s--rg{display:block;}
.s--rgb{display:block;}
.s--rgbo{display:block;}
.s--gbop{display:block;}
.s--bop{display:none;}
.s--op{display:none;}
.s--p{display:none;}
.sp--gbop{padding:0;}
.sp--r0-5{padding:0.5rem;}
.sp--rg0-5{padding:0;}
.sp--rgb0-5{padding:0;}
.sp--rgbo0-5{padding:0;}
.sp--r1{padding:1rem;}
.sp--rg1{padding:0;}
.sp--rgb1{padding:0;}
.sp--rgbo1{padding:0;}
.sp--r2{padding:2rem;}
.sp--rg2{padding:0;}
.sp--rgb2{padding:0;}
.sp--rgbo2{padding:0;}
.sp--r3{padding:3rem;}
.sp--rg3{padding:0;}
.sp--rgb3{padding:0;}
.sp--rgbo3{padding:0;}
.hp{display:block;}
.hpf{display:flex;}
.showr{display:none;}
.showrf{display:none;}
.mpad2-1{padding:2rem;}
.mpad3-1{padding:3rem;}
.mfs3-2{font-size:2rem;}
.dt-strip-pad {padding:0;}
.dthide{display:none;}
#hero-header{font-size: 3rem; line-height: 3rem;}
#hero-img{
width:100%;
/* height:900px; */
object-fit:contain;
object-position: 50% 50%;
display:block;
}
#hero-flex-wrap{flex-direction: column;}
#hero-img-wrap{padding: 0;}
#hero-text-wrap{max-width:100%;}
} /* END GREEN
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.example {background: blue;}
.main-image-330{
height:330px;
-webkit-transition: height 0.5s; /* Safari prior 6.1 */
transition: height 0.5s;
-webkit-transition: background 3s; /* Safari prior 6.1 */
transition: background 3s;
}
.three-one{
width:100%;
}
.two-one-one{
width:1rem;
flex-grow: 2;
padding:2rem;
}
.two-one-two{
width:1rem;
flex-grow: 1;
}
/*
.header{display:flex;}
.mheader{display:none;}
*/
.header{display:none;}
.header-top-nav{ position:fixed; }
.mheader{display:flex;}
.stripes{margin-top:0;}
.strap-line{font-size:1.6rem;}
.nav a:link {font-size: 1rem; margin-right:1rem;}
#wtt{height:1100px;}
.affiliations{width:220px;}
.call{font-size:2rem;}
.gallery-column {
flex: 50%;
max-width: 50%;
}
.footer-content{width:100%;}
.testimonial-head{display:none;}
.main-image{margin-top:80px;}
.fullscreen-bg {
background: url(../img/boat.jpg) no-repeat ;
background-size: auto 100%;
/* background-size: 100% auto; */
background-position: top center;
height:100%;
}
/* CONTACT
///////////////////////////////////*/
.col1{width:60%;}
.col2{width:40%;}
.prompt-wrap{width:90%;}
.full-width{padding:2rem 3rem;}
.clear-mnav{padding-top:7rem;}
.col1-p{padding-right:3rem}
.m-strip-pad{
padding: 0;;
}
.mc-details-head{
text-align: center;
}
.mc-details-head-pin-l{
display:none;
}
.mc-details-head-pin-c{
display:block;
}
.cat-push{margin-left:0;}
.col2-push-top{height:0px;}
.dtcol{flex-direction: column;}
.mcol{flex-direction: row;}
.mcol-reverse{flex-direction:row;}
.mcol-768{flex-direction: row;}
.mcol-992{flex-direction: column;}
.mcenter-text{text-align:left;}
.mcenter-text-r{text-align:right;}
.mcenter{margin:0;}
.lr-switch{white-space: nowrap; background:#F4F4F4;}
.lr-switch-p{white-space: nowrap; background:#F4F4F4;}
.lr-switch:hover, lr-switch-p:hover {
background:#eaeaea;
cursor:pointer;
}
#map{height:400px;}
.pad1-c{padding:1rem;}
.pad1-c2{padding:1rem;}
.w50-w100{width:100%;}
.pad3-0{padding:0;}
.pad31-0{padding:3rem 0 1rem 0;}
.mclearborder{border:0;}
.mfs2-3{font-size:3rem;}
.fr-score{display:none;}
.h-score{display:block;}
.m-usr-sub{display:block;}
.m-usr-sub-clear{height:135px; display:block;}
.usr-sub{display:none;}
.mh{display:none;}
.mclearpl1{padding-left:1rem;}
.mw0-100{width:100%;}
.mw25-100{width:100%;}
.mshow{display:block;}
.mhide{display:none;}
.dthide{display:block;}
.dthide-flex{display:flex;}
.mshow-flex{display:flex;}
.mhide-flex{display:none;}
.mpad1_0-0{padding:1rem 0;}
.mmt4{margin-top:0}
.mmt5{margin-top:0}
.mmt6{margin-top:0}
.mw50-100{width:100%;}
.mstripmargin{margin:0;}
.mstripmargin-bottom{margin-bottom:0;}
.mstripmargin-top{margin-top:0;}
.dtstrippad1{padding:1rem;}
.m-flex-grow-1{flex-grow:0;}
.mpad1dt2{padding:2rem;};
/* #message-content{ right: 0; width:100%; position:relative; height:100%;} */
#msgs{max-width:365px;}
#message-content{width:100%; position:static;}
.mcenterrighttext{text-align:right}
.rh1{font-size:1.5rem}
.mpb2-1{padding-bottom:1rem}
.border-r-dt{border-right:1px solid #CCCCCC;}
.h-bop{display:none;}
.sp-bop{padding:0;}
.hf-r{display:flex;}
.hf-rg{display:flex;}
.hf-rgb{display:none;}
.hf-rgbo{display:none;}
.s-r{display:block;}
.s-rg{display:block;}
.s-rgb{display:block;}
.s-rgbo{display:none;}
.s-rgbop{display:none;}
.h-r{display:none;}
.h-rg{display:none;}
.h-rgb{display:none;}
.h-rgbo{display:block;}
.h-rgbop{display:block;}
.s--r{display:none;}
.s--rg{display:none;}
.s--rgb{display:block;}
.s--rgbo{display:block;}
.s--gbop{display:block;}
.s--bop{display:block;}
.s--op{display:none;}
.s--p{display:none;}
.sp--bop{padding:0;}
.sp--r0-5{padding:0.5rem;}
.sp--rg0-5{padding:0.5rem;}
.sp--rgb0-5{padding:0;}
.sp--rgbo0-5{padding:0;}
.sp--r1{padding:1rem;}
.sp--rg1{padding:1rem;}
.sp--rgb1{padding:0;}
.sp--rgbo1{padding:0;}
.sp--r2{padding:2rem;}
.sp--rg2{padding:2rem;}
.sp--rgb2{padding:0;}
.sp--rgbo2{padding:0;}
.sp--r3{padding:3rem;}
.sp--rg3{padding:3rem;}
.sp--rgb3{padding:0;}
.sp--rgbo3{padding:0;}
/* .sp--r{padding:0;}
.sp--rg{padding:0;}
.sp--rgb{padding:0;} */
.hp{display:block;}
.hpf{display:flex;}
.showr{display:none;}
.showrf{display:none;}
.mpad2-1{padding:2rem;}
.mpad3-1{padding:3rem;}
.mfs3-2{font-size:3rem;}
.dt-strip-pad {padding:0;}
.dthide{display:none;}
#hero-header{font-size: 3rem; line-height: 3rem;}
#hero-img{
width:100%; height:900px;
object-fit:contain;
object-position: 50% 50%;
display:block;
}
#hero-flex-wrap{flex-direction: column;}
#hero-img-wrap{padding: 0;}
#hero-text-wrap{max-width:100%;}
} /*END BLUE
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.example {background: orange;}
.main-image-330{
height:330px;
-webkit-transition: height 0.5s; /* Safari prior 6.1 */
transition: height 0.5s;
-webkit-transition: background 3s; /* Safari prior 6.1 */
transition: background 3s;
}
.three-two-one{
width:50%;
}
.three-one{
width:33%;
max-width: 400px;
}
.two-one-one{
width:1rem;
flex-grow: 2;
}
.two-one-two{
width:1rem;
flex-grow: 1;
}
.header{display:flex;}
.header-top-nav{ position:relative; }
.mheader{display:none;}
.stripes{margin-top:0;}
.footer-links li {display:inline; margin-right: 1.5rem;}
#wtt{height:600px;}
.strap-line{font-size:2rem;}
.nav a:link {font-size: 1.2rem; margin-right:1.5rem;}
.affiliations{width:300px;}
.call{font-size:2.5rem;}
.gallery-column {
flex: 50%;
max-width: 50%;
}
.footer-content{width:100%;}
.testimonial-head{display:flex;}
.main-image{margin-top:0px;}
.fullscreen-bg {
background: url(../img/boat.jpg) no-repeat ;
/* background-size: auto 100%; */
background-size: auto 100%;
background-position: top center;
height:100%;
}
/* CONTACT
///////////////////////////////////*/
.col1{width:60%;}
.col2{width:40%;}
.prompt-wrap{width:90%;}
.full-width{padding:2rem 3rem;}
.col1-p{padding-right:3rem}
.m-strip-pad{
padding: 0.5rem;
}
.mc-details-head{
text-align: left;
}
.mc-details-head-pin-l{
display:block;
}
.mc-details-head-pin-c{
display:none;
}
.cat-push{margin-left:58px;}
.col2-push-top{height:280px;}
.clear-mnav{padding-top:2rem;}
.dtcol{flex-direction: column;}
.mcol{flex-direction: row;}
.mcol-reverse{flex-direction:row;}
.mcol-768{flex-direction: row;}
.mcol-992{flex-direction: row;}
.mcenter-text{text-align:left;}
.mcenter-text-r{text-align:right;}
.mcenter{margin:0;}
.lr-switch{white-space: nowrap; background:#F4F4F4;}
.lr-switch-p{white-space: nowrap; background:#F4F4F4;}
.lr-switch:hover, lr-switch-p:hover {
background:#eaeaea;
cursor:pointer;
}
#map{height:450px;}
.pad1-c{padding:1rem;}
.pad1-c2{padding:1rem;}
.w50-w100{width:50%;}
.pad3-0{padding:3rem;}
.mclearborder{border-right:1px solid #CCCCCC;}
.mfs2-3{font-size:3rem;}
.fr-score{display:none;}
.h-score{display:inline-block;}
.m-usr-sub{display:none;}
.m-usr-sub-clear{height:135px; display:none;}
.usr-sub{display:block;}
.mh{display:block;}
.mclearpl1{padding-left:1rem;}
.mw0-100{width:0%;}
.mw25-100{width:25%;}
.mshow{display:none;}
.mhide{display:block;}
.dthide{display:block;}
.dthide-flex{display:none;}
.mshow-flex{display:none;}
.mhide-flex{display:flex;}
.mpad1_0-0{padding:1rem 0;}
.mmt4{margin-top:0}
.mmt5{margin-top:0}
.mmt6{margin-top:0}
.mw50-100{width:50%;}
.mstripmargin-bottom{margin-bottom:1rem;}
.mstripmargin-top{margin-top:1rem;}
.dtstrippad1{padding:0;}
.m-flex-grow-1{flex-grow:0;}
.mpad1dt2{padding:2rem;};
/* #message-content{ right: 0; width:100%; position:relative; height:100%;} */
#msgs{max-width:365px;}
#message-content{width:100%; position:static;}
.mcenterrighttext{text-align:right}
.dtstrippad{padding:0;}
.rh1{font-size:2rem}
.mpb2-1{padding-bottom:2rem}
.border-r-dt{border-right:1px solid #CCCCCC;}
.h-op{display:none;}
.sp-op{padding:0;}
.hf-r{display:flex;}
.hf-rg{display:flex;}
.hf-rgb{display:flex;}
.hf-rgbo{display:none;}
.show-red{display:none;}
.hp{display:block;}
.hpf{display:flex;}
.s-r{display:block;}
.s-rg{display:block;}
.s-rgb{display:block;}
.s-rgbo{display:block;}
.s-rgbop{display:none;}
.h-r{display:none;}
.h-rg{display:none;}
.h-rgb{display:none;}
.h-rgbo{display:none;}
.h-rgbop{display:block;}
.s--r{display:none;}
.s--rg{display:none;}
.s--rgb{display:none;}
.s--rgbo{display:block;}
.s--gbop{display:block;}
.s--bop{display:block;}
.s--op{display:block;}
.s--p{display:none;}
.sp--r0-5{padding:0.5rem;}
.sp--rg0-5{padding:0.5rem;}
.sp--rgb0-5{padding:0.5rem;}
.sp--rgbo0-5{padding:0;}
.sp--r1{padding:1rem;}
.sp--rg1{padding:1rem;}
.sp--rgb1{padding:1rem;}
.sp--rgbo1{padding:0;}
.sp--r2{padding:2rem;}
.sp--rg2{padding:2rem;}
.sp--rgb2{padding:2rem;}
.sp--rgbo2{padding:0;}
.sp--r3{padding:3rem;}
.sp--rg3{padding:3rem;}
.sp--rgb3{padding:3rem;}
.sp--rgbo3{padding:0;}
.sp--op{padding:0;}
.showr{display:none;}
.showrf{display:none;}
.mpad2-1{padding:2rem;}
.mpad3-1{padding:3rem;}
.mfs3-2{font-size:3rem;}
.dt-strip-pad {padding:0;}
.dthide{display:none;}
#hero-header{font-size: 4rem; line-height: 4rem;}
#hero-img{
width:100%; height:900px;
object-fit:contain;
object-position: 50% 50%;
display:block;
}
#hero-flex-wrap{flex-direction: row;}
#hero-img-wrap{padding-left: 2rem;}
#hero-text-wrap{max-width:400px;}
} /*END ORANGE
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.example {background: pink;}
.main-image-330{
height:330px;
-webkit-transition: height 0.5s; /* Safari prior 6.1 */
transition: height 0.5s;
-webkit-transition: background 3s; /* Safari prior 6.1 */
transition: background 3s;
}
.full-width-wrap{
display:flex;
justify-content:center;
}
.full-width{
max-width:1200px;
}
.three-two-one{
width:33%;
max-width: 400px;
}
.three-one{
width:33%;
max-width: 400px;
}
.two-one-one{
width:1rem;
flex-grow: 2;
}
.two-one-two{
width:1rem;
flex-grow: 1;
}
.m-strip-pad{
padding: 0.5rem;
}
.header{display:flex;}
.header-top-nav{ position:relative; }
.mheader{display:none;}
.stripes{margin-top:0;}
.footer-links li {display:inline; margin-right: 1.5rem;}
#wtt{height:600px;}
.strap-line{font-size:2rem;}
.nav a:link {font-size: 1.2rem; margin-right:1.5rem;}
.affiliations{width:350px;}
.call{font-size:3rem;}
.gallery-column {
flex: 50%;
max-width: 50%;
}
.fullscreen-bg {
background: url(../img/boat.jpg) no-repeat;
background-size: cover;
background-position: top center;
height: 100%;
}
/* CONTACT
///////////////////////////////////*/
.col1{width:60%;}
.col2{width:40%;}
.prompt-wrap{width:90%;}
.col1-p{padding-right:3rem}
.mc-details-head{
text-align: left;
}
.mc-details-head-pin-l{
display:block;
}
.mc-details-head-pin-c{
display:none;
}
.cat-push{margin-left:58px;}
.col2-push-top{height:280px;}
.clear-mnav{padding-top:2rem;}
.dtcol{flex-direction: column;}
.mcol{flex-direction: row;}
.mcol-reverse{flex-direction:row;}
.mcol-768{flex-direction: row;}
.mcol-992{flex-direction: row;}
.mcenter-text{text-align:left;}
.mcenter{margin:0;}
.mcenter-text-r{text-align:right;}
.lr-switch{white-space: nowrap; background:#F4F4F4;}
.lr-switch-p{white-space: nowrap; background:#F4F4F4;}
.lr-switch:hover, lr-switch-p:hover {
background:#eaeaea;
cursor:pointer;
}
#map{height:450px;}
.pad1-c{padding:1rem;}
.pad1-c2{padding:1rem;}
.w50-w100{width:100%;}
.pad3-0{padding:3rem;}
.mclearborder{border-right:1px solid #CCCCCC;}
.mfs2-3{font-size:3rem;}
.fr-score{display:block;}
.h-score{display:none;}
.m-usr-sub{display:none;}
.m-usr-sub-clear{height:135px; display:none;}
.usr-sub{display:block;}
.mh{display:block;}
.mclearpl1{padding-left:1rem;}
.mw0-100{width:0%;}
.mw25-100{width:25%;}
.mshow{display:none;}
.mhide{display:block;}
.dthide{display:none;}
.mshow-flex{display:none;}
.mhide-flex{display:flex;}
.mpad1_0-0{padding:1rem 0;}
.mmt4{margin-top:0}
.mmt5{margin-top:0}
.mmt6{margin-top:0}
.mw50-100{width:50%;}
.mstripmargin-bottom{margin-bottom:1rem;}
.mstripmargin-top{margin-top:1rem;}
.dtstrippad1{padding:0;}
.m-flex-grow-1{flex-grow:0;}
.mpad1dt2{padding:2rem;};
/* #message-content{ right: 0; width:100%; position:relative; height:100%;} */
#msgs{max-width:365px;}
#message-content{width:100%; position:static;}
.mcenterrighttext{text-align:right}
.dtstrippad{padding:0;}
.rh1{font-size:2rem}
.mpb2-1{padding-bottom:2rem}
.border-r-dt{border-right:1px solid #CCCCCC;}
.h-p{display:none;}
.sp-p{padding:0;}
.show-red{display:none;}
.hf-r{display:none;}
.hf-rg{display:none;}
.hf-rgb{display:none;}
.hf-rgbo{display:none;}
.hf-rgbop{display:none;}
.hp{display:none;}
.hpf{display:none;}
.s-r{display:block;}
.s-rg{display:block;}
.s-rgb{display:block;}
.s-rgbo{display:block;}
.s-rgbop{display:block;}
.h-r{display:none;}
.h-rg{display:none;}
.h-rgb{display:none;}
.h-rgbo{display:none;}
.h-rgbop{display:none;}
.s--r{display:none;}
.s--rg{display:none;}
.s--rgb{display:none;}
.s--rgbo{display:none;}
.s--gbop{display:block;}
.s--bop{display:block;}
.s--op{display:block;}
.s--p{display:block;}
.sp--r0-5{padding:0.5rem;}
.sp--rg0-5{padding:0.5rem;}
.sp--rgb0-5{padding:0.5rem;}
.sp--rgbo0-5{padding:0.5rem;}
.sp--r1{padding:1rem;}
.sp--rg1{padding:1rem;}
.sp--rgb1{padding:1rem;}
.sp--rgbo1{padding:1rem;}
.sp--r2{padding:2rem;}
.sp--rg2{padding:2rem;}
.sp--rgb2{padding:2rem;}
.sp--rgbo2{padding:2rem;}
.sp--r3{padding:3rem;}
.sp--rg3{padding:3rem;}
.sp--rgb3{padding:3rem;}
.sp--rgbo3{padding:3rem;}
.sp--p{padding:0;}
.showr{display:none;}
.showrf{display:none;}
.mpad2-1{padding:2rem;}
.mpad3-1{padding:3rem;}
.mfs3-2{font-size:3rem;}
.dt-strip-pad {padding:0;}
.dthide{display:none;}
#hero-header{font-size: 5rem; line-height: 5rem;}
#hero-img{
width:100%; height:900px;
object-fit:contain;
object-position: 50% 50%;
display:block;
}
#hero-flex-wrap{flex-direction: row;}
#hero-img-wrap{padding-left: 2rem;}
#hero-text-wrap{max-width:400px;}
} /*END PINK
/* Fonts
----------------------------------------------- */
@font-face {
font-family: 'neo_sansregular';
src: url("fonts/neosans-webfont.eot");
src: url("fonts/neosans-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/neosans-webfont.woff") format("woff"), url("fonts/neosans-webfont.ttf") format("truetype"), url("fonts/neosans-webfont.svg#neo_sansregular") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'neo_sansbold';
src: url("fonts/neosans-bold-webfont.eot");
src: url("fonts/neosans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/neosans-bold-webfont.woff") format("woff"), url("fonts/neosans-bold-webfont.ttf") format("truetype"), url("fonts/neosans-bold-webfont.svg#neo_sansbold") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'neo_sansitalic';
src: url("fonts/neosans-italic-webfont.eot");
src: url("fonts/neosans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/neosans-italic-webfont.woff") format("woff"), url("fonts/neosans-italic-webfont.ttf") format("truetype"), url("fonts/neosans-italic-webfont.svg#neo_sansitalic") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'neo_sanslight';
src: url("fonts/neosans-light-webfont.eot");
src: url("fonts/neosans-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/neosans-light-webfont.woff") format("woff"), url("fonts/neosans-light-webfont.ttf") format("truetype"), url("fonts/neosans-light-webfont.svg#neo_sanslight") format("svg");
font-weight: normal;
font-style: normal; }
/* Icons
----------------------------------------------- */
.icon-up-size{
position:relative; top:5px; margin-right:5px;
}
.icon-mnav{
font-size:1.3rem; position:relative; top:3px; margin-right:5px;
}
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?z14l0g');
src: url('fonts/icomoon.eot?z14l0g#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf') format('truetype'),
url('fonts/icomoon.woff?z14l0g') format('woff'),
url('fonts/icomoon.svg?z14l0g#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-up-pointer-outline:before {
content: "\e927";
}
.icon-down-pointer-outline:before {
content: "\e928";
}
.icon-bubble-pause:before {
content: "\e926";
}
.icon-half-star .path1:before {
content: "\e924";
color: rgb(255, 215, 0);
}
.icon-half-star .path2:before {
content: "\e925";
margin-left: -1em;
color: rgb(204, 204, 204);
}
.icon-copy:before {
content: "\e929";
}
.icon-genus-icon:before {
content: "\e923";
}
.icon-special-interests:before {
content: "\e922";
}
.icon-condition-2:before {
content: "\e920";
}
.icon-authorised:before {
content: "\e921";
}
.icon-tooth:before {
content: "\e91f";
}
.icon-time-line:before {
content: "\e91d";
}
.icon-work-group:before {
content: "\e91e";
}
.icon-left-pointer-outline:before {
content: "\e91a";
}
.icon-close-circle-outline:before {
content: "\e91b";
}
.icon-right-pointer-outline:before {
content: "\e91c";
}
.icon-clinic-pointer:before {
content: "\e918";
}
.icon-dentist-pointer:before {
content: "\e919";
}
.icon-vcard:before {
content: "\e915";
}
.icon-pin:before {
content: "\e916";
}
.icon-refresh-centred:before {
content: "\e912";
}
.icon-filter:before {
content: "\e910";
}
.icon-radar:before {
content: "\e90f";
}
.icon-van:before {
content: "\e90e";
}
.icon-console2:before {
content: "\e914";
}
.icon-department-pointer:before {
content: "\e913";
}
.icon-envelope-open:before {
content: "\e911";
}
.icon-hospital:before {
content: "\e90d";
}
.icon-physio-pointer:before {
content: "\e90a";
}
.icon-GP-pointer:before {
content: "\e90b";
}
.icon-hospital-pointer:before {
content: "\e90c";
}
.icon-geo:before {
content: "\e909";
}
.icon-department-circle:before {
content: "\e908";
}
.icon-email-sent-circle:before {
content: "\e906";
}
.icon-email-sent-circle2:before {
content: "\e907";
}
.icon-alert-circle:before {
content: "\e902";
}
.icon-link-circle:before {
content: "\e903";
}
.icon-lock-circle:before {
content: "\e904";
}
.icon-unlink-circle:before {
content: "\e905";
}
.icon-bell-ring:before {
content: "\e901";
}
.icon-condition-icon:before {
content: "\e900";
}
.icon-tick-circle:before {
content: "\e670";
}
.icon-camera:before {
content: "\3d";
}
.icon-license:before {
content: "\e001";
}
.icon-bell:before {
content: "\e02f";
}
.icon-binocular:before {
content: "\e082";
}
.icon-unlink:before {
content: "\e133";
}
.icon-blocked:before {
content: "\e188";
}
.icon-facebook:before {
content: "\e224";
}
.icon-twitter:before {
content: "\e227";
}
.icon-phone:before {
content: "\e917";
}
.icon-medical-centre:before {
content: "\e66f";
}
.icon-cart:before {
content: "\e600";
}
.icon-calendar:before {
content: "\e601";
}
.icon-warning:before {
content: "\e602";
}
.icon-file:before {
content: "\e603";
}
.icon-minus:before {
content: "\e604";
}
.icon-plus:before {
content: "\e605";
}
.icon-checkmark:before {
content: "\e606";
}
.icon-close:before {
content: "\e607";
}
.icon-home:before {
content: "\e608";
}
.icon-bubble:before {
content: "\e609";
}
.icon-bubbles:before {
content: "\e60a";
}
.icon-user:before {
content: "\e60b";
}
.icon-users:before {
content: "\e60c";
}
.icon-user-plus:before {
content: "\e60d";
}
.icon-user-minus:before {
content: "\e60e";
}
.icon-spinner:before {
content: "\e60f";
}
.icon-spinner2:before {
content: "\e610";
}
.icon-zoom-in:before {
content: "\e611";
}
.icon-zoom-out:before {
content: "\e612";
}
.icon-wrench:before {
content: "\e613";
}
.icon-remove:before {
content: "\e614";
}
.icon-link:before {
content: "\e615";
}
.icon-attachment:before {
content: "\e616";
}
.icon-flag:before {
content: "\e617";
}
.icon-plus2:before {
content: "\e618";
}
.icon-minus2:before {
content: "\e619";
}
.icon-checkmark2:before {
content: "\e61a";
}
.icon-close2:before {
content: "\e61b";
}
.icon-cursor:before {
content: "\e61c";
}
.icon-enter:before {
content: "\e61d";
}
.icon-arrow-up:before {
content: "\e61e";
}
.icon-arrow-right:before {
content: "\e61f";
}
.icon-arrow-down:before {
content: "\e620";
}
.icon-arrow-left:before {
content: "\e621";
}
.icon-arrow-up2:before {
content: "\e622";
}
.icon-arrow-right2:before {
content: "\e623";
}
.icon-arrow-down2:before {
content: "\e624";
}
.icon-arrow-left2:before {
content: "\e625";
}
.icon-arrow-up3:before {
content: "\e626";
}
.icon-arrow-right3:before {
content: "\e627";
}
.icon-arrow-down3:before {
content: "\e628";
}
.icon-arrow-left3:before {
content: "\e629";
}
.icon-star:before {
content: "\e62a";
}
.icon-cloud-upload:before {
content: "\e62b";
}
.icon-cloud-download:before {
content: "\e62c";
}
.icon-cloud:before {
content: "\e62d";
}
.icon-stats-up:before {
content: "\e62e";
}
.icon-pie:before {
content: "\e62f";
}
.icon-unlocked:before {
content: "\e630";
}
.icon-lock:before {
content: "\e631";
}
.icon-lock2:before {
content: "\e632";
}
.icon-envelope:before {
content: "\e633";
}
.icon-location:before {
content: "\e634";
}
.icon-print:before {
content: "\e635";
}
.icon-bubble-notification:before {
content: "\e636";
}
.icon-signup:before {
content: "\e637";
}
.icon-flag2:before {
content: "\e638";
}
.icon-eye:before {
content: "\e639";
}
.icon-info:before {
content: "\e63a";
}
.icon-warning2:before {
content: "\e63b";
}
.icon-loop:before {
content: "\e63c";
}
.icon-refresh:before {
content: "\e63d";
}
.icon-switch:before {
content: "\e63e";
}
.icon-lightning:before {
content: "\e63f";
}
.icon-star2:before {
content: "\e640";
}
.icon-smiley:before {
content: "\e641";
}
.icon-sad:before {
content: "\e642";
}
.icon-arrow-up4:before {
content: "\e643";
}
.icon-arrow-right4:before {
content: "\e644";
}
.icon-arrow-down4:before {
content: "\e645";
}
.icon-arrow-left4:before {
content: "\e646";
}
.icon-enter2:before {
content: "\e647";
}
.icon-mail:before {
content: "\e66a";
}
.icon-image:before {
content: "\e648";
}
.icon-images:before {
content: "\e649";
}
.icon-bullhorn:before {
content: "\e64a";
}
.icon-mic:before {
content: "\e64b";
}
.icon-file2:before {
content: "\e64c";
}
.icon-file3:before {
content: "\e64d";
}
.icon-file-plus:before {
content: "\e64e";
}
.icon-file-minus:before {
content: "\e64f";
}
.icon-file-check:before {
content: "\e650";
}
.icon-file-remove:before {
content: "\e651";
}
.icon-folder:before {
content: "\e652";
}
.icon-folder-plus:before {
content: "\e653";
}
.icon-folder-minus:before {
content: "\e654";
}
.icon-folder-minus2:before {
content: "\e655";
}
.icon-folder8:before {
content: "\e656";
}
.icon-folder-remove:before {
content: "\e657";
}
.icon-folder-download:before {
content: "\e658";
}
.icon-folder-upload:before {
content: "\e659";
}
.icon-folder-plus2:before {
content: "\e65a";
}
.icon-support:before {
content: "\e65b";
}
.icon-clock:before {
content: "\e65c";
}
.icon-minus-circle:before {
content: "\e65d";
}
.icon-starburst:before {
content: "\e66b";
}
.icon-key:before {
content: "\e65e";
}
.icon-barcode:before {
content: "\e65f";
}
.icon-qrcode:before {
content: "\e660";
}
.icon-cancel-circle:before {
content: "\e661";
}
.icon-remove2:before {
content: "\e662";
}
.icon-pencil:before {
content: "\e663";
}
.icon-pencil2:before {
content: "\e664";
}
.icon-pencil3:before {
content: "\e665";
}
.icon-eye2:before {
content: "\e666";
}
.icon-new:before {
content: "\e667";
}
.icon-spinner3:before {
content: "\e668";
}
.icon-podcast:before {
content: "\e66c";
}
.icon-file-pdf:before {
content: "\e669";
}
.icon-bag:before {
content: "\e66d";
}
.icon-search:before {
content: "\e130";
}
.icon-bubble2:before {
content: "\e0eb";
}
.icon-bubble-plus:before {
content: "\e0fc";
}
.icon-paper-plane:before {
content: "\e19b";
}
.icon-arrow-down5:before {
content: "\e1ba";
}
.icon-newtab:before {
content: "\e319";
}
.icon-arrow-left5:before {
content: "\e1bb";
}
.icon-arrow-right5:before {
content: "\e1b9";
}
.icon-arrow-up5:before {
content: "\e1b8";
}
.icon-user_circle:before {
content: "\e66e";
}
.icon-direction:before {
content: "\e0ae";
}
.icon-drawer:before {
content: "\e0cb";
}
.icon-database:before {
content: "\e0d5";
}
.icon-cog:before {
content: "\e146";
}
.icon-trophy:before {
content: "\e170";
}
.icon-list:before {
content: "\e1c1";
}
.icon-grid:before {
content: "\e1c2";
}
.icon-tree:before {
content: "\e1c6";
}
.icon-menu:before {
content: "\e1c8";
}
.icon-heart:before {
content: "\e20c";
}
.icon-heart1:before {
content: "\e20d";
}
.icon-star-A:before {
content: "\e62a"; }
.icon-star-B:before {
content: "\e62a"; }
.icon-star-C:before {
content: "\e62a"; }
.icon-star-D:before {
content: "\e62a"; }
@media print {
/* Sets print view with media query */
/* body * {
display: none;
} */
/* Sets body and elements in it to not display */
.header-top-nav{display:none;}
.non-printing{display:none;}
.header{display:none;}
.mheader{display:none;}
.m-usr-sub-clear{display:none;}
.full-width{padding:1rem;}
.printing{display:block;}
.pblock{display:block;}
.p-strip-pad{padding:0;}
.p-strip-margin{margin:0;}
#footer{display:none;}
/* Sets print area element and all its content to display */
.hr {
border-top: solid 1px #000 !important;
}
}